/*
* Direction
* Default Configuration
* Font 
* Header, Body and footer configuration
* Links
* Scrollbar 
* Notification Bubble 
* Mask 
* Box Shadow Parameters
* Button
* Forms
* Date Picker
* Message Display
* Tabs
* Virtual Keypad
* Collapsible section
* Modal View
* Download Component
* Table
* Step tracker
* Breadcrumb
* Print help, Print preview
* Link delink
* Password Strength
* Pagination 
* Hamburger menu
* Ticker
* Widgets
*/
/*
 * This file contains the color palette configuration defined in application
 * for various colors shades. Any color added in style sheet should be from
 * this defined set of color palettes only
 */
/* 
 * Get the corresponding hex code for the color
 * Usage: color("name_of_color", "type_of_color")
 * Example: $primary-color: color("red", "lighten-2");
 */
/* Direction - Used for RTL/LTR support. Not yet implemented.
 * Possible values are: 
 * ltr (for Left to Right languages)
 * rtl (for right to left languages)
 */
/* Default Configurations 
 * Every bank will be associated with a default theme which will be a combination 
 * of a primary color and a secondary color.
 */
/* new theme orange introduced*/
/* Font - The default font family (Roboto) used in applications are mentioned here.
 * Recommendation is not to change the font family as application font family has been decided as per 
 * Google material design recommendation.
 * Changing font family will have below mentioned impacts:
 * 	1. font sizes, font weight needs to be redefined across application style sheets as per the new font family.
 *  2. Any alignment issues due to the font change needs to be taken care.
 */
/* icomoon and fontawesome font families are used mostly for icon sets used in application screens */
/* Application heading related configurations */
/* Header, Body and footer configurations used in login screens and post login application screens */
/* Pre-login screens related configuration */
/* Post login application  screen configuration */
/* Hyperlink configuration */
/* Scrollbar configuration 
 * Some browsers doesn't support changing the native default scrollbars. The below style changes 
 * might not reflect in such browsers.
 */
/* Left hand side and Right hand side vertical and horizontal bar configurations */
/* Notification Bubble 
 * Used in header for showing notification count for Alerts, Mails and Mails count in hamburger menu
 */
/* Mask - Used mainly as a background for overlay screens to mask user from clicking 
 * on the background screen components.
 */
/* Box Shadow Configuration 
 * Used to give shadow effects to ovarlays, containers, components, pulldowns. Multiple shadow attributes
 * are defined which can be used across application screens.
 */
/* Buttons
 * Application buttons fall into below mentioned categories:
 * 1. Primary Button 
 * 2. Secondary Button
 * 3. Flat Button  - should look like a normal text on screen, but actually its a button in backend
 * 4. Disabled Button - used for displaying disabled(non clickable/read only) buttons
 * Configuration allows you to change to sharp edges of buttons, color, shadow, case of text etc.
 * Note: If case of button text is changed, ensure to give proper font-size also to avoid any distortion.
 */
/* Form Configurations
 * Contains form elements:
 * 1. Input fields.
 * 2. Labels
 * 3. Check boxes
 * 4. Radio buttons
 * 5. Combo boxes
 * 6. Text area
 * 7. Mandatory star *
 * 8. Place holder
 */
/* 
 * Date Picker configuration
 * Configuration allows you to customize the date picker styles
 */
/* 
 * Message Display 
 * Configuration for Success,Error,Warning,Info messages.
 * Note: All icons used in messages are included as IMAGE using IMG tag
 */
/* 
 * Tabs configuration
 */
/* 
 * Virtual Keypad Configuration
 */
/* 
 * Collapsible section configuration
 */
/* 
 * Modal View configuration 
 */
/* 
 * Download Component configuration 
 * Defined Download Formats are: Excel, PDF, Text
 */
/* 
 * Listing table configuration
 */
/* 
 * Step tracker configuration
 */
/* 
 * Breadcrumb configuration
 */
/* 
 * Print help, Print preview configuration
 */
/* 
 * Link delink configuration
 */
/* 
 * Password Strength configuration
 * Below mentioned are the password strength values possible:
 * 1. too short
 * 2. weak
 * 3. fair
 * 4. strong
 * 5. very strong
 * Note: All icons are included as IMAGE using IMG tag
 */
/* 
 * Listing table pagination configuration
 * Note: Navigation icons are used as IMAGE, not font icons
 */
/* 
 * Hamburger menu configuration
 */
/* 
 * Ticker configuration - Ticker is the live scroll messages 
 */
/* 
 * Widgets configuration
 */
/*
 * This file contains any common $ config params other than the themes/branding related confgurations
 */
/*
 * This file contains the language based directional changes for LTR/RTL languages.
 * This functionality is not yet integrated into application SCSS. Will be considered when RTL support gets incorporated.
 */
/*
 * This file contains all common functions, mixins which are used across all SCSS files.
 */
[type="checkbox"] + span, [type="radio"]:not(:checked) + span,
[type="radio"]:checked + span, .tabs ul, .dncalendar-header .dncalendar-links div {
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
 * This file contains all component styles which are modified on top of the base materialize style sheet as per 11.2.4 requirements. 
 * The file has been delivered to product by third party vendor as per product requirements using Google Material Design. 
 */
/*
 * Project          : Decorum
 * Module           : Common
 * Source filename  : styles.css
 * Description      : Webpage styles
 * Author           : Jaison, Ushalatha, Prasanth, Santhosh, Shruthi, Nikhil
 * Copyright        : Copyright (C) 2015, Infosys Limited
 *                    Written under contract by Robosoft Technologies Pvt. Ltd.
 */
/*
 * Form elements 
 */
/*
 * Button Styles
 */
.btn,
.btn-large,
.btn-flat {
  /*text-transform: initial;*/
  /*Modified for making text as uppercase-Lumi*/
}

.btn,
.btn-large {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #FF9F00;
}

.btn:hover,
.btn-large:hover {
  -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #FF9F00;
  color: #FFFFFF;
}

.btn-floating {
  background-color: #FF9F00;
}

button:focus {
  background-color: #FF9F00;
}

.btn,
.btn-large,
.btn-flat {
  /* font-weight: 500; */
  color: #FFFFFF;
  font-size: 14px;
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
  /*Modified for lumi for font size*/
  text-transform: uppercase;
  border-radius: 2px;
}

.btn input,
.btn-large input,
.btn-flat input {
  font-size: 14px;
}

.button-container .btn,
.button-container .btn-flat {
  margin-bottom: 8px;
  margin-right: 5px;
}

.button-container .btn:last-child {
  margin-right: 0px;
}

.btn-flat {
  color: #0F9CFF;
  background-color: transparent;
}

.btn-flat:hover {
  color: #0F9CFF;
}

.reset-btn,
.gray-btn,
button[type="reset"].waves-effect {
  background-color: #FFFFFF;
  color: #FF9F00;
}

.reset-btn:hover,
.reset-btn:focus,
.gray-btn:hover,
.gray-btn:focus,
button[type="reset"].waves-effect:hover {
  background-color: #FFFFFF;
  color: #FF9F00;
}

.waves-effect.waves-blue .waves-ripple {
  background-color: transparent;
}

label.active {
  color: #0F9CFF;
  /*Modified for Lumi*/
}

.waves-effect input[type="button"],
.waves-effect input[type="reset"],
.waves-effect input[type="submit"] {
  padding-left: 0;
  padding-right: 0;
}

/* Added for tab-out issue in button */
.buttonFocus {
  -o-box-shadow: 0px 8px 8px -2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 8px 8px -2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 8px 8px -2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 8px 8px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 8px -2px rgba(0, 0, 0, 0.3);
}

/*Modified for Lumi-- Multi Action Button Issue for next row --Start */
.dropdown-content span > a {
  display: block;
  line-height: 22px;
  padding: 14px 16px;
  text-align: left;
  color: #0F9CFF;
  font-size: 14px;
  line-height: 20px;
}

.dropdown-content span > a:hover {
  background-color: #F5F5F5;
}

/*Modified for Lumi-- Multi Action Button Issue for next row --End */
.file-field .btn,
.file-field .btn-large {
  height: 36px;
  line-height: 36px;
  margin-top: 5px;
  width: 67px;
  margin-bottom: 5px;
  /*Modified for file broswe*/
}

.bluelink_wrap:link {
  font-size: 0.69em;
  text-decoration: none;
  word-wrap: break-word;
  float: left;
  color: #ff6633!important;
}

.btn.disabled,
.disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-large:disabled,
.btn-floating:disabled {
  background: #E0E0E0 !important;
  color: #9E9E9E !important;
}

.btn-flat:disabled {
  color: #BDBDBD;
}

/*
 * Checkbox
 */
[type="checkbox"]:indeterminate + label:before {
  border-right-color: #FF9F00;
}

[type="checkbox"].filled-in:checked + label:after {
  border-color: #FF9F00;
  background-color: #FF9F00;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #757575;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #FF9F00;
}

[type="checkbox"].filled-in:not(:checked) + label:after,
[type="checkbox"] + label:before {
  border-color: #848484;
}

[type="checkbox"] + label {
  font-size: 15px;
  color: #000000;
}

.table [type="checkbox"] + label {
  height: 15px;
  line-height: 15px;
}

[type="checkbox"].filled-in:not(:checked) + label:after {
  background-color: #FFFFFF;
}

/*
 * Radio button
 */
[type="radio"]:checked + label:after {
  border-color: #FF9F00;
  background-color: #FF9F00;
}

[type="radio"].with-gap:checked + label:before {
  border: 2px solid #FF9F00;
}

[type="radio"].with-gap:checked + label:after {
  border-color: #FF9F00;
  background-color: #FF9F00;
}

[type="radio"]:not(:checked) + label:before {
  border-color: #848484;
}

/*
 * Input
 */
input[type=input],
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  -o-transition: all .3s;
  -ms-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-bottom: 1px solid #E0E0E0;
  /*font-size: 14px;*/
  /*Commented for Lumi changes*/
  color: #000000;
  /*height: 2.5rem;*/
  /*Commented for Lumi changes*/
  margin-top: 4px;
  /*Modified for Lumi for Auto Dropdown*/
  background: transparent;
}

input[type=input]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  -o-box-shadow: 0 1px 0 0 #0F9CFF;
  -ms-box-shadow: 0 1px 0 0 #0F9CFF;
  -moz-box-shadow: 0 1px 0 0 #0F9CFF;
  -webkit-box-shadow: 0 1px 0 0 #0F9CFF;
  box-shadow: 0 1px 0 0 #0F9CFF;
  border-bottom: 1px solid #0F9CFF;
}

input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #0F9CFF;
}

input:focus ~ label {
  color: #0F9CFF;
}

input[type=text].valid,
input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
  -o-box-shadow: 0 1px 0 0 #E0E0E0;
  -ms-box-shadow: 0 1px 0 0 #E0E0E0;
  -moz-box-shadow: 0 1px 0 0 #E0E0E0;
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
  box-shadow: 0 1px 0 0 #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.input-field label.active {
  font-size: 13px;
}

.input-field .prefix.active {
  color: #0F9CFF;
}

/* Added for Lumi changes 
    to highlight the type system error occured field in red color bottom */
.ERROR_ROW_BG input[type=input]:focus:not([readonly]),
.ERROR_ROW_BG input[type=text]:focus:not([readonly]),
.ERROR_ROW_BG input[type=password]:focus:not([readonly]),
.ERROR_ROW_BG input[type=email]:focus:not([readonly]),
.ERROR_ROW_BG input[type=url]:focus:not([readonly]),
.ERROR_ROW_BG input[type=time]:focus:not([readonly]),
.ERROR_ROW_BG input[type=date]:focus:not([readonly]),
.ERROR_ROW_BG input[type=datetime-local]:focus:not([readonly]),
.ERROR_ROW_BG input[type=tel]:focus:not([readonly]),
.ERROR_ROW_BG input[type=number]:focus:not([readonly]),
.ERROR_ROW_BG input[type=search]:focus:not([readonly]),
.ERROR_ROW_BG textarea.materialize-textarea:focus:not([readonly]) {
  -o-box-shadow: 0 1px 0 0 #F44336;
  -ms-box-shadow: 0 1px 0 0 #F44336;
  -moz-box-shadow: 0 1px 0 0 #F44336;
  -webkit-box-shadow: 0 1px 0 0 #F44336;
  box-shadow: 0 1px 0 0 #F44336;
  border-bottom: 1px solid #F44336;
}

/*
 * Text editor
 */
.container-fluid .mce-panel {
  background-color: #F5F5F5;
}

.cke select,
.cke_dialog select {
  display: block !important;
}

input.cke_dialog_ui_input_text,
input.cke_dialog_ui_input_password,
textarea.cke_dialog_ui_input_textarea {
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: initial !important;
  font-size: 14px !important;
}

a.cke_dialog_ui_button {
  background: #FFFFFF !important;
  color: #FFFFFF !important;
}

a.cke_dialog_ui_button_ok {
  background: #0F9CFF !important;
  border-color: #0F9CFF !important;
}

a.cke_dialog_ui_button span {
  text-shadow: 0 0px 0 transparent !important;
}

.cke_dialog_contents {
  margin-top: 0 !important;
}

.cke_dialog_tabs {
  display: none !important;
}

/*
 * Date Time picker
 */
.picker__date-display {
  background-color: #0F9CFF;
  color: #FFFFFF;
}

.picker__weekday-display {
  background-color: #0C84E4;
}

.picker__weekday {
  color: #9E9E9E;
}

.picker__day--infocus {
  color: #424242;
}

.picker__day--infocus:hover {
  color: #000000;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  background: transparent;
  color: #0F9CFF;
}

.picker__day.picker__day--today {
  color: #0F9CFF;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background-color: #0F9CFF;
  color: #FFFFFF;
  border-radius: 50%;
}

.picker__day--selected.picker__day--outfocus,
.picker__day--selected:hover.picker__day--outfocus,
.picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: #D9EEFE;
}

.picker__close,
.picker__today {
  color: #0F9CFF;
}

.picker__close:hover,
.picker__today:hover {
  color: #0096ff;
}

button.picker__today:focus,
button.picker__clear:focus,
button.picker__close:focus {
  background-color: #D9EEFE;
}

.picker__month-display,
.picker__month-display div,
.picker__day-display,
.picker__day-display div,
.picker__year-display,
.picker__year-display div {
  display: inline;
}

.picker__month-display,
.picker__day-display,
.picker__year-display {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 400;
  margin-right: 15px;
}

.picker__month-display {
  margin-right: 5px;
}

.picker__year-display {
  margin-right: 0px;
}

.picker__weekday-display {
  font-weight: 400;
}

.picker-icon {
  background: transparent url("../images/Materialcalendar.png") no-repeat scroll 0 0;
  height: 30px;
  /*Modified from 20 to 30 for Lumi changes*/
  width: 20px;
  position: absolute;
  right: 5px;
  /*Changed for Lumi changes*/
  /*top:-3px;*/
  /*Commented for Lumi changes*/
  background-position-y: 7px;
  /* Added for Lumi changes */
}

/* added for mozilla firefox picker-icon gap issue start*/
@-moz-document url-prefix() {
  .picker-icon {
    float: left;
    left: 132px;
    top: -8px;
  }
}
/* added for mozilla firefox picker-icon gap issue end*/
.picker__nav--prev:before,
.picker__nav--next:before {
  border: 0 none;
  font-family: icomoon;
  font-size: 24px;
  right: 10px;
  position: relative;
  bottom: 1px;
  color: #757575;
}

.picker__nav--prev:before:hover,
.picker__nav--next:before:hover {
  color: #0F9CFF;
}

.picker__nav--next:before {
  content: "\e928";
}

.picker__nav--prev:before {
  content: "\e913";
}

.picker__nav--prev.picker__nav--disabled:before,
.picker__nav--next.picker__nav--disabled:before {
  color: #E0E0E0;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: transparent;
  border-color: transparent;
  color: #E0E0E0;
  /* Added for disabled date color */
}

.picker__day--infocus {
  padding: .65rem 0;
}

.picker__table tbody > tr:hover {
  background-color: transparent;
}

/*
 * Select Box
 */
.select-wrapper span.caret {
  /* visibility: hidden; */
  z-index: 0;
  color: transparent;
}

.select-wrapper span.caret:after {
  visibility: visible;
  content: "\e90b";
  font-family: icomoon;
  position: absolute;
  top: 0;
  right: 0;
  color: #9E9E9E;
  z-index: 1;
  background: #FFFFFF;
  padding-left: 6px;
}

.select-wrapper input.select-dropdown {
  font-size: 16px;
  color: #000000;
  border-bottom: 1px solid #E0E0E0;
}

.select-wrapper input.select-dropdown.active {
  -o-box-shadow: 0 1px 0 0 #0F9CFF;
  -ms-box-shadow: 0 1px 0 0 #0F9CFF;
  -moz-box-shadow: 0 1px 0 0 #0F9CFF;
  -webkit-box-shadow: 0 1px 0 0 #0F9CFF;
  box-shadow: 0 1px 0 0 #0F9CFF;
  border-color: #0F9CFF;
}

.select-wrapper .dropdown-content {
  top: 36px !important;
}

/*
 * Dropdown
 */
.dropdown-button {
  position: relative;
  padding-right: 40px;
}

.dropdown-button:after {
  content: "\e90b";
  font-family: icomoon;
  font-size: 11px;
  position: absolute;
  top: 1px;
  right: 14px;
}

.dropdown-content.multi-column-content li {
  clear: none;
}

.dropdown-content.multi-column-content {
  max-width: 500px;
}

.dropdown-content li > a,
.dropdown-content li > span {
  color: #0F9CFF;
  font-size: 14px;
  line-height: 20px;
}

.select-dropdown li > a,
.select-dropdown li > span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.dropdown-content li {
  min-height: 48px;
  /* Commented for Dropdown li width */
  /* height : 41px; */
  /* Added for Dropdown li width */
}

.dropdown-content {
  max-height: 600px;
  /*min-width: 150px;*/
  /* Commented for Dropdown li width */
  border-radius: 2px;
  background-color: #FFFFFF;
}

.autoWidth {
  width: auto !important;
}

.multiActionAlign {
  display: block;
  text-align: left;
  margin: 0px !important;
  color: #0F9CFF;
}

.multiActionAlign:hover {
  background-color: #F5F5F5;
  color: #0F9CFF;
}

.dropdown-content.multi-column-content.col-size-2 {
  min-width: 300px;
}

.dropdown-content.multi-column-content.col-size-3 {
  min-width: 450px;
}

@media only screen and (max-width: 600px) {
  .dropdown-content.multi-column-content {
    max-width: 250px;
  }

  .dropdown-content.multi-column-content.col-size-2,
  .dropdown-content.multi-column-content.col-size-3 {
    min-width: 250px;
  }
}
.more.dropdown-button {
  padding-right: 10px;
  padding-left: 5px;
  height: 22px;
  line-height: 22px;
  color: #757575;
}

.more.dropdown-button:after {
  content: "\e918";
  font-family: icomoon;
  font-size: 14px;
  color: #9E9E9E;
  position: absolute;
  top: 0;
  right: 0;
}

/*
 * Collapsible Section
 */
.collapsible-header {
  position: relative;
  /* font-size: 20px; commented by anand  */
  color: #000000;
  padding: 3px 24px;
  background-color: #FFFFFF;
}

.collapsible .collapsible-header:hover {
  background-color: #F5F5F5;
}

.backgroundSelectedHeadingSR {
  background-color: #F5F5F5;
}

.collapsible-header .expand-icon,
.collapsible-header .collapse-icon {
  position: absolute;
  top: 16px;
  right: 24px;
}

.collapsible-header .collapse-icon {
  display: none;
}

.collapsible-header.active .expand-icon {
  display: none;
}

.collapsible-header.active .collapse-icon {
  display: block;
}

/*
 * Widget (drad/drop and add/remove).
 * check 
 */
.widget.col {
  padding: 20px;
}

.widget-inner-block {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative;
  background: #FFFFFF;
  border-radius: 2px;
}

.widget-title-block {
  display: block;
  padding: 20px;
  border-bottom: 1px solid #E0E0E0;
  position: relative;
  background: #FFFFFF;
  border-radius: 2px 2px 0 0;
}

.widget-title {
  text-align: left;
  text-transform: uppercase;
}

.widget .icon-1,
.widget .icon-2 {
  cursor: pointer;
  font-size: 14px;
  color: #9E9E9E;
  position: absolute;
  top: 20px;
  right: 20px;
}

.widget .icon-2 {
  right: 50px;
}

.widget .view-link {
  margin-top: 20px;
}

.widget .view-link a {
  font-size: 14px;
  font-weight: 500;
  color: #0F9CFF;
}

#sortable .sortable-ghost.widget {
  filter: alpha(opacity=20);
  opacity: 0.2;
  background: #E3F2FD;
}

.sortable .widget .widget-inner-block {
  height: 315px;
}

@media only screen and (max-width: 710px) {
  .sortable .widget .widget-inner-block {
    height: 370px;
  }
}
@media only screen and (max-width: 625px) {
  .sortable .widget .widget-inner-block {
    height: 380px;
  }
}
@media only screen and (max-width: 600px) {
  .sortable .widget .widget-inner-block {
    height: 315px;
  }
}
@media only screen and (max-width: 320px) {
  .sortable .widget .widget-inner-block {
    height: 380px;
  }
}
/*
 * Non Draggable Widgets
 */
.non-draggable-widgets .widget {
  border-radius: 2px;
  margin-bottom: 20px;
}

/*
 * Modal View
 * check 
 */
.modal {
  max-height: 90%;
  width: 65%;
}

.modal-trigger {
  text-transform: capitalize;
}

.modal .modal-content {
  padding: 45px 60px;
}

.modal .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 14px;
  color: #9E9E9E;
}

.modal .modal-body .modal-close {
  position: relative;
  top: 0px;
  right: 0px;
  color: #FFFFFF;
}

.modal .modal-header {
  text-align: center;
}

.modal .modal-title {
  color: #0F9CFF;
  padding-bottom: 5px;
}

.modal-content .modal-header .value {
  font-size: 30px;
  font-weight: 500;
  color: #000000;
}

.modal-body {
  margin-top: 30px;
}

@media only screen and (max-width: 600px) {
  .modal .modal-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .modal .modal-content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/*
 * Components page
 */
.components-page {
  width: 80%;
  margin: 0 auto;
  padding: 20px;
}

.components-page .components-title {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 20px;
  color: #9E9E9E;
}

/*
 * Breadcrumb
 */
.breadcrumb:before {
  display: none;
}

.breadcrumb-block {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: inherit;
  height: auto;
  line-height: 1.5;
  margin-top: 20px;
  /*Modified for Lumie*/
  padding-left: 3px;
  /* Added for BreadCrumb Box Shadow*/
}

.breadcrumb-block .breadcrumb {
  color: #757575;
  font-size: 14px;
  padding: 8px 18px 10px 28px;
  /*Modified for lumie*/
  background: #F5F5F5;
  position: relative;
  display: block;
  float: left;
}

.breadcrumb-block .breadcrumb:first-child {
  padding-left: 18px;
}

.breadcrumb-block .breadcrumb:last-child {
  color: #424242;
  /*font-size: $breadcrumb-font-size;*/
  font-weight: 500;
  background-color: #FFFFFF;
}

.breadcrumb-content:after {
  display: block;
  content: " ";
  clear: both;
}

.breadcrumb-block .breadcrumb-icon:after,
.breadcrumb-block .breadcrumb:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid #F5F5F5;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 100%;
  z-index: 1;
  /*Modified for highlight issue on opening of mega menu*/
}

.breadcrumb-block .breadcrumb-icon:before,
.breadcrumb-block .breadcrumb:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid #DDDAD5;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
  /*Modified for highlight issue on opening of mega menu*/
}

.breadcrumb-block .breadcrumb-icon:after {
  border-left: 10px solid #FFFFFF;
}

.breadcrumb-block .breadcrumb:last-child:after {
  content: "";
  display: none;
}

.breadcrumb-block .breadcrumb:last-child:before {
  content: "";
  display: none;
}

.breadcrumb-block .breadcrumb-icon {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  font-size: 16px;
  color: #BDBDBD;
  display: none;
  padding: 10px 12px 12px 12px;
  background: #FFFFFF;
  width: 40px;
  height: 40px;
  position: relative;
}

.breadcrumb-content {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  display: inline-block;
}

/*
 * Screen title block
 */
.screen-title-block {
  position: relative;
}

.screen-title-block:after {
  content: '';
  display: block;
  clear: both;
}

.screen-title-block .print-preview-button,
.screen-title-block .print-help-button {
  font-size: 24px;
  color: #757575;
  position: absolute;
  top: 0;
}

.screen-title-block .print-preview-button:hover,
.screen-title-block .print-help-button:hover {
  color: #0F9CFF;
}

.screen-title-block .print-preview-button {
  right: 0;
}

.screen-title-block .print-help-button {
  right: 39px;
}

.screen-title-block .favorite-content {
  color: #0F9CFF;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 77px;
}

.screen-title-block .favorite-content .fav-icon {
  font-size: 24px;
  color: #757575;
  margin-right: 10px;
}

.screen-title-block .favorite-print-block .favorite-content .favorite-added-wrapper,
.screen-title-block .favorite-print-block .favorite-content.added .favorite-add-wrapper {
  display: none;
}

.screen-title-block .favorite-print-block .favorite-content.added .favorite-added-wrapper {
  display: block;
}

.screen-title-block .favorite-content .text {
  top: -4px;
  position: relative;
}

/*
@media only screen and (max-width: 700px) {
    .screen-title-block .heading1,
    .screen-title-block .favorite-print-block {
        margin-top: 15px;
    }
    .screen-title-block .favorite-content,
    .screen-title-block .print-preview-button,
    .screen-title-block .print-help-button {
        position: relative;
        right: 0;
        margin-right: 15px;
    }
}
*/
/* 
 * Autocomplete from Auto Complete suggetion css plugin
*/
.autocomplete-suggestions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  cursor: default;
  border: 1px solid #BDBDBD;
  border-top: 0;
  background: #FFFFFF;
  /* -1px 1px 3px rgba(0,0,0,.1);*/
  /*Modified For Lumi*/
  /* core styles should not be changed */
  position: absolute;
  display: none;
  z-index: 3000;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
}

.autocomplete-suggestion {
  position: relative;
  /* padding: 0 .6em; */
  line-height: 23px;
  /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; Commented for removing ellipsis from auto complete suggestion*/
  /* font-size: 1.02em;
  color: #333; */
}

.autocomplete-suggestion b {
  font-weight: normal;
  /* color: #1f8dd6; */
}

.autocomplete-suggestion.selected {
  background: #F5F5F5;
  float: none !important;
}

/* 
 * Autocomplete
*/
.autocomplete-suggestions {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin-top: 1px;
}

.autocomplete-suggestion {
  padding: 10px 10px;
  /*Modified For Lumi*/
  background-color: #FFFFFF;
  color: #0F9CFF;
  font-size: 14px;
  /* width: 300px !Important;Added For Lumi*/
}

.autocomplete-icon {
  height: 20px;
  position: absolute;
  right: 10px;
  /*Modified for Lumi*/
  top: 16px;
  /*Changed for Lumi changes*/
  width: 20px;
  color: #757575;
  cursor: pointer;
  font-size: 13px;
  /*Changed for Lumi changes for AutoDropDown Caret Size*/
}

.autocomplete-suggestion b {
  color: #0F9CFF;
}

.autocomplete-values {
  display: none !important;
}

.autocomplete-values-list {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  display: none;
  position: absolute;
  top: 32px;
  max-height: 250px;
  overflow-y: auto;
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-top-width: 0px;
  z-index: 3000;
  /* changed for Lumi for 222 to 3000 */
  right: 0.75rem;
  left: 0.75rem;
  margin-top: 1px;
}

.autocomplete-values-list li {
  line-height: 23px;
  padding: 10px 10px !Important;
  color: #0F9CFF;
  font-size: 14px !important;
}

.autocomplete-values-list li:hover {
  background-color: #F5F5F5;
}

input.autocomplete-dropdown.focused {
  -o-box-shadow: 0 1px 0 0 #0F9CFF;
  -ms-box-shadow: 0 1px 0 0 #0F9CFF;
  -moz-box-shadow: 0 1px 0 0 #0F9CFF;
  -webkit-box-shadow: 0 1px 0 0 #0F9CFF;
  box-shadow: 0 1px 0 0 #0F9CFF;
  border-bottom: 1px solid #0F9CFF;
}

.autocomplete-values + label.focused {
  -o-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -webkit-transform: translateY(-140%);
  transform: translateY(-140%);
  font-size: 13px;
  color: #0F9CFF;
}

input[type="text"].autocomplete-dropdown {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 10px;           /* Rahul Sharma for language label, english left padding  */
}

.focused {
  color: #0F9CFF !important;
}

/*
 * Error
 */
.error {
  color: #F44336;
}

input.invalid {
  margin-bottom: 2px;
}

/*
 * Messages-Block
 */
.messages-block {
  font-size: 14px;
  position: relative;
}

.messages-block .message-icons {
  font-size: 24px;
  position: absolute;
  left: 12px;
}

.messages-block .error,
.messages-block .success,
.messages-block .info,
.messages-block .warning {
  margin-bottom: 20px;
  padding: 12px;
  position: relative;
  color: #000000;
  padding-left: 56px;
  border-radius: 2px;
  background-clip: padding-box;
}

.messages-block .error-string,
.messages-block .success-string,
.messages-block .info-string,
.messages-block .warning-string {
  /*padding-left: 46px;*/
  font-weight: 400;
}

.messages-block .error {
  background-color: #FFAFAF;
}

.messages-block .success {
  background-color: #B2DA9F;
}

.messages-block .info {
  background-color: #98DDFF;
}

.messages-block .warning {
  background-color: #F1E381;
}

.messgae-icons {
  font-size: 24px;
  margin-right: 10px;
  position: absolute;
  top: 9px;
}

.messages-block .icon-error {
  color: #D68585;
}

.messages-block .icon-success {
  color: #88A57A;
}

.messages-block .icon-info {
  color: #2591E4;
}

.messages-block .icon-warning {
  color: #BDAF4B;
}

/*
 * Authorization Component
 */
.password-strength-text {
  margin-top: 22px;
  font-size: 11px;
  font-weight: 500;
}

.password-strength-text.weak {
  color: #E02424;
}

.password-strength-text.fair {
  color: #ECAA1C;
}

.password-strength-text.good {
  color: #0F9CFF;
}

.password-strength-text.strong {
  color: #72BF18;
}

.progress {
  background-color: #E0E0E0;
}

.progress .determinate.weak {
  width: 25%;
  background-color: #E02424;
}

.progress .determinate.fair {
  width: 50%;
  background-color: #ECAA1C;
}

.progress .determinate.good {
  width: 75%;
  background-color: #0F9CFF;
}

.progress .determinate.strong {
  width: 100%;
  background-color: #72BF18;
}

/*
 * Workflow Component styles by Sujatha
 */
.workflow .heading3 {
  /* color: #3F4457;*/
  /*margin-top: 35px;*/
  height: 29px !important;
}

.heading3 {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin: 0;
}

*:focus {
  outline: none;
}

.workflow table thead tr th:nth-child(2),
.workflow table tbody tr td:nth-child(2),
.workflow table tbody tr td:nth-child(1) {
  text-align: center;
}

.workflow .modal-trigger {
  margin-top: 20px;
}

/* Workflow component changes */
/*
 * Table
 */
table.table {
  border: 1px solid #E0E0E0;
  background: #FFFFFF;
}

table.table table.table {
  border: 0px none;
}

table.table thead th {
  color: #757575;
  font-weight: 500;
}

table.table thead tr th .sub-heading {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  color: #9E9E9E;
  font-size: 14px;
}

table.table tr {
  border-bottom: 1px solid #E0E0E0;
}

table > tbody > tr:hover {
  /* background-color: $table-tr-background-onhover; commented for lumi by anand */
}

table > tbody > tr.selected {
  background-color: #F5F5F5;
}

table.table tbody tr td {
  padding: 13px 20px;
  position: relative;
}

table.table thead tr th {
  padding: 17px 20px;
  white-space: nowrap;
}

table.table tbody tr {
  color: #000000;
  font-weight: 400;
}

table.table tbody tr td .sub-value {
  font-size: 14px;
  font-weight: 400;
  color: #757575;
}

table.table tbody tr:last-child {
  border-bottom: 0 none;
}

table.table td .input-field {
  margin-top: 0;
}

table.table td .input-field input {
  margin-bottom: 0px;
}

.table .footable-toggle {
  font-family: icomoon;
  line-height: 1;
  margin-right: 10px;
}

.with-checkbox.table .footable-toggle {
  position: absolute;
  top: 16px;
  left: 60px;
}

.table .footable-toggle.fooicon-minus:before {
  content: "\e923";
}

.table .footable-toggle.fooicon-plus:before {
  content: "\e919";
}

.table .footable-detail-row th {
  color: #757575;
}

.table .footable-detail-row td {
  padding: 0px;
}

.table .footable-detail-row .footable-details th,
.table .footable-detail-row .footable-details td {
  padding-left: 22px;
  padding-right: 22px;
}

table.table thead th.sorting {
  padding-left: 4px;
}

table.table thead th.sorting:before {
  font-family: icomoon;
  content: "\e940";
  color: #757575;
  font-size: 12px;
  padding-right: 4px;
}

table.table thead th.sorting.ascending:before {
  content: "\e940";
}

table.table thead th.sorting.descending:before {
  content: "\e941";
}

table.table .icon-third-party,
table.table .icon-otherbank {
  color: #757575;
}

/* First column */
.table.center-align-c1 > thead > tr > th:nth-child(1),
.table.center-align-c1 > tbody > tr > td:nth-child(1),
.table.center-align-c2 > thead > tr > th:nth-child(2),
.table.center-align-c2 > tbody > tr > td:nth-child(2),
.table.center-align-c3 > thead > tr > th:nth-child(3),
.table.center-align-c3 > tbody > tr > td:nth-child(3),
.table.center-align-c4 > thead > tr > th:nth-child(4),
.table.center-align-c4 > tbody > tr > td:nth-child(4),
.table.center-align-c5 > thead > tr > th:nth-child(5),
.table.center-align-c5 > tbody > tr > td:nth-child(5),
.table.center-align-c6 > thead > tr > th:nth-child(6),
.table.center-align-c6 > tbody > tr > td:nth-child(6),
.table.center-align-c7 > thead > tr > th:nth-child(7),
.table.center-align-c7 > tbody > tr > td:nth-child(7),
.table.center-align-c8 > thead > tr > th:nth-child(8),
.table.center-align-c8 > tbody > tr > td:nth-child(8),
.table.center-align-c9 > thead > tr > th:nth-child(9),
.table.center-align-c9 > tbody > tr > td:nth-child(9),
.table.center-align-c10 > thead > tr > th:nth-child(10),
.table.center-align-c10 > tbody > tr > td:nth-child(10) {
  text-align: center;
}

/* First column */
.table.right-align-c1 > thead > tr > th:nth-child(1),
.table.right-align-c1 > tbody > tr > td:nth-child(1),
.table.right-align-c2 > thead > tr > th:nth-child(2),
.table.right-align-c2 > tbody > tr > td:nth-child(2),
.table.right-align-c3 > thead > tr > th:nth-child(3),
.table.right-align-c3 > tbody > tr > td:nth-child(3),
.table.right-align-c4 > thead > tr > th:nth-child(4),
.table.right-align-c4 > tbody > tr > td:nth-child(4),
.table.right-align-c5 > thead > tr > th:nth-child(5),
.table.right-align-c5 > tbody > tr > td:nth-child(5),
.table.right-align-c6 > thead > tr > th:nth-child(6),
.table.right-align-c6 > tbody > tr > td:nth-child(6),
.table.right-align-c7 > thead > tr > th:nth-child(7),
.table.right-align-c7 > tbody > tr > td:nth-child(7),
.table.right-align-c8 > thead > tr > th:nth-child(8),
.table.right-align-c8 > tbody > tr > td:nth-child(8),
.table.right-align-c9 > thead > tr > th:nth-child(9),
.table.right-align-c9 > tbody > tr > td:nth-child(9),
.table.right-align-c10 > thead > tr > th:nth-child(10),
.table.right-align-c10 > tbody > tr > td:nth-child(10) {
  text-align: right;
}

/*
 * Aligning the text in table
 * Left align
 */
/* First column */
.table.left-align-c1 > thead > tr > th:nth-child(1),
.table.left-align-c1 > tbody > tr > td:nth-child(1),
.table.left-align-c2 > thead > tr > th:nth-child(2),
.table.left-align-c2 > tbody > tr > td:nth-child(2),
.table.left-align-c3 > thead > tr > th:nth-child(3),
.table.left-align-c3 > tbody > tr > td:nth-child(3),
.table.left-align-c4 > thead > tr > th:nth-child(4),
.table.left-align-c4 > tbody > tr > td:nth-child(4),
.table.left-align-c5 > thead > tr > th:nth-child(5),
.table.left-align-c5 > tbody > tr > td:nth-child(5),
.table.left-align-c6 > thead > tr > th:nth-child(6),
.table.left-align-c6 > tbody > tr > td:nth-child(6),
.table.left-align-c7 > thead > tr > th:nth-child(7),
.table.left-align-c7 > tbody > tr > td:nth-child(7),
.table.left-align-c8 > thead > tr > th:nth-child(8),
.table.left-align-c8 > tbody > tr > td:nth-child(8),
.table.left-align-c9 > thead > tr > th:nth-child(9),
.table.left-align-c9 > tbody > tr > td:nth-child(9),
.table.left-align-c10 > thead > tr > th:nth-child(10),
.table.left-align-c10 > tbody > tr > td:nth-child(10) {
  text-align: left;
}

/*
 * Empty data
 */
.empty-data .valign-wrapper {
  min-height: 200px;
}

.empty-data .valign-wrapper .valign {
  width: 100%;
}

.tabs-with-table .empty-data .valign-wrapper {
  border: 1px solid #E0E0E0;
  border-top: 0px none;
}

/*
 * Tooltip
 */
.material-tooltip {
  font-size: 14px;
  min-height: 32px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.material-tooltip .backdrop {
  background-color: #757575;
}

/*
 * Link Delink
 */
.link-delink .link-delink-icons {
  text-align: center;
  padding: 20px 0;
  margin-top: 105px;
}

.link-delink-icons .icon-link-down,
.link-delink-icons .icon-link-up,
.link-delink-icons .icon-link-right,
.link-delink-icons .icon-link-left {
  font-size: 34px;
  color: #0F9CFF;
}

.link-delink-icons .icon-link-left {
  display: block;
  margin-bottom: 20px;
}

.link-delink .icon-tick-activityfeed {
  color: #72BF18;
}

.link-delink-icons .icon-link-down,
.link-delink-icons .icon-link-up {
  display: none;
}

.link-delink .fixed-height {
  max-height: 315px;
  overflow-y: auto;
}

.link-delink tbody tr td {
  height: 51px;
}

@media only screen and (max-width: 992px) {
  .link-delink .link-delink-icons {
    margin-top: 0;
  }

  .link-delink-icons .icon-link-down,
  .link-delink-icons .icon-link-up {
    display: inline-block;
  }

  .link-delink-icons .icon-link-left,
  .link-delink-icons .icon-link-right {
    display: none;
  }
}
/*
 * Tabs
 */
.tabs {
  font-weight: 500;
  border-bottom: 1px solid #E0E0E0;
  background-color: inherit;
  height: 64px;
}

.tabs .tab {
  line-height: 64px;
  height: 64px;
}

.tabs .indicator {
  background-color: #0F9CFF;
  height: 3px;
}

.tabs .tab a {
  font-size: 16px;
  font-weight: 500;
  color: #757575;
  /*text-transform: capitalize;*/
  text-transform: uppercase;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
  color: #98DDFF;
}

.tabs .tab a.active {
  color: #0F9CFF;
}

.tabs .tab a:hover {
  color: #0096ff;
}

.tabs-with-table .tabs {
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.tabs-with-table .tabs .tab:first-child {
  border-left: 1px solid #E0E0E0;
}

.tabs-with-table .tabs .tab:nth-last-child(2) {
  border-right: 1px solid #E0E0E0;
}

.tabs-with-table .table {
  border-top: 0px none;
}

/*
 * Download component
 * check change hover color
 */
.download-container span {
  font-size: 16px;
}

.download-container [class^="icon-"] {
  padding-left: 10px;
  font-size: 24px;
  padding: 10px;
}

.download-container .icon-excel {
  color: #62C14C;
}

.download-container .icon-excel:hover {
  color: #62C14C;
}

.download-container .icon-pdf {
  color: #F44E4E;
}

.download-container .icon-pdf:hover {
  color: #F44E4E;
}

.download-container .icon-text {
  color: #F87626;
}

.download-container .icon-text:hover {
  color: #F87626;
}

.download-container .icon-word {
  color: #0F9CFF;
}

.download-container .icon-word:hover {
  color: #0F9CFF;
}

/*
 * Messages-dropdown
 */
.messages-dropdown.dropdown-content {
  min-width: 500px;
  padding: 20px;
  max-height: initial;
  overflow-y: unset;
  margin-top: 10px;
}

.messages-dropdown.dropdown-content li > a,
.dropdown-content li > span {
  /*white-space: normal;*/
}

.messages-dropdown.dropdown-content .title-block {
  display: block;
  padding-bottom: 10px;
  border-bottom: 2px solid #E0E0E0;
  margin-bottom: 0;
}

.messages-dropdown.dropdown-content .title-block .title {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  padding: 0;
}

.messages-dropdown.dropdown-content .title-block span {
  color: #000000;
}

.messages-dropdown.dropdown-content .title-block .sub-title {
  font-size: 14px;
  font-weight: 500;
  color: #0F9CFF;
  padding: 0;
}

.messages-dropdown.dropdown-content ul {
  margin: 0;
}

.messages-dropdown.dropdown-content li.message {
  border-bottom: 1px solid #E0E0E0;
  padding: 20px 0;
  padding-left: 56px;
  position: relative;
}

.messages-dropdown.dropdown-content li.message > span {
  padding: 0;
  color: #000000;
}

.messages-dropdown.dropdown-content .from-img img,
.messages-dropdown.dropdown-content .from-text {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 20px;
}

.messages-dropdown.dropdown-content .from-text {
  background: #FFBEBE;
  color: #FFFFFF;
  padding: 6px 0;
  text-align: center;
}

.messages-dropdown.dropdown-content .from-name {
  font-weight: 500;
  font-size: 16px;
  padding: 0;
}

.messages-dropdown.dropdown-content .message-date {
  font-weight: 400;
  font-size: 13px;
  color: #757575;
  padding: 0;
}

.messages-dropdown.dropdown-content .message-details > span {
  display: block;
}

.messages-dropdown.dropdown-content .to-text,
.messages-dropdown.dropdown-content .to-name,
.messages-dropdown.dropdown-content .subject-text,
.messages-dropdown.dropdown-content .message-text {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}

.messages-dropdown.dropdown-content .to-text,
.messages-dropdown.dropdown-content .subject-text {
  color: #757575;
}

.messages-dropdown.dropdown-content .to-name,
.messages-dropdown.dropdown-content .message-text {
  color: #000000;
  padding-right: 15px;
  white-space: normal;
}

.messages-dropdown.dropdown-content .view-all-link {
  display: block;
}

.messages-dropdown.dropdown-content a,
.messages-dropdown.dropdown-content .view-all-link a {
  font-size: 14px;
  font-weight: 500;
  color: #0F9CFF;
}

.messages-dropdown.dropdown-content .message-type {
  position: absolute;
  right: 0;
  top: 55px;
  font-size: 22px;
  color: #000000;
}

.messages-dropdown.dropdown-content .view-all-link {
  padding-top: 20px;
}

.messages-dropdown.dropdown-content a:hover,
.messages-dropdown.dropdown-content .title-block a:hover {
  color: #98DDFF;
}

.messages-dropdown.dropdown-content li:hover,
.messages-dropdown.dropdown-content li.active,
.messages-dropdown.dropdown-content li.selected {
  background: transparent;
}

@media only screen and (max-width: 600px) {
  .messages-dropdown.dropdown-content {
    min-width: 300px;
  }

  .messages-dropdown.dropdown-content .message-type {
    top: 75px;
  }
}
/*
 * Widget - contents
 */
.widget .divider {
  margin: 10px 12px;
  background: none;
  border-bottom: 1px solid #E0E0E0;
}

.widget-content .label {
  font-size: 15px;
  color: #000000;
}

.widget-content .title-block .value {
  font-size: 30px;
  font-weight: 500;
}

.widget-content .content-block div {
  margin: 9px 0;
}

.widget-content .content-block .type {
  font-size: 14px;
  font-weight: 500;
  color: #757575;
}

.widget-content .content-block .value {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.assets.widget .widget-content .title-block .value {
  color: #4CAF50;
}

.liabilities.widget .widget-content .title-block .value {
  color: #FF9800;
}

.operative-accounts.widget .widget-content,
.loan-accounts.widget .widget-content,
.deposit-accounts.widget .widget-content {
  padding: 0 0 20px 0;
}

.widget-content .label-block {
  padding: 5px 20px;
  border-bottom: 1px solid #E0E0E0;
}

.widget-content .account-list {
  padding: 8px 20px 0 20px;
}

.widget-content .account-list .account-details {
  margin: 7px 0;
}

.widget-content .label-block .label {
  font-size: 13px;
  font-weight: 500;
  color: #000000;
}

.widget-content .label-block .sub-label {
  font-size: 13px;
  font-weight: 500;
  color: #757575;
}

.widget-content .content .account-number {
  font-size: 14px;
  font-weight: 400;
  color: #0F9CFF;
}

.widget-content .content .amount {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}

.widget-content .more-actions {
  float: right;
}

/* Swipe */
/* Swipe 2 required styles */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > .swipe-item {
  float: left;
  width: 100%;
  position: relative;
}

/********/
.operative-accounts.widget .view-link,
.loan-accounts.widget .view-link,
.deposit-accounts.widget .view-link {
  margin-top: 13px;
}

.current-balance-widget .widget-content {
  padding: 0;
}

.current-balance-tabs .tabs {
  border-bottom-width: 0px;
}

.current-balance-tabs {
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-bottom: 1px solid #E0E0E0;
}

.current-balance-tabs-content {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.current-balance-next,
.current-balance-prev {
  position: absolute;
  top: 45%;
  font-size: 25px;
  color: #BDBDBD;
  cursor: pointer;
}

.current-balance-next {
  right: 20px;
}

.current-balance-prev {
  left: 20px;
}

#current-balance-operative-block,
#current-balance-deposit-block,
#current-balance-loan-block,
#current-balance-credit-card-block {
  padding: 30px 50px;
  position: relative;
}

.corporate-zero-approvals .widget-content {
  padding: 45px 50px;
}

.current-balance-inner {
  margin-bottom: 0px !important;
}

.corporate-zero-approvals .valign {
  width: 100%;
  text-align: center;
}

.corporate-zero-approvals .widget-content .value {
  font-size: 60px;
  color: #757575;
}

.corporate-zero-approvals .widget-content .info {
  font-size: 16px;
  color: #757575;
}

.current-balance-left {
  padding: 30px !important;
}

.current-balance-right {
  padding: 0px 30px !important;
}

.current-balance-divider {
  position: absolute;
  border-right: 1px solid #E0E0E0;
  left: 40%;
  height: 100%;
  top: -5%;
}

.current-balance-account-text {
  font-size: 14px;
  color: #000000;
  line-height: 25px;
}

.current-balance-account-number {
  color: #0F9CFF;
}

.current-balance-account-amount {
  font-size: 36px;
  color: #000000;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 20px;
}

.current-balance-fetch-error {
  margin-top: 15px;
  margin-bottom: 20px;
}

.current-balance-account-view a {
  color: #0F9CFF;
  font-size: 14px;
  font-weight: 500;
}

.current-balance-right-content {
  height: 170px;
}

.current-balance-transaction-heading {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.current-balance-transaction-date {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}

.current-balance-transaction-desc {
  font-size: 13px;
  color: #757575;
}

.current-balance-transaction-amount {
  font-size: 14px;
  font-weight: 500;
}

.amount-orange {
  color: #FF9800 !important;
}

.amount-green {
  color: #4CAF50 !important;
}

@media only screen and (max-width: 600px) {
  .current-balance-right {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .current-balance-left {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .current-balance-divider {
    display: none;
  }

  .current-balance-next {
    right: 10px;
  }

  .current-balance-prev {
    left: 10px;
  }

  #current-balance-operative-block,
  #current-balance-deposit-block,
  #current-balance-loan-block,
  #current-balance-credit-card-block {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.consolidated-summary-widget .widget-content {
  padding: 0;
}

.consolidated-summary-widget .details {
  padding: 15px 20px;
  font-size: 13px;
  font-weight: 400;
}

.consolidated-summary-widget .details .label {
  color: #757575;
}

.consolidated-summary-widget .details .value {
  color: #000000;
  padding-left: 15px;
}

/* .consolidated-summary-widget table .highlighted-row {
    background: $table-tr-background-onhover;
} */
.consolidated-summary-widget table tr td:first-child {
  font-size: 14px;
  font-weight: 400;
  color: #757575;
}

/* .consolidated-summary-widget table tr.highlighted-row td:first-child.label {
    font-size: 12px;
    font-weight: 400;
    color: color("black", "darken-1");
}

.consolidated-summary-widget table tr.highlighted-row td:first-child .sub-value {
    font-size: 14px;
    font-weight: 400;
    color: color("black", "darken-1");
}
 */
.consolidated-summary-widget .select-wrapper {
  display: inline-block;
  width: 45px;
}

.consolidated-summary-widget .select-wrapper span.caret {
  top: 2px;
}

.consolidated-summary-widget .select-wrapper span.caret:after {
  content: '\e923';
  background: transparent;
  color: #000000;
  top: 1px;
}

.consolidated-summary-widget .select-wrapper input.select-dropdown {
  margin-bottom: 0;
  border-bottom: 0 none;
  height: 1rem;
  line-height: 1rem;
  font-size: 14px;
}

.offers .widget-inner-block img {
  width: 100%;
  height: 100%;
}

.offers .icon-1 {
  color: #FFFFFF;
}

.account-summary-widget .widget-title-block {
  padding: 10px 20px;
}

.account-summary-widget .widget-title-block .heading4 {
  margin-top: 9px;
}

.account-summary-widget .widget-title-block .list-icon,
.account-summary-widget .widget-title-block .chart-icon {
  display: inline-block;
  margin-top: 1px;
}

.account-summary-widget .widget-content {
  padding: 0 0 20px 0;
}

.account-summary-widget .icon-otherbank.dropdown-button {
  padding-right: 0;
}

.account-summary-widget .icon-otherbank.dropdown-button:after {
  content: '';
}

.account-summary-widget p {
  margin: 0;
}

.account-summary-widget .chart-display .chart-container {
  width: 100%;
  height: 150px;
  position: relative;
  padding-top: 54px;
}

.account-summary-widget .chart-display .chart-container .circle-container {
  width: 100%;
  min-width: 300px;
  position: relative;
}

.account-summary-widget .chart-display .chart-container .circle {
  height: 86px;
  width: 86px;
  border-radius: 50%;
  font-weight: 500;
  font-size: 14.48px;
  color: #FFFFFF;
  text-align: center;
  padding-top: 27px;
  position: relative;
  margin: 0 auto;
  bottom: 117px;
}

.account-summary-widget .amount-display {
  padding-top: 110px;
  padding-bottom: 116px;
  text-align: center;
}

.account-summary-widget .amount-display > :first-child {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}

.account-summary-widget .amount-display > :nth-child(2) {
  font-weight: 500;
  font-size: 28px;
  color: #000000;
}

.account-summary-widget .chart-legend {
  font-size: 14px;
  color: #757575;
  padding-top: 85px;
}

.account-summary-widget .chart-legend p:first-child {
  font-weight: 500;
  margin-top: 7px;
}

.account-summary-widget .chart-legend p:first-child:before {
  content: "";
  border: 3px solid;
  font-size: 0px;
  position: relative;
  top: -5px;
  left: -8px;
}

.account-summary-widget .chart-legend p:nth-child(2) {
  font-weight: 400;
}

#account-summary-chart-operative .circle {
  background-color: #94C35D;
}

#account-summary-chart-operative .chart-legend > :first-child p:first-child:before {
  border-color: #388E3C;
}

#account-summary-chart-operative .chart-legend > :nth-child(2) p:first-child:before {
  border-color: #759E44;
}

#account-summary-chart-deposit .circle {
  background-color: #D47C38;
}

#account-summary-chart-deposit .chart-legend > :first-child p:first-child:before {
  border-color: #FF9800;
}

#account-summary-chart-deposit .chart-legend > :nth-child(2) p:first-child:before {
  border-color: #FFC400;
}

#account-summary-chart-loan .circle {
  background-color: #8476A2;
}

#account-summary-chart-loan .chart-legend > :first-child p:first-child:before {
  border-color: #7E57C2;
}

#account-summary-chart-loan .chart-legend > :nth-child(2) p:first-child:before {
  border-color: #B39DDB;
}

#account-summary-chart-credit-card .circle {
  background-color: #8F8F54;
}

#account-summary-chart-credit-card .chart-legend > :first-child p:first-child:before {
  border-color: #9E9D24;
}

#account-summary-chart-credit-card .chart-legend > :nth-child(2) p:first-child:before {
  border-color: #D4E157;
}

.account-summary-widget .list-content {
  display: none;
}

@media only screen and (max-width: 600px) {
  .account-summary-widget .amount-display {
    padding-bottom: 0;
    padding-top: 40px;
  }

  .account-summary-widget .chart-legend {
    text-align: center;
  }

  #account-summary-widget .options-block {
    text-align: left;
  }

  #account-summary-chart-button {
    padding-left: 0;
  }
}
@media only screen and (min-width: 993px) {
  .modal .doughnut-chart .chart-legend {
    left: 0%;
  }
}
@media only screen and (max-width: 710px) {
  .account-summary-widget .amount-display > :nth-child(2) {
    font-size: 23px;
  }
}
.assets-error-widget .widget-content {
  padding: 105px 20px;
}

.assets-error-widget .valign {
  width: 100%;
}

.chart #account-summary-chart-button,
.list #account-summary-list-button {
  color: #0F9CFF;
}

.widget.account-summary-widget.chart .chart-content,
.widget.account-summary-widget.list .list-content {
  display: block;
}

.widget.account-summary-widget.list .chart-content,
.widget.account-summary-widget.chart .list-content {
  display: none;
}

/*
 * Modal - contents
 */
.corporate-approvals.widget .widget-content {
  padding-top: 11px;
}

.list {
  margin: 0;
}

.list .list-item {
  padding: 8px 0;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

.list .list-item a {
  padding-right: 10px;
}

.list .list-badge {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  position: absolute;
  right: 20px;
}

.corporate-approvals-details-modal .list .list-badge {
  right: 0;
}

.corporate-approvals-details-modal .list-contatiner {
  padding: 0 35px;
}

.account-details-modal .modal-body {
  margin-left: 10%;
  margin-right: 10%;
}

.account-details-modal .modal-body .row {
  margin-bottom: 0;
}

.account-details-modal .col {
  padding: 10px 0;
}

.account-details-modal .label {
  font-size: 13px;
  color: #9E9E9E;
}

.account-details-modal .divider {
  margin: 10px 0;
}

.account-details-modal .btn {
  margin-top: 30px;
}

@media only screen and (max-width: 600px) {
  .corporate-approvals-details-modal .list-contatiner {
    padding: 0;
    border-right: 0 none;
  }
}
@media only screen and (max-width: 992px) {
  .corporate-approvals-details-modal .list-contatiner {
    padding: 0 30px;
  }
}
/*
 * modal chart
 */
.modal .doughnut-chart {
  padding: 50px 0;
}

.modal .doughnut-chart .chart-container {
  position: relative;
}

.modal .doughnut-chart .chart-container .circle {
  background: #0F9CFF;
  height: 82px;
  width: 82px;
  background-clip: padding-box;
  position: relative;
  top: 34px;
  margin: 0 auto;
}

.modal .doughnut-chart .chart-legend {
  color: #757575;
  padding-top: 33px;
  padding-left: 29px;
}

.modal .doughnut-chart .chart-legend span {
  font-weight: 500;
}

.modal .doughnut-chart .chart-legend > div {
  margin: 5px 0;
  position: relative;
}

.modal .doughnut-chart .chart-legend > div:before {
  content: " ";
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  top: 7px;
  left: -16px;
  border-radius: 50%;
}

.modal .doughnut-chart .chart-legend .net-label:before {
  background-color: #0F9CFF;
}

.modal .doughnut-chart .chart-legend .liabilities-label:before {
  background-color: #FE8A35;
}

.modal .doughnut-chart .chart-legend .asset-label:before {
  background-color: #66CE5F;
}

.chart-container > canvas {
  display: block;
  margin: 0 auto;
  /*width: 140px;*/
}

.chart-container .circle-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
  .modal .doughnut-chart .chart-legend {
    /*margin-left: 25%;*/
  }
}
.modal .doughnut-chart .chart-wrapper {
  position: relative;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}

/*
 * Panel
 */
.panel {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative;
  background: #FFFFFF;
  border-radius: 2px;
}

.panel-title-block {
  display: block;
  padding: 20px 20px 13px 20px;
  position: relative;
}

.panel-title {
  text-align: left;
  /*text-transform: capitalize;*/
}

.panel-content {
  padding: 13px 20px 20px 20px;
}

.panel .icon-1,
.panel .icon-2 {
  cursor: pointer;
  font-size: 14px;
  color: #9E9E9E;
  position: absolute;
  top: 25px;
  right: 20px;
}

.panel .icon-2 {
  right: 50px;
}

.insta-widget-panel.panel .panel-content {
  padding: 15px;
}

.insta-widget-panel.panel .widget.col {
  padding: 5px;
}

.insta-widget-panel.panel .widget-inner-block {
  background: #FF9F00;
  height: 72px;
  width: auto;
}

.insta-widget-panel.panel .widget-content {
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  background: #FF9F00;
  padding: 10px;
  width: 100%;
  text-align: center;
}

.insta-widget-panel.panel .widget-content a {
  color: #FFFFFF;
}

.activity-feed-panel .sub-heading {
  color: #9E9E9E;
  font-size: 13px;
}

.activity-feed-panel .icon-tick-activityfeed,
.activity-feed-panel .icon-comment-activityfeed {
  font-size: 16px;
  color: #000000;
}

.activity-feed-panel-inner {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 20px;
  /* padding-top: 20px; */
  margin-left: 10px;
}

.activity {
  font-size: 13px;
  color: #9E9E9E;
  margin-bottom: 20px;
  position: relative;
}

.activity-icon {
  background-color: #FFFFFF;
  height: 30px;
  left: -27px;
  position: absolute;
  top: -3px;
  padding-top: 4px;
  color: #000000;
}

.activity-heading {
  font-weight: 500;
  font-size: 15px;
  color: #000000;
  margin-bottom: 6px;
}

.activity-description {
  margin-bottom: 10px;
}

.activity-time {
  font-weight: 500;
  color: #000000;
}

.load-more-text {
  font-weight: 500;
  font-size: 15px;
  color: #0F9CFF;
  margin-top: 40px;
}

.load-more-text span {
  margin-right: 10px;
}

.make-transfer-panel .panel-title-block {
  padding-bottom: 20px;
}

#move-top {
  position: fixed;
  right: 50px;
  bottom: 40px;
  z-index: 100;
  display: none;
}

#move-top a {
  padding: 10px;
  color: #000000;
  font-size: 30px;
}

/* forex */
.forex-rates {
  margin-bottom: 20px;
  margin-top: 0px;
}

.forex-rates-row {
  margin-bottom: 10px;
}

.panel-forex-text {
  font-weight: 500;
  font-size: 14px;
  color: #424242;
}

.panel-forex-value {
  font-weight: 700;
  font-size: 15px;
  color: #0F9CFF;
  margin-right: 10px;
}

.date-time {
  font-weight: 500;
  font-size: 13px;
  color: #9E9E9E;
}

.panel.advertisement-panel {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 160px;
}

.panel.advertisement-panel img {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  height: 100%;
  width: 100%;
  border-radius: 2px;
}

/*
 * Header
 */
.header-wrapper {
  color: #FFFFFF;
  background-color: #0F9CFF;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.header-wrapper:after {
  clear: both;
  content: " ";
  display: block;
}

.header-wrapper .for-incapacitate {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 10px;
  background-color: #0070C0;
}

.header-wrapper a {
  color: #FFFFFF;
}

.header-wrapper a:hover {
  color: #F5F5F5;
}

.header-wrapper [class^="icon-"],
.header-wrapper [class*=" icon-"] {
  font-size: 24px;
  display: inline-block;
}

.header-wrapper .left-side-links {
  height: 90px;
  float: left;
}

.header-wrapper .menu-box,
.header-wrapper .logo-box,
.header-wrapper .expand-collapse-box {
  display: inline-block;
}

.header-wrapper .menu-box {
  position: absolute;
  top: 30px;
  left: 20px;
}

.header-wrapper .logo-box {
  position: absolute;
  top: 25px;
  left: 63px;
}

.header-wrapper .expand-collapse-box {
  position: absolute;
  top: 31px;
  right: 20px;
  display: none;
}

.header-wrapper .expand-collapse-box .collapse-icon,
.header-wrapper .expand-collapse-box.expanded .expand-icon {
  display: none;
}

.header-wrapper .expand-collapse-box.expanded .collapse-icon {
  display: block;
}

.header-wrapper .right-side-links {
  float: right;
  height: 90px;
}

.header-wrapper .right-side-links > ul {
  margin: 0;
  margin-top: 13px;
  padding: 20px 0;
}

.header-wrapper .right-side-links > ul > li {
  float: left;
  margin-right: 50px;
}

.header-wrapper .right-side-links .dropdown-button {
  padding-right: 0px;
}

.header-wrapper .right-side-links .dropdown-button:after {
  display: none;
}

.header-wrapper .right-side-links > ul > li:last-child {
  margin-right: 20px;
}

.header-wrapper .profile-dropdown-link span.person-id {
  display: block;
}

.profile-picture {
  /*padding-right: 5px; removed for cropping issue*/
  float: none;
  cursor: pointer;
}

.header-wrapper .profile-dropdown-link .person-name {
  font-size: 16px;
}

.header-wrapper .profile-dropdown-link .person-name:after {
  content: "\e923";
  font-family: icomoon;
  font-size: 10px;
  margin-left: 8px;
}

.header-wrapper .profile-dropdown-link .person-id {
  font-size: 12px;
  margin-top: -3px;
}

.header-wrapper .right-side-links li.profile-dropdown-link {
  margin-top: -5px;
  min-width: 130px;
}

.header-wrapper .right-side-links li.profile-dropdown-link > a {
  display: block;
}

.header-wrapper .right-side-links li.profile-dropdown-link > a:after {
  clear: both;
  content: " ";
  display: block;
}

.header-wrapper .profile-dropdown-link .person-info {
  /*float: left;*/
}

.header-wrapper .notification-dropdown.dropdown-content,
.header-wrapper .favorite-dropdown.dropdown-content,
.header-wrapper .profile-dropdown.dropdown-content {
  min-width: 300px;
  padding: 30px 20px;
  overflow-y: unset;
  margin-top: 10px;
}

.header-wrapper .dropdown-content > li {
  min-height: auto;
  margin-bottom: 20px;
}

.header-wrapper .dropdown-content > li:hover {
  background-color: transparent;
}

.header-wrapper .dropdown-content > li:last-child {
  margin-bottom: 0px;
}

.header-wrapper .dropdown-content > li > a {
  font-size: 14px;
  padding: 0;
}

.header-wrapper .notification-dropdown > li > a {
  padding-right: 28px;
}

.header-wrapper .dropdown-content > li > a:hover {
  color: #0070C0;
}

.header-wrapper .notification-dropdown .notification-count {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}

.header-wrapper .notification-dropdown li {
  position: relative;
}

.header-wrapper .right-side-links .dropdown-content:before {
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFFFFF;
  bottom: 100%;
  right: 8px;
  content: " ";
}

.profile-picture img {
  width: 33px;
  height: 33px;
}

@media only screen and (max-width: 767px) {
  .header-wrapper .expand-collapse-box {
    display: block;
  }

  .header-wrapper .left-side-links {
    float: none;
  }

  .header-wrapper .right-side-links > ul > li {
    float: left;
    width: 20%;
    text-align: center;
    margin: 0;
  }

  .header-wrapper .right-side-links > ul > li:last-child {
    margin: 0;
  }

  .header-wrapper .right-side-links {
    float: none;
    height: 70px;
    border-top: 1px solid #3b9eed;
  }

  .header-wrapper .right-side-links ul {
    margin-top: 0px;
  }

  .profile-picture {
    padding-right: 0px;
    float: none;
  }

  .header-wrapper .profile-dropdown-link .person-info {
    float: none;
    display: none;
  }

  .header-wrapper .right-side-links li.profile-dropdown-link {
    min-width: auto;
  }
}
/*
 * Footer
 */
.footer-wrapper {
  background-color: #0F9CFF;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 13px;
  padding: 20px !important;
  margin-top: 20px;
  clear: both;
  z-index: 9999;
}
.footer-wrapper:after {
  clear: both;
  content: " ";
  display: block;
}
.footer-wrapper .footer-links {
  float: left;
}
.footer-wrapper .footer-links a {
  color: #FFFFFF !important;
}
.footer-wrapper .footer-links a:hover {
  color: #F5F5F5;
}
.footer-wrapper .footer-links ul {
  margin-top: 0;
  margin-bottom: 0;
}
.footer-wrapper .footer-links ul li {
  display: inline-block;
  margin-right: 10px;
}
.footer-wrapper .copyright {
  text-align: right;
  float: right;
}

@media only screen and (max-width: 750px) {
  .footer-wrapper .copyright {
    text-align: center;
    float: none;
  }
  .footer-wrapper .footer-links {
    float: none;
  }
  .footer-wrapper .footer-links ul {
    text-align: center;
  }
  .footer-wrapper .copyright {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .lookup_button {
    margin-left: 47% !important;
  }
}
/* 
 * Ticker Changes - START
 */
.ticker-controls {
  position: absolute;
  right: -1px !important;
  /*Changed by Arun_Mani*/
  height: 34px;
  width: 68px;
  /*z-index: 100;*/
  /*Commented by Arun_Mani*/
}
.ticker-controls div {
  width: auto;
  /*Modified for Lumi changes*/
  float: left;
  padding: 9px;
  /*Modified for Lumi changes*/
  cursor: pointer;
  text-align: center;
}
.ticker-controls #ticker-hide {
  background-color: #F4E0A3;
}
.ticker-controls #ticker-pause {
  background-color: #FFECB3;
}

.ticker {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-shadow: 0px 8px 20px #888888;
  -ms-box-shadow: 0px 8px 20px #888888;
  -moz-box-shadow: 0px 8px 20px #888888;
  -webkit-box-shadow: 0px 8px 20px #888888;
  box-shadow: 0px 8px 20px #888888;
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  color: #000000;
  background-color: #FFECB3;
  height: 34px;
  /* Added by Arun_Mani */
  display: -webkit-inline-box;
}

.ticker-text {
  width: 100%;
  overflow: hidden;
  padding-top: 2px;
}
.ticker-text ul {
  margin: 6px;
}
.ticker-text ul li {
  display: inline;
  margin-right: 15px;
}

.tickerShadow {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: -webkit-inline-box;
  background-color: #FFECB3;
}

.tickerNoShadow {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.icon-play,
.icon-arrow-left,
.icon-pause,
.icon-arrow-right {
  color: #000000;
}

/* 
 * Ticker Changes - END
 */
/*
 * Greeting section
 */
.greeting-section .welcome-message {
  font-size: 14px;
  font-weight: 400;
  color: #424242;
  margin-top: 10px;
}
.greeting-section .last-login-info {
  font-size: 13px;
  font-weight: 400;
  color: #424242;
}
.greeting-section .last-login-channel {
  font-size: 13px;
  font-weight: 400;
  color: #757575;
  padding-bottom: 6px;
}
.greeting-section .info-section a {
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-top: 10px;
  display: inline-block;
}
.greeting-section .highlighted-text {
  font-weight: 500;
}

@media only screen and (max-width: 600px) {
  .greeting-section .info-section {
    text-align: left;
  }
  .greeting-section .last-login-info {
    padding-top: 6px;
  }
}
/*
 * Quick pay panel
 */
.quick-pay-panel .btn {
  padding: 0;
  width: 48%;
}

/*
 * navigation drawer
 */
/*
 * Layout specific
 */
.page-wrapper {
  -o-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  margin-top: 110px;
  /* Header height 90 + Top padding 20 = 110 */
}

.page-wrapper.header-expanded {
  margin-top: 180px;
  /* Header height 160 + Top padding 20 = 180 */
}

.dashboard-page .page-wrapper {
  margin-top: 144px;
  /* Header height 90 + Ticker height 34 + Top padding 20 = 144 */
}

.dashboard-page .page-wrapper.header-expanded {
  margin-top: 214px;
  /* Header height 160 + Ticker height 34 + Top padding 20 = 214 */
}

.dashboard-page .page-wrapper .top-section {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.dashboard-page .page-wrapper .header-wrapper {
  position: relative;
}

.center-container,
.left-container,
.right-container {
  position: relative;
  float: left;
}

.content-wrapper .left-container {
  width: 280px;
  padding: 0 20px;
}

.content-wrapper .right-container {
  width: 320px;
  padding: 0 20px;
}

.left-container .minimize-left-panel,
.right-container .minimize-right-panel {
  display: none;
  height: 30px;
  margin: 144px 0 20px 0;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
}

.left-container .minimize-left-panel {
 /* background-image: url("../images/collapse_button_left.png");  */
  border-radius: 2px;
}

.right-container .minimize-right-panel {
  background-image: url("../images/collapse_button_right.png");
  border-radius: 2px;
}

.left-container .maximize-left-panel,
.right-container .maximize-right-panel {
  display: none;
  height: 500px;
  margin-bottom: 20px;
  width: 100%;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
}

.left-container .maximize-left-panel {
 /* background-image: url("../images/expand_button_right.png");  */
  border-radius: 2px;
}

.right-container .maximize-right-panel {
  background-image: url("../images/expand_button_left.png");
  border-radius: 2px;
}

.left-container-content.expanded,
.right-container-content.expanded {
  -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*
 * Mobile view
 */
.middle-container {
  padding: 0 20px;
}

@media only screen and (max-width: 1279px) {
  .content-wrapper .right-container {
    width: 70px;
  }

  .right-container .maximize-right-panel,
  .right-container .minimize-right-panel {
    display: block;
  }

  .content-wrapper .right-container .right-container-content {
    -o-transform: translate3d(60px, 0px, 0px);
    -ms-transform: translate3d(60px, 0px, 0px);
    -moz-transform: translate3d(60px, 0px, 0px);
    -webkit-transform: translate3d(60px, 0px, 0px);
    transform: translate3d(60px, 0px, 0px);
    position: fixed;
  }

  .content-wrapper .right-container .right-container-content.expanded {
    -o-transform: translate3d(-270px, 0px, 0px);
    -ms-transform: translate3d(-270px, 0px, 0px);
    -moz-transform: translate3d(-270px, 0px, 0px);
    -webkit-transform: translate3d(-270px, 0px, 0px);
    transform: translate3d(-270px, 0px, 0px);
    background-color: #F5F5F5;
    top: 0;
    overflow-y: scroll;
    height: 100%;
  }

  /* IE 9 fix start */
  .degrade .content-wrapper .right-container .right-container-content {
    right: 60px;
  }

  .degrade .content-wrapper .right-container .right-container-content.expanded {
    right: -270px;
  }

  /* IE 9 fix end */
  .content-wrapper .right-container-content {
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 320px;
    padding: 0 20px;
    z-index: 2;
  }
}
@media only screen and (max-width: 1023px) {
  .content-wrapper .left-container {
    width: 70px;
  }

  .left-container .maximize-left-panel,
  .left-container .minimize-left-panel {
    display: block;
  }

  .content-wrapper .left-container .left-container-content {
    -o-transform: translate3d(-280px, 0px, 0px);
    -ms-transform: translate3d(-280px, 0px, 0px);
    -moz-transform: translate3d(-280px, 0px, 0px);
    -webkit-transform: translate3d(-280px, 0px, 0px);
    transform: translate3d(-280px, 0px, 0px);
    position: fixed;
  }

  .content-wrapper .left-container .left-container-content.expanded {
    -o-transform: translate3d(-20px, 0px, 0px);
    -ms-transform: translate3d(-20px, 0px, 0px);
    -moz-transform: translate3d(-20px, 0px, 0px);
    -webkit-transform: translate3d(-20px, 0px, 0px);
    transform: translate3d(-20px, 0px, 0px);
    background-color: #F5F5F5;
    top: 0;
    overflow-y: scroll;
    height: 100%;
  }

  /* IE 9 fix start */
  .degrade .content-wrapper .left-container .left-container-content {
    left: -280px;
  }

  .degrade .content-wrapper .left-container .left-container-content.expanded {
    left: -20px;
  }

  /* IE 9 fix end */
  .content-wrapper .left-container-content {
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 280px;
    padding: 0 20px;
    z-index: 2;
  }
}
@media only screen and (max-width: 767px) {
  .content-wrapper .right-container,
  .content-wrapper .left-container {
    width: 100%;
  }

  .center-container,
  .left-container,
  .right-container {
    float: none;
  }

  .content-wrapper .maximize-left-panel,
  .content-wrapper .maximize-right-panel,
  .content-wrapper .minimize-left-panel,
  .content-wrapper .minimize-right-panel {
    display: none;
  }

  .content-wrapper .right-container .right-container-content,
  .content-wrapper .left-container .left-container-content {
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    width: 100%;
    padding: 0;
    position: relative;
  }

  /* IE 9 fix start */
  .degrade .content-wrapper .left-container .left-container-content {
    left: 0px;
  }

  .degrade .content-wrapper .right-container .right-container-content {
    right: 0px;
  }

  /* IE 9 fix end */
  .center-container {
    padding: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .middle-container .widget.col {
    padding: 20px 0;
  }
}
/*
 * Profile Dropdown
 */
.profile-dropdown.dropdown-content {
  max-height: 500px;
}

.profile-dropdown.dropdown-content span {
  display: block;
}

.profile-dropdown.dropdown-content .divider {
  margin: 10px 0;
}

.profile-dropdown.dropdown-content ul.profile-options li {
  min-height: 0;
}

.profile-dropdown.dropdown-content ul.profile-options li a {
  padding: 5px 0 10px 0;
}

.profile-dropdown.dropdown-content ul li a:hover {
  color: #98DDFF;
  background: #FFFFFF;
}

.profile-dropdown .profile-info .input-field label {
  font-size: 13px;
  left: 0;
}

.profile-dropdown .profile-info .input-field {
  font-size: 16px;
  color: #000000;
}

.profile-dropdown .profile-info .select-wrapper span.caret:after {
  background: #FFFFFF;
}

.profile-dropdown .session-timeout {
  padding-bottom: 10px;
  color: #000000;
}

.profile-dropdown .session-timeout .label {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
}

.profile-dropdown .session-timeout .value {
  color: #F44336;
  display: inline-block;
}

.profile-dropdown .session-timeout .btn {
  margin-top: 10px;
}

.last-invalid-login .label {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.last-invalid-login .time {
  font-size: 14px;
  font-weight: 400;
  color: #0F9CFF;
}

.last-invalid-login .info {
  font-size: 13px;
  font-weight: 400;
  color: #757575;
}

/* Commented by Prasanth*/
/*
a:focus {
    border-bottom: 1px dotted color("black", "darken-1");
}
*/
/**/
/*
 *notification badge
 */
.dropdown-button .badge.circle {
  color: #000000;
  background-color: #FFCA28;
  font-weight: 500;
  top: -18px;
  left: 15px;
  display: inline-table;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
}

/*
 * Widget Library
 */
.widget-library {
  border: 1px solid #D9EEFE;
}

.widget-library .collapsible {
  -o-box-shadow: 0 0px 0px 0 transparent;
  -ms-box-shadow: 0 0px 0px 0 transparent;
  -moz-box-shadow: 0 0px 0px 0 transparent;
  -webkit-box-shadow: 0 0px 0px 0 transparent;
  box-shadow: 0 0px 0px 0 transparent;
  background: #E3F2FD;
  margin: 0;
  border: 0px none;
  border-bottom: 1px solid #D9EEFE;
}

.widget-library .collapsible-header {
  background: #E3F2FD;
  border-bottom: 0px none;
  padding: 3px 24px;
}

.widget-library .collapsible-body {
  border: 0px none;
}

.widget-library .collapsible-header .expand-icon,
.widget-library .collapsible-header .collapse-icon {
  color: #8B9CA9;
}

.widget-library .category-list {
  padding: 20px 25px;
}

.widget-library .category-list .category-item {
  margin-bottom: 10px;
}

.widget-library .widgets-list {
  padding: 24px;
}

.widget-library .widget-name {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0;
  display: block;
  line-height: 20px;
}

.widget-library .sub-description {
  font-size: 14px;
  color: #757575;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  line-height: 20px;
}

.widget-library .widgets-inner-wrapper {
  margin-top: 32px;
  height: 200px;
  margin-bottom: 0;
  overflow-y: auto;
  display: inline-block;
}

.widget-library .widgets-inner-wrapper .disabled .widget-name {
  color: #E0E0E0;
}

.widget-library .widgets-inner-wrapper .disabled .sub-description {
  color: #E0E0E0;
}

.widget-library .widgets-inner-wrapper .row {
  margin-bottom: 26px;
}

.widget-library .widgets-inner-wrapper > .col:last-child .row {
  margin-bottom: 0;
}

.widget-library [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: #848484;
  background-color: transparent;
}

.widget-library [type="checkbox"] + label {
  line-height: 20px;
}

.personalize-dashboard-modal .button-container,
.insta-widgets-modal .button-container {
  margin-top: 50px;
}

@media only screen and (max-width: 992px) {
  .widget-library .widgets-inner-wrapper .row {
    margin-bottom: 0px;
  }

  .widget-library .widgets-inner-wrapper .row .col {
    margin-bottom: 26px;
  }
}
/*
 * Check box cusomization for select dropdown
 */
.select-dropdown [type="checkbox"]:checked + label:before {
  -o-transform: rotateZ(37deg);
  -ms-transform: rotateZ(37deg);
  -moz-transform: rotateZ(37deg);
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.select-dropdown [type="checkbox"]:not(:checked) + label:before {
  -o-transform: rotateZ(37deg);
  -ms-transform: rotateZ(37deg);
  -moz-transform: rotateZ(37deg);
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%;
}

.select-dropdown [type="checkbox"]:checked + label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #FF9F00;
  background-color: #FF9F00;
  z-index: 0;
}

.select-dropdown [type="checkbox"]:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: #FFFFFF;
  border: 2px solid #848484;
  top: 0px;
  z-index: 0;
}

.select-dropdown [type="checkbox"]:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent;
}

.select-dropdown [type="checkbox"]:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD;
}

.select-dropdown [type="checkbox"]:disabled:checked + label:before {
  background-color: transparent;
}

.select-dropdown [type="checkbox"]:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD;
}

.select-dropdown [type="checkbox"] + label:before,
.select-dropdown [type="checkbox"] + label:after {
  -o-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  -ms-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  -moz-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  -webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  content: '';
  left: 0;
  position: absolute;
  z-index: 1;
}

.select-dropdown [type="checkbox"].filled-in + label:after {
  border-radius: 2px;
}

.select-dropdown [type="checkbox"] + label {
  padding-left: 38px;
}

/*
 * Multi select dropdown
 */
.multiple-select-dropdown li.disabled:first-child label {
  display: none;
}

.multiple-select-dropdown li.disabled:first-child span {
  padding: 17px 16px;
}

/*
 * Checkbox styling with span
 */
/*Added for keeping the radio button in left side--Start*/
.span-radiobutton {
  float: left;
}

/*Added for keeping the radio button in left side--End*/
[type="checkbox"] + span {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  color: #000000;
}

[type="checkbox"].filled-in + span:before,
[type="checkbox"].filled-in + span:after {
  -o-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  -ms-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  -moz-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  -webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  content: '';
  left: 0;
  position: absolute;
  z-index: 1;
}

[type="checkbox"].filled-in + span:after {
  border-radius: 2px;
}

[type="checkbox"].filled-in:checked + span:after {
  top: 2px;
  width: 20px;
  height: 20px;
  border: 2px solid #FF9F00;
  background-color: #FF9F00;
  z-index: 0;
}

[type="checkbox"].filled-in:checked + span:before {
  -o-transform: rotateZ(37deg);
  -ms-transform: rotateZ(37deg);
  -moz-transform: rotateZ(37deg);
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  top: 4px;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:not(:checked) + span:after {
  height: 20px;
  width: 20px;
  background-color: #FFFFFF;
  border: 2px solid #848484;
  top: 2px;
  z-index: 0;
}

[type="checkbox"].filled-in:not(:checked) + span:before {
  -o-transform: rotateZ(37deg);
  -ms-transform: rotateZ(37deg);
  -moz-transform: rotateZ(37deg);
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%;
}

/* 
 * Radio styling with span
 */
[type="radio"]:not(:checked) + span,
[type="radio"]:checked + span {
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  -moz-transition: .28s ease;
  -webkit-transition: .28s ease;
  transition: .28s ease;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  color: #000000;
}

[type="radio"]:checked + span:before {
  border: 2px solid #FF9F00;
  padding: 3px 4px 1px 0;
  margin: 0;
}

[type="radio"]:checked + span:after {
  -o-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  border-radius: 25%;
  background-color: #FF9F00;
  z-index: 0;
}

[type="radio"]:not(:checked) + span:before {
  border: 2px solid #848484;
  padding: 3px 4px 1px 0;
  margin: 0;
}

[type="radio"]:not(:checked) + span:after {
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  border: 2px solid #848484;
  z-index: -1;
}

[type="radio"] + span:before,
[type="radio"] + span:after {
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  -moz-transition: .28s ease;
  -webkit-transition: .28s ease;
  transition: .28s ease;
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  margin: 4px;
  width: 12px;
  height: 12px;
  z-index: 0;
  border-radius: 25%;
}

/*
 * Pagination
 */
.pagination-wrapper {
  /* border: 1px solid #D4D4D4;*/
  /* Commented for Pagination Wrapper border */
  border-top-width: 0px;
  padding: 0px 20px 10px 20px;
  text-align: right;
}

.pagination-wrapper .content > span,
.pagination-wrapper .content.info-division > span > span {
  display: inline-block;
  margin-right: 15px;
}

.pagination-wrapper .content.info-division > span {
  margin-right: 0px;
}

.pagination-wrapper > div > span:last-child,
.pagination-wrapper .content.info-division > span:last-child > span:last-child {
  margin-right: 0px;
}

.pagination-wrapper .per-page-selector .select-wrapper {
  width: 50px;
}

.pagination-wrapper .action-selector .select-wrapper {
  width: 90px;
}

.pagination-wrapper .select-wrapper input.select-dropdown {
  margin-bottom: 0px;
  height: 30px;
  line-height: 30px;
}

.pagination-wrapper .select-wrapper span.caret {
  top: 14px;
  /*Modified for Lumi for Caret position*/
}

.pagination-wrapper .col {
  padding: 0px;
}

.pagination-wrapper .action-division {
  text-align: left;
  float: left;
}

.pagination-wrapper .info-division {
  text-align: right;
  float: right;
}

.pagination-wrapper .content {
  width: 50%;
}

.pagination-wrapper:after {
  content: " ";
  clear: both;
  display: block;
}

.pagination-wrapper .action-selector,
.pagination-wrapper .per-page-selector {
  height: 24px;
  /*changed from 22px to 24px for correct alignment of rows per page dropdown*/
}

.pagination-wrapper a {
  color: #757575;
}

.pagination-wrapper a:hover {
  color: #0F9CFF;
}

.pagination-wrapper a.disabled {
  color: #E0E0E0;
}

@media only screen and (max-width: 1220px) {
  .modal .pagination-wrapper .content {
    width: 100%;
    float: none;
  }

  .modal .pagination-wrapper .info-division .block {
    margin-top: 15px;
  }

  .modal .pagination-wrapper .action-division,
  .modal .pagination-wrapper .info-division {
    text-align: center;
  }
}
@media only screen and (max-width: 900px) {
  .pagination-wrapper .content {
    width: 100%;
    float: none;
  }

  .pagination-wrapper .info-division .block {
    margin-top: 15px;
  }

  .pagination-wrapper .action-division,
  .pagination-wrapper .info-division {
    text-align: center;
  }
}
@media only screen and (max-width: 450px) {
  .pagination-wrapper .go-buton {
    margin-top: 15px;
  }
}
/*
 * scroll bar customization
 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;

}

::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  background-color: #BDBDBD;
  border-radius: 0px;
  background-clip: padding-box;
}

/* 
 * Autocomplete
*/
/*
 * Step Tracker
 */
/*Added for step tracker by sujatha for lumi */
.step-tracker .step-tracker-body .step-tracker-flow {
  display: none;
  border: 1px solid #E0E0E0;
  border-top: 0px none;
  padding: 20px;
}

.step-tracker.progress-step-1 .step-tracker-body .step-tracker-step1 {
  display: block;
}

.step-tracker.progress-step-2 .step-tracker-body .step-tracker-step2 {
  display: block;
}

.step-tracker.progress-step-3 .step-tracker-body .step-tracker-step3 {
  display: block;
}

.step-tracker.progress-step-4 .step-tracker-body .step-tracker-step4 {
  display: block;
}

.step-tracker.progress-step-5 .step-tracker-body .step-tracker-step5 {
  display: block;
}

.step-tracker.progress-step-6 .step-tracker-body .step-tracker-step6 {
  display: block;
}

.step-tracker.progress-step-2 .step-tracker-head-content .step-flow:nth-child(1) .step-number {
  display: none;
}

.step-tracker.progress-step-2 .step-tracker-head-content .step-flow:nth-child(1) .step-tick-icon {
  display: inline-block;
  background-color: #0F9CFF;
}

.step-tracker.progress-step-3 .step-tracker-head-content .step-flow:nth-child(1) .step-number,
.step-tracker.progress-step-3 .step-tracker-head-content .step-flow:nth-child(2) .step-number {
  display: none;
}

.step-tracker.progress-step-3 .step-tracker-head-content .step-flow:nth-child(1) .step-tick-icon,
.step-tracker.progress-step-3 .step-tracker-head-content .step-flow:nth-child(2) .step-tick-icon {
  display: inline-block;
  background-color: #0F9CFF;
}

.step-tracker.progress-step-4 .step-tracker-head-content .step-flow:nth-child(1) .step-number,
.step-tracker.progress-step-4 .step-tracker-head-content .step-flow:nth-child(2) .step-number,
.step-tracker.progress-step-4 .step-tracker-head-content .step-flow:nth-child(3) .step-number {
  display: none;
}

.step-tracker.progress-step-4 .step-tracker-head-content .step-flow:nth-child(1) .step-tick-icon,
.step-tracker.progress-step-4 .step-tracker-head-content .step-flow:nth-child(2) .step-tick-icon,
.step-tracker.progress-step-4 .step-tracker-head-content .step-flow:nth-child(3) .step-tick-icon {
  display: inline-block;
  background-color: #0F9CFF;
}

.step-tracker.progress-step-5 .step-tracker-head-content .step-flow:nth-child(1) .step-number,
.step-tracker.progress-step-5 .step-tracker-head-content .step-flow:nth-child(2) .step-number,
.step-tracker.progress-step-5 .step-tracker-head-content .step-flow:nth-child(3) .step-number,
.step-tracker.progress-step-5 .step-tracker-head-content .step-flow:nth-child(4) .step-number {
  display: none;
}

.step-tracker.progress-step-5 .step-tracker-head-content .step-flow:nth-child(1) .step-tick-icon,
.step-tracker.progress-step-5 .step-tracker-head-content .step-flow:nth-child(2) .step-tick-icon,
.step-tracker.progress-step-5 .step-tracker-head-content .step-flow:nth-child(3) .step-tick-icon,
.step-tracker.progress-step-5 .step-tracker-head-content .step-flow:nth-child(4) .step-tick-icon {
  display: inline-block;
  background-color: #0F9CFF;
}

.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(1) .step-number,
.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(2) .step-number,
.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(3) .step-number,
.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(4) .step-number,
.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(5) .step-number {
  display: none;
}

.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(1) .step-tick-icon,
.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(2) .step-tick-icon,
.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(3) .step-tick-icon,
.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(4) .step-tick-icon,
.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(5) .step-tick-icon {
  display: inline-block;
  background-color: #0F9CFF;
}

.step-tracker.progress-step-1 .step-tracker-head-content .step-flow:nth-child(1) .step-number,
.step-tracker.progress-step-2 .step-tracker-head-content .step-flow:nth-child(2) .step-number,
.step-tracker.progress-step-3 .step-tracker-head-content .step-flow:nth-child(3) .step-number,
.step-tracker.progress-step-4 .step-tracker-head-content .step-flow:nth-child(4) .step-number,
.step-tracker.progress-step-5 .step-tracker-head-content .step-flow:nth-child(5) .step-number,
.step-tracker.progress-step-6 .step-tracker-head-content .step-flow:nth-child(6) .step-number {
  /* background-color: #0F9CFF; */
  background-color: rgb(255,066,033,0.8);
}

/* Lumie style change for step tracker */
.step-tracker .step-tracker-head {
  /* border: 1px solid #d4d4d4; */
  /* border-bottom: 0px;*/
  border-bottom: 1px solid #E0E0E0;
  position: relative;
  /*padding: 14px;*/
  /*width: 96%;*/
  /* background: white; */
  margin-top: 5px;
}

.step-tracker .step-tracker-head .arrow {
  width: 16px;
  position: absolute;
  top: 27px;
  display: none;
  color: #E0E0E0;
  font-size: 16px;
}

.step-tracker .step-tracker-line {
  border: 1px solid #E0E0E0;
  margin-top: 36px;
}

.step-tracker.total-steps-3 .step-tracker-line {
  margin-left: 16%;
  margin-right: 16%;
}

.step-tracker.total-steps-5 .step-tracker-line {
  margin-left: 10%;
  margin-right: 10%;
}

@media only screen and (max-width: 800px) {
  .step-tracker.total-steps-5.progress-step-1 .step-tracker-line,
  .step-tracker.total-steps-5.progress-step-2 .step-tracker-line,
  .step-tracker.total-steps-5.progress-step-3 .step-tracker-line {
    margin-left: 17%;
    margin-right: 6%;
  }

  .step-tracker.total-steps-5.progress-step-4 .step-tracker-line,
  .step-tracker.total-steps-5.progress-step-5 .step-tracker-line {
    margin-left: 6%;
    margin-right: 17%;
  }

  .step-tracker.total-steps-5.progress-step-6 .step-tracker-line {
    margin-left: 17%;
    margin-right: 17%;
  }
}
.step-tracker .step-tracker-head .arrow.previous-icon {
  left: 8px;
}

.step-tracker .step-tracker-head .arrow.next-icon {
  right: 8px;
}

.step-tracker .step-tracker-head .step-tracker-head-content {
  padding: 0px 0 15px 0;
  margin-top: -30px;
}

.step-tracker .step-tracker-head-content {
  text-align: center;
}

.step-tracker .step-tracker-head-content:after {
  clear: both;
  content: " ";
  display: block;
}

.step-tracker .step-tracker-head-content .step-text {
  font-weight: 500;
  color: #000000;
  font-size: 14px;
  margin-top: 1px;
}

.step-tracker .step-tracker-head-content .step-status .step-number1 {
  width: 37px;
  height: 28px;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #0F9CFF;
  color: #FFFFFF;
  display: inline-block;
  border: 10px solid #FFFFFF;
  padding-top: 8px;
}

.step-tracker .step-tracker-head-content .step-status .step-number,
.step-tracker .step-tracker-head-content .step-status .step-tick-icon {
  width: 37px;
  height: 28px;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #BDBDBD;
  color: #FFFFFF;
  display: inline-block;
  border: 10px solid #FFFFFF;
}

.step-tracker .step-tracker-head-content .step-status .step-tick-icon {
  display: none;
  padding-top: 11px;
}

.step-tracker .step-tracker-head-content .step-status .step-tick-icon-new {
  /* display: none; */
  padding-top: 11px;
  background-color: #0F9CFF;
}

.step-tracker .step-tracker-head-content .step-status .step-tick-icon1 {
  width: 37px;
  height: 28px;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #0F9CFF;
  color: #FFFFFF;
  display: inline-block;
  border: 10px solid #FFFFFF;
}

.step-tracker .step-tracker-head-content .step-status .step-tick-icon1 {
  /*display: none;*/
  padding-top: 8px;
  line-height: 1.2;
}

.step-tracker .step-tracker-head-content .step-status .step-number {
  padding-top: 8px;
}

.step-tracker.total-steps-3 .step-tracker-head-content .step-flow {
  width: 33.33%;
  float: left;
}

.step-tracker.total-steps-5 .step-tracker-head-content .step-flow {
  width: 20%;
  float: left;
}

@media only screen and (max-width: 800px) {
  .step-tracker.total-steps-5 .step-tracker-head-content .step-flow {
    width: 33.33%;
  }

  .step-tracker.total-steps-5.progress-step-1 .step-tracker-head-content .step-flow:nth-child(4),
  .step-tracker.total-steps-5.progress-step-1 .step-tracker-head-content .step-flow:nth-child(5),
  .step-tracker.total-steps-5.progress-step-2 .step-tracker-head-content .step-flow:nth-child(4),
  .step-tracker.total-steps-5.progress-step-2 .step-tracker-head-content .step-flow:nth-child(5),
  .step-tracker.total-steps-5.progress-step-3 .step-tracker-head-content .step-flow:nth-child(4),
  .step-tracker.total-steps-5.progress-step-3 .step-tracker-head-content .step-flow:nth-child(5),
  .step-tracker.total-steps-5.progress-step-4 .step-tracker-head-content .step-flow:nth-child(1),
  .step-tracker.total-steps-5.progress-step-4 .step-tracker-head-content .step-flow:nth-child(2),
  .step-tracker.total-steps-5.progress-step-5 .step-tracker-head-content .step-flow:nth-child(1),
  .step-tracker.total-steps-5.progress-step-5 .step-tracker-head-content .step-flow:nth-child(2),
  .step-tracker.total-steps-5.progress-step-6 .step-tracker-head-content .step-flow:nth-child(1),
  .step-tracker.total-steps-5.progress-step-6 .step-tracker-head-content .step-flow:nth-child(2) {
    display: none;
  }

  .step-tracker.total-steps-5.progress-step-1 .step-tracker-head .arrow.next-icon,
  .step-tracker.total-steps-5.progress-step-2 .step-tracker-head .arrow.next-icon,
  .step-tracker.total-steps-5.progress-step-3 .step-tracker-head .arrow.next-icon {
    display: block;
  }

  .step-tracker.total-steps-5.progress-step-4 .step-tracker-head .arrow.previous-icon,
  .step-tracker.total-steps-5.progress-step-5 .step-tracker-head .arrow.previous-icon {
    display: block;
  }
}
@media only screen and (max-width: 401px) {
  .step-tracker .step-tracker-head .arrow.next-icon {
    right: 0px;
  }

  .step-tracker .step-tracker-head .arrow.previous-icon {
    left: 0px;
  }
}
/*Added for step tracker by sujatha for lumi */
/*
 * Virtual Keyboard
 */
/* Virtual Keyboard Appending changes from keyboard.css starts*/
/* keyboard - jQuery UI Widget */
.ui-keyboard {
  text-align: center;
  padding: .3em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 16000;
}

.ui-keyboard-has-focus {
  z-index: 16001;
}

.ui-keyboard div {
  font-size: 1.1em;
}

.ui-keyboard-button {
  height: 2em;
  min-width: 1.5em;
  margin: 1.5px;
  cursor: pointer;
  overflow: hidden;
  line-height: 2em;
  -moz-user-focus: ignore;
}

.ui-keyboard-button span {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  display: inline-block;
}

.ui-keyboard-button-endrow {
  clear: left;
}

.ui-keyboard-space {
  width: 15em;
  position: relative;
  bottom: 5px;
}

/* Modified for Lumie Arun*/
/* see http://nicolasgallagher.com/another-css-image-replacement-technique/ */
.ui-keyboard-space span,
.ui-keyboard-empty span {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

.ui-keyboard-preview-wrapper {
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* width is calculated in IE, since 99% = 99% full browser width =( */
.ui-keyboard-preview {
  text-align: left;
  margin: 0 0 3px 0;
  display: inline;
  width: 99%;
}

.ui-keyboard-keyset {
  text-align: center;
  white-space: nowrap;
}

.ui-keyboard-input {
  text-align: left;
}

.ui-keyboard-input-current {
  -o-box-shadow: 0 0 5px #4d90fe;
  -ms-box-shadow: 0 0 5px #4d90fe;
  -moz-box-shadow: 0 0 5px #4d90fe;
  -webkit-box-shadow: 0 0 5px #4d90fe;
  box-shadow: 0 0 5px #4d90fe;
}

.ui-keyboard-placeholder {
  color: #757575;
}

/* disabled or readonly inputs, or use input[disabled='disabled'] { color: #f00; } */
.ui-keyboard-nokeyboard {
  color: #757575;
  border-color: #757575;
}

.ui-keyboard-spacer {
  display: inline-block;
  width: 1px;
  height: 0;
  cursor: default;
}

.ui-keyboard-NBSP span,
.ui-keyboard-ZWSP span,
.ui-keyboard-ZWNJ span,
.ui-keyboard-ZWJ span,
.ui-keyboard-LRM span,
.ui-keyboard-RLM span {
  font-size: 0.5em;
  line-height: 1.5em;
  white-space: normal;
}

/* combo key styling - toggles diacritics on/off */
.ui-keyboard-button.ui-keyboard-combo.ui-state-default {
  border-color: #ffaf0f;
}

/* (in)valid inputs */
button.ui-keyboard-accept.ui-keyboard-valid-input {
  border-color: #0c0;
  background: #080;
  color: #FFFFFF;
}

button.ui-keyboard-accept.ui-keyboard-valid-input:not([disabled]):hover {
  background: #0a0;
}

button.ui-keyboard-accept.ui-keyboard-invalid-input {
  filter: alpha(opacity=50);
  opacity: 0.5;
  border-color: #c00;
  background: #800;
  color: #FFFFFF;
}

button.ui-keyboard-accept.ui-keyboard-invalid-input:not([disabled]):hover {
  background: #a00;
}

/*** Caret extension definition ***/
/* margin-top => is added to the caret height (top & bottom) */
.ui-keyboard-caret {
  background: #c00;
  width: 1px;
  margin-top: 3px;
}

/*** jQuery Mobile definitions ***/
/* jQuery Mobile styles - need wider buttons because of font size and text-overflow:ellipsis */
div.ui-body.ui-keyboard button.ui-keyboard-button.ui-btn {
  padding: 0.5em 1em;
  border-color: transparent;
}

.ui-body .ui-keyboard-button {
  width: 3em;
  height: 3em;
  display: inline-block;
}

.ui-body .ui-keyboard-widekey {
  width: 5.5em;
}

.ui-body .ui-keyboard-space {
  width: 15em;
}

.ui-body .ui-keyboard-space span {
  visibility: hidden;
}

/* hides the ellipsis */
.ui-body .ui-keyboard-keyset {
  line-height: 0.5em;
}

.ui-body input.ui-input-text,
.ui-body textarea.ui-input-text {
  width: 95%;
}

/* over-ride padding set by mobile ui theme - needed because the mobile script wraps button text with several more spans */
.ui-body .ui-btn-inner {
  height: 2em;
  padding: 0.2em 0;
  margin: 0;
}

.ui-body .ui-btn {
  margin: 0;
  font-size: 13px;
}

/* mobile default size is 13px */
/* override Bootstrap excessive button padding */
button.ui-keyboard-button.btn {
  padding: 1px 6px;
}

/* enable/disable icons */
button.ui-keyboard-toggle span {
  width: .8em;
  height: .8em;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* unlocked icon (keyboard enabled) */
button.ui-keyboard-toggle span {
  /* light theme unlocked icon - fill: #111 */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==);
}

.ui-keyboard-dark-theme button.ui-keyboard-toggle span {
  /* dark theme unlocked icon - fill: #eee */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==);
}

/* locked icon (keyboard disabled) */
button.ui-keyboard-toggle.ui-keyboard-disabled span {
  /* light theme locked icon - fill: #111 */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=);
}

.ui-keyboard-dark-theme button.ui-keyboard-toggle.ui-keyboard-disabled span {
  /* dark theme locked icon - fill: #eee */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=);
}

.ui-keyboard.ui-keyboard-disabled button:not(.ui-keyboard-toggle),
.ui-keyboard.ui-keyboard-disabled input {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

/*** Alt-Keys Popup extension ***/
/* clickable overlay on top of keyboard to hide the popup */
.ui-keyboard-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

/* the actual popup styling, class names from the css.container option are also added */
.ui-keyboard-popup {
  display: inline-block;
  /* default buttons are 2em wide + .1em margin on either side (set in .ui-keyboard-button definition);
  so use multiples of 2.2em   for a max-width if you don't want any extra white space on the sides,
  e.g. 5 buttons * 2.2em = 11em, 6 buttons * 2.2em = 13.2em, etc */
  max-width: 22em;
  /* 10 buttons */
}

/*** Extender keyboard extension ***/
div.ui-keyboard-extender {
  margin-left: 5px;
}

button.ui-keyboard-extender span {
  width: .9em;
  height: .9em;
  display: inline-block;
  margin-bottom: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  /* light theme extender icon - fill: #111 */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6IzExMSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzExMSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+);
}

.ui-keyboard-dark-theme button.ui-keyboard-extender span {
  /* dark theme extender icon - fill: #eee */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6I2VlZSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2VlZSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+);
}

/* Media Queries (optimized for jQuery UI themes; may be slightly off in jQuery Mobile themes) */
/* 240 x 320 (small phone)  */
@media all and (max-width: 319px) {
  .ui-keyboard div {
    font-size: 9px;
  }

  .ui-keyboard .ui-keyboard-input {
    font-size: 12px;
  }

  /* I don't own an iPhone so I have no idea how small this really is... is it even clickable with your finger? */
  .ui-body .ui-btn {
    margin: 0;
    font-size: 9px;
  }

  .ui-body .ui-keyboard-button {
    width: 1.8em;
    height: 2.5em;
  }

  .ui-body .ui-keyboard-widekey {
    width: 4em;
  }

  .ui-body .ui-keyboard-space {
    width: 8em;
  }

  .ui-body .ui-btn-inner {
    height: 2.5em;
    padding: 0.3em 0;
  }
}
/* 320 x 480 (iPhone)  */
@media all and (min-width: 320px) and (max-width: 479px) {
  .ui-keyboard div {
    font-size: 9px;
  }

  .ui-keyboard .ui-keyboard-input {
    font-size: 14px;
  }

  /* I don't own an iPhone so I have no idea how small this really is... is it even clickable with your finger? */
  .ui-body .ui-btn {
    margin: 0;
    font-size: 11px;
  }

  .ui-body .ui-keyboard-button {
    width: 1.8em;
    height: 3em;
  }

  .ui-body .ui-keyboard-widekey {
    width: 4.5em;
  }

  .ui-body .ui-keyboard-space {
    width: 10em;
  }

  .ui-body .ui-btn-inner {
    height: 3em;
    padding: 0.7em 0;
  }
}
/* 480 x 640 (small tablet) */
@media all and (min-width: 480px) and (max-width: 767px) {
  .ui-keyboard div {
    font-size: 13px;
  }

  .ui-keyboard .ui-keyboard-input {
    font-size: 14px;
  }

  .ui-body .ui-btn {
    margin: 0;
    font-size: 10px;
  }

  .ui-body .ui-keyboard-button {
    height: 2.5em;
  }

  .ui-body .ui-btn-inner {
    height: 2.5em;
    padding: 0.5em 0;
  }
}
/* Virtual Keyboard Appending changes from keyboard.css Ends*/
.ui-keyboard {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  padding: 10px 10px 5px 10px;
  /*Modified for lumie Arun*/
  margin-top: 100px;
  margin-bottom: 80px;
  /*added for keyboard cropping issue*/
}

.ui-keyboard-button {
  height: 33px;
  /*Modified for Lumie Arun*/
  min-width: 33px;
  /*Modified for Lumie Arun*/
  margin: 1.5px;
  line-height: 1.5;
}

.ui-keyboard div {
  font-size: 16px;
}

.ui-keyboard button.ui-keyboard-widekey,
.ui-keyboard button.ui-keyboard-meta1,
.ui-keyboard button.ui-keyboard-meta2 {
  border-color: #9E9E9E;
  background-color: #9E9E9E;
  color: #FFFFFF;
}

.ui-keyboard button.ui-keyboard-meta1:not([disabled]):hover,
.ui-keyboard button.ui-keyboard-meta2:not([disabled]):hover {
  border-color: #757575;
  background-color: #757575;
  color: #FFFFFF;
}

.ui-keyboard button.ui-keyboard-accept {
  border-color: #757575;
  background-color: #757575;
  color: #FFFFFF;
}

.ui-keyboard button.ui-keyboard-accept:not([disabled]):hover {
  border-color: #6d6d6d;
  background-color: #6d6d6d;
  color: #FFFFFF;
}

.ui-state-default,
.ui-keyboard button.ui-keyboard-shift {
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #D4D4D4;
  padding: 1px 6px;
  /* Modified for Lumie Arun*/
}

.ui-state-default:hover {
  background-color: #0F9CFF;
  color: #FFFFFF;
}

@media only screen and (max-width: 870px) {
  .ui-keyboard {
    margin-left: -100px;
  }
}
@media only screen and (max-width: 680px) {
  .ui-keyboard {
    margin-left: -150px;
  }
}
@media only screen and (max-width: 620px) {
  .ui-keyboard {
    margin-top: 85px;
    left: 36% !important;
    /*Modified for Lumi changes*/
  }

  .ui-dialog .containerStyle .ui-keyboard {
    left: 70% !important;
  }

  .modal .ui-keyboard {
    margin-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .ui-keyboard {
    /* display: none !important; 
     Virtual keyboard will not be displayed on resolution below 480px */
  }
}
/* Added to give height for the dropdown fields */
.autocomplete-dropdown {
  height: 32px;
}

/* ***********************************Pagination************************* */
.pagination-wrapper .goto-division > span,
.pagination-wrapper .per-page > span {
  display: inline-block;
}

.pagination-wrapper .goto-division,
.pagination-wrapper .per-page,
.pagination-wrapper .navigation-status {
  display: inline-block;
  margin-top: 15px;
}

.pagination-wrapper .goto-textfield {
  width: 90px;
  margin-top: 0;
}

/* Header icon changes START */
.person-name:after {
  content: "\e923";
  font-family: icomoon;
  font-size: 10px;
  margin-left: 8px;
}

/* added by Indrajit for caret symbol */
.person-name.upArrow:after {
  content: "\e939";
  font-family: icomoon;
  font-size: 10px;
  margin-left: 8px;
}

.icon-menu:before {
  font-size: 24px;
  padding-left: 20px;
  color: blue;
}

.icon-expandicon-down:before,
.icon-expandicon-up:before {
  font-size: 50px;
}

/* Header icon changes END */
/*
 * Toggle Effect for more items in mega-menu
 */
.dropdown-icon {
  float: right;
  color: #757575;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 600;
  padding-top: 0px;
  /*modified for lumei hamburger menu*/
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
}

.rotate {
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  padding-left: 5px;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 0px;
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
}

.more-item {
  color: #757575 !important;
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
}

a.menu__link.more-item:after {
  color: #757575 !important;
}

.menu-more-division a {
  color: #757575 !important;
}

.mask {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -o-box-shadow: 2px 0px 11px #000000;
  -ms-box-shadow: 2px 0px 11px #000000;
  -moz-box-shadow: 2px 0px 11px #000000;
  -webkit-box-shadow: 2px 0px 11px #000000;
  box-shadow: 2px 0px 11px #000000;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0px;
  background: #000000;
  display: none;
}

/*Style for highlighting the selected menu */
nav a.menu__link.active {
  color: #000000;
  /* background-color: #F1F1F1;*/
  border-left: 5px solid #D9EEFE;
  margin-right: -11px;
}

/*
 * This file contains styles which we have overridden on top of the styles.css.
 */
/* LUMI - Modified for UI Revamp */
/**** Place all Component level changes here - STARTS ***/
/* Font style/size related changes STARTS*/
/*************************** Common *******************************/
h3 .gradientbgtwolinetxt {
  font-size: 16px !important;
  font-weight: 500 !important;
}

/*************************** Mandatory Text**********************/
.stage3_steptracker_mandatory {
  font-size: 13px;
  padding-top: 5px;
}

/*************************** Output Text************************/
.stage3_previewconfirm_details_column .simpletext,
.stage3_previewconfirm_details_column_widget .simpletext {
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  color: #757575;
}

.stage3_previewconfirm_details_column_widget .simpletext {
  float: inherit;
  margin-top: 0px;
}

.stage3_previewconfirm_details_column .simpletextfloatleft {
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  color: #757575;
}

.simpletext {
  font-size: 13px;
}
/* Added for Output text field values in details and confirmation screens */
.simpletextnew {
  color: #ff0000;
  font-size: 11px;
}
.stage3_previewconfirm_details_column .simpletext_newfont {
  font-size: 14px;
}






/*************************** Anchor Tag************************/
.stage3_previewconfirm_details_column .bluelink_outputField {
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
  font-size: 13px;
}

.stage3_previewconfirm_details_column .bluelink_outputField_Templates {
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
  font-size: 13px;
}

/*************************** Input Text*************************/
.labelcolumnsmall {
  font-size: 14px !important;
}

/*************************** Combo *****************************/
.labelcolumncombosmall {
  color: #000000;
}

.labelColumn_combo_small {
  padding: 0 0px 5px 0px;
}

.ui-combobox input {
  font-size: 14px !important;
}

/*************************** Msg *******************************/
.redbg {
  font-size: 14px;
  /* Added for Error msg*/
}

.greenbg {
  font-size: 14px;
  /* Added for info msg*/
}

.orangebg {
  font-size: 14px;
  /* Added for warning msg*/
}

/*************************** Note *******************************/
.queryitalictextleftgap {
  font-size: 14px;
}

/*************************** Label *******************************/
.simpletext {
  color: #9E9E9E;
}

.simpletext_padding {
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif !important;
  font-size: 13px;
  color: #9E9E9E;
}

.stage3_previewconfirm_label_column .simpletext {
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif !important;
  font-size: 13px;
}

/*************************** Favorites *******************************/
.formbtn_dashboard_quicklink {
  font-size: 14px;
}

/*************************** Listing Table *******************************/
table th .tableHeaderNoSortHW {
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  color: #9E9E9E;
}

table td .searchsimpletext {
  color: inherit;
}

table td .searchsimpletext_wrapnew {
  color: #9E9E9E;
}

table td .searchsimpletext,
table td .searchsimpletext_wrapnew,
table td .simpletextwithwidth,
table td .searchsimpletext_accntSummary,
table td .hwgreentxt,
table td .hwblacktxt {
  font-weight: 400 !important;
  font-size: 14px !important;
}

table .HW_head_outerdiv {
  background-color: #FFFFFF;
}

.footable-row-detail-name {
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif;
  color: #757575;
  font-weight: 500 !important;
  font-size: 14px !important;
}

.pagination-wrapper .content .input-field input[type=text] {
  font-size: 14px;
}

.select-wrapper input.select-dropdown {
  font-size: 14px;
}

.stage3_optionallink_accnts:hover,
.stage3_optionallink_accnts {
  font-size: 13px;
}

.HW_textwithpadding_new {
  font-size: 14px;
}

/*************************** Pagination *******************************/
.transactiontxt_new,
.widgetpaginationtxt1_new {
  color: #000000;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.pagination-wrapper label {
  font-size: 14px !important;
  color: #000000;
}

.content input[type=Submit] {
  font-size: 14px !important;
}

.select-wrapper input.select-dropdown {
  font-size: 14px;
  /*Modified for Lumi for Dropdown Text Size*/
  color: #000000;
  top: 4px;
  /*Modified for Lumi for Dropdown Text Size*/
}

/*************************** Collapsible section *******************************/
.collapsible_tab {
  font-size: 14px;
}

.expandMenu_SRListing_ie10,
.collapseMenu_SRListing_ie10,
.expandMenu_SRListing,
.collapseMenu_SRListing {
  font-size: 16px;
}

a.collapsiblelink span.collapsible-header {
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
}

/* Font style/size related changes ENDS*/
/* Common styles changes STARTS*/
#wrapper1 {
  background: -webkit-linear-gradient(left, #0E9BFF, #4BC4FF) !important;
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #0E9BFF, #4BC4FF) !important;
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #0E9BFF, #4BC4FF) !important;
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #0E9BFF, #4BC4FF) !important;
  /* Standard syntax (must be last) */
  /*Modified for Lumi changes*/
  border-top: 0px solid #e4051f;
  /*next-gen*/
  /* Added for Lumi changes */
  position: fixed;
  width: 100%;
  left: 0px;
  right: 0px;
  z-index: 6000;
  /* Lumi changes-- Changed from 10 to 6000 */
  top: 0px;
  /*Lumei For fixing the margin on top of header*/
}

/* LUMI - Modified for UI Revamp */
.ERROR_ROW_HIGHLIGHT .simpletext {
  color: #F44336;
}

.menuArrowImageDown {
  margin-top: 7px;
}

/*Modified for Lumi*/
.ERROR_ROW_SPAN .simpletext {
  color: #F44336;
  /*Modified for Lumi changes*/
}

.stage3_inputpanel_leftcontainer {
  background-color: #FFFFFF;
  /*Modified for Lumi*/
}

.stage3_inputpanel_paydetailsrow {
  height: inherit;
  margin: 0px 0px 7px 0px;
}

.stage3_inputpanel_column {
  margin-top: 12px;
}

.querytextright_stage3 {
  overflow: visible;
  /*Modified for Lumi*/
  padding: 0px;
  /*Added for Lumi changes*/
}

.iconimagewithmargin {
  height: 20px;
}

/*Modified for lastTxn image hide adarsh*/
.imageHide{
display:none;
}
.hidekeyboard .ui-keyboard{
display:none !important;
}
/*Modified for naviogate to sujatha*/
.stage3_rtpanelwhitebg {
  border-bottom: 1px solid #E0E0E0;
  padding: 16px 20px 12px 20px;
  /* Lumie RHS widget style change */
  font-size: 20px;
  /* Lumie RHS widget style change */
  font-weight: 400;
  color: #000000;
  margin: 0;
}

.stage3_menuIdTextlink a {
  color: #0F9CFF;
}

.pageLeftContainer {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: #FFFFFF;
}

.select-wrapper.labelcolumncombotoosmallQuickpay .caret {
  top: 6px !important;
}

.labelColumn_combo_toosmallQuickPay {
  padding: 0 0 5px 0.1em;
  /*Modified for Lumi*/
}

.labelcolumnsearchquickpayRemark {
  background: none;
  /*Modified for Lumi*/
}

.querytextrightquickpaywidgetCol {
  padding-bottom: 15px;
  /*Modified for Lumi*/
}

.widget-content ul {
  padding: 0px !important;
  /*Modified for Lumi changes*/
}

/* Added to increase the padding to display the bottom line of input text boxes */
.querytextright {
  padding-bottom: 5px;
}

/* Common style changes ENDS*/
/* Button style changes STARTS*/
.waves-effect {
  margin: 5px 5px 3px 5px;
}

.backMiddle {
  margin: 0px 5px 3px 5px;
}

.labelcolumnsmall {
  padding-bottom: 3px;
  /*Modified for lumi to bring the on focus highlight effect*/
  background: none;
  /*Modified for Lumi*/
}

.labelColumn_combo_very_small,
.labelColumn_combo_brdr_very_small,
.labelColumn_combo_small_cr,
.labelColumn_combo_brdr_small_cr,
.newCombobox_combo_small,
.newCombobox_combo_brdr_small,
.labelColumn_combo,
.labelColumn_combo_download,
.labelColumn_combo_brdr,
.labelColumn_combo_brdr_download,
.labelColumn_combo_brdr_small,
.labelColumn_combo_brdr_toosmall,
.labelcolumncombotoosmallBackUp,
.question .inputColumn span.select,
.question .inputColumn span.select select,
.labelColumn_combo_small,
.labelColumn_combo_toosmall,
.labelcolumnsmall_ComboBox,
.querycomboboxmedium_small,
.labelColumn_combo_toosmall_db,
.labelColumn_combo_brdr,
.labelColumn_combo_nobackground,
.labelColumn_combo_brdr_nobackground,
.labelColumn_combo,
.labelColumn_combo_small_cr,
.labelColumn_combo_brdr_small_cr,
.labelColumn_combo_toosmallQuickPay,
.labelColumn_combo_brdr_toosmallQuickPay,
.widget-small .labelColumn_combo,
.labelcolumnsearchquickpayRemark,
.querytextboxmedium_searchquickpayRemark,
.labelColumn_text_brdr_toosmall,
.querytextboxmedium_small {
  background: none;
  /*Modified for Lumi*/
  position: relative;
  padding-right: 15px;
  /*Modified for Dropdown and Button Spacing Issue*/
  /*added by anurag for dropdown width control*/
 // width: 350px;
}

.labelcolumntexttoosmall {
  background: none;
  /*Modified for Lumi*/
  padding: 7px 0 3px 2px;
  /*Modified for lumi to have on focus highlight effect*/
}

.labelcolumntexttoosmall_CC {
  padding: 7px 0 3px 2px;
  /*Modified for lumi to have on focus highlight effect*/
}

/* Button style changes ENDS*/
/* Date picker changes STARTS*/
input.all-datepicker,
input.future-datepicker,
input.past-datepicker {
  width: 150px;
  margin-top: 12px;
  margin-left: 5px;
  background-size: 20px 20px;
  padding-bottom: 4px;
  /*Added for Lumi changes*/
}

.picker__box {
  background-color: #FFFFFF;
}

/* Date picker changes ENDS*/
/* Masking effect on click of Sidebar STARTS*/
.qp-ui-mask-modal.qp-ui-mask-visible {
  -o-transition-delay: 0;
  -ms-transition-delay: 0;
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.qp-ui-mask-modal {
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -o-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  filter: alpha(opacity=10);
  opacity: 0.1;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 3;
  position: fixed;
}

/* Masking effect on click of Sidebar ENDS*/
/* REMOVE ON ACTUAL IMPLEMENTATION OF MEGA MENU -- Temporary mega menu side bar level Changes STARTS*/
.side-nav {
  width: 320px;
  top: 81px;
  /*for lumi*/
  height: 100%;
  background-color: #FFFFFF;
}

.side-nav li:hover,
.side-nav li.active {
  background-color: #FFFFFF;
}

li.bold {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E0E0E0;
}

.side-nav.fixed {
  /*7left: 0px !important;
  margin-top: 9px;*/
}

.side-nav {
  display: none;
}

.menuBarIcon {
  float: left !important;
  margin-top: 9px !important;
  color: #FFFFFF;
}

/* REMOVE ON ACTUAL IMPLEMENTATION OF MEGA MENU -- Temporary mega menu side bar level Changes ENDS*/
/* Listing table/pagination changes STARTS Anand*/
/*************************** Pagination *******************************/
.pagination-wrapper .per-page-selector .select-wrapper {
  width: 50px;
}

.select-wrapper input.select-dropdown {
  border-bottom: 1px solid #E0E0E0;
}

.pagination-wrapper .content > span,
.paginat.searchsimpletext_sideheadingion-wrapper .content.info-division > span > span {
  display: inline-block;
  margin-right: 8px !important;
}

.content input[type=text] {
  height: 2rem;
  margin-bottom: inherit;
  color: #000000 !important;
}

.content .input-field label {
  left: -0.1rem;
  top: 5px;
}

.content .input-field input[type=text] {
  width: 85px;
}

.pagination-wrapper .content {
  width: 100% !important;
  /* Update for Table footer width */
  text-align: right !important;
}

.widgetpaginationprevious_new,
.widgetpaginationnextDisabled_new {
  width: 10px;
  height: 13px;
  margin-top: 0px;
}

.widgetpaginationnextDisabled_new {
  margin-bottom: -2px;
}

.footable-row-detail-row {
  display: block;
}

.pagination-wrapper .select-wrapper input.select-dropdown {
  margin: inherit;
}

.pagination-wrapper .labelColumn_combo {
  padding-left: 0px;
  height: 31px;
  width: 65px;
}

.pagination-wrapper .waves-effect {
  margin: auto;
}

.pagination-wrapper .per-page-selector {
  width: 50px;
}

.footable.breakpoint > tbody > tr:first-child > td.footable-last-column:after {
  padding-right: 10px;
  width: 30px;
  height: 30px;
  margin-bottom: -15px;
  padding-top: 15px;
  /* Modified for Lumi to make the down/up arrow in center of three dots in listing table last column */
}

/* Added for hiding arrow in listing screens coming inside print preview  */
.printwrapper .footable.breakpoint > tbody > tr:first-child > td.footable-last-column:after {
  width: 0px;
  height: 0px;
}

/*Added for dropdown width issue --Start */
.autocomplete-dropdown {
  width: 100%;
}

/*Added for dropdown width issue --End */
/*Added for dropdown issue in overlay screen--Start */
.ui-dialog ul.autocomplete-values-list {
  display: none;
}

/*Added for dropdown issue in overlay screen--End */
.pagination-wrapper .content i.waves-effect {
  vertical-align: middle !important;
}

.pagination-wrapper .col {
  width: inherit !important;
  float: inherit;
}

.paginationPageNumberGOSpan {
  margin-right: 0px !important;
}

.paginationRowperPageLabel {
  margin-right: 5px;
}

.pagination-wrapper {
  border: none;
}

.per-page-selector .select-wrapper span.caret:after {
  right: 9px;
}

/* Multi Select Dropdown--Issue for z-index -- Start*/
.multiselect_options_div_searchpanel {
  z-index: 10 !important;
  width: auto !important;
  min-width: 55%;
}

.pagination-wrapper .goto-textfield input[type=text] {
  width: 90px !important;
}

/* Multi Select Dropdown--Issue for z-index -- End*/
/*************************** Listing Table Action *******************************/
.HW_tabletextwithpadding,
.HW_tableheading,
.HW_tablecolcenter,
.widget .menuChoices ul li ul li {
  background-image: url("") !important;
}

.widget .menuChoices ul li ul li {
  background-color: transparent !important;
}

.menuChoicesColumn {
  border-right: none !important;
}

.select-wrapper:after {
  top: 8px !important;
}

.widget .menuChoices {
  min-width: 155px;
}

.menuChoices {
  /*Uncommented box shadow to reflect the shadow effect for action pull down menu container */
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  display: none;
  margin: 0;
  overflow: visible;
  padding: 2px;
  position: absolute;
  right: 40%;
  z-index: 1002;
}

.widget .menuChoices ul li:hover,
.modalWrapper .menuChoices ul li ul li:hover {
  background-color: #F5F5F5 !important;
}

.widget .menuChoices ul li {
  min-height: 35px;
  color: #0F9CFF;
  cursor: pointer;
  line-height: inherit;
  text-align: left;
  text-transform: none;
  clear: none;
  width: 180px;
}

.menuChoices_3,
.menuChoices_4,
.menuChoices_5,
.menuChoices_6 {
  min-width: 560px !important;
  height: 200px;
  overflow-y: scroll !important;
}

.menuChoices_2 {
  min-width: 550px !important;
  height: 200px;
}

.menuChoices_1 {
  min-width: 370px !important;
}

.widget .menuChoices_3 ul li {
  width: 180px;
}

.menuChoiceAccntAlign {
  right: -38% !important;
}

.hasPulldownMenu {
  font-size: 0.69em;
  margin-top: -1.0999%;
  position: absolute;
}

.menuSideArrowImageForMenuChoices {
  padding-left: 2px;
  border: 0px;
  text-align: left;
  cursor: pointer;
  margin-left: 2px;
}

.menuChoices ul {
  padding: 0px;
  background-color: #D9EEFE;
  /*changed from E0E1E2  to EFEFEF for EBUX3 UI*/
}

.menuChoices ul li {
  list-style-type: none;
  font-size: inherit;
  float: left;
}

.menuChoices ul li ul li {
  background-image: url("../images/backgrounds/icoMenuArrow.png");
  background-position: 0 6px;
  background-repeat: no-repeat;
  float: none;
  padding-left: 8px;
  margin-left: 5px;
}

.menuChoices ul li a,
.menuChoices ul li input {
  display: inline-block;
  color: #000000;
  border: none;
  text-align: left;
  line-height: 20px;
  padding: 1px;
}

.menuChoices ul li input {
  width: 100%;
  cursor: pointer;
}

.widget .menuChoices .row .col.s12 {
  margin-top: inherit;
}

.more.dropdown-button {
  padding-left: 40px;
  /* Modified the value from 17 to 40px for more space on RHS issue */
}

.viewAll {
  margin-right: 42%;
  width: 16%;
  font-size: 14px !important;
}

.menuChoices ul li {
  margin-top: 0px !important;
}

.widget .menuChoices ul li a,
.menuChoices_new ul li input {
  padding: 10px 5px;
  line-height: inherit;
}

.widget .menuChoices ul {
  max-height: 250px;
  background-color: #FFFFFF;
}

.widget .menuChoices ul li a {
  width: 165px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menuChoices ul.singleColumn_Pulldown_Content {
  min-width: 150px;
  max-height: 250px;
}

.menuChoices ul.singleColumn_Pulldown_Content li {
  margin-left: 0 !important;
  width: 100% !important;
}

.menuChoices ul.twoColumn_Pulldown_Content {
  min-width: 325px;
  max-height: 250px;
}

.menuChoices ul.twoColumn_Pulldown_Content li {
  float: left;
  width: 150px;
}

/*************************** Listing Table *******************************/
.widgetpaginationpreviousDisabled_new,
.widgetpaginationnext_new {
  margin-top: 0px;
  margin-bottom: -2px;
}

.widgetpaginationprevious_new {
  margin-bottom: -2px;
}

.pagination_widformbtn_pagi_go_new {
  border: 1px solid #BDBDBD;
  height: 25px;
  margin: 4px 3px 0px 0px;
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  width: 35px;
  background-color: #FFFFFF;
  border-radius: 7px;
}

.caret {
  border-left: none;
  border-right: none;
  border-top: none;
}

.widgetpaginationpreviousDisabled_new,
.widgetpaginationnext_new {
  width: 10px;
  height: 13px;
}

.sortingAscendingArrow {
  font-family: icomoon;
  color: inherit;
  font-size: 12px;
  padding-right: 4px;
}

.sortingDescendingArrow {
  font-family: icomoon;
  color: inherit;
  font-size: 12px;
  padding-right: 4px;
}

table thead th span.sortingAscendingArrow:before {
  content: "\e940";
}

table thead th span.sortingDescendingArrow:before {
  content: "\e941";
}

table tbody tr td.footable-last-column {
  text-align: right;
}

#detailInner2 {
  border-top: 1px solid #E0E0E0;
  width: 100%;
  height: 100%;
  padding-top: inherit;
  padding-bottom: inherit;
}

.listrowwrapper .listwhiterow:first-child,
.listrowwrapper .listgreyrow:first-child {
  border-top: 1px solid #E0E0E0 !important;
}

/* added to remove background color and bottom border for dashboard widget small -- STARTS*/
.listrowwrapper .listwhiterow_widget:first-child {
  border-top: none !important;
}

.widget-small table.multiTableHeading > tbody:hover {
  background-color: #F5F5F5;
}

.widget-small thead {
  border-bottom: 1px solid #E0E0E0 !important;
}

.listrowwrapper .listgreyrow_widget:first-child {
  border-top: none !important;
}

.widget-small .amtRightAlign {
  text-align: left !important;
}

/* added to remove background color and bottom border for dashboard widget small -- END*/
.listgreyrowtxtCenterline {
  padding-left: 2px;
  padding-right: 6px;
  vertical-align: middle;
  border: 0px;
  text-align: center;
}

.footable-row-detail-name {
  color: #757575;
  padding: 10px 22px;
  width: 50%;
  float: left;
  text-align: left !important;
}

.footable-row-detail-value {
  text-align: center;
  padding: 10px 22px;
  width: 50%;
}

.footable-row-detail-row {
  color: #000000;
  font-weight: 400;
}

table td {
  padding: 13px 20px;
}

table th {
  padding: 17px 20px;
}

.footable-row-detail-row:last-child {
  border-bottom: 0px solid #E0E0E0 !important;
}

.hasPulldownMenu {
  margin-left: inherit !important;
  margin-top: -11px;
  text-align: center;
  height: 20px;
}

.singleTableHeading {
  border: 1px solid #E0E0E0;
}

table.multiTableHeading thead tr:nth-child(1) th,
table.multiTableHeading tbody tr:nth-child(1) td {
  padding-bottom: 0px;
}

table.multiTableHeading thead tr:nth-child(3) th,
table.multiTableHeading tbody tr:nth-child(3) td,
table.multiTableHeading thead tr:nth-child(2) th,
table.multiTableHeading tbody tr:nth-child(2) td {
  padding-top: 0px;
}

table.singleTableHeading thead tr:nth-child(2) th,
table.singleTableHeading tbody tr:nth-child(2) td table.singleTableHeading thead tr:nth-child(1) th,
table.singleTableHeading tbody tr:nth-child(1) td {
  padding-bottom: none;
}

td.footable-row-detail-cell {
  padding: 0px;
}

.singleTableHeading:after,
table.multiTableHeading:after {
  content: none;
}

table.multiTableHeading thead tr:nth-child(2) th,
table.multiTableHeading thead tr:nth-child(3) th {
  color: #9E9E9E;
}

table.multiTableHeading tbody tr:nth-child(2),
table.multiTableHeading tbody tr:nth-child(3) {
  color: #9E9E9E;
}

table.multiTableHeading thead tr:nth-child(1) th {
  color: #757575;
}

table.multiTableHeading tbody tr:nth-child(1) {
  color: #000000;
}

table.singleTableHeading thead tr:nth-child(1) th {
  color: #757575;
  font-weight: 500;
}

table.multiTableHeading tbody tr:nth-child(1),
table.singleTableHeading tbody tr:nth-child(1) {
  color: #000000;
  font-weight: 400;
}

table.multiTableHeading > tbody:hover,
table.singleTableHeading > tbody:hover {
  background-color: #F5F5F5;
}

table.multiTableHeading > tbody,
table.singleTableHeading > tbody {
  background-color: #FFFFFF;
}

.footable-row-detail-row:hover {
  background-color: #F5F5F5 !important;
}

table td .searchsimpletext_wrapnew,
table td .searchsimpletext {
  padding-top: 0px;
}

table > tbody > tr.checkBoxSelected,
.listrowwrapper.checkBoxSelected .listwhiterow,
.listrowwrapper.checkBoxSelected .listgreyrow {
  background-color: #F5F5F5;
}

.mid_img {
  padding-bottom: 0px;
  padding-left: 4px;
  margin-bottom: -1px;
}

h3.listingcol span {
  padding: 17px 0px;
}

h3.listingcol {
  padding-top: 0px !important;
  padding-bottom: inherit !important;
  padding-left: 6px;
  padding-right: 0px;
  height: inherit !important;
  border-right: 1px solid #E0E0E0;
}

/* Listing/pagination changes done by Anand ENDS*/
/* For control option navigator styling STARTS*/
table.controlOptionTableStyle td {
  padding: 3px 2px;
}

table.controlOptionTableStyle > tbody > tr:hover {
  background-color: transparent !important;
}

/* For control option navigator styling ENDS*/
/*************************** Collapsible section *******************************/
.collapsible_tab {
  background: url("") !important;
}

.collapseMenu_SRListing_ie10:after,
.collapseMenu_SRListing:after {
  content: "\e939" !important;
  -webkit-margin-before: initial !important;
  left: initial;
  color: #757575;
  top: 15px;
}

.expandMenu_SRListing_ie10:after,
.expandMenu_SRListing:after {
  content: "\e923" !important;
  -webkit-margin-before: initial !important;
  left: initial;
  color: #757575;
  top: 15px;
}

.collapseMenu_SRListing_ie10:after,
.expandMenu_SRListing_ie10:after {
  position: relative;
  float: right;
  left: -10px;
  -webkit-margin-before: -18px;
}

.expandMenu_SRListing_ie10,
.collapseMenu_SRListing_ie10,
.expandMenu_SRListing,
.collapseMenu_SRListing {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.expandMenu_SRListing_ie10,
.collapseMenu_SRListing_ie10,
.expandMenu_SRListing,
.collapseMenu_SRListing {
  padding-right: initial;
}

.collapsible_tab {
  float: left;
}

.width100Percent_borderBottom_SRListing tr[id^=collapsibleMenu],
.width100Percent_borderBottom_SRListing tr[id^=collapse] {
  border-bottom: 1px solid #E0E0E0;
}

.collapsible {
  margin: 0 !important;
  display: inline-block;
  width: 100%;
  border-left: none;
  border-top: none;
  border-right: none;
  padding-left: 0px;
  padding-right: 0px;
}

.collapsible-body p {
  padding: 8px 31px;
  margin: 0px;
}

.widget-library .collapsible-body p {
  padding: 2rem;
}

.srSearch {
  margin-top: -5px;
}

.expandableMenu img,
.collapsipleMenu img,
.h3whitetitle .collapsiblelink img,
.stage3_moredetailsright .collapsiblelink img {
  display: none;
}

a.collapsiblelink span.collapsible-header {
  padding: inherit;
  min-height: inherit;
  line-height: inherit;
  border-bottom: none;
  float: left;
  padding-left: 6px;
}

.collapsipleMenu:after,
.expandableMenu:after {
  -webkit-margin-before: initial !important;
  left: initial;
  color: #757575;
  float: right;
  padding-top: 6px;
  padding-left: 3px;
  padding-right: 6px;
}

.collapsipleMenu:after {
  content: "\e939" !important;
}

.expandableMenu:after {
  content: "\e923" !important;
}

.expandableMenu,
.collapsipleMenu {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
}

.expandableMenu,
.collapsipleMenu {
  padding-right: initial;
}

a.collapsiblelink {
  padding-top: 6px;
}

.collapsiblePosition {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 10px !important;
  padding-bottom: 10px;
}

.collapsible-body .pwdreqtext,
.collapsible-body .queryitalictextwithmargin {
  margin-left: 0px;
}

.printwrapper .collapsible-header {
  padding: inherit;
  display: inline;
  cursor: none;
  min-height: auto;
  line-height: normal;
  border-bottom: none;
  background-color: transparent;
}

/*************************** Search Section *******************************/
.stage3_searchpaneldiv .collapsible-wrapper,
.stage3_searchpanel_detailsdiv .collapsible-wrapper,
.stage3_searchsubsecheader {
  background-color: #FFFFFF !important;
}

.stage3_searchpaneldiv .collapsible-wrapper,
.stage3_searchpanel_detailsdiv .collapsible-wrapper {
  border: none;
}

.stage3_searchpaneldiv {
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
}

.collapsible-wrapper {
  -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  top: 28px;
}

/*************************** Text Area *******************************/
.remarksboxux3 {
  border: none !important;
  border-bottom: 1px solid #E0E0E0 !important;
  max-width: 300px;
  width: 40% !important;
}

.textareaalignment {
  width: 28% !important;
}

.addressrtalign {
  width: 52% !important;
}

.character-counter {
  padding-bottom: 10px;
  width: 21% !important;
  max-width: 300px;
  color: #000000;
}

/* Added for Lumi changes */
textarea.materialize-textarea {
  padding: 0.53rem 0 !important;
  /*Changed for alignment between label and text area*/
  max-height: 30px;
  overflow-y: auto;
}

/* Check Box Style --Start */
/* Overriding the Robosoft style for Checkbox anf label for font size.*/
.ui-helper-hidden.filled-in + label:after,
.ui-helper-hidden.filled-in + span:after {
  content: none !important;
}

[type="checkbox"] + label {
  font-size: 0px !important;
  top: 8px;
}

li [type="checkbox"] + label {
  font-size: 12px !important;
}

ul li [type="checkbox"] + label {
  line-height: 8px !important;
  margin-left: 7px !important;
  top: 13px !important;
}

.labeltextstyle1 {
  float: none !Important;
}

[type="checkbox"].filled-in:checked + label:after,
[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 15px !Important;
  width: 15px !Important;
  margin-top: -3px !Important;
}

[type="checkbox"].filled-in:checked + label:before {
  width: 4px !Important;
  height: 10px !Important;
  margin-top: -1px !Important;
}

[type="checkbox"].filled-in:checked + span:after,
[type="checkbox"].filled-in:not(:checked) + span:after {
  height: 16px !important;
  width: 16px !important;
  margin-top: 7px !important;
}

[type="checkbox"].filled-in:checked + span:before {
  width: 4px !important;
  height: 9px !important;
  margin-top: 7px !important;
}

/* Check Box Style --End */
/* Radio Style --Start */
[type="radio"] + label {
  font-size: 0px !important;
  float: left;
  top: 2px;
}

/* Radio Style --End */
/* Dropdown Style --Start */
.dropdownexpandalbe_download,
.dropdownexpandalbe,
.header_dropdownexpandalbe,
.dropdownexpandalbe_LHN,
.dropdownexpandalbe_radbtn,
.dropdownexpandalbe_small,
.dropdownexpandalbe_new,
.dropdownexpandalbe_nobackground,
.stage3_dropdownexpandalbe,
.widget-small .dropdownexpandalb,
.dropdownheader_1,
.dropdownheader_top_r,
.dropdownheader_top,
.dropdownlocationbar_span,
.dropdownlocationbar,
.dropdownheader {
  display: none !Important;
  /*OverRidden for Dropdown issue where old dropdowns were also getting displayed on screen*/
}

/* Dropdown Style --Start */
/*Bread Crumb Changes---Start*/
/*Meghana changes start*/
/* Commented for Breadcrumb Box Shadow*/
.breadcrumb-block {
  height: auto !important;
}

div.nav-wrapper {
  position: relative;
  height: 100%;
}

.breadcrumb:after {
  content: " " !important;
  clear: both !important;
  height: 0 !important;
  visibility: visible !important;
}

.breadcrumb-content:after {
  display: none !important;
  content: " " !important;
  clear: both !important;
}

.breadcrumb-block .breadcrumb:last-child {
  color: #424242 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background-color: #FFFFFF !important;
  cursor: pointer !important;
}

.breadcrumb-block .breadcrumb:last-child:after {
  content: " ";
  display: block;
  border-left-color: #FFFFFF;
}

a.breadcrumb:first-child,
a.breadcrumb:nth-child(2) {
  cursor: default;
}

.breadcrumb-block .breadcrumb-icon {
  padding: 10px;
  width: 20px;
  height: 20px;
}

/* Added for condition if only one Link is there for Bread crumb --Start*/
.breadcrumb-block .breadcrumb:first-child {
  background: #F5F5F5 !important;
}

.breadcrumb-block .breadcrumb:first-child:after {
  border-left-color: #F5F5F5 !important;
}

/* Added for condition if only one Link is there for Bread crumb --End*/
/*meghna added end*/
/* Bread crumb changes Ends */
/* Screen title print icon changes */
/*meghana added*/
#HREF_printPreview,
#HREF_help {
  display: block;
}

/*Added for lumie*/
div#BrdCrumbNImg {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 15px;
  height: 20px;
}

/* Added to move the print and help icons to the left when the RHS collapse/expand bar is visible */
.print-preview-button,
.print-help-button {
  font-size: 24px;
  color: #757575;
  position: absolute;
  top: 0;
}

.print-preview-button:hover,
.print-help-button:hover {
  color: #0F9CFF;
}

.print-preview-button {
  right: 0;
}

.print-help-button {
  right: 39px;
}

.print-preview-button,
.print-help-button {
  font-size: 23px;
  top: 127px;
  margin-right: 20px;
}

/*meghana added end*/
/* screen title print icon chagnes end*/
/*Added for download component in UX5 */
.icon-HW_formbtn_img_txt,
.icon-HW_formbtn_img_txt:hover,
.icon-HW_formbtn_img_xls,
.icon-HW_formbtn_img_xls:hover,
.icon-HW_formbtn_img_pdf,
.icon-HW_formbtn_img_pdf:hover,
.icon-HW_formbtn_img_csv,
.icon-HW_formbtn_img_csv:hover {
  font-size: 24px;
  position: relative;
}

.icon-HW_formbtn_img_txt,
.icon-HW_formbtn_img_txt:hover {
  content: "\e92d";
  color: #F87626;
}

.icon-HW_formbtn_img_csv,
.icon-HW_formbtn_img_csv:hover  {
	color: #77FF33;   
	content: "\e90e";
}

.icon-HW_formbtn_img_xls,
.icon-HW_formbtn_img_xls:hover {
  content: "\e90e";
  color: #62C14C;
}

.icon-HW_formbtn_img_pdf,
.icon-HW_formbtn_img_pdf:hover {
  content: "\e91f";
  color: #F44E4E;
}

.icon-HW_formbtn_img_csv,
.icon-HW_formbtn_img_csv:hover  {
	color: #77FF33;   
	content: "\e90e";
}

span.icon-HW_formbtn_img_txt:after,
span.icon-HW_formbtn_img_xls:after,
span.icon-HW_formbtn_img_pdf:after,
span.icon-HW_formbtn_img_csv:after  {
  position: relative;
  margin-left: -42px;
}

span.icon-HW_formbtn_img_txt:after {
  content: "\e92d";
}

span.icon-HW_formbtn_img_xls:after {
  content: "\e90e";
}

span.icon-HW_formbtn_img_pdf:after {
  content: "\e91f";
}

span.icon-HW_formbtn_img_csv:after {
  content: "\e90e";
}

.icon-HW_formbtn_img_xls input,
.icon-HW_formbtn_img_pdf input,
.icon-HW_formbtn_img_txt input,
.icon-HW_formbtn_img_csv input {
  width: 30px;
  height: 30px;
  background-color: transparent;
}

.downloadtext {
  color: #424242;
  font-size: 16px;
  left: 7px;
  position: relative;
}

.downloadSection {
  display: inline-block;
  width: inherit;
  border-left: 1px solid #E0E0E0;
}

/*Added for download component in UX5 -End*/
/*Added for LinkDelink component in UX5 -Starts*/
.icon-linkdelink_left:after {
  content: "\e936";
}

.singleTableHeading:after {
  content: none;
}

.tabs ul {
  font-size: 0;
  position: relative;
  padding: 0;
  width: 480px;
  margin: 40px auto;
}

.tabs ul li {
  display: inline-block;
  width: 160px;
  height: 60px;
  background: #DA4453;
  font-size: 16px;
  text-align: center;
  line-height: 60px;
  color: #FFFFFF;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.tabNavLinkDelinkTable .slider {
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  width: 50%;
  bottom: -32px;
  height: 3px;
  background: #0F9CFF;
}

/*  Ripple */
.ripple {
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  filter: alpha(opacity=100);
  opacity: 1;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
}

@-webkit-keyframes rippleDrop {
  100% {
    -o-transform: scale(2);
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
@keyframes rippleDrop {
  100% {
    -o-transform: scale(2);
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
.linkedValTable h3 .gradientbgtwolinetxt,
.delinkedValTable h3 .gradientbgtwolinetxt {
  font-size: 16px !important;
  padding: 23px 20px 23px 0px !important;
}

.linkedValTable h3,
.delinkedValTable h3 {
  padding-top: 1% !important;
  border-right: 0px;
}

.linkedValTable table .HW_tabletextwithpadding,
.delinkedValTable table .HW_tabletextwithpadding {
  padding: 17px 6px !important;
}

.linkedValTable table .listgreyrowtxtleftline,
.delinkedValTable table .listgreyrowtxtleftline {
  padding: 13px 7px !important;
}

/*Added for LinkDelink component in UX5 -Ends*/
/* The RadioButton alignment issue in Search Panel */
.stage3_searchpanellabel {
  margin-top: 7px;
  float: left;
}

/* the Output Text box label and Value alignment issue*/
.querytextright_stage3 .searchsimpletext {
  padding-top: 13px;
  padding-right: 20px;
}

.optextwithpadding {
  padding-top: 12.5px;
}

/* The Blue Link issue for the hyperlink in table*/
td .bluelink_updatelink {
  font-size: 14px !important;
  color: #0F9CFF !important;
}

/* OverLay DropDown Height issue for the Lat Row*/
.tableoverflowwrapperhw {
  overflow-y: auto;
  border: 1px solid #E0E0E0;
}

/* Multi Selct DropDown Style--Start */
.multi_select_dropdown_with_border_searchpanel {
  border: 0px;
  border-bottom: 1px solid #E0E0E0;
}

.multiselect_arrow {
  content: "\e90b";
  font-size: 13px;
}

.multiselect_arrow_disable {
  color: #E0E0E0 !important;
}

/* Multi Selct DropDown Style--End */
/* Fix for the Choose statement label and Dropdown */
.stage3_searchpanelcolumn_new {
  margin-top: -4px;
}

/* Fix for the Choose statement label and Dropdown */
/* Added for download icons alignment issue starts */
.width100percent_downloadIcons {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  display: inline-block;
  border-left: 1px solid #E0E0E0;
}

/* Added for download icons alignment issue ends */
/* Added for error highlighting fields start */
.error_highlight {
  font-size: 13px;
  color: #F44336;
}

/* Added for error highlighting fields end*/
/* Styles added for Auto Complete Text Box -- Start */
.ui-autocomplete li a.ui-corner-all {
  color: #0F9CFF !important;
  padding-top: 10px !important;
  min-height: 30.5px !important;
}

.ui-autocomplete {
  max-height: 301px !important;
  font-size: 14px !important;
}

.ui-state-focus {
  border: 0px !important;
  background: #F5F5F5 !important;
  min-height: 30.5px !important;
}

.ui-menu {
  padding: 0px 0px 0px 0px !important;
}

/* Styles added for Auto Complete Text Box -- End */
/* Header icons styles - START */
.headerShadow {
  -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  background-color: #FFECB3;
}

.skipContRow {
  margin-top: -33px;
  /* Modified for Lumi changes */
  position: absolute;
  right: 0px;
}

.skipContLink {
  margin-right: 0px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  background-color: #0070C0;
  display: none;
  /* Hidden the skip to content link */
  font-size: 14px;
  /* Added for Lumi changes */
}

.headerSettingsBx {
  display: none;
}

.navbarModified .border-right,
.navbarModified .border-left-right {
  display: none !important;
}

.headerLogoutLink {
  float: right;
  height: 24px;
  width: 24px;
  right: 0px;
  top: 0px;
  position: absolute;
}

.headerLogoutLink::before {
  content: "\e914";
  color: #FFFFFF;
}

.notifyIconLink,
.mailsIconLink,
.logoutLink,
.spaceIconLink {
  color: #FFFFFF;
  cursor: pointer;
  bottom: 5px;
  position: relative;
  font-size: 24px;
}

.notifyIconLink,
.mailsIconLink {
  margin-left: 20px;
}

.spaceIconLink {
  padding-left: 5px;
}

.personNameCaret {
  color: #FFFFFF;
  position: relative;
  bottom: 9px;
  cursor: pointer;
}

.headerWelcomeText img {
  border-radius: 50%;
}

.headerWelcomeText .headertext_name,
.headerWelcomeText .caret {
  position: relative;
  top: -10px;
}

.unreadCountDash,
.unreadMailsCountDash {
  color: #000000;
  background-color: #FFCA28;
  font-weight: 500;
  top: -6px;
  left: -10px;
  display: inline-table;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  border-radius: 15px;
  position: relative;
  visibility: hidden;
}

.alertBxArrow {
  right: 10px;
}

.alertBx {
  background-color: #FFFFFF !important;
}

.notifyBox {
  width: 300px;
  right: 24.5%;
  top: 72px;
  height: 310px;
}

.mailsBox {
  width: 37%;
  right: 12%;
  top: 75px;
  /* mails header change Lumei*/
}

.favBox {
  width: 300px;
  right: 12%;
  top: 6.5%;
}

.expand-icon,
.collapse-icon {
  color: #FFFFFF;
  min-width: 30px;
  float: right;
  cursor: pointer;
  display: none;
  position: relative;
  top: 10px;
}

.headerWelcomeText {
  top: 10px;
  padding-top: 9px;
  right: 70px;
}

/* Header icons styles - END */
/* Fix for Date Component Issue - Start */
.picker--opened .picker__holder {
  top: 90px !important;
}

.width50percent_ccardlogin .picker--opened .picker__holder {
  top: 0px !important;
}

/* Fix for Date Component Issue - End */
/*Added for correcting font size start*/
.searchsimpletext {
  font-size: 14px !important;
}

/*Added for correcting font size end*/
/*Specific Button Style for Go Button */
.buttonWithLessMargin {
  margin: 1px 3px 1px 2px !important;
}

/* Masking effect on click of RHS widget expand icon STARTS*/
.qp-ui-mask-modal_rhsWidget.qp-ui-mask-visible,
.qp-ui-mask-modal_timelineWidget.qp-ui-mask-visible {
  -o-transition-delay: 0;
  -ms-transition-delay: 0;
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.qp-ui-mask-modal_rhsWidget,
.qp-ui-mask-modal_timelineWidget {
  -o-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  filter: alpha(opacity=10);
  opacity: 0.1;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 99;
  position: fixed;
}

/* Masking effect on click of RHS widget expand icon ENDS*/
/* Added for RHS widgets */
.rhsExpandIcon {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: url("../images/expand_button_left.png") no-repeat scroll 7px transparent;
  padding-left: 6px;
  padding-right: 6px;
  right: 14px;
  width: 15px;
  top: 180px;
  height: 49%;
  position: fixed;
  background-color: #FFFFFF;
  cursor: pointer;
  display: none;
  max-height: 500px;
  border-radius: 2px;
}

/*
 * Widget Library
 */
/*Added for Personalised Dashboard--Start */
.widget-library {
  border: 1px solid #D9EEFE;
}
.widget-library .collapsible {
  -o-box-shadow: 0 0px 0px 0 transparent;
  -ms-box-shadow: 0 0px 0px 0 transparent;
  -moz-box-shadow: 0 0px 0px 0 transparent;
  -webkit-box-shadow: 0 0px 0px 0 transparent;
  box-shadow: 0 0px 0px 0 transparent;
  background: #E3F2FD;
  margin: 0;
  border: 0px none;
  border-bottom: 1px solid #D9EEFE;
}
.widget-library .collapsible-header {
  background: #E3F2FD;
  border-bottom: 0px none;
  padding: 3px 24px;
}
.widget-library .collapsible-header .expand-icon {
  color: #8B9CA9;
}
.widget-library .collapsible-header .collapse-icon {
  color: #8B9CA9;
}
.widget-library .collapsible-header:hover {
  background-color: #E3F2FD;
}
.widget-library .collapsible-body {
  border: 0px none;
}
.widget-library .category-list {
  padding: 20px 25px;
}
.widget-library .category-list .category-item {
  margin-bottom: 10px;
}
.widget-library .widgets-list {
  padding: 12px !important;
}
.widget-library .widgets-list h2 {
  margin-left: 19px !important;
  border-bottom: none !important;
}
.widget-library .widget-name {
  font-size: 16px;
  font-weight: 600 !important;
  color: #000000;
  margin-bottom: 0;
  display: block;
  line-height: 20px;
  cursor: pointer !important;
}
.widget-library .sub-description {
  font-size: 14px;
  color: #757575;
  margin-top: 0;
  margin-left: 35px;
  margin-bottom: 0;
  display: block;
  line-height: 20px;
  cursor: pointer;
}
.widget-library .widgets-inner-wrapper {
  margin-top: 12px !important;
  margin-bottom: 0px;
  height: 205px !important;
  overflow-y: auto;
  display: inline-block;
  width: 100% !important;
}
.widget-library .widgets-inner-wrapper .disabled .widget-name {
  color: #E0E0E0;
}
.widget-library .widgets-inner-wrapper .disabled .sub-description {
  color: #E0E0E0;
}
.widget-library .widgets-inner-wrapper .row {
  margin-bottom: 26px;
}
.widget-library .widgets-inner-wrapper > .col:last-child .row {
  margin-bottom: 0;
}
.widget-library h2 {
  margin-left: 7px !important;
  border-bottom: none !important;
}
.widget-library [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: #848484;
  background-color: transparent;
}
.widget-library [type="checkbox"] + label {
  line-height: 20px;
}

.widget-library .expandMenu_SRListing_ie10:after,
.widget-library .expandMenu_SRListing:after {
  content: "\e923" !important;
  -webkit-margin-before: initial !important;
  left: initial;
  color: #757575;
  top: -21px;
}

.widget-library .collapseMenu_SRListing_ie10:after,
.widget-library .collapseMenu_SRListing:after {
  content: "\e939" !important;
  -webkit-margin-before: initial !important;
  left: initial;
  color: #757575;
  top: -24px;
}

.personalize-dashboard-modal .button-container,
.insta-widgets-modal .button-container {
  margin-top: 50px;
}

.check-box-wrapper {
  width: 30% !important;
}

.gridCheckBoxStyle {
  float: left;
  margin-top: -4px;
}

.collapsible-body .check-box-wrapper {
  width: 237px !important;
  float: left;
  padding-left: 36px;
  margin-right: -51px;
  margin-top: -17px;
}

.filterLabelStyle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-size: 16px !important;
  font-weight: 500;
  float: left;
  margin-top: 2px;
}

.overlayHeadingStyle {
  margin-left: 36% !important;
  width: 64% !important;
}

.overlayHeaderStyle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
  font-size: 14px;
  text-align: center;
}

.widgetInstaNotes {
  font-size: 13px;
  font-weight: 400;
  color: #9E9E9E;
  float: right;
}

.widgetListingrow {
  display: none;
}

.noBottomBorder {
  border-bottom: none !important;
}

.searchPanelOverFlowStyle {
  overflow: hidden !important;
}

.subHeadingStyle {
  margin-left: 27%;
  width: 74%;
}

.subHeadingStyleInsta {
  margin-left: 24%;
  width: 77%;
}

.closeIconStyle {
  float: right;
  font-family: icomoon;
  cursor: pointer;
  padding-top: 8px;
  color: #9E9E9E;
  font-size: 14px;
  margin-top: -48px;
  /* Added for close icon allignment issue for TOL 874301*/
  padding-right: 10px;
}

.personalize-dashboard h2.collapsible_tab {
  margin-top: 6px !important;
  margin-bottom: -6px;
}

/*Added for Personalised Dashboard--End */
/* Added for Look up Button Alignment in Approval Section --Start*/
.workflow .row .querytextright {
  overflow: visible;
}

.workflow .row .querytextright i.waves-effect {
  margin-top: -8px !important;
}

/* Added for Look up Button Alignment in Approval Section --End*/
.rhsCollpaseRightIcon {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: url("../images/collapse_button_right.png") no-repeat scroll 50% transparent;
  height: 30px;
  position: relative;
  background-color: #FFFFFF;
  z-index: 9;
  margin-top: 11px;
  margin-bottom: 10px;
  cursor: pointer;
  display: none;
  /* Added for Lumi changes for padding between the collapse button and RHS widgets*/
  width: 99%;
  bottom: 18px;
}

.printwrapper .rhsExpandIcon {
  display: none !important;
  /* Added for Lumi changes to hide RHS expand panel in print preview mode */
}

/* Added for padding between the RHS widgets */
#CESMALL1,
#CESMALL2,
#CESMALL3 {
  padding-bottom: 18px;
}

/* Added for RHS widgets moving to the left issue in case of main container having small content starts */
.rhsResp {
  width: 29%;
  float: right;
}

#CESMALL1.container-xtrasmall,
#CESMALL2.container-xtrasmall,
#CESMALL3.container-xtrasmall {
  width: 100%;
}

/* Added for RHS widgets moving to the left issue in case of main container having small content ends */
/* Added for RHS widgets */
/* Style added for disabling Combo box for any click events--Start */
.disablePointerEvents {
  pointer-events: none !important;
  color: #E0E0E0 !important;
  cursor: default !important;
}

input[type="text"].autocomplete-dropdown:disabled {
  border-bottom: 1px solid #E0E0E0 !important;
}

/* Style added for disabling Combo box for any click events--End */
/* Added for error message display space issue */
.errorDisplayStyle {
  padding-bottom: 5px;
}

/* Added to make the error message appear for full width in modal windows */
.ui-dialog .errorDisplayStyle {
  width: 101%;
}

span.ppfsimpletext input[type=input] {
  width: 112px;
}

/* Dropdown Alignmemt Issue in OverLay */
.ui-dialog .select-wrapper ul {
  left: 10px !important;
}

/* Added for Border Issue- Start */
/* Listing */
.stage3_tabmenupanel {
  border-bottom: none !important;
  height: 0px;
}

.stage3_listingpaneldiv {
  width: 99.85% !important;
}

h3.listingcol {
  border-right: none !important;
}

.tableoverflowwrapperhw .singleTableHeading {
  border: none !important;
}

.singleTableHeading {
  border: none !important;
  border-top: 1px solid #E0E0E0 !important;
  border-bottom: 1px solid #E0E0E0 !important;
}

/* For increasing the opacity of the masked background as per Robosoft*/
.ui-widget-overlay {
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important;
  background: #000000 !important;
}

/* Overlay Listing */
.ui-dialog .stage3_detailspanel {
  border-right: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
  width: 99.85% !important;
}

.ui-dialog .tableoverflowwrapperhw {
  border: none;
  border-left: 1px solid #E0E0E0 !important;
  border-bottom: 1px solid #E0E0E0 !important;
  margin-left: 0px !important;
  width: 99.95%;
}

.noborderpgnt {
  border: none !important;
}

.ui-dialog .pageLeftContainer1 .noBorder {
  border-left: none !important;
}

.ui-dialog .stage3_listingpaneldiv {
  width: 99.85% !important;
}

.ui-dialog-content .stage3_tabmenupanel {
  width: 100%;
  border-bottom: 1px solid #E0E0E0 !important;
}

.ui-dialog .stage3_tabmenupanel_widoutwidget_topmargin {
  width: 100% !important;
}

.ui-dialog .acct_left_rightmainpanel1 {
  border-left: none !important;
  border-bottom: none !important;
}

.ui-dialog .width79percent_navigationpanel {
  border-left: none !important;
  border-right: none !important;
  width: 100% !important;
  float: left;
  padding-bottom: 10px;
  margin-top: 10px;
}

/* Update method for putting Robosoft Box Shadow */
.ui-dialog {
  -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  border-radius: 3px !important;
  padding-bottom: 20px !important;
}

.ui-dialog .pagination-wrapper {
  border: 1px solid #E0E0E0 !important;
  border-top-width: 0px;
  padding: 0px 20px 10px 20px;
  text-align: right;
}

.ui-dialog .downloadPanelBorder {
  border-left: none !important;
  border-right: none !important;
}

/*Link Delink:*/
/*Entry */
.stage3_inputpanel_leftcontainer {
  width: 99.85% !important;
  margin-bottom: 0px !important;
}

.width79percent_navigationpanel {
  margin-top: 0px !important;
  padding-top: 10px;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  width: 99.85% !important;
}

/* Style added for putting border in download panel */
.downloadPanelBorder {
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  width: 99.85%;
}

/* to remove left border in UX5 dashboard widet small*/
.widget-small .downloadPanelBorder {
  border-left: none;
  border-right: none;
  height: 20px;
  font-weight: 600;
}

/* Details Screen */
.stage3_previewconfirmdetails > h4:first-child {
  border: none !important;
}

.stage3_inputpanel_leftcontainer_nobottommargin {
  width: 99.85%;
}

/*Approver Details */
.querytextleft_width100percent_withtextalignleft {
  border-left: 1px solid #E0E0E0;
  width: 99.85%;
}

/*New Border Issue --Start*/
.ui-dialog .pageLeftContainer {
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: 100% !important;
  border-top: 1px solid #E0E0E0 !important;
}

.ui-dialog .stage3_tabmenupanel_widoutwidget_topmargin {
  width: 100% !important;
  border-bottom: none !important;
}

.ui-dialog h3.listingcol {
  border-bottom: 1px solid #E0E0E0 !important;
}

.ui-dialog .pageLeftContainer .tableoverflowwrapperhw {
  border-left: none !important;
}

.ui-dialog .pageLeftContainer .pagination-wrapper {
  border-top-style: solid !important;
  border-top-color: #E0E0E0 !important;
  border-top-width: 1px !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: none !important;
}

.ui-dialog .pageLeftContainer .stage3_detailspanel {
  border-top: none !important;
}

/* Added for Border Issue- End */
/* the Output Text box label and Value alignment issue*/
.querytextright_stage3 .searchsimpletext {
  padding-top: 13px;
}

/* Added for Virtual Keypad strength responsive changes starts*/
.pwdStrengthTopPadding {
  position: relative;
  top: 11px;
}

/* Added for Virtual Keypad strength responsive changes ends*/
/* Added for Font changes*/
.searchsimpletextfont13 {
  font-size: 13px !important;
}

.querytextleft_width100percent_withtextalignleft span {
  border: none;
}

/* Added for Hamburger Menu - Start*/
.dashboard-menu-container {
  -o-transform: translate3d(-320px, 0px, 0px);
  -ms-transform: translate3d(-320px, 0px, 0px);
  -moz-transform: translate3d(-320px, 0px, 0px);
  -webkit-transform: translate3d(-320px, 0px, 0px);
  transform: translate3d(-320px, 0px, 0px);
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: fixed;
  z-index: 10;
  top: 0px;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 320px;
}

.dashboard-menu-container.expanded {
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/* IE 9 fix start */
.degrade .dashboard-menu-container {
  left: -320px;
}

.degrade .dashboard-menu-container.expanded {
  left: 0px;
}

/* IE 9 fix end */
.menu__item {
  line-height: 1.2em;
}

.menu__breadcrumbs a {
  font-weight: 400;
  padding-left: 28px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: block;
  background-color: #E0E0E0;
}

.menu__breadcrumbs a:not(:last-child):not(:first-child) {
  padding-left: 60px;
}

.menu__breadcrumbs {
  -o-box-shadow: 0 0px 0px 0;
  -ms-box-shadow: 0 0px 0px 0;
  -moz-box-shadow: 0 0px 0px 0;
  -webkit-box-shadow: 0 0px 0px 0;
  box-shadow: 0 0px 0px 0;
  padding: 0px;
}

#ml-menu {
  background-color: #FFFFFF;
  height: 100%;
}

.menu__link {
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  border-left: 0px none;
  position: relative;
  margin-right: -11px;
}

.menu__link:hover {
  background-color: #F5F5F5;
}

.menu__link[data-submenu]:hover::after {
  color: #000000;
}

.menu__link--current,
.menu__link--current:hover,
.menu__item a.menu__link--current:focus {
  background-color: #D9EEFE;
  border-left: 5px solid #0F9CFF;
  color: #0F9CFF;
}

.menu__link--current::before {
  content: none;
}

.dashboard-menu-container nav {
  background-color: #FFFFFF;
}

#ml-menu .icon-menu {
  color: #000000;
  font-size: 20px;
}

.menu__breadcrumbs a {
  color: #000000;
  position: relative;
  font-size: 15px;
  text-transform: none;
}

.menu__breadcrumbs a:last-child {
  background-color: #D9EEFE;
}

.menu__breadcrumbs a:first-child {
  background-color: #FFFFFF !important;
}

.menu__level {
  margin-top: 65px;
  overflow-y: auto;
}

.menu {
  top: 0px;
  height: 100%;
  position: relative;
}

.dashboard-menu-container .container-menu {
  height: 100%;
}

#ml-menu .logo {
  padding-top: 26px;
  padding-left: 20px;
}

.menu__wrap {
  top: 44px;
}

.main-menu-string {
  text-transform: none;
  font-size: 16px;
  margin-left: 10px;
}

.menu__breadcrumbs .main-menu-btn-link {
  display: none;
}

.menu__breadcrumbs a:hover {
  color: #000000;
}

.menu__level {
  height: 100%;
  width: 300px;
  padding-bottom: 90px;
}

/* IE 9 fix start */
.degrade .menu__level {
  visibility: hidden;
}

.degrade .menu__level--current {
  visibility: visible;
}

/* IE 9 fix end */
.menu__level li {
  width: 100%;
}

.dashboard-menu-container {
  display: block;
  height: 100%;
}

nav .menu__wrap .menu-more-division {
  width: 100%;
  border-bottom: 1px solid #757575;
  margin-top: 40px;
  line-height: 20px;
}

nav .menu__wrap .menu-more-division a {
  color: #000000;
  padding-left: 25px;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #000000;
}

nav .menu__wrap .menu-more-division a:hover {
  cursor: pointer;
}

.menu__link[data-submenu]::after {
  font-family: icomoon;
  content: "\e920";
  font-size: 12px;
  color: #000000;
  position: absolute;
  right: 16px;
}

.menu__breadcrumbs a:not(:last-child)::after {
  content: none;
}

.menu__breadcrumbs a:not(:last-child):not(:first-child)::after {
  font-family: icomoon;
  font-size: 18px;
  content: "\e913";
  position: absolute;
  left: 20px;
  top: 13px;
}

.menu__breadcrumbs a:not(:first-child)::before {
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: icomoon;
  font-size: 15px;
  content: "\e920";
  position: absolute;
  left: 129px;
  bottom: -14px;
  z-index: 1;
  color: #E0E0E0;
}

.menu__breadcrumbs a:last-child:before {
  color: #D9EEFE;
}

.menu__breadcrumbs a.second-breadcrumb {
  border-bottom: 1px solid #D5D5D5;
}

.menu__breadcrumbs a.second-breadcrumb::before {
  color: #D5D5D5;
}

.menu-more-division a:hover {
  background-color: #FFFFFF;
}

.menu__item a:focus {
  border-bottom: none;
  background-color: #E0E0E0;
}

.menu-more-division a.menu__link--current {
  background-color: #FFFFFF;
  border-left: none !important;
}

/* Added for Hamburger Menu - End */
/* Added Styles for Error Message Alingment --Start*/
.errorContentWrapper {
  min-height: 30px !important;
}

.redbgwithwidth .errorContentWrapper {
  min-height: 0px !important;
  padding-top: 3px !important;
}

.redbgwithwidth .errorContentWrapper .absmiddle {
  width: 18px !important;
}

/* Added Styles for Error Message Alingment--End */
.updateAccWarnMsg {
  height: 28px;
  margin-top: 40px;
}

/* Added for Error messages misaligned in lower resolution and in RHS widgets starts */
.widget-xtrasmall .widgetErrorDisplayHw .absmiddle {
  margin-right: 5px;
}

.errorCodeWrapper {
  display: inline-block;
  vertical-align: text-top;
  width: 90%;
  line-height: 20px;
  top: 1px;
  position: relative;
}

.errorCodeWrapper p {
  line-height: 20px;
}

.ui-dialog .errorCodeWrapper {
  width: 87%;
}

.errorContentWrapper .absmiddle {
  margin-top: 2px;
}

.widget-xtrasmall .errorCodeWrapper {
  width: 68%;
}

.widget-xtrasmall .redbgwithwidth,
.widget-xtrasmall .orangebgwithwidth,
.widget-xtrasmall .greenbgwithwidth {
  width: 100% !important;
}

/* Added for Error messages misaligned in lower resolution and in RHS widgets ends */
/*Fix for view transaction details table heading space issue */
.searchsimpletext1 {
  padding-right: 0px;
}

/* added for radio button alignment wherever section style querytextright_stage3 is used*/
.querytextright_stage3 .span-radiobutton {
  margin-top: 5px;
}

.printwrapper .stage3_detailspanel,
.printwrapper .pageLeftContainer .step_trackerwidth_withoutmargin,
.printwrapper .step_trackerwidth100 {
  display: none;
}

.printwrapper .pageheadingcaps {
  padding-bottom: 6px;
  float: left;
}

.printwrapper .stage3_listingpaneldiv {
  border-top: 1px solid #BDBDBD;
}

/* Style added for Autocomplete dropdown for Showing No results found-- Start */
.errorDropdownResults {
  color: #F44336 !important;
  pointer-events: none !important;
}

/* Style added for Autocomplete dropdown for Showing No results found-- End */
/*Added to align the label in case of error */
.error_highlight_searchpanellabel {
  padding-top: 7px;
  float: left;
}

/*Added for Authorization component border issue */
.querytextleft_withleftBorder_Auth {
  border-left: 1px solid #E0E0E0;
}

.listingrow .querytextleft_width100percent_withtextalignleft div.width100percent.querytextleft_withleftBorder_Auth {
  border-left: none;
}

/*Added for Authorization component border issue-Ends */
/* Rich text editor style changes START*/
.composemessagetxtarea {
  height: 100% !important;
}

.composesubject {
  border: none !important;
}

/* for removing the padding of character counter*/
.composemessagetxtarea .character-counter {
  padding-bottom: 0px;
}

.cke_contents {
  height: auto !important;
}

.cke_chrome {
  width: 100% !important;
}

/* Rich text editor style changes END*/
/* Dashboard Container styles - START */
#DASHC1 .widget-head {
  display: none;
}

#DASHC1 .section {
  padding-top: 0px;
}

.left-container {
  width: 240px;
  position: relative;
  float: left;
}

.center-container {
  width: 754px;
  position: relative;
  float: right;
  top: 35px;
  padding: 0px;
}

.container-xtrasmall_ux5 {
  float: left;
  width: 737px;
  height: 55px;
  margin-right: 17px;
  max-height: 55px;
  display: none;
}

.container-xtrasmall_ux5 .widget-content {
  height: 70px !important;
}

.left-container .widget-small {
  height: 131px;
}

.left-container .widget-medium {
  height: 331px;  
  
}
[id$='_W22__1'].widget-medium{
	max-height: 457px; 
	height:auto;
    overflow-y: auto !important;
}
.left-container .widget-xtrasmall {
  height: 83px;
}

.left-container .widget-xtrasmall,
.left-container .widget-small,
.left-container .widget-medium {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  width: 240px;
  margin-bottom: 25px;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #FFFFFF;
  overflow: hidden;
  border-radius: 2px;
}

.left-container .widget-xtrasmall .widget-content {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.left-container .widget-small .widget-content {
  padding-bottom: none;
}

.center-container .widget-small {
  max-height: 315px;
  width: 360px !important;
  height: 315px;
  margin-right: 17px;
  overflow-y: hidden;
}

.center-container .widget-medium {
  max-height: 357px;
  width: 737px !important;
  margin-right: 17px;
  height: 357px;
  overflow-y: hidden;
}

.center-container .container-small {
  margin: 0px;
  background-color: transparent !important;
}

.center-container .container-small-disabled {
  width: 100% !important;
  margin: 0px;
  background-color: transparent !important;
}

.center-container .widget-small,
.center-container .widget-medium {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: #FFFFFF;
  margin-bottom: 20px;
  border-radius: 2px;
}

.width100percent_imp {
  width: 100% !important;
}

.imageAlign {
  margin-bottom: -34px;
  margin-top: -9px;
}

.offersImg img {
  height: 131px;
  margin-bottom: -20px;
}

.offersImg .searchsimpletextCMS {
  position: relative;
  top: 25px;
  left: 15px;
}

.center-container .widget-small .widget-content {
  min-height: inherit;
  max-height: inherit;
  height: 253px !important;
}

.center-container .widget-medium .widget-content {
  min-height: inherit;
  max-height: inherit;
  height: 295px !important;
}

.center-container .widget-small .refreshWidgetLinkSpanWrapper {
  margin-top: 100px;
}

.center-container .widget-small .absmiddle,
.center-container .widget-medium .absmiddle {
  position: relative;
  top: -4px;
}

.center-container .widget-medium .positionrelative {
  width: 98.5% !important;
}

.center-container .widget-small .errordisplaywidgetright,
.center-container .widget-medium .errordisplaywidgetright {
  padding-top: 15px;
  padding-right: 10px;
}

.left-container .widget-xtrasmall .errordisplaywidgetright {
  padding-top: 10px;
}

.left-container .widget-small .errordisplaywidgetright {
  padding-top: 15px;
}

.simpletext_wishMsg {
  color: #000000;
  font-size: 26px;
  font-weight: 400;
  margin: 0;
  line-height: 110%;
  display: block;
}

.simpletext_welMsg,
.simpletext_welMsg1 {
  color: #424242;
  font-size: 14px;
  margin-top: 2px;
  line-height: 1.5;
}

.simpletext_welMsg {
  font-weight: 400;
}

.simpletext_welMsg1 {
  font-weight: bold;
}

.simpletext_loginLabel {
  color: #424242;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

.simpletext_loginChannel {
  color: #424242;
  font-size: 13px;
}

.simpletext_loginTime {
  color: #424242;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}

.width_left {
  width: auto;
  float: left;
}

.width_right {
  width: 50%;
  float: right;
  text-align: right;
}

.personalizeDashLink {
  padding-top: 2px;
  /*float: right;*/
  font-size: 14px;
  color: #0F9CFF;
  font-weight: 600;
  cursor: pointer;
}

/* Masking effect on click of RHS widget expand icon STARTS*/
.qp-ui-mask-modal_lhsWidget.qp-ui-mask-visible {
  filter: alpha(opacity=100);
  opacity: 1;
  -o-transition-delay: 0;
  -ms-transition-delay: 0;
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  visibility: visible;
}

.qp-ui-mask-modal_lhsWidget {
  filter: alpha(opacity=10);
  opacity: 0.1;
  -o-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 3;
  position: fixed;
}

/* Masking effect on click of RHS widget expand icon ENDS*/
.lhsExpandIcon {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 /* background: url("../images/expand_button_right.png") no-repeat scroll 7px transparent; */
  padding-left: 6px;
  padding-right: 6px;
  left: 14px;
  width: 15px;
  top: 180px;
  height: 49%;
  position: fixed;
  background-color: #FFFFFF;
  cursor: pointer;
  display: none;
  max-height: 500px;
  border-radius: 2px;
}

.lhsCollpaseRightIcon {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 /* background: url("../images/collapse_button_left.png") no-repeat scroll 50% transparent; */
  height: 30px;
  position: relative;
  background-color: #FFFFFF;
  z-index: 9;
  margin-bottom: 10px;
  cursor: pointer;
  display: none;
  /* Added for Lumi changes for padding between the collapse button and LHS widgets*/
  width: 92%;
  bottom: 18px;
  margin-top: 11px;
  margin-left: 10px;
}

.printwrapper .lhsExpandIcon {
  display: none !important;
  /* Added for Lumi changes to hide LHS expand panel in print preview mode */
}

.lhsResp {
  float: left;
  position: relative;
  top: 35px;
}

.column-Dashboard {
  padding: 0px;
}

/*My Payments related styles - Start*/
.scheduledCountNone,
.totalCountNone,
.completedCountNone {
  display: none !important;
}

.totalCountBlock {
  display: block !important;
}

.febacal-outside-month {
  cursor: default !important;
}

.dncalendar-body {
  margin: 0 0 10px;
}

.dncalendar-body tbody td .entry {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
  max-width: 35px;
  max-height: 35px;
  line-height: 0.9;
  margin: 4px auto;
  border: 2px solid transparent;
}

.dncalendar-body tbody td.calendarClick {
  background-color: transparent;
}

.dncalendar-header .dncalendar-links .dncalendar-next-month,
.dncalendar-header .dncalendar-links .dncalendar-prev-month {
  background-image: none;
}

.dncalendar-header .dncalendar-links .dncalendar-next-month:after,
.dncalendar-header .dncalendar-links .dncalendar-prev-month:after {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 2.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #FFFFFF;
}

.dncalendar-header .dncalendar-links .dncalendar-prev-month:after {
  content: "\e921";
}

.dncalendar-header .dncalendar-links .dncalendar-next-month:after {
  content: "\e919";
}

.selected-date {
  border: 2px solid #0F9CFF !important;
  border-radius: 50%;
}

.dncalendar-header {
  margin: 0;
  background-color: #98DDFF;
}

.dncalendar-body .today-date {
  border: 2px solid #000000;
  border-radius: 50%;
}

.dncalendar-header h5 {
  margin: 0;
  color: #FFFFFF;
  line-height: 42px;
  font-size: 14px;
  background-color: #0F9CFF;
  text-transform: uppercase;
  font-weight: 500 !important;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  height: 37px;
  width: inherit;
  border-bottom: none;
  text-align: center;
}

.dncalendar-body thead {
  font-size: 14px;
  color: #BDBDBD;
  font-weight: 400;
}

.dncalendar-body td,
.dncalendar-body th {
  text-align: center;
}

.dncalendar-body table td {
  padding: 0px;
}

.dncalendar-body thead th {
  font-size: 11px !important;
  color: #757575 !important;
  font-size: 11px;
  text-transform: uppercase;
  padding: 10px 0;
}

.col .s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.reset-column-padding.col {
  padding: 0 !important;
}

.dncalendar-body thead th.holiday {
  color: #c55 !important;
}

.calEventCountGreen {
  float: left;
  background-color: green;
  color: #FFFFFF;
  width: 13px;
  height: 13px;
  font-size: 10px;
}

.calEventCountWhite {
  float: left;
  background-color: #FFFFFF;
  color: #FFFFFF;
  width: 13px;
  height: 13px;
}

.dncalendar-body thead tr th:nth-child(7) {
  color: #E0E0E0 !important;
}

.event-wrapper {
  border: 1px solid rgba(128, 128, 128, 0.75);
}

.calendar-today {
  border: 2px solid #000000 !important;
  border-radius: 50%;
}

.calEvent_Detail_Desc {
  font-size: 14px;
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
}

.calEvent_Detail_Desc {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
  padding: 0;
  float: left;
}

.calEvent_Detail_amount {
  font-size: 14px;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif;
}

.watermark span {
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
}

.calEvent_Detail_amount {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
  padding: 0;
  float: left;
  text-align: right;
}

.calEvent_Detail_action {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
  padding: 0;
  float: left;
  text-align: right;
  margin-top: -7px;
}

.calNoEvent_Detail {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
  padding: 0 0.75rem;
}

.watermark {
  display: flex;
  height: 323px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.watermark {
  text-align: center;
  color: #E0E0E0;
  font-size: 16px;
  font-weight: 500;
}

.calDescDivider {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #E0E0E0 !important;
  width: 100%;
  margin-left: auto !important;
  left: auto;
  right: auto;
  float: left;
  padding: 0 0.75rem;
  background-color: #E0E0E0 !important;
}

.event-desc-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  color: #000000;
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
  float: left;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0.75rem;
}

.calendarEventDesc {
  border-top: none !important;
}

.event-info {
  border-left: 1px solid #E0E0E0;
}

.event-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 0.75rem;
}

.event-info .info-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 221px;
  overflow: auto;
  margin: 10px 0 10px auto;
  width: 100%;
  left: auto;
  right: auto;
  float: left;
  padding-left: 0.75rem;
  min-height: 248px;
}

.event-info .event {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-top: 10px;
  width: 100%;
  left: auto;
  right: auto;
  padding: 0;
  float: left;
}

.eventDescRow1DivElement {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
  padding: 0;
  float: left;
}

.eventRefNumber,
.event_AcctType_Desc {
  font-size: 14px;
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
}

.event-info .event .description {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #9E9E9E;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
  padding: 0;
  float: left;
}

.eventRefNumber {
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif;
}

.event-info .brief-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 25px;
  color: #f3741A;
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
  float: left;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0.75rem;
}

.reset-bottom-margin {
  margin-bottom: 0 !important;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.eventbriefClass {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
  padding: 0;
  float: left;
}

.calBottomLegend {
  margin-bottom: 0 !important;
  margin-left: auto;
  margin-right: auto;
}

.selection-indicator {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  color: #757575;
  line-height: 48px;
  padding: 0;
  position: relative;
  padding-left: 25px;
  float: left;
}

.selection-indicator .todayLegend {
  width: 10px;
  height: 10px;
  border: 2px solid #000000;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 0;
  border-radius: 50%;
}

.selection-indicator .selectedLegend {
  width: 10px;
  height: 10px;
  border: 2px solid #0F9CFF;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 0;
  border-radius: 50%;
}

.selection-indicator .transactionLegend {
  width: 10px;
  height: 10px;
  border: 2px solid #0F9CFF;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 0;
  border-radius: 50%;
}

.calender-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
  float: left;
  padding: 0 !important;
}

.event-info {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.selection-indicator {
  width: 33%;
}

.dncalendar-header {
  position: relative;
}

.dncalendar-header .dncalendar-links {
  height: 37px;
  width: 100%;
  position: absolute;
  top: 2px;
}

.dncalendar-header .dncalendar-links div {
  cursor: pointer;
  width: 35px;
  height: 35px;
  touch-action: pan-y;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
}

.dncalendar-header .dncalendar-links .dncalendar-prev-month {
  position: absolute;
  left: 10px;
}

.dncalendar-header .dncalendar-links .dncalendar-next-month {
  position: absolute;
  right: -6px;
}

.dncalendar-body table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  font-size: 15px;
}

.dncalendar-body thead {
  border-bottom: 1px solid #d0d0d0;
}

.dncalendar-body tbody tr td {
  width: 13%;
  vertical-align: middle;
}

.dncalendar-body tbody td .entry {
  padding: 11px 0 13px;
  position: relative;
  cursor: pointer;
}

.dncalendar-body tbody td .entry:after {
  content: attr(data-title);
  left: 0;
  position: absolute;
  font-size: 10px;
  bottom: 1px;
  text-align: center;
  width: 100%;
}

.currentScheduleDate {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  margin: 0;
}

.panel-content-bottom-padding {
  padding-bottom: 3px !important;
}

.panel-content-top-padding {
  padding-top: 3px !important;
}

.sub-heading {
  font-size: 14px;
}

.dncalendar-body table td.calendarClick.note {
  position: relative !important;
}

.dncalendar-body table td.calendarClick.note:before,
.dncalendar-body table td.note:before {
  content: "";
  border: 2px solid #0F9CFF !important;
  position: relative !important;
  border-radius: 50%;
  top: 37px !important;
  margin: -2px auto !important;
}

.dncalendar-body table td.calendarClick.note:before {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  content: "";
  border-top: 5px solid #d00;
  border-right: 5px solid #d00;
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

/*dncalendar.skin,.css End*/
.ui-dialog .ui-dialog-titlebar {
  height: auto !important;
}

.ui-dialog-mypayment-subheading-l1,
.ui-dialog-subheading-quickPayReq-l1 {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
}

.ui-dialog-mypayment-subheading-l1,
.ui-dialog-subheading-quickPayReq-l1 {
  margin-left: 37%;
  word-break: break-word;
  word-wrap: break-word;
  line-height: 1.5;
  text-align: center;
  float: left;
}

.ui-dialog-subheading-quickPayConf-l2,
.ui-dialog-subheading-quickPayReq-l2 {
  margin-left: 42%;
  word-break: break-word;
  word-wrap: break-word;
  line-height: 11px;
  text-align: center;
  float: left;
}

.ui-dialog-titlebar .ui-icon {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  background-image: url() !important;
}

.ui-dialog-titlebar .ui-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 14px;
  color: #9E9E9E;
  padding: 10px;
  text-indent: 0px;
}

.ui-button-icon-only .ui-icon {
  margin-top: -17px !important;
  margin-left: -18px !important;
}

.ui-dialog-titlebar .ui-icon:before {
  content: "\e908";
}

.ui-dialog .ui-keyboard-button.ui-state-default:hover {
  background-color: #0F9CFF !important;
}

.ui-dialog .ui-state-default:hover {
  background-color: transparent !important;
}

.ui-dialog .mandatory-info {
  font-size: 12px;
  font-weight: 400;
  color: #9E9E9E;
}

.ui-dialog-heading-level0 {
  text-align: center !important;
  width: 97% !important;
  margin: 0px !important;
}

.ui-dialog-subheading-level1 {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  text-align: center !important;
  width: 97% !important;
  word-break: break-word;
  word-wrap: break-word;
  line-height: 1.5;
  float: left;
}

.ui-dialog-subheading-level2 {
  text-align: center !important;
  width: 97% !important;
  word-break: break-word;
  word-wrap: break-word;
  line-height: 1.5;
  float: left;
}

.simpletextQuickPayBold {
  font-weight: bold;
}

/*Overlay Changes End*/
/* Personalised Dashboard Change -- For Reducing the height of the overlay title--start*/
.ui-dialog .overlayTitleHeight {
  height: 35px !important;
}

/* Personalised Dashboard Change -- For Reducing the height of the overlay title--End*/
/*Dashboard Change*/
.left-container .widget-small,
.left-container .widget-xtrasmall {
  width: inherit;
}

.left-container .container-toosmall_ux5 .panel-content,
.left-container .container-small_ux5 .panel-content {
  padding: 17px 20px 0px 20px;
}

.left-container .container-small_ux5 .widget-content,
.left-container .container-toosmall_ux5 .widget-content,
.left-container .container-medium_ux5 .widget-content {
  min-height: inherit;
  max-height: inherit;
  width: 240px !important;
}

.left-container .container-small_ux5 .widget-content {
  height: 131px !important;
}

.left-container .container-toosmall_ux5 .widget-content {
  height: 83px !important;
}

.left-container .container-medium_ux5 .widget-content {
  height: auto !important;
}

.left-container .container-toosmall_ux5 .widget-head,
.left-container .container-small_ux5 .widget-head {
  display: none;
}

.left-container .container-toosmall_ux5 .widget-content,
.left-container .container-small_ux5 .widget-content {
  border: none;
  overflow-y: hidden;
}

.left-container .container-toosmall_ux5 .stage3_detailspanel,
.left-container .container-small_ux5 .stage3_detailspanel {
  border-left: none;
  border-bottom: none;
}

.left-container .container-toosmall_ux5 .refreshWidgetLinkSpanWrapper {
  margin-top: 33px;
}

.left-container .container-small_ux5 .refreshWidgetLinkSpanWrapper {
  margin-top: 55px;
}

.left-container .container-small_ux5 .stage3_detailspanel h3 {
  border-top: none;
}

.left-container .container-small_ux5 .absmiddle {
  position: relative;
  top: -4px;
}

.dashboardSection .widget .panel-title-block {
  display: block;
  padding: 20px 20px 13px 20px !important;
  position: relative;
}

.dashboardSection .widget h3 {
  line-height: 110%;
  background: transparent;
}

.dashboardSection .widget .panel-title {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  margin: 0;
}

.dashboardSection .widget .modal-trigger {
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #0F9CFF;
}

.dashboardSection .makerTransferHeading .modal-trigger {
  text-transform: none !important;
}

.dashboardSection .insta-widget-panel .panel-content .modal-trigger {
  color: #FFFFFF !important;
  cursor: pointer;
}

.dashboardSection .widget a.modal-trigger:hover {
  color: #0096ff !important;
}

/*My Payments related styles - Start*/
/*Make Transfers related styles - Start*/
.availBalance {
  font-size: 13px;
}

.formrowQuickPayAvailBal {
  padding-top: 10px;
}

.formrowQuickPayRemarks {
  margin: 0px;
  padding: 30px 12px 0 0;
  clear: both;
  background-color: transparent;
}

.simpletextQuickPay {
  font-size: 15px;
}

.simpletextQuickPayAmount {
  font-size: 18px;
}

.failure-icon,
.suspect-icon,
.pending-icon,
.success-icon {
  color: #FFFFFF;
  display: inline-block;
}

.failure-icon,
.success-icon,
.pending-icon,
.suspect-icon {
  font-size: 45px;
  border: 0px solid;
  border-radius: 50px;
  margin-top: -22px;
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.success-icon:before {
  content: "\e95b";
  color: #9ACC00;
  font-size: 90px;
}

.suspect-icon:before {
  content: "\e958";
  color: #FF4444;
  font-size: 90px;
}

.failure-icon:before {
  content: "\e955";
  color: #FF4444;
  font-size: 90px;
}

.pending-icon:before {
  content: "\e95a";
  color: #FF8800;
  font-size: 90px;
}

.center_align_withmargin {
  margin-left: 43%;
}

.makerTransferHeading {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin: 0;
  display: block;
  padding-top: 10px;
}

.makerTransferSubHeading {
  font-size: 20px;
  font-weight: normal;
  color: #000000;
  margin: 0;
  display: block;
  margin-bottom: 5px;
}

.ui-dialog .redstar {
  filter: alpha(opacity=100);
  opacity: 1;
  color: #9E9E9E;
  display: inline;
  top: 0;
  font-size: 15px;
}

.absmiddle {
  font-size: 0.813em;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 17px;
}

.quickPay_button_center_align {
  text-align: center;
}

.quickPayStatus_button_center_align {
  margin-left: auto;
  text-align: center;
}

.quickPayStatus-wrapper {
  padding-top: 40px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 20px;
}

.quickPayStusIcon {
  padding-top: 5px !important;
  font-size: 24px !important;
  color: #000000;
  padding-bottom: 33px;
}

/*Make Transfers related styles - End*/
/*=====Upendra Added for widgets====start===*/
.stage3_previewdetailsrow_Odd {
  margin-top: 0px !important;
  margin-left: 80px;
  margin-bottom: 0px;
  float: left;
  width: 100%;
  padding-top: 10px;
  line-height: 21px;
}

.stage3_previewdetailsrow_Even {
  margin-left: 100px;
  margin-top: 0px !important;
  margin-bottom: 20px;
  float: left;
  width: 100%;
  padding: inherit !important;
  line-height: 21px;
}

.stage3_previewconfirm_label_column_1 {
  width: 39%;
  float: left;
  word-wrap: break-word;
  text-align: left;
  margin-left: 20px;
  padding-left: 35px;
  padding-right: 0px;
}

.stage3_previewconfirm_label_column_2 {
  width: 40%;
  word-wrap: break-word;
  text-align: inherit;
  line-height: 21px;
  float: inherit;
}

.stage3_previewconfirm_details_column_1 {
  width: 25%;
  float: left;
  word-wrap: break-word;
  text-align: left;
  padding-left: 35px;
}

.stage3_previewconfirm_details_column_2 {
  width: 16%;
  word-wrap: break-word;
  margin-right: 5px;
  text-align: inherit;
  padding-left: 14%;
  line-height: 19px;
  float: inherit;
}

.stage3_previewconfirm_label_column_1 .simpletext,
.stage3_previewconfirm_label_column_2 .simpletext {
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif !important;
  font-size: 13px;
  color: #9E9E9E;
  font-weight: 400;
}

.stage3_previewconfirm_details_column_1 .simpletext,
.stage3_previewconfirm_details_column_2 .simpletext {
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  color: #000000;
}

/*=====Upendra Added for widgets====end===*/
/*Added for login screens */
.width100percent_main_loginbg {
 /* background: url(../images/backgrounds/artwork.png) no-repeat 545px 30px;
  background-size: 46%;  */
  clear: both;
  margin: 0 auto;
  overflow-y: hidden;
}

.login_phrase {
  width: 45%;
  float: left;
  word-break: break-word;
}

.width50percent_login {
  width: 376px;
  clear: right;
  background: #FFFFFF;
  height: auto;
  margin-left: 11%;
  margin-top: 30px;
  border-radius: 2px;
  min-height: 338px;
  padding-left: 4px;
  padding-bottom: 40px;
  position: relative;
}

.loginPanelHeaderTextStyle {
  font-size: 26px;
  font-weight: 400;
  padding-top: 25px;
  padding-bottom: 45px;
  padding-left: 55px;
  color: #000000;
}

.loginrow_new {
  clear: both;
  width: auto;
  margin-left: 25px;
  margin-bottom: -55px;
}

.loginPanelSubHeaderTextStyle {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  padding-left: 31px;
}

.loginPanelOtpBodyStyle {
  font-size: 13px;
  font-weight: 400;
  color: #757575;
  margin-top: 5px;
}

.loginPanelInputDetailsrow,
.loginPanelImagePhraserow {
  float: left;
  margin: 2px 0;
  padding-bottom: 20px;
  padding-top: 2px;
  width: 100%;
}

.loginPanelInputDetailsrow {
  color: #FFFFFF;
}

.loginbackotp {
  padding-left: 35px;
  padding-right: 35px;
  margin-right: 25px;
}

.loginbacksec {
  padding-left: 35px;
  padding-right: 40px;
  margin-right: 20px;
}

.loginsubmitotp {
  padding-left: 30px;
  padding-right: 30px;
}

.loginsubmitsec {
  padding-left: 50px;
  padding-right: 50px;
}

.loginPanelInputDetailsrow1 {
  float: left;
  width: 96%;
  margin-left: 21px;
  padding-bottom: 20px;
  padding-top: 2px;
}

.loginPanelInputDetailsrow2 {
  clear: both;
  width: 340px;
  padding-top: 11px;
}

.loginPanelInputDetailsMessagerow {
  clear: both;
  width: 340px;
}

.loginPanelInputDetailsMessagerow1 {
  clear: both;
  width: 312px;
  padding-top: 5px;
  margin-left: 33px;
}

.loginPanelColumnStyle {
  float: left;
  margin: 2px 0;
  width: 84%;
  padding-bottom: 20px;
  padding-top: 6px;
  padding-left: 36px;
}

.loginPanelColumnDetailStyle,
.loginPanelColumnDetailImagePhrase {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
  margin-left: 31px;
  text-align: left;
  width: 80% !important;
}

.loginPanelColumnDetailStyle {
  margin-left: 31px;
}

.loginPanelColumnDetailImagePhrase {
  margin-left: 22px;
}

.loginPanelImagePhraseColumn {
  text-align: right;
  float: left;
  margin-right: 5px;
  margin-left: 120px;
}

.loginPanelSimpleTextStyle_useridotp {
  font-size: 16px !important;
  color: #9E9E9E;
}

.loginPanelColumnDetailStyle2 {
  float: left;
  margin-right: 5px;
  text-align: right;
  width: 21%;
  padding-top: 3px;
}

.loginPanelColumnDetailStyle3 {
  float: left;
  text-align: right;
  margin-left: 25px;
  margin-top: -6px;
}

.loginPanelColumnDetailStyle4 {
  text-align: right;
  float: left;
  margin-right: 5px;
  margin-left: 25px;
  margin-top: 6px;
}

.loginPanelColumnDetailStyle5 {
  float: left;
  text-align: right;
  width: 21%;
  margin-right: 5px;
  margin-top: -6px;
}

.loginPanelColumnDetailStyle6 {
  float: left;
  margin: 2px 0;
  width: 86%;
  text-align: center;
  padding-left: 35px;
  padding-top: 10px;
}

.loginPanelColumnDetailStyle6 {
  float: left;
  margin: 2px 0;
  width: 87%;
  text-align: center;
  padding-top: 10px;
  padding-left: 21px;
}

.loginPanelColumnDetailStyle_pwd {
  float: left;
  margin: 2px 0;
  width: 86%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 8px;
  padding-left: 20px;
}

.loginPanelSimpleTextStyle_for {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

.loginpanelSimpletext_info {
  font-size: 13px;
  font-weight: 400;
  color: #757575;
  margin-top: 5px;
}

.loginPanelColumnDetailStyle7 {
  float: left;
  width: 84%;
  margin: 2px 0;
  padding-bottom: 26px;
  padding-top: 2px;
  padding-left: 24px;
}

.loginPanelColumnDetailStyle8 {
  float: left;
  width: 76%;
  line-height: 25px;
  text-align: left;
  margin-right: 25px;
}

.loginPanelSimpleTextStyle {
  font-size: 13px;       /*  -- !important removed  and size changed to 13px for rendering of User ID by rahul   */
  color: #757575;
}

/* Changes by Rahul Sharma for Language label */

.LangSelectionRow {
  float: left;
  padding-top: 2px;
  width: 100%;
  height: inherit;
}


.LangSelectionCol {
  display : flex;
  width: 90%;
}

.Label_language {
	text-align: center; /* optional */
  padding: 12px 33px 12px 38px;
}


.Selction_field {
	position: relative;
    margin-left: auto;
}










.loginPanelimageconfirmationtext {
  font-size: 14px !important;
  line-height: 24px;
  color: #757575;
}

.loginPanelSimpleTextStyle1 {
  padding-left: 24px;
}

.loginPanelSimpleTextStyle3 {
  font-size: 0.7em;
  font-weight: normal;
  padding-left: 84px;
}

.loginPanelSimpleTextStyle2 {
  font-size: 0.7em;
  font-weight: bold;
  text-transform: uppercase;
}

.loginPanelTextboxStyle {
  font-size: 1em;
  clear: right;
  clear: right;
  display: block;
  overflow: hidden;
  padding-left: 0px;
  padding-bottom: 0px;
  float: left;
  line-height: 28px;
  margin-left: 2px;
}

.loginPanelImageDividerStyle {
  margin-top: 8px;
  vertical-align: middle;
}

.loginPanelImageStyle {
  vertical-align: middle;
  padding-top: 5px;
  cursor: pointer;
  /*Modified for mouse over effect for facebook buttom Surej */
}

.loginPanelFBButtonStyle {
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  border: 0px solid #424242;
  width: 170px;
  vertical-align: middle;
  overflow: visible;
  height: 28px;
  margin-top: 2px;
  cursor: pointer;
  line-height: 21px;
  background: url(../images/login_fb.png) transparent no-repeat 0% 0px;
  padding-left: 10px;
}

.loginPanelFBButtonStyle:hover {
  background: url(../images/login_fb_mo.png) transparent no-repeat 0% 0px;
}

.loginPanelMessageTextStyle {
  color: #9E9E9E;
  font-size: 12px;
  word-wrap: break-word;
  line-height: 20px;
  text-align: center !important;
  width: 340px;
  margin: 0px 0px 0px 15px;
}

.loginPanelMessageColoredTextStyle {
  color: #000000;
  font-weight: normal;
  padding-right: 43px;
  font-size: 14px;
  text-transform: uppercase;
}

.loginPanelMessageColoredTextStyle1 {
  color: #C3D436;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 5px;
}

.loginPanelButtonDetailsrow {
  margin-bottom: -85px;
  margin-left: 15px;
}

.loginPanelBottomDisplaySectionStyle {
  background: #0F9CFF;
  height: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
  padding-top: 40px;
  padding-left: 15%;
  margin-top: -40px;
}

.loginPanelBottomSectionDetailsrow {
  width: 40%;
  float: left;
  padding-top: 22px;
  padding-right: 30px;
}

.loginPanelBottomSectionDetailsrow1 {
  float: left;
}

.loginPanelBottomSectionHeadStyle {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: normal;
}

.loginPanelBottomSectionTextStyle {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 30px;
}

.loginPanelBottomSectionTextStyle1 {
  color: #9E9E9E;
  font-size: 0.7em;
}

.loginPanelBottomSectionText_gry {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 30px;
}

.loginPanelBottomSectionImageDivStyle {
  display: none;
}

.loginPanelBottomSectionImageDivStyle1,
.loginPanelBottomSectionImageDivStyle2 {
  clear: both;
  float: right;
  margin-right: -18px;
  margin-top: 13px;
  width: 0;
}

.virtual_key_buttonhashed {
  cursor: pointer;
  vertical-align: middle;
  margin-top: 2px;
}

/* Changed by Rahul For Color Contrast change */

a.loginPanleBluelinkStyle {
  font-size: 12px;
  float: right;
  color: #F26B3F;
  font-weight: 700;
}

a.loginPanleBluelinkStyle:focus {
  border-bottom: 1px dotted #000000;
  color:#ff4000;
}

a.loginPanleBluelinkStyle:hover{ 
	color:#ff4000;
}
/* End of Color Contrast change */
.loginPanleBluelinkStyle1 {
  font-weight: normal;
}

a.loginPanleBluelinkStyle1 {
  font-size: 0.9em;
}

.loginPanellabellinkStyle {
  float: left;
  padding-top: 5px;
  padding-bottom: 14px;
}

.loginPanellabellinkStyle1 {
  font-size: 1em;
  float: left;
  line-height: 28px;
}

.loginPanleBluelinkButtonStyle {
  text-transform: none;
  will-change: transparent;
  color: #0F9CFF;
}

.loginPanleBluelinkButtonStyle:hover {
  color: #0096ff;
}

.loginPanelLeftPaddingStyle {
  clear: both;
  width: auto;
  margin-left: 25px;
  padding-top: 16px;
}

.loginPanelLeftPaddingStyle1 {
  display: block;
  padding-top: 10px;
  position: relative;
  left: 5px;
}

.loginPanelTopPaddingStyle {
  clear: both;
  width: 420px;
  padding-top: 32px;
}

.loginPanelTopPaddingStyle1 {
  padding-top: 80px;
  padding-left: 5px;
  margin-left: 25px;
}

.loginPanelTopPaddingStyle2 {
  clear: both;
  width: 420px;
  padding-top: 22px;
}

.simpleText_gry {
  color: #9E9E9E;
}

.loginPanelCaptionBoldTextStyle {
  font-size: 0.8em;
  font-weight: normal;
  color: #FFFFFF;
}

.redbgwithwidth_login {
  background-color: #F9E3E6;
  width: 100%;
}

.redbgwithwidth_login:after {
  content: ".";
  visibility: hidden;
  height: 0px;
  clear: both;
  display: block;
}

.redbg_login {
  background-color: #F9E3E6;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: left;
}

.section_login {
  clear: both;
  margin: 0 auto;
  padding-top: 10px;
}

.section_login:after {
  content: ".";
  visibility: hidden;
  height: 0px;
  clear: both;
  display: block;
  background-color: #FFFFFF;
}

.loginPanelColumnCombo {
  background-color: transparent;
  border: 0px;
  margin-top: 0px;
  padding-top: 4px;
  color: #212121;
  width: 100%;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  vertical-align: middle;
}

.loginPanelColumnCombo_screen {
  height: 23px;
  width: 233px;
  display: block;
  float: left;
}

.loginPanelColumnCombo_brdr {
  height: 23px;
  background: url(../images/backgrounds/login_select.gif) no-repeat -560px 0px transparent;
  display: block;
  width: 99%;
}

.loginPanelAuthFormBtn {
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  background: url(../images/imgLoginButton01.png) transparent no-repeat 100% 0px;
  border: 0px solid #424242;
  width: 22%;
  vertical-align: middle;
  overflow: visible;
  float: left;
  height: 27px;
  cursor: pointer;
  line-height: 25px;
  padding-left: 26px;
  padding-right: 17px;
  outline: none;
}

/*Surej RWD con hover effect on login buttons as per CDG suggestion*/
.loginPanelAuthFormBtn:hover,
.loginPanelContinueButton:hover {
  background-image: url(../images/imgLoginButton01_mouseover.png);
}

/* Start : Added for Ticket : 742655 ( BACK Button alignment issue on login Page ) */
.loginPanelBckButton {
  font-size: 0.69em;
  font-weight: bold;
  color: #000000;
  padding-right: 13px;
  padding-left: 10px;
  background: url("../images/backgrounds/btnGray_new.gif") transparent no-repeat 100% 0px;
  border: 0px solid #424242;
  width: auto;
  vertical-align: middle;
  overflow: visible;
  height: 25px;
  cursor: pointer;
  line-height: 25px;
}

.loginPanelBckButton:hover {
  background-image: url("../images/backgrounds/btnGray_mouseover.gif");
}

.loginPanelDummyBackButton {
  padding-left: 10px;
  width: auto;
  overflow: visible;
  height: 25px;
  line-height: 25px;
  margin-left: 78px;
}

.login-body-style {
  background: #F5F5F5 url("../images/backgrounds/login_background.jpg") no-repeat top center;
  max-width: none !important;
  width: 100% !important;
}

.disclaimerTextStyle {
  font-size: 12px;
  color: #98DDFF;
  margin-top: 3px;
}

.loginfoorter-wrapper {
  background-color: #0D4C8F;
 /* margin-top: 0px !important; 
   margin-bottom: -20px; */
}

.disclaimerDivStyle_login {
  text-align: start;
  float: left;
}

.newheaderbg {
  background: none !important;
}

.materializelogo_login {
  background: url("../images/backgrounds/login-logo.png") no-repeat scroll left 50px transparent;
  height: 100px;
  margin-left: 7.5%;
  width: 100%;
}

.loginPanelSimpleTextStyle_remUserId {
  font-size: 14px !important;
  color: #757575;
  position: relative;
  top: 8px;
  left: -13px;
}

.loginPanelInfo {
  position: relative;
  top: 12px;
  left: -5px;
}

.login_button {
  padding-left: 125px;
  padding-right: 125px;
}

.login-page .line-aside {
  margin-bottom: 7px;
}

.line-aside span:before {
  right: 100%;
}

.line-aside span:before,
.line-aside span:after {
  content: "";
  position: absolute;
  border-top: 1px solid #9E9E9E;
  top: 9px;
  width: 30px;
  margin-left: 5px;
  margin-right: 5px;
}

.login_button_facebook {
  background: #4963A0;
  padding-left: 57px;
  padding-right: 56px;
  float: right;
  margin-right: 38px;
  border-radius: 0px 2px 2px 0px;
  text-transform: uppercase;
}

.loginPanelColumnDetailStyle1 {
  float: left;
  margin-right: 5px;
  text-align: right;
  width: 18%;
}

.login_button_facebook:hover {
  background: #4963A0;
}

.loginPanelLeftPaddingStyle .center-align {
  margin-right: 20px;
}

.icon-facebook {
  position: relative;
  color: #FFFFFF;
  top: 31px;
  left: 4px;
  padding: 10px;
  background: #3F558A;
  border-radius: 2px 0px 0px 2px;
}

.error_highlight_horizontal {
  color: #F44336 !important;
}

.bulletinStyleLogin {
  padding-right: 5px;
  position: relative;
  top: -3px;
}

.rSImage1 {
  position: absolute;
  z-index: 1;
  padding-left: 25px;
  padding-top: 25px;
  display: none;
  /*Surej removing image as baseline login page design has been changed*/
}

.rSImage2 {
  background-image: url("../images/Robust-Security_Expanding-BG.png");
  background-repeat: repeat;
  display: none;
  height: 125px;
  width: 35%;
}

.rSImage3 {
  background-image: url("../images/Robust-Security_Static-Image.png");
  display: none;
  max-width: 168px;
  min-height: 125px;
  width: 65%;
}

.width50percent_login .errorCodeWrapper {
  display: inline-table;
  width: 80%;
  line-height: 20px;
  position: relative;
}

.loginrow_imagePhrase {
  clear: both;
  width: auto;
  margin-left: 24px;
}

.loginrow_imagePhrase_otp {
  clear: both;
  width: auto;
  margin-left: 16px;
}

.width50percent_login .absmiddle {
  vertical-align: middle;
  font-size: 0.813em;
  margin-left: 10px;
  margin-right: 12px;
}

.width50percent_login .errorImageCMSIcon {
  background: url("../images/error_material.png") no-repeat 0px 4px;
  margin-left: 25px;
}

.width50percent_login .errorDisplayStyle {
  padding-bottom: 10px;
  padding-left: 27px;
  padding-right: 27px;
  margin-top: -25px;
}

.width50percent_login .errorDisplayDiv .width100percent {
  margin-top: 7px;
}

.width50percent_login .searchsimpletextCMS {
  color: #424242;
  font-size: 14px;
  float: left;
  line-height: 25px;
  padding-left: 30px !important;
  padding-right: 0px !important;
  width: 100%;
  margin-left: -67px;
  text-align: justify;
}

.widget-small .promoSectionStyle {
  /*added by jyothi for cms error alignment*/
  padding-top: 8px;
}

.widget-small .searchsimpletextCMS {
  /*added by jyothi for cms error alignment*/
  float: left;
  width: 88%;
}

.loginPanelbuttonseperator {
  color: #9E9E9E;
  font-size: 16px !important;
  position: relative;
}

.loginHeader .header-text {
  display: none;
  color: #FFFFFF;
  font-size: 16px;
}

/* Added for Login changes */
/* 463143 added for login screens start */
.loginHeader_pwdscreen {
  background-color: #0F9CFF;
}

.h3whitetitle_pwdscreen {
  background-color: #D9EEFE;
  height: 45px;
  padding-right: 20px;
  padding-bottom: 3px;
  padding-top: 3px !important;
  border: 1px solid #9E9E9E;
  width: auto;
  margin: 50px 50px 0 50px;
}

.collapsible-header_pwdscreen {
  margin-top: 20px;
  padding-left: 0px;
  background-color: #D9EEFE;
}

.h3whitetitle_pwdscreen .expandableMenu:after,
.h3whitetitle_pwdscreen .collapsipleMenu:after {
  line-height: 35px !important;
  color: #9E9E9E !important;
}

.stage3_inputpanel_paydetailsrow_pwdscreen {
  margin-left: 9px;
  padding-top: 15px;
  float: none;
}

.pwdreqtext_pwdscreen {
  font-size: 15px;
  line-height: 1.5;
  color: #000000;
}

.width100percent_pwdscreen {
  margin-top: 50px;
}

.stage3_searchpanelrow_pwdscreen {
  margin-left: 50px;
}

.labelcolumncombosmall_pwdscreen {
  margin-left: 42px;
  width: 180%;
}

.h3_pwdscreen {
  border-top: none;
  padding-left: 50px;
  padding-top: 25px;
}

.containerStyle_pwdscreen {
  margin-left: 45px;
}

.materializelogo_login_pwdscreen {
  background: url("../images/backgrounds/login-logo.png") no-repeat scroll left 2px transparent;
  position: relative;
  float: left;
  background-size: 16%;
  height: 50px;
  margin-top: 45px;
  width: 100%;
  top: -14px;
}

.simpletext_pwdscreen {
  color: #BDBDBD;
  line-height: 1.5;
}

.simpletext_pwd {
  font-size: 16px !important;
  font-weight: 500;
  color: #000000;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
}

.width100percent_collapsible .collapsibleContainerDiv {
  padding-bottom: 30px;
  border: 1px solid #9E9E9E;
  border-top: 0px none;
  width: 88.9%;
  margin-left: 50px;
}

.queryitalictextwithmargin_pwdscreen {
  font-size: 12px;
  color: #9E9E9E;
}

.right_pwdscreen {
  margin-right: 25px;
  margin-bottom: 25px;
  margin-top: 25px;
}

.login_err_messages .errorContentWrapper.redbg,
.login_err_messages .errorContentWrapper.greenbg,
.login_err_messages .errorContentWrapper.orangebg {
  width: 73%;
  margin-top: 0px;
  margin-left: 175px;
}

.login_err_messages .redbgwithwidth,
.login_err_messages .greenbgwithwidth,
.login_err_messages .orangebgwithwidth {
  margin-left: 175px;
  width: 73% !important;
}

.login_err_messages .errorDisplayDiv.width100percent .redbgwithwidth,
.login_err_messages .errorDisplayDiv.width100percent .greenbgwithwidth,
.login_err_messages .errorDisplayDiv.width100percent .orangebgwithwidth {
  margin-top: 8px;
}

.stage3_inputpanel_paydetailsrow_pwdsucscreen {
  margin: 0px;
}

.pwdreqtext_pwdsucscreen {
  text-transform: uppercase;
  margin-left: 0px;
}

.login_err_messages .errorDisplayStyle {
  padding-bottom: 20px;
}

.containerHeight {
  height: 380px;
  margin-left: 180px;
  margin-right: 180px;
}

.login_err_messages {
  background: none;
}

.width100percent_collapsible_pwdscreen .collapsibleContainerDiv {
  padding-bottom: 30px;
  border: 1px solid #9E9E9E;
  border-top: 0px none;
  width: auto;
  margin-left: 50px;
  margin-right: 50px;
}

.loginPanelHeaderTextStyle_pwdscreen {
   /*padding-left: 100px;*/
}

.loginPanelHeaderTextStyle_pwdscreenmode {
  padding-top: 0px;
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  font-weight: normal;
  margin-top: -20px;
  margin-left: 10px;
}

.loginPanelButtonDetailsrow_pwdscreen {
  margin-top: 85px;
  padding-left: 95px;
}

.left_align_pwdscreen {
  margin-left: -50px;
  margin-right: 80px;
}

.left_align_useridscreen {
  margin-left: -50px;
  margin-right: 75px;
}

.button_pwdscreen {
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 25px;
}

.stage3_searchpanelcolumn_pwdscreen {
  margin-left: -45px;
}

.loginPanelButtonDetailsrow_useridscreen {
  padding-left: 95px;
  margin-bottom: auto;
}

.loginPanelHeaderTextStyle_ccardscreen {
  padding-right: 50px;
  text-align: center;
}

.width50percent_userid_login {
  padding-bottom: 45px;
}

.stage3_inputpanel_paydetailsrow_height {
  line-height: 70px;
}

.searchsimpletext_sideheading_left {
  margin-left: 50px;
}

.stage3_steptracker_mandatory_right {
  margin-right: 32px;
  padding-top: 0px;
}

.width100percent_forgotpwdscreen {
  padding-bottom: 30px;
}

.stage3_searchpanellabel_pwdscreen {
  font-size: 16px !important;
  color: #000000;
}

.loginPanelHeaderTextStyle_passwordscreen {
  /*padding-left: 175px;*/
  padding-bottom: 10px;
}

.width100percent_main_loginbg_passwordscreen {
  background: none;
}

.stage3_inputpanel_leftcontainer_passwordscreen {
  width: 73% !important;
  margin-left: 175px;
  margin-bottom: 25px !important;
}

.width100percent_bottomLine {
  border-bottom: 1px solid #BDBDBD;
  padding-bottom: 25px;
}

.width100percent_bottomPadding {
  padding-bottom: 25px;
  padding-top: 25px;
}

.textboxPasswordChangeHorizontal {
  width: 65% !important;
}

.containerStyle label.active.iwantPasswordChangeLable {
  font-size: 13px !important;
}

.loginPanelInputDetailsrow_bottomPadding {
  margin-bottom: 35px;
  margin-top: auto;
}

.button_leftpwdscreen {
  padding-left: 50px;
  padding-right: 50px;
  margin-left: -25px;
}

.button_rightpwdscreen {
  padding-left: 50px;
  padding-right: 50px;
  margin-right: -45px;
  margin-left: -10px;
}

.button_rightuseridscreen {
  padding-left: 40px;
  padding-right: 40px;
  margin-right: -45px;
  margin-left: -10px;
}

.loginPanelSimpleTextStyle_marginleft {
  margin-left: 90px;
}

.textboxPasswordChangeHorizontal_marginleft {
  width: 65% !important;
  margin-left: 90px;
}

.h3_otpscreen {
  padding-left: 35px;
  padding-top: 35px !important;
}

.containerStyle_otpscreen {
  margin-left: 30px;
  margin-top: 10px;
}

.width100percent_otpScreen {
  border-bottom: 1px solid #BDBDBD;
  padding-bottom: 35px;
}

.right_otpscreen {
  padding-top: 10px;
  padding-bottom: 10px;
}

.loginPanelHeaderTextStyle_otpscreen {
  padding-left: 175px;
  padding-bottom: 10px;
}

.width100percent_main_loginbg_setpwd {
  position: relative;
}

.width50percent_login_setpwd {
  padding-bottom: 1px;
}

/* 463143 added for login screens end */
/* Added for Tab Navigation START */
.tabrow {
  width: 100%;
  border-bottom: 1px solid #E0E0E0;
}

.tabactive {
  border-bottom: 3px solid #0F9CFF;
  padding: 0 15px;
}

.tabs-with-navigation .previous-tabs {
  left: 0;
}

.tabs-with-navigation {
  position: relative;
  padding: 0 34px;
}

.tabs-with-navigation .next-tabs {
  right: 0;
}

.tabs-with-navigation .previous-tabs,
.tabs-with-navigation .next-tabs {
  position: absolute;
  padding: 16px 5px;
  height: 19px;
  color: #757575;
  background: inherit;
}

.tabs-with-navigation .previous-tabs:hover,
.tabs-with-navigation .next-tabs:hover {
  background-color: #0F9CFF;
  color: #FFFFFF;
}

.tabs-with-navigation ul.tabs {
  border-bottom: 0px none;
  overflow-x: hidden;
}

.tabs-with-navigation .tabs .tab {
  width: auto;
  min-width: auto;
  float: none;
  overflow: visible;
  height: 47px;
  line-height: 47px;
  padding: 0 15px;
}

.tabs-with-navigation .tabsheight {
  height: 50px;
  line-height: 50px;
}

.tabs-with-navigation .tabpadding {
  padding: 0px;
}

.tabs-with-navigation .tabs .tab a.active {
  color: #0F9CFF;
}

.tabs-with-navigation .tabs .tab a:hover {
  color: #0096ff;
}

.tabmenudisabled,
.tabmenudisabled:hover {
  color: #98DDFF !important;
  cursor: default !important;
  pointer-events: none;
}

/* Added for Tab Navigation :END */
/* Mails container in header Starts*/
.message {
  border-bottom: 1px solid #E0E0E0;
  padding: 20px 0px 20px 56px !important;
  position: relative;
}

.message > span {
  padding: 0;
  color: #000000;
  line-height: 1.5;
}

.subject a:hover {
  color: #0096ff !important;
}

.from-img img,
.from-text {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 20px;
}

.from-name {
  font-weight: 500 !important;
  font-size: 16px !important;
  width: 64%;
  padding: 0px !important;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
  word-break: break-all;
}

.message-date {
  font-weight: 400;
  font-size: 13px;
  color: #757575;
  padding: 0;
  text-align: right;
  right: 0px;
  position: absolute;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.message-type {
  position: absolute;
  right: 0px;
  top: 55px;
  font-size: 22px;
  color: #000000;
}

.message-text {
  float: left;
  width: 90%;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 20px;
  overflow: hidden;
}

.from-text {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  left: 0;
  top: 20px;
  color: #FFFFFF;
  padding: 6px 0;
  text-align: center;
  font-size: 20px !important;
  font-weight: 500;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
  padding: 2px 0px 0px 2px;
}

.subject-text {
  font-size: 14px !important;
  font-weight: 400;
  color: #757575 !important;
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif !important;
}

.dynamicDataContentHolderDiv .widget-small {
  width: 100%;
}

.dynamicDataContentHolderDiv .widget-content {
  border: none;
  overflow-y: auto !important;
}

.dynamicDataContentHolderDiv .wrapperPositionRelative {
  padding-top: 10px;
  width: 98% !important;
}

.dynamicDataContentHolderDiv .errorCodeWrapper {
  width: 75%;
}

.dynamicDataContentHolderDiv .arrowtoggle {
  display: none;
}

.dynamicDataContentHolderDiv .errorContentWrapper .absmiddle {
  margin-top: 1px;
}

.dynamicDataContentHolderDiv .mailcompose {
  width: 95%;
}

.mailsBox {
  width: 39.3%;
  padding: 20px;
  padding-right: 0px;
  right: 15%;
  top: 75px;
  min-width: 480px;
  height: 340px;
  overflow: visible;
  padding-left: 15px;
}

/*Added for mailbox by Indrajit*/
.mailsBox .alertHeader h5 {
  padding: 0 0 0 0px;
  font-size: 16px !important;
  width: 97%;
  border-bottom: 2px solid #E0E0E0;
}

.mailsBox .right_bottomtext {
  position: relative;
  left: -10px;
}

.alertBx.mailsBox .subject-text {
  float: left;
  padding-right: 2px;
}

.mailsSubject {
  font-size: 14px !important;
  color: #0F9CFF !important;
  font-weight: 500 !important;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
  display: block;
  white-space: nowrap;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mailBodyWrap {
  display: block;
}

.widget-small .row_withborder {
  float: right;
  width: 50%;
}

.view-all-link {
  padding-top: 20px;
  display: block;
}

.view-all-link a {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
}

.composeLinkStyle {
  float: right;
  padding-right: 15px;
}

.noncurrent_tab_widget {
  background: none;
  text-align: center;
  white-space: nowrap;
  vertical-align: inherit;
  padding-top: 6px;
  width: 29%;
  padding-bottom: 4px;
  padding-right: 12px;
  display: inline-block;
  height: 22px;
  float: right;
  font-size: 15px !important;
  font-weight: 500;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
}

.current_tab_widget {
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: inherit;
  padding-top: 6px;
  padding-bottom: 5px;
  width: 28%;
  height: 22px;
  background: none;
  display: inline-block;
  float: right;
  font-size: 15px !important;
  font-weight: 500;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
}

.mailContainerUL {
  margin-right: 15px;
}

.tab_widget_extratxt {
  display: none;
}

.messageTextBlackLink {
  cursor: pointer;
  color: #000000;
  word-break: break-all;
  word-wrap: break-word;
}

.messageTextBlackLink:hover {
  cursor: pointer;
  color: #E0E0E0;
}

/* Mails container in header Ends*/
/* For dashboard widget header changes - Start */
.widget .widget_header_icon_s {
  display: none;
}

.icon-close,
.icon-close:hover {
  font-size: 14px;
  color: #9E9E9E !important;
  position: relative;
  top: 3px;
}

/* For dashboard widget header changes - End */
/*** Murali changes START ***/
/*added to remove underline for hyperlink in UX5 widget*/
.widget-small a.bluelink {
  color: #0F9CFF;
}

/*added to remove icon from action pulldown menu in overlay UX5 screen*/
.modalWrapper .menuChoices ul li ul li {
  background-image: url("") !important;
  min-height: 35px;
  line-height: 40px;
}

/* For bottom border changes - Start */
.pageLeftContainer .delinkedValTable .pagination-wrapper,
.pageLeftContainer .linkedValTable .pagination-wrapper {
  border-bottom: 1px solid #E0E0E0 !important;
  padding-right: 1px !important;
}

/* For bottom border changes - End */
/* added for table lisitng padding in UX5 widget screen*/
.widget-small th.HW_tabletextwithpadding,
.widget-small td.HW_textwithpadding {
  padding-left: 20px;
}

.widget-medium input[type="text"].autocomplete-dropdown {
  border-bottom: none;
}

.widget-small table.multiTableHeading th,
.widget-small table.multiTableHeading td {
  padding: 8px 20px;
  color: #000000 !important;
}

.widget-small .errorCodeWrapper,
.widget-medium .errorCodeWrapper {
  display: inline-table;
  width: 75%;
}

.center-container .widget-small .errorCodeWrapper,
.center-container .widget-medium .errorCodeWrapper {
  display: inline-table;
  width: 80%;
}

.widget-small .errorContentWrapper.redbg,
.widget-small .errorContentWrapper.greenbg,
.widget-medium .errorContentWrapper.redbg,
.widget-medium .errorContentWrapper.greenbg {
  width: 100%;
}

.widget-small .redbgwithwidth,
.widget-small .greenbgwithwidth,
.widget-medium .redbgwithwidth,
.widget-medium .greenbgwithwidth {
  width: 100% !important;
}

.ui-dialog .more.dropdown-button {
  padding-left: 90px !important;
}

.mailsBox .widget-small .errorCodeWrapper {
  display: inline-table;
  width: 72%;
  top: 0px;
}

/*** Murali changes END ***/
/* For heading bottom border changes - Start */
.pageLeftContainer .linkedValTable h3,
.pageLeftContainer .delinkedValTable h3 {
  border-bottom: none !important;
}

/* Added by Upendra for Murali Widgets - Start */
.ui-widget-content-alignment {
  padding-bottom: 20px !important;
}

/* Added by Upendra for Murali Widgets - End */
/* Added for error message alignment in dashboard during save configuration starts */
.errorMsgAlignHeight {
  height: 35px !important;
  margin-bottom: -1px;
  margin-top: -1px;
  width: 99%;
}

.errorMsgPositionAlign {
  position: relative;
  top: 20px;
}

.errorMsgPositionAlign .greenbgwithwidth {
  width: 99% !important;
}

.errorMsgAlignHeight a {
  position: relative;
  top: 2px;
}

.errorMsgAlignHeight span.errorCodeWrapper {
  position: relative;
  top: 7px;
}

/* Added for error message alignment in dashboard during save configuration ends */
.multiactionStyle .btn-flat {
  cursor: pointer;
}

/*Start modified for UI Lumi changes-Multi Action button*/
a#multiActionsHeading {
  text-decoration: none;
  color: #FF9F00;
}

/*Ends modified for UI Lumi changes*/
/* Added for multi action drop down */
/* Added for Aligning the Error message in Overlay opened from Dashboard */
.ui-dialog .errorMsgPositionAlign {
  top: 0px;
}

/* Added by 463143 for message center responsive screen start*/
.container-messageCenter {
  width: 100% !important;
}

.draft_margin_top,
.trash_margin_top {
  margin-top: 10px;
  top: auto !important;
}

.template_line_height {
  top: auto !important;
  margin-top: 4px;
}

.broadcast_margin_top {
  margin-top: 5px;
}

/* Added by 463143 for message center responsive screen end*/
/* Added by 461560 for message center print help icon*/
.helpAlignMessageCenter {
  margin-top: 21px !important;
}

/* Fix for Ticket id:771973 added by e463143 */
/* Styles Added for Insta Widgets -Start*/
.row .col.s6 {
  width: 50% !important;
}

.widget-container {
  border: none !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

.widgetAutoHeight {
  height: auto !important;
}

.widgetOuterStyle {
  border: none !important;
  padding: 0px !important;
  margin: 0px !important;
  overflow: hidden;
}

.widget-foot {
  height: auto !important;
}

.instaLinks {
  color: #FFFFFF !important;
  cursor: pointer;
}

.insta-widget-panel h2 {
  border-bottom: none !important;
}

.widgetAutoHeight .widget-foot {
  height: auto !important;
}

.widgetAutoHeight .widget-body {
  padding-bottom: 0px !important;
}

.insta-widget-panel {
  min-height: 331px;
  max-height: 331px;
}

.panel .icon-1,
.panel .icon-2 {
  color: #9E9E9E !important;
}

.insta-widget-panel.panel .widget-content {
  margin-bottom: 4px;
  height: auto !important;
  width: 72px !important;
}

.insta-widget-panel.panel .panel-content {
  margin-top: -9px;
}

.insta-widget-panel.panel .widget-inner-block {
  width: 96px !important;
}

/*Insta Widget Account Summary --Start*/
.ui-dialog .pfm_stage3_tabmenupanel_tab {
  float: left;
  width: 99.85%;
  float: left;
  padding-bottom: 0px;
  display: inline-block;
  height: 49px !important;
  border-top: 1px solid #BDBDBD;
  border-right: 1px solid #BDBDBD;
}

.ui-dialog .pfm_stage3_ptabgray1_tab {
  float: left;
  height: 40px;
  margin: 0 0 0 0px;
  padding-left: 0px;
  width: 30%;
}

.ui-dialog .pfm_whitetabhover_bold_tab,
.ui-dialog .pfm_grey_active_bold_tab,
.ui-dialog .pfm_disable_tab {
  float: left;
  padding: 15px 9px;
  height: 16px;
  line-height: 21px;
  text-align: center;
  letter-spacing: .8px;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif;
  text-align: center;
  letter-spacing: .8px;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif;
  border: none;
}

.ui-dialog .pfm_whitetabhover_bold_tab {
  border-bottom: 3px solid #0F9CFF;
  border-top: 5px;
  margin: 0px;
  color: #0F9CFF;
  cursor: pointer;
  width: 98%;
  transition-property: border-bottom;
  transition-duration: 0.1s;
}

.ui-dialog .pfm_grey_active_bold_tab {
  cursor: pointer;
  outline: none;
  background: inherit;
  width: 98.4%;
  color: #757575;
}

.ui-dialog .pfm_disable_tab {
  border-top: 5px;
  margin: 0px;
  color: #98DDFF;
  cursor: default;
  width: 100%;
}

.stage3_listingpaneldiv .singleTableHeading {
  border-bottom: none !important;
}

.ui-dialog .opdptable {
  margin-bottom: -10px !important;
  border-bottom: 1px solid #BDBDBD !important;
}

.ui-dialog .consolidatedSummaryTable {
  border-top: 1px solid #E0E0E0 !important;
  padding-bottom: 0px !important;
}

.widgetAutoHeight .widget-content:after {
  content: none !important;
}

.corporateHeadingStyle {
  margin-left: 28% !important;
}

/*Insta Widget Account Summary --End*/
/* Styles Added for Insta Widgets -End*/
.right_midtext ul li,
.messageTextBlackLink ul li,
.mailBodyWrap ul li {
  list-style-type: disc;
  position: relative;
  left: 15px;
}

.right_midtext ol li,
.messageTextBlackLink ol li,
.mailBodyWrap ol li {
  position: relative;
  left: 15px;
  list-style-type: inherit;
}

.z-depth-0 {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.z-depth-1 {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1-half {
  -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.z-depth-2 {
  -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-3 {
  -o-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  -ms-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-4 {
  -o-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  -ms-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.z-depth-5 {
  -o-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

/* jquery UI */
.ui-widget-content {
  background: #FFFFFF !important;
}

.ui-state-default,
.ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: transparent;
}

.blockUI.blockOverlay,
.advance_wrapper {
  background: #FFFFFF !important;
}

.loginPage_dialog {
  background: #FFFFFF !important;
}

.infopopup_highlight {
  color: #0F9CFF !important;
}

/*Customer Id Wise Summary Start*/
.singleTableHeading .mwidlistwhiterow2_new {
  border-top: 1px solid #dcdcdc;
}

.singleTableHeading .mwidlistwhiterow_new,
.singleTableHeading .mwidlistwhiterow2_new {
  color: inherit !important;
}

.custIdWiseSummaryDiv {
  overflow-x: scroll;
}

/*Customer Id Wise Summary End*/
/* Start  Styles required for UI Cache debug on screen */
div#appFieldValues {
  height: 150px !important;
  font-size: 10px !important;
  display: none;
  overflow: auto !important;
  background: #dbf0ff !important;
}

div#slideContainerId {
  background-color: #0F9CFF !important;
  height: auto !important;
  float: left !important;
  text-align: center !important;
  width: 100% !important;
  padding: 2px !important;
  border: 3px solid #000000 !important;
  box-sizing: border-box;
}

.tableCacheContainer {
  display: table !important;
  margin: 0px !important;
  width: 100% !important;
}

.cacheDebugValues {
  display: table !important;
  margin: 0px !important;
  width: 100% !important;
}

.cacheDebugValues li {
  width: 33% !important;
  display: table-cell !important;
  background: #dbf0ff !important;
  border: 1px solid #E0E0E0 !important;
  padding: 10px 10px 10px 10px !important;
  word-break: break-all !important;
  color: #000000 !important;
}

.cacheHeading {
  background: #5cbcff !important;
  width: 33% !important;
  display: table-cell !important;
  border: 1px solid #E0E0E0 !important;
  padding: 10px 10px 10px 10px !important;
  word-break: break-all !important;
}

/* Ends  Styles required for UI Cache debug on screen */
/* added for ev-auth integration start*/
.width100percent_main_hidden {
  display: none;
  cursor: default;
  margin-top: 50px;
}

.padding_top_style {
  padding-top: 20px;
}

.mobile_login_button {
  border-radius: 2px;
  text-transform: uppercase;
  display: block;
  width: 132px;
  height: 17px;
  background: #FF9F00;
  padding: 10px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

.display_none {
  display: none;
}

.bold-text {
  color: #212121 !important;
  font-weight: bolder;
  font-size: 1rem !important;
}

.login_button_small {
  padding-left: 43px;
  padding-right: 43px;
}

#LoginHDisplay .blockUI.blockOverlay {
  background-color: #212121 !important;
}

#LoginHDisplay .blockUI.blockMsg.blockElement {
  height: 26% !important;
  z-index: 1011 !important;
  position: absolute !important;
  padding: 0px !important;
  margin: 0px !important;
  width: 380px !important;
  top: 27% !important;
  left: 11% !important;
  text-align: center !important;
  border: none !important;
  cursor: wait !important;
}

.btn.disabled,
.disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-large:disabled,
.btn-floating:disabled {
  box-shadow: none !important;
}

/* added for ev -auth integration end */
.formrowQuickPay .quickPayleftColumnStyle,
.formrowQuickPay .quickPayrightColumnStyle {
  margin-top: 8px;
  margin-bottom: 30px;
}

.formrowQuickPay.formRowAmount .quickPayleftColumnStyle {
  position: relative;
  margin-top: 18px;
}

.quickPayConfirm .querytextleft_width100percent_withtextalignleft {
  border: none !important;
}

.quickPayConfirm .workflow {
  margin-bottom: 20px;
}

.quickPayConfirm .workflow .row {
  margin-bottom: 0px !important;
}

.quickPayConfirm .querytextleft_withleftBorder_Auth {
  border: none !important;
  border-top: 1px #E0E0E0 dashed !important;
  padding-top: 10px;
}

.quickPayWidgetAmount .ERROR_ROW_SPAN {
  float: left;
  width: 100%;
  margin-left: 0px;
  padding-right: 0px;
}

.quickPayWidgetCurrency .renderTextBoxAsLabel_new {
  position: relative;
  top: 4px;
  font-size: 14px;
  margin-left: 0px;
}

.singleCurr .searchsimpletext {
  top: 4px;
  position: relative;
  padding-right: 0px;
}

.searchsimpletext_sideheading_auth {
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000000;
  padding: 0 0.75rem;
}

/*Added for Timeline activities START*/
.timelineExpandIcon {
  right: 0px;
  top: 130px;
  border-radius: 0 0 0 5px;
  position: fixed;
  background-color: #0F9CFF;
  cursor: pointer;
  display: block;
  z-index: 2;
  padding: 7px 15px 7px 10px;
}

.timelineIcon:before {
  content: "\e901";
  font-family: icomoon !important;
  font-size: 12px;
  margin-right: 5px;
  color: #FFFFFF;
}

.timelinetext {
  color: #FFFFFF;
  font-size: 14px;
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
}

.timelineExpand {
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  right: 0px;
  top: 130px;
  position: fixed;
  background-color: #FFFFFF;
  display: none;
  
  width: 300px;
  height: 100%;
  overflow-y: auto;
  z-index: 9;
}

.timelineCollpaseIcon {
  position: absolute;
  width: 36px;
  height: 31px;
  background-color: #0F9CFF;
  line-height: 32px;
  color: #FFFFFF;
  font-size: 11px;
  text-align: center;
  padding: 0;
  left: 0;
  cursor: pointer;
  border-radius: 0 0 5px 0;
  z-index: 2;
}

.timelineCollpaseIcon:before {
  content: "\e902";
  font-family: icomoon !important;
  font-size: 12px;
}

html.hide-vertical-scroll,
html.hide-vertical-scroll body {
  overflow-y: hidden;
  position: relative;
  height: 100%;
}

.right-container .container-large_ux5 .widget-head {
  display: none;
}

.right-container .container-large_ux5 .widget-content {
  background-color: #FFFFFF;
  min-height: 100%;
  height: calc(100% + 120px) !important;
  padding-bottom: 120px !important;
}

.timelineDetailsPanel {
  width: 260px;
  margin: 0 20px;
  border-left: none;
  border-bottom: none;
}

.timelineActSection {
  padding-left: 0px;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 10px !important;
}

.timelineActSubHeading {
  font-size: 16px;
  font-weight: 500;
  color: #212121;
  margin: 0;
  display: block;
  margin-top: 30px;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif;
}

#scroll-top {
  padding: 10px;
  line-height: 0px;
  height: 0px;
  color: #9B9B9B;
  cursor: pointer;
  font-size: 35px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  display: none;
  z-index: 999999;
}

.timeline ul {
  margin: 20px 30px 0 10px;
  width: 1px;
  background-color: #E0E0E0;
  position: relative;
}

.timeline li {
  float: none;
  padding: 0 15px;
  line-height: 64px;
}

.timeline ul li {
  line-height: 1.5;
  padding-bottom: 0px;
}

.timeline ul li > div {
  position: relative;
  bottom: 0;
  width: 235px;
  padding: 15px 0 0 5px;
  font-size: 11px;
  margin-left: 14px;
}

.timeline ul li.group-title {
  padding: 0;
  width: 249px;
  min-height: 20px;
  position: relative;
  right: -2px;
}

.timeline ul li.group-data {
  line-height: 2.2;
}

.timeline ul li.group-title > div {
  margin-left: -11px;
  background: #0F9CFF;
  border-radius: 5px;
  padding: 6px;
  display: inline;
  color: #FFFFFF;
  cursor: pointer;
}

.timeline ul li.group-title > span {
  float: right;
  font-size: 11.2px;
  color: #212121;
  margin-top: 4px;
}

.timeline ul li.group-title.date-text > span {
  margin-top: 15px;
}

.timeline ul li:hover {
  background: none;
}

.timeline ul li > div > span {
  position: absolute;
  left: -27px;
  font-size: 14px;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  text-align: center;
  box-sizing: border-box;
  background-clip: content-box;
}

.timeline ul li > div .req-name {
  font-weight: 500;
  font-size: 12.4px;
  font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
  color: #212121;
}

.timeline ul li > div .req-name span {
  float: right;
  font-size: 10px !important;
  margin-right: 3px !important;
  margin-top: 5px !important;
}

.timeline ul li > div .req-name span, .timeline ul li > div p {
  font-size: 11px;
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif;
  color: #9E9E9E;
  margin: 0;
  line-height: 18px;
}

.timeline ul li > div p {
  margin-top: -4px;
}

.timeline .view-more a {
  display: block;
  font-size: 14px;
  padding: 0 15px;
  text-align: center;
  color: #0F9CFF;
  height: auto;
  line-height: 1;
  padding-top: 30px !important;
}

.timeline ul li > div > span i {
  color: #FFFFFF;
  top: 4px;
  position: relative;
}

.timeline i.right {
  top: 45px;
  position: absolute;
  right: 7.5%;
  cursor: pointer;
  color: #212121;
}

.timeline ul li > div > span.green {
  background-color: #4CAF50 !important;
}

.timeline ul li > div > span.orange {
  background-color: #FF9800 !important;
}

.timeline ul li > div > span.blue {
  background-color: #4A90E2 !important;
}

.timeline ul li > div > span.disabled {
  background-color: #9B9B9B !important;
}

.hideTimeline {
  display: none !important;
}

.timeline .icon-transaction {
  font-size: 12px;
  top: 5px;
}

.timeline .icon-account {
  font-size: 20px;
  top: 1px;
}

/*Added for Timeline activities END*/
/* Added for NLP Search -- Start */
.searchtext {
  margin-left: 250px;
}

.listStyle {
  display: block;
  width: 313px;
  width: 309px\0;
  position: absolute;
  margin-left: 48%;
  margin-top: 38px;
}

.searchTextBoxHidden {
  margin-right: 15%;
}

.search-icon-account {
  position: absolute;
  right: 0;
  top: -6px;
  cursor: pointer;
}

.searchIconLink {
  margin-left: -27%;
  color: #FFFFFF;
  cursor: pointer;
  bottom: 5px;
  position: relative;
  font-size: 24px;
  float: right;
  z-index: 100;
}

.search-icon-hide {
  width: 0px !important;
  padding: 0px !important;
}

.search-icon-show {
  width: 290px !important;
  -webkit-transition: width 0.5s !important;
  transition: width 0.5s !important;
}

.search-icon-input {
  max-height: 32px;
}

:placeholder-shown {
  color: #BDBDBD !important;
  font-size: 14px !important;
}

.searchTextBox {
  margin-right: -114.5% !important;
  color: #FFFFFF !important;
  line-height: 18px;
  float: right;
  padding-right: 25px !important;
}

input[type=text]:focus.searchTextBox {
  border-bottom-color: #FFFFFF !important;
}

.headerWelcomeText {
  overflow: visible !important;
}

.headerWelcomeTextSearch {
  position: absolute;
  top: 22px;
  padding-top: 9px;
  right: 435px;
  width: 30%;
  overflow: visible;
  z-index: 1;
}

.listStyle li:first-child::before {
  content: "We have found for you!";
  float: right;
  font-size: 11px;
  color: #BDBDBD;
  margin-top: -5px;
}

.searchIconHigherRes {
  display: inline-block;
}

.searchIconLowerRes {
  display: none;
}

.searchIconLinkLower {
  color: #FFFFFF;
  cursor: pointer;
  bottom: 5px;
  position: relative;
  font-size: 24px;
  z-index: 1;
}

.nlpArrowStyle {
  top: 10px;
  right: 77px !important;
  float: left !important;
  position: absolute !important;
  display: none;
}

.autocomplete-values-list li.firstListStyle:hover {
  background-color: #FFFFFF;
}

.profile-picture {
  margin-left: 2%;
}

.oops-text {
  line-height: 23px;
  padding: 0px;
  background-color: #FFDBDB;
  color: #F4511E !important;
  padding: 10px 10px !Important;
  font-size: 14px !important;
  pointer-events: none;
}

.listStyle li.oops-text::before {
  content: "" !important;
}

.SearcTextBoxHigher {
  display: inline-block;
}

.SearcTextBoxLower {
  display: none;
}

.nlpTextBoxContainer {
  width: 280px;
  height: auto;
}

.nlpSearchTextBoxContainer {
  display: none;
  width: 320px;
  height: 24px;
  min-width: 276px !important;
  top: 46px;
}

.nlpSearchTextBoxContainerShow {
  display: block;
  -webkit-transition: width 0.5s !important;
  transition: width 0.5s !important;
}

.nlpTextContainer {
  /*border: 1px solid rgba(128, 128, 128, 0.55);*/
  margin-left: 10px;
  margin-top: 27px !important;
  height: 32px;
  margin-right: 9px;
}

.SearcTextBoxLower {
  margin-left: -5px !important;
  margin-bottom: 20px !important;
  width: 288px !important;
  margin-top: -5px !important;
  margin-top: 6px\0 !important;
  border-bottom: none !important;
}

.searchIconTextBox {
  color: grey;
  font-size: 20px;
  margin-top: 6px;
  float: none;
  margin-right: 16px;
}

/* Added for NLP Search -- End */
/* New pulldown tag helper */
/*
 * Table
 */
table.table {
  border: 1px solid #D4D4D4;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
}

table.table caption {
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #d4d4d4;
  padding: 17px 20px;
  text-align: left;
}

table.table table.table {
  border: 0px none;
}

table.table thead th {
  color: #757575;
  font-weight: 500;
}

table.table thead tr th .sub-heading {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  color: #9E9E9E;
  font-size: 14px;
}

table.table tr {
  border-bottom: 1px solid #D4D4D4;
}

table > tbody > tr:hover {
  background-color: #EEEEEE;
}

table > tbody > tr.selected {
  background-color: #F5F5F5;
}

table.table tbody tr td {
  padding: 13px 20px;
  position: relative;
  border: 0px none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

table.table thead tr th {
  padding: 17px 20px;
  /*white-space: nowrap;*/
}

.modal table.table thead tr th {
  white-space: initial;
}

table.table tbody tr {
  color: #000;
  font-weight: 400;
}

table.table tbody tr td .sub-value {
  font-size: 14px;
  font-weight: 400;
  color: #7D7E7F;
}

table.table tbody tr:last-child {
  border-bottom: 0 none;
}

table.table td .input-field {
  margin-top: 0;
}

table.table td .input-field input {
  margin-bottom: 0px;
}

.table .footable-toggle {
  font-family: icomoon;
  line-height: 1;
  margin-right: 10px;
}

#table-4 {
  position: absolute;
  top: 37px;
  right: 10px;
  background: #F3F3F3;
  padding: 5px !important;
  height: auto;
  width: 220px;
  z-index: 2;
  overflow: hidden;
  display: none;
  border: 1px solid #D4D4D4;
}

#table-4.active {
  width: 460px;
  display: flex !important;
}

#table-4.active_top {
  top: -156px !important;
}

#table-4.active_deposit {
  top: -120px !important;
}

#table-4.active_creditCard {
  top: -195px !important;
}

#table-4.active_cashcredit {
  top: -82px !important;
}

#table-4 ul li {
  text-align: left;
  padding: 10px;
  width: 212px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#table-4 ul {
  width: 232px;
}

#table-4 ul li a {
  white-space: nowrap;
}

#table-4 ul li .view_more {
  text-transform: uppercase;
}

#table-4 .close_menu {
  text-align: right;
  color: #999;
}

#table-4 table th, #table-4 table td {
  padding: 10px;
}

#table-4 table {
  margin-bottom: 10px;
}

.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
}

.hide {
  display: none !important;
}

ul {
  padding: 0;
}

ul {
  list-style-type: none;
}

.view-more-close {
  position: absolute;
  right: 20px;
}

.bg-grey {
  background-color: #F3F3F3 !important;
}

.center {
  text-align: center !important;
}

:-webkit-scrollbar {
  width: 0.5em !important;
}

.u-scroll-table li a {
  color: #2196F3;
}

.u-scroll-table li a:hover {
  color: black !important;
}

.u-link-color {
  color: #2196F3 !important;
}

.list-more-view {
  display: none;
}

/* Added for Static Search -- Start */
.menuSearchIconInnerLink {
  color: #757575;
  cursor: pointer;
  bottom: -27px;
  position: relative;
  font-size: 22px;
  margin-left: 110px;
}

.menuSearchIconLink {
  color: #FFF;
  cursor: pointer;
  bottom: 5px;
  position: relative;
  font-size: 24px;
  margin-right: 12px;
}

.menuSearchBx .autocomplete-icon {
  display: none;
}

#menuSearchBx .autocomplete-dropdown {
  margin-left: -2px;
  margin-top: 28px;
  width: 400px;
  color: #e0e1e2;
  font-size: 18px !important;
  padding-left: 8px;
  padding-bottom: 10px;
}

.menuSearchBx {
  position: absolute;
  top: 36px;
  right: 90px;
  width: 400px;
  overflow: visible;
  height: 65px;
  background-color: #fff;
  z-index: 2001;
  display: none;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.alertBxArrow {
  right: 10px;
}

/* Added for Static Search -- end */
.blackText {
  color: #000000 !important;
}

.ui-dialog .quickPayConfirmNew .authenticationRowStyle {
  padding-top: 5px;
}

/*Added for RM appointment start*/
.simpletextright_RM_Request {
  color: #9E9E9E;
  font-weight: normal;
  float: left;
  padding-top: 9px;
  padding-right: 2px;
}

/*Added for RM appointment end*/
/* Added for Fallback authentication  Start */
.fallbackButtonStyle {
  float: left;
  margin-right: 30px;
  margin-top: 5px;
  width: 130px;
}

.fallbackSecondaryModeButtonStyle {
  float: left;
  margin-right: 30px;
  margin-top: 0px;
  width: 130px;
}

.overlayMessageContentStyle {
  display: none;
  background-color: #FFFFFF;
  width: 25%;
  height: 32%;
  z-index: 100;
  position: absolute;
}

.overlayConfirmMessageStyle {
  margin-top: 23%;
  margin-left: 11%;
  display: none;
  background-color: #FFFFFF;
  width: 25%;
  height: 32%;
  z-index: 100;
  position: absolute;
}

.overlayTextStyle {
  float: left;
  margin-left: 12%;
}

.overlayImageStyle {
  margin-top: 5%;
  float: left;
  margin-left: 40%;
  margin-bottom: 7%;
}

.fallbackLoginButtonStyle {
  width: 130px;
  margin-left: 50%;
  margin-top: 5px;
}

input[type="checkbox"].checkboxmargin:checked + span.disablePointerEvents:after {
  background-color: #757575;
  border: 2px solid #757575;
}

.fallbackTextStyle {
  float: left;
  width: 76%;
  line-height: 25px;
  text-align: left;
  margin-right: 25px;
  margin-left: 48px;
  margin-top: -24px;
}

.error_highlight_fallback {
  font-size: 13px;
  color: #F44336;
}

.fallbackSecondaryButtonStyle {
  margin-top: 0px !important;
}

.userIDTextStyle {
  margin-left: 2px;
}

.secondaryModeBiometricStyle {
  margin-left: 22px;
}

/* Added for Fallback authentication  End */
/*Start changes for NLP water mark text color to be in sync with all browsers*/
.headerWelcomeTextSearch input[type="text"]:-ms-input-placeholder {
  /* IE */
  color: #FFFFFF !important;
  opacity: 0.6;
}

.headerWelcomeTextSearch input[type="text"]::-moz-placeholder {
  /* Firefox*/
  color: #FFFFFF !important;
  opacity: 0.6;
}

.headerWelcomeTextSearch input[type="text"]::-webkit-input-placeholder {
  /* Chrome */
  color: #FFFFFF !important;
  opacity: 0.6;
}

/*End changes for NLP water mark text color to be in sync with all browsers*/
/*Added for Dev Login--start */
.devLoginFooterTextStyle {
  width: 57% !important;
  margin-left: 30% !important;
  margin-top: -26px !important;
  margin-bottom: 40px !important;
}

.devLoginFooterStyle {
  margin-top: -181px !important;
  height: 150px;
}

.devLoginSectionStyle {
  margin-left: 8% !important;
}

.devLoginHeadingStyle {
  padding-left: 15%;
}

.devLoginButtonStyle {
  padding-top: 41px;
}

/*Added for Dev Login--End */
/* import-enteries start here*/
.import-panel {
  background-color: #FFFFFF;
  padding: 12px;
  height: 162px;
  border-radius: 5px;
  margin: 10px 5px;
  color: #000;
}

.import-panel:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

.active .import-panel {
  background-color: #2196F3;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #FFFFFF !important;
}

.active .import-panel .below-text {
  color: #FFFFFF !important;
}

.import-panel-content {
  padding: 10px 20px !important;
}

.import-panel .import-icon {
  text-align: center;
  font-weight: 500;
}

.below-text {
  margin-top: 10px;
  color: #757575;
  font-size: 12px;
}

.import-entries-container .tab_drawer_heading {
  display: none;
}

.import-icon div {
  font-size: 32px;
  margin: 10px 2px;
}

.icon-A:before {
  content: "\e95d";
}

.icon-U:before {
  content: "\e95c";
}

.icon-I:before {
  content: "\e95e";
}

.icon-D:before {
  content: "\e95f";
}

/* materialize */
.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.records-header {
  color: #757575;
  font-weight: 500;
  width: 100%;
  font-size: 14px;
  line-height: 25px;
}

.import-panel-content h66 {
  padding: 2px 0 8px 10px;
  font-weight: 500;
}

h66 {
  font-size: 16px;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

.dot1 {
  height: 9px;
  width: 9px;
  background-color: #c7c6c6;
  border-radius: 50%;
  display: block;
  float: left;
  margin-top: 8px;
}

.bullet-content {
  display: block;
  float: left;
  font-size: 12px !important;
  margin-left: 8px;
  color: #010101;
}

.tab_content {
  margin-top: -16px;
  margin-bottom: 16px;
  width: inherit;
}

.row1 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -20px;
}

.border-matching {
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 42px;
  width: 100%;
  display: -webkit-inline-box;
}

/* import entries end */
/*Added for the File upload component change --Start */
.fileBrowseComponent {
  margin-top: -9px;
  line-height: 36px;
  float: left;
  margin-left: -9px;
}

.fileBrowseButton {
  float: right !important;
  margin-left: 8px;
  width: 59px !important;
  font-size: 14px !important;
}

/*Added for the File upload component change ---End*/
.tabheadstyle {
  font-size: 15px !important;
  color: #212121;
  width: auto;
}

.icon-deleted-large {
  background-color: #f44e4f;
  height: 8px !important;
  width: 25px !important;
  padding: 0px 4px;
  border-radius: 50%;
}

.icon-added-large {
  background-color: #62c14d;
  height: 8px !important;
  width: 25px !important;
  padding: 0px 4px;
  border-radius: 75%;
}

.icon-updated-large {
  background-color: #8b66f3;
  height: 8px !important;
  width: 25px !important;
  padding: 0px 4px;
  border-radius: 75%;
}

/*
 * This file contains all media query styles used across application to acheive the
 * responsive behavior across various resolution ranges for UX5 Google material components.
 */
@media only screen and (max-width: 551px) {
  .goto-division {
    width: 100% !important;
  }

  .per-page-selector {
    padding-bottom: 6px;
  }

  .per-page-selector .labelColumn_combo {
    top: 5px;
  }

  .pagination-wrapper {
    padding-bottom: 14px;
  }
}
@media screen and (min-width: 0\0) {
  /* IE9 and IE10 rule sets go here */
  div .stage3_inputpanel_leftcontainer,
  div .listingdetailborders,
  div .stage3_inputpanel_leftcontainer_nobottommargin {
    width: 99.82% !important;
  }

  .deletelinkstyle {
    margin-top: 11px;
  }

  div .stage3_inputpanel_leftcontainer_passwordscreen {
    width: 73% !important;
  }

  input[type="text"].autocomplete-dropdown {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 20px solid transparent !important;
  }

  .file-path-wrapper input[type=text] {
    color: #9E9E9E;
  }

  .file-field input[type=file] {
    height: inherit;
    top: 8px;
  }

  .errorContentWrapper.redbg,
  .errorContentWrapper.greenbg,
  .errorContentWrapper.orangebg,
  .errorContentWrapper.bluebg {
    margin-bottom: -1px;
  }

  select::-ms-value {
    background: none;
    color: #000000;
  }

  .icon-facebook {
    top: 32px !important;
  }

  .menu__level {
    height: 93% !important;
  }

  .container-small_ux5,
  .container-medium_ux5,
  .container-toosmall_ux5 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .disclaimerDivStyle_login {
    text-align: justify;
  }

  .quickPayWidgetCurrency .renderTextBoxAsLabel_new,
  .singleCurr .searchsimpletext {
    top: 3.5px;
  }

  .searchTextBox {
    padding-bottom: 3px !important;
    padding-right: 25px !important;
    line-height: 18px !important;
    margin-top: 1px !important;
    margin-right: -117.5% !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .menuChoices_1,
  .menuChoices_2,
  .menuChoices_3,
  .menuChoices_4,
  .menuChoices_5,
  .menuChoices_6 {
    height: 185px !important;
  }

  input[type="text"].autocomplete-dropdown {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: none !important;
    padding-right: 20px !important;
  }

  .widget-small .absmiddle {
    padding-right: 6px;
  }

  #table-4 ul {
    display: inline-table;
  }

  .active_ie10 {
    width: 220px !important;
  }

  #table-4.active.u-scroll-table.active_ie10 {
    overflow-x: hidden !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 1000px) {
  .menuChoices_2,
  .menuChoices_3,
  .menuChoices_4,
  .menuChoices_5,
  .menuChoices_6 {
    min-width: 370px !important;
    height: 200px;
    overflow-y: scroll !important;
  }

  .simpletextrightcompositefield {
    margin-left: 46.5% !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
  .menuChoices_1,
  .menuChoices_2,
  .menuChoices_3,
  .menuChoices_4,
  .menuChoices_5,
  .menuChoices_6 {
    min-width: 165px !important;
    height: 200px;
    overflow-y: scroll !important;
  }

  .simpletextrightcompositefield {
    margin-left: 46.5% !important;
  }

/*  .notifyIconLink {
    margin-left: 12%;
  }
*/
  .mailsIconLink {
    margin-left: 25%;
  }

  .headerWelcomeText img {
    margin-left: 25%;
    margin-right: 7%;
  }

  .logoutLink {
    bottom: 60px;
  }

  .spaceIconLink {
    display: none;
  }

  .widgetnewwidth {
    width: 94.6%;
  }

  .errorCodeWrapper {
    width: 85%;
  }

  .ui-dialog .errorCodeWrapper {
    width: 82%;
  }

  .lhsWidgetsShowInResp {
    width: 100%;
    max-width: 280px;
  }

  .center-container .widget-small,
  .center-container .widget-medium,
  .container-xtrasmall_ux5 {
    width: 97% !important;
  }

  .container-xtrasmall_ux5 {
    height: 125px;
    max-height: 125px;
  }

  .container-xtrasmall_ux5 .widget-content {
    height: 135px !important;
  }

  .ui-dialog-titlebar .ui-button {
    float: none;
    margin-left: -83% !important;
  }

  .from-name {
    width: 75%;
  }

  .lastlogtext_grey_new {
    float: none;
  }

  .blueDivider {
    float: left;
  }

  .file-field {
    float: right;
    margin-right: 10px;
  }

  .ui-dialog .pfm_whitetabhover_bold_tab {
    float: left;
    border: none;
    border-bottom: 3px solid #0F9CFF;
    border-top: 5px;
    margin: 0px 1px 0px 7px;
    color: #0F9CFF;
    cursor: pointer;
    height: 16px;
    line-height: 14px;
    transition-property: border-bottom;
    transition-duration: 0.1s;
    padding: 15px 0px;
    text-align: center;
    letter-spacing: 0.0px;

    font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif;
    text-decoration: none;
  }

  .ui-dialog .pfm_grey_active_bold_tab {
    cursor: pointer;
    outline: none;
    float: left;
    border: none;
    height: 16px;
    line-height: 14px;
    background: #FFFFFF;
    width: 100%;
    color: #757575;
    padding: 15px 0px;
    margin-left: 10px;
    text-align: center;
    letter-spacing: 0.0px;
    font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif;
    text-decoration: none;
  }

  .ui-dialog .pfm_stage3_ptabgray1_tab {
    float: left;
    height: 40px;
    margin: 0 0 0 -7px;
    padding-left: 0px;
    width: 30%;
  }

  .ui-dialog .pfm_disable_tab {
    letter-spacing: 0.0px !important;
    line-height: 14px;
  }

  .panel.insta-widget-panel .panel-content {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .instaWidgetTextStyle {
    margin-left: -3px !important;
  }
}
@media only screen and (max-width: 480px) {
  .file-field .btn,
  .file-field .btn-large {
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    width: 34px;
    margin-bottom: 5px;
    padding: 6px 10px;
  }

  .file-field {
    float: right;
    margin-right: 20px;
  }

  .logo_1 {
    margin-left: 19px;
  }
}
@media only screen and (max-width: 900px) {
  .breadcrumb-block {
    margin-top: 24px;
    padding-left: 10px;
  }

  .breadcrumb-content {
    -o-box-shadow: 0 0px 0px 0 transparent;
    -ms-box-shadow: 0 0px 0px 0 transparent;
    -moz-box-shadow: 0 0px 0px 0 transparent;
    -webkit-box-shadow: 0 0px 0px 0 transparent;
    box-shadow: 0 0px 0px 0 transparent;
    display: block;
    width: auto;
    min-width: 92%;
  }

  .breadcrumb-block .breadcrumb-icon,
  .breadcrumb-block .breadcrumb-content .breadcrumb {
    display: block;
    margin-bottom: 5px;
  }

  .breadcrumb-block .breadcrumb-content .breadcrumb {
    width: 85%;
  }

  .breadcrumb-block .breadcrumb {
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding-left: 18px;
  }

  .breadcrumb-block .breadcrumb:last-child:after {
    content: " ";
    display: block;
    border-left-color: #FFFFFF;
  }

  .breadcrumb-block .breadcrumb:last-child:before {
    content: " ";
    display: block;
  }

  .rhsExpandIcon {
    display: block;
  }

  .rhsResp {
    display: none;
  }

  .container-xtrasmall {
    width: 100% !important;
  }

  .rhsWidgetsShowInResp {
    background-color: #F5F5F5;
    position: absolute;
    right: -4px;
    z-index: 9;
    display: block;
    top: -50px;
    bottom: 0px;
    padding-top: 200px;
    padding-left: 20px;
    padding-right: 15px;
  }

  .widget-large,
  .check-box-wrapper {
    width: 100% !important;
  }

  .widget-library .widgets-inner-wrapper .row {
    margin-bottom: 0px !important;
  }

  .collapsible-body .check-box-wrapper {
    width: 203px !important;
  }

  .overlayHeadingStyle {
    margin-left: 24% !important;
  }

  .subHeadingStyle {
    margin-left: 23%;
    width: 79%;
  }

  .personalize-dashboard h2.collapsible_tab {
    margin-top: 12px !important;
    margin-bottom: -4px;
  }

  .h3whitetitle_pwdscreen,
  .width100percent_collapsible_pwdscreen .collapsibleContainerDiv {
    width: auto !important;
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .h3whitetitle_pwdscreen {
    margin-top: 40px !important;
  }

  .width100percent_collapsible_pwdscreen .collapsibleContainerDiv {
    padding-bottom: 50px !important;
  }

  .rightColumnStyle_pwdscreen {
    margin-left: -50px !important;
    width: 90% !important;
    float: left !important;
  }

  .materializelogo_login_pwdscreen {
    background-size: auto !important;
  }

  .login_err_messages .errorContentWrapper.greenbg,
  .login_err_messages .errorContentWrapper.orangebg,
  .login_err_messages .errorContentWrapper.redbg {
    width: 90% !important;
    margin-right: 25px !important;
    margin-left: 25px !important;
  }

  .login_err_messages .greenbgwithwidth,
  .login_err_messages .orangebgwithwidth,
  .login_err_messages .redbgwithwidth,
  .containerHeight {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .containerHeight {
    height: auto !important;
  }

  .pwdreqtext_pwdsucscreen {
    margin-left: 0px !important;
  }

  .stage3_inputpanel_leftcontainer_passwordscreen {
    width: 90% !important;
    margin-left: 25px !important;
  }

  .loginPanelHeaderTextStyle_passwordscreen,
  .loginPanelHeaderTextStyle_otpscreen {
    padding-left: 25px !important;
  }

  .leftColumnStyle_pwdscreen {
    width: 90% !important;
  }

  .textboxPasswordChangeHorizontal_marginleft,
  .loginPanelSimpleTextStyle_marginleft {
    margin-left: 0px !important;
  }

  .width100percent_main_loginbg_setpwd {
    position: static !important;
  }

  .containerStyle_pwdscreen_margintop {
    margin-top: 25px;
  }

  .event-info {
    border-top: 1px solid #E0E0E0;
    border-left: none !important;
  }

  .quickPayConfirm .workflow .table.left-align-c1 > thead > tr > th:nth-child(1),
  .quickPayConfirm .workflow .table.left-align-c1 > tbody > tr > td:nth-child(1) {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 639px) {
  .heading1,
  .favorite-print-block {
    margin-top: 15px;
  }

  .print-preview-button,
  .print-help-button {
    margin-right: 50px !important;
  }

  .draft_margin_top {
    margin-right: 8px !important;
  }

  .trash_margin_top {
    margin-top: 10px;
    margin-right: 7px !important;
  }

  .collapsible-wrapper {
    width: 395px !important;
  }

  .expand-icon,
  .collapse-icon {
    display: block;
  }

  .width_left,
  .width_right {
    width: 100%;
  }

  .width_right {
    float: left;
    text-align: left;
    padding-top: 10px;
  }

  .personalizeDashLink {
    float: left;
  }

  .skipContLink {
    margin-right: -5px;
  }

  #main {
    width: 91%;
  }

  .rhsWidgetsShowInResp {
    width: 100%;
    max-width: 280px;
  }

  .newRequest_width60percent {
    width: 90%;
    text-align: left;
  }

  .newRequest_width25percent,
  .newRequest_width15percent {
    width: 5%;
    padding: 0px;
  }

  .very-strong,
  .strong,
  .fair,
  .weak,
  .too-short {
    padding-left: 13px;
  }

  img#imageStrengthTran.absmiddle,
  img#imageStrengthSignOn.absmiddle {
    margin-right: 0px;
  }

  .center-container {
    padding: 0px;
    width: 100% !important;
  }

  .width_left,
  .width_right {
    width: 100%;
  }

  .width_right {
    float: left;
    text-align: left;
    padding-top: 10px;
  }

  .personalizeDashLink {
    float: left;
  }

  .widget-body {
    padding-left: inherit;
  }

  .stage3_previewdetailsrow_Odd {
    margin-left: 0px !important;
  }

  .stage3_previewdetailsrow_Even {
    margin-left: 20px !important;
  }

  .mailsBox {
    min-width: 70%;
  }

  .message-date {
    padding-left: 0px !important;
    position: relative;
    left: 0px;
  }

  .message-type {
    top: 25px;
  }

  div#BrdCrumbNImg {
    height: auto;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 640px) and (max-width: 900px) {
  div#BrdCrumbNImg {
    height: auto;
    margin-bottom: 0px;
  }

  .print-preview-button,
  .print-help-button {
    margin-right: 50px !important;
  }

  .rhsWidgetsShowInResp {
    width: 100%;
    max-width: 280px;
  }

  .draft_margin_top {
    margin-right: 5px !important;
  }

  .trash_margin_top {
    margin-top: 50px !important;
    top: auto !important;
  }

  .width_left {
    width: 60%;
    float: left;
  }

  .width_right {
    width: 100%;
    float: left;
    text-align: left;
    padding-top: 7px;
  }

  .lastlogtext_grey_new {
    position: absolute;
  }

  .container-xtrasmall_ux5 {
    height: 100px;
    max-height: 100px;
  }

  .container-xtrasmall_ux5 .widget-content {
    height: 110px !important;
  }
}
@media screen and (min-width: 1px) and (max-width: 749px) {
  .applnThemes {
    display: none;
  }

  .headerouter_length {
    height: 130px;
  }

  .headerWelcomeText {
    margin-top: 5px;
    width: 100%;
    padding-top: 10px;
  }

 .expand {
    width: 96%;
    height: 14px;
    position: relative;
    right: 1%;
    /* top: 58%; */
    bottom: 86px;
    /* border-top: 1px solid #1ea2ff; */
    overflow: visible;
  }

  .headertext_name,
  .personNameCaret {
    display: none;
  }

  .mailsBox {
    top: 55px;
  }
}
@media screen and (min-width: 640px) and (max-width: 749px) {
  .headerWelcomeText {
    top: 0px;
  }

 /* .notifyIconLink {
    margin-left: 5%;
  }
*/
  .mailsIconLink {
    margin-left: 25%;
  }

  .headerWelcomeText img {
    margin-left: 25%;
    margin-right: 6%;
  }

  .logoutLink {
    bottom: 55px;
  }

  .spaceIconLink {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .workflow .row .querytextright {
    overflow: hidden;
  }

  .workflow .row .querytextright i.waves-effect {
    margin-left: 11px !important;
    margin-top: 0px !important;
  }
}
@media only screen and (max-height: 500px) {
  .rhsExpandIcon,
  .lhsExpandIcon {
    height: 30%;
  }
}
@media screen and (min-width: 640px) and (max-width: 739px) {
  #main {
    width: 92%;
  }

  .widgetnewwidth {
    width: 99.6%;
  }

  .lhsWidgetsShowInResp {
    width: 100%;
    max-width: 280px;
  }

  .center-container .widget-small,
  .center-container .widget-medium,
  .container-xtrasmall_ux5 {
    width: 98% !important;
  }
}
@media screen and (min-width: 740px) and (max-width: 799px) {
  #main {
    width: 93%;
  }

  .lhsWidgetsShowInResp {
    width: 100%;
    max-width: 280px;
  }

  .center-container .widget-medium {
    width: 96% !important;
  }

  .center-container .widget-small {
    width: 47% !important;
  }

  .container-xtrasmall_ux5 {
    width: 96.2% !important;
  }
}
@media screen and (min-width: 800px) and (max-width: 900px) {
  #main {
    width: 93.5%;
  }
}
@media screen and (min-width: 640px) {
  img#imageStrengthTran.absmiddle,
  img#imageStrengthSignOn.absmiddle {
    margin: 0px;
  }
}
@media screen and (min-width: 800px) and (max-width: 919px) {
  .center-container .widget-medium,
  .container-xtrasmall_ux5 {
    width: 96% !important;
  }

  .center-container .widget-small {
    width: 47% !important;
  }
}
@media screen and (min-width: 920px) and (max-width: 1023px) {
  .center-container .widget-medium {
    width: 98% !important;
  }

  .center-container .widget-small {
    width: 48% !important;
  }

  .container-xtrasmall_ux5 {
    width: 97.8% !important;
  }
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
  .lhsWidgetsShowInResp {
    width: 100%;
    max-width: 280px;
  }
}
@media screen and (min-width: 1px) and (max-width: 1023px) {
  .lhsExpandIcon {
    display: block;
  }

  .lhsResp {
    display: none;
  }

  .lhsWidgetsShowInResp {
    background-color: #F5F5F5;
    position: absolute;
    left: -4px;
    z-index: 9;
    display: inline-table;
    top: -90px;
    bottom: 0px;
    padding-top: 200px;
    padding-left: 10px;
    padding-right: 6px;
    width: 55%;
  }

  .center-container {
    width: 99%;
  }

  .center-container .container-small,
  .center-container .container-small-disabled,
  .left-container .container-small_ux5 .widget-content,
  .left-container .container-toosmall_ux5 .widget-content,
  .left-container .container-medium_ux5 .widget-content {
    width: 100% !important;
  }

  .panel.insta-widget-panel .widget-content {
    width: 72% !important;
  }

  .left-container .widget-xtrasmall,
  .left-container .widget-small,
  .left-container .widget-medium {
    width: 92% !important;
  }

  .width100percent_main_loginbg {
    background: none;
  }

  .width50percent_login {
    margin: 0 auto;
    margin-top: 31px;
  }

  .materializelogo_login {
    background: url("../images/backgrounds/login-logo.png") no-repeat center 50px transparent;
    margin-left: 0px;
  }

  .loginPanelBottomSectionDetailsrow {
    width: 47%;
    padding-right: 10px;
  }

  .loginPanelBottomDisplaySectionStyle {
    padding-left: 5%;
  }

  .loginHeader .header-text {
    display: block;
    position: relative;
    top: 103px;
    text-align: center;
  }
}
@media only screen and (min-width: 900px) {
  .calender-container,
  .event-info,
  .selection-indicator {
    margin-left: auto;
    left: auto;
    right: auto;
  }

  .calender-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.6666666667% !important;
    float: left;
    padding: 0 !important;
    margin-left: -1px !important;
  }

  .event-info {
    width: 58.3333333333% !important;
  }

  .selection-indicator {
    width: 16.6666666667% !important;
  }

  .dncalendar-header {
    border-left: 1px solid rgba(128, 128, 128, 0.75);
  }
}
@media screen and (min-width: 639px) and (max-width: 1200px) {
  .ui-dialog .ui-dialog-titlebar .widget-ui-overlay-close {
    margin-top: -34px;
  }
}
@media only screen and (min-width: 601px) {
  .formrowQuickPay .quickPayrightColumnStyle {
    clear: right;
    display: block;
    margin-top: 20px;
    width: 48%;
    float: right;
    margin-bottom: 20px;
  }

  .formrowQuickPayRemarks .quickPayleftColumnStyle {
    float: left;
    margin-right: 5px;
    margin-top: 0px;
    text-align: left;
    width: 48%;
    padding-top: 0px;
  }

  .formrowQuickPay .quickPayleftColumnStyle {
    float: left;
    margin-right: 5px;
    margin-top: 20px;
    text-align: left;
    width: 48%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 750px) {
  .disclaimerDivStyle_login {
    text-align: center;
    float: none;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 580px) {
  .notifyBox {
    top: 55px;
    right: 34.7%;
  }
}
@media only screen and (min-width: 581px) and (max-width: 749px) {
  .notifyBox {
    top: 55px;
    right: 17.2%;
  }
}
@media screen and (max-width: 699px) {
  .ui-dialog .more.dropdown-button {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 700px) and (max-width: 1200px) {
  .ui-dialog .more.dropdown-button {
    padding-left: 60px !important;
  }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  #ml-menu {
    height: 80%;
  }
}
/* Added for NLP Search -- Start */
@media screen and (min-width: 750px) and (max-width: 949px) {
  .searchTextBox {
    /*margin-left: -140px !important;*/
    color: #212121 !important;
    line-height: 32px;
    background: #FFFFFF !important;
    /*margin-top: 37px !important;*/
    margin-top: 6px\0 !important;
    float: left;
  }

  .search-icon-show {
    padding-left: 5px !important;
    width: 218px !important;
  }

  .searchIconLink {
    margin-left: -27% !important;
    right: -12px;
  }

  .nlpArrowStyle {
    top: 37px !important;
  }

  .listStyle {
    width: 311px !important;
    width: 309px\0 !important;
    margin-top: 99px !important;
  }

  .headerWelcomeTextSearch {
    right: 424px !important;
  }

  .SearcTextBoxHigher {
    display: none;
  }

  .SearcTextBoxLower {
    display: block;
    margin-left: -3px\0 !important;
  }

  .searchIconTextBox {
    top: 3px !important;
    right: -12px;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1024px) {
  .search-icon-show {
    width: 220px !important;
  }

  .listStyle {
    width: 243px !important;
    width: 239px\0 !important;
  }

  .SearcTextBoxLower {
    display: none;
  }

  .searchIconLink {
    margin-left: -6% !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 749px) {
  .searchIconLink {
    margin-left: 0px !important;
    float: none;
    top: -11px;
  }

  .searchTextBox {
    /*margin-left: 51px !important;*/
    color: #212121 !important;
    line-height: 32px;
    background: #FFFFFF !important;
    float: left;
    top: 36px;
    margin-top: 6px\0 !important;
    width: 292px\0 !important;
  }

  .search-icon-show {
    padding-left: 5px !important;
    width: 218px !important;
  }

  .nlpArrowStyle {
    top: 31px  !important;
    right: 77px !important;
    float: left !important;
    position: relative !important;
    display: none;
  }

  .listStyle {
    width: 223px !important;
    margin-top: 56px !important;
  }

  .SearcTextBoxHigher {
    display: none;
  }

  .SearcTextBoxLower {
    display: block;
  }

  .nlpSearchTextBoxContainer {
    top: 49px !important;
  }

  .searchIconTextBox {
    top: 3px;
    right: -12px;
  }
}
@media screen and (max-width: 749px) and (min-width: 640px) {
  .mailsIconLink {
    margin-left: 14%;
  }

/*  .notifyIconLink {
    margin-left: 15%;
  }
*/
  .headerWelcomeText img {
    margin-left: 15%;
    margin-right: 6%;
  }

  .searchIconHigherRes {
    display: none !important;
  }

  .searchIconLowerRes {
    display: inline-block !important;
  }

  .searchIconLinkLower {
    margin-left: 14%;
  }

  .listStyle {
    width: 310px !important;
    margin-top: 73px !important;
  }

  .SearcTextBoxHigher {
    display: none;
  }

  .SearcTextBoxLower {
    display: block;
  }
}
@media screen and (max-width: 639px) and (min-width: 480px) {
  .headerWelcomeText img {
    margin-left: 13% !important;
    margin-right: 7%;
  }

  .mailsIconLink {
    margin-left: 13% !important;
  }

 /* .notifyIconLink {
    margin-left: 17% !important;
  }
*/
  .searchIconLink {
    margin-left: 26% !important;
    float: left;
  }

  .nlpArrowStyle {
    top: 9px !important;
  }

  .searchTextBox {
    top: 14px !important;
  }

  .searchIconLink {
    top: -15px !important;
  }

  .listStyle {
    width: 311px !important;
    margin-top: 73px !important;
  }

  .searchIconHigherRes {
    display: none !important;
  }

  .searchIconLowerRes {
    display: inline-block !important;
    margin-left: 7%;
  }

  .SearcTextBoxHigher {
    display: none;
  }

  .SearcTextBoxLower {
    display: block;
  }

  .nlpSearchTextBoxContainer {
    top: 27px !important;
  }

  .searchIconTextBox {
    margin-top: -7px !important;
    float: right !important;
    margin-right: 24px !important;
    top: 10px !important;
  }

  /*Added for the File upload component change --Start */
  .fileBrowseComponent {
    margin-top: -9px;
    line-height: 36px;
    float: left;
    margin-left: -10px;
  }

  .fileBrowseButton {
    width: 59px !important;
    padding-left: 10px !important;
  }

  .fileBrowseTextStyle {
    width: 110px;
  }

  /*Added for the File upload component change ---End*/
}
/* Added for NLP Search -- End */
/* Added for Static Search --Start */
@media only screen and (min-width: 480px) and (max-width: 575px) {
  .headerWelcomeText {
    padding-left: 50px !important;
  }
}
/* Added for Static Search */
/* added for new pulldown tag helper ux5*/
@media only screen and (max-width: 601px) {
  .view_more {
    display: none;
  }

  .list-more-view {
    display: block;
  }

  .hide-list {
    display: none;
  }

  #table-4 {
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 39px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
  #table-4 {
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 39px;
  }

  #table-4.active_top {
    top: -170px !important;
  }

  #table-4.active_deposit {
    top: -135px !important;
  }

  #table-4.active_creditCard {
    top: -205px !important;
  }

  #table-4.active_cashcredit {
    top: -96px !important;
  }

  #table-4.active_iesavings {
    top: -232px !important;
  }

  #table-4.active.u-scroll-table {
    overflow-x: auto !important;
  }
}
/* end */
/* start import icons component */
@media only screen and (min-width: 993px) {
  .row .col.ll3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }

  .row .col.ll9 {
    width: 100%;
    margin-left: -10px;
    left: auto;
    right: auto;
  }

  .row .col.lll2 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 601px) {
  .row .col.mm3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
.row .col.ss4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

@media screen and (max-width: 520px) {
  .import-header span {
    font-size: 12px;
    line-height: 0px;
    font-weight: normal;
    padding-top: 5px;
  }

  .import-header {
    font-size: 14px;
    font-weight: bold !important;
  }

  .import-panel {
    max-height: 110px;
    padding: 2px 8px 2px 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }

  .import-panel .import-icon {
    font-size: 12px;
    line-height: 1px;
  }

  .below-text {
    text-align: center;
  }
}
@media screen and (max-width: 749px) and (min-width: 640px) {
  .import-panel {
    background-color: #FFFFFF;
    padding: 7px;
    height: 179px;
    border-radius: 5px;
    margin: 10px 5px;
    color: #000;
  }
}
@media only screen and (min-width: 993px) {
  .row .col.m44 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (max-width: 720px) {
  .row .col.s66 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }

  .row .col.lll2 {
    margin-top: 15px;
  }

  .import-panel {
    height: 212px;
  }

  .import-entries-container .tabs {
    height: 240px;
  }
}
@media only screen and (min-width: 720px) {
  .import-panel {
    width: 132px;
  }
}
/* end import icons */

/*# sourceMappingURL=materialize_master.css.map */

/****Fiza -START****/
/**orange banner near footer-START**/
.loginPanelBottomDisplaySectionStyle {
  background: #F04E00;}
  /**orange banner near footer-END**/
  
/**BOB background gradient-START**/
.login-body-style{
  /*height: 510px;*/
	
    background: url(../images/bgGradient.gif) repeat-x;
    background-size: 2px 960px;}
/**BOB background gradient-END**/

/**BOB login logo-START**/
.materializelogo_login{
	height: 79PX;
	width: 248PX;
	PADDING-BOTTOM: 50PX;

}
/**BOB login logo-END**/
/**dashboard header COLOUR -start**/
#wrapper1{
background: linear-gradient(to right, #F04E00, #F04E00) !important;

	
}
/**dashboard header COLOUR -end**/
/*fotter START*/

/*fotter END*/
.footer-wrapper {
    background-color: #F04E00;
}
/****Fiza - END****/

/*ajeeth dashboard side menu logo position -start*/
#ml-menu .logo {
    padding-top: 0px;
padding-left: 70px;}
/*ajeeth dashboard side menu logo position -end*/
/*ajeeth dashboard side menu buttons start position -start*/
.menu__wrap {
    top: 78px;
}
/*ajeeth dashboard side menu buttons start position -end*/

/***/*Fiza chnge for login page*/
.login-body-style {
/**background: linear-gradient(to bottom, #F04E00, #CDADA0) !important;}**/
background: linear-gradient(to bottom, #F04E00, #FF9F00) !important;}

/**.btn:hover, .btn-large:hover {
   background-color: rgb(240, 78, 0) !important;}
	
.btn, .btn-large {        background-color: rgba(240, 78, 0, 0.55) !important;
 }**/

/** Added for BOB_ReleaseII 12/07/2017 Start **/
/* Added by Pooja for FATCA: Start */

.fatca_radio {
	color: #9E9E9E;
	line-height: 25px;
}
#fatca_wrapper1 {
  border-top: 0px solid #0e9bff;
  width: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
}
/* Added by Pooja for FATCA: End */
/** Added for BOB_ReleaseII 12/07/2017 End**/ 


/*Feroza - START*/
/* for measurements of the top bar*/
nav.header-navigation {
    padding: 0px 0px 0px;
}

/*REMOVED --> L001/consumer/images/menu_logo.png- removed*/

/*http://localhost:8080/EBankingWeb/L001/consumer/theme/materialize_master.css*/
/* to remove the extra horizontal pad */
nav.menu__breadcrumbs {
     height: 0px;
}

nav.header-navigation {
     padding: 20px 0px 0px;
     /* color: blue; */
     background-color: rgb(240, 78, 0);
}
/*Feroza - END*/
/*Dashboard menus*/
.menuListContainer{
    display: flex !important ;
    justify-content: initial;
    flex-wrap: wrap !Important;
    width: 78%;
    height: auto !Important;
    overflow-y: initial;
 /*    padding-top: 2rem;  */ 
    padding-bottom: 0rem !Important;
    margin-top: 0 !Important;
    margin-left: 150px;
}

.menuListContainer> li{
	padding: 0px !Important;
	/*flex: 0 12%;*/
	/*flex: 0 10%;*/
	/*for the square part of the top menu and its spacing*/
	flex: 0 16%;
	
}
.menuListContainer> li:hover,.menuListContainer> li.active,.menuListItems, .sub-menu > li:hover{
	background: #F04E00;
}
.sub-menu > li{
	background: #FFF;
}
.menuListContainer> li > .liFontBold{
	color : #FFF !important;
	line-height: 20px !important;
	padding-top: 0 !important;
	font-size:1rem !important;
	white-space: nowrap;
	text-align:center;

}
.menuListContainer > li > .mega{
	position:absolute;
	z-index:10;
	/*	top:initial !Important;  */  /* commented becoz IE 11 and below does not support initial */
    top : inherit !important;
}
/*Dashboard menus*/
/**feroza after sateesh hover change START**/

.mega-menu-list-wrapper > ul > li.nbs-flexisel-item{
	background: #FFF !important;
	padding:0 !Important;
}
.mega-menu-list-wrapper > ul > li.nbs-flexisel-item:hover{
	background: #F04E00 !important;
}
.mega-unit > a{
	color: #000;	
}

li.nbs-flexisel-item > a:hover{
	color: #FFF !Important;
	white-space: nowrap;
}
/*for padding top of the top bar and colour*/
.menuListContainer {
        background-color: #F04E00;
        padding-bottom: 38px;
}
.menuListContainer {
height: 3px;
}
.nbs-flexisel-item:hover > .sub-container{
	display: block !Important;
}

.menuIconTopBar{
	display: flex;
    justify-content: space-around;
	/*fiza change 1*/
	cursor:pointer;
}

/**feroza after sateesh hover change END**/

/**feroza header bar START**/

/** mail and notofication**/

.notifyIconLink, .mailsIconLink, .logoutLink, .spaceIconLink {
color: #F04E00 !important;
}

/**down arrow**/

.personNameCaret {
    color: #F04E00 !important;}

	
/**logout button**/
.headerLogoutLink::before {
 color: #F04E00 !important;}

/*header**/
#wrapper1 {
    /* background: linear-gradient(to right, #F04E00, #F04E00) !important; */
    background: #fff none repeat scroll 0 0 !important;
}

/**magnifing glass**/
.searchIconLink {
color: #F04E00 !important;}


/**blue timeline**/
/*
.timelineExpand.right-container {
    top: 183px !important;
}
*/
.timelineExpandIcon,.rhsExpandIcon {
    right: 0px;
   top: 183px !important;  
    display: none;
}

/**feroza header bar END**/
/**SPACE BETWNE THE BOTTOM AND TOP OF THE TOP of the image in top bar**/
.menuListContainer> li > .liFontBold {

     /*fiza 3   margin-top: 10px !important; */
   /* mARGIN-bottom: -30px !important;  */ 
	}

/**top bar menu spacing between menus**/
.menuListContainer> li > .liFontBold {

    margin-left: 10px !important;
}
/**for elongating the top bar and menu spacing **/
.side-nav.fixed {
    /*4 left: -68px !important;*/
    /* margin-top: 9px; */
    /* center: 10px !important; */
    /* margin-right: -15px !important; */
    /*5 margin-left: 66px !important;*/

    /*for center look START****/
	/*padding-right: 83px !important;
    	padding-left: 255px !important;*/
    /*for center look END****/
   /*for LEFT look START****/
 	/*6 padding-right: 313px !important;
    	padding-left: 0px !important;
    /*for LEFT look END****/


}
/**for the color of the top bar**/
.menuListContainer {
    background-color: #ff6633 !important;
    }
/* for hover submenu shadow effect**/

/* for hover in IE to work**/
.menuListContainer {
    overflow-y: visible;
/* for hover in IE to work**/
}
.menuListContainer > li > .mega {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    border: medium none;}

/** for border all over the hover sub menu**/
.mega-menu-list-wrapper > ul > li.nbs-flexisel-item {
    
    border: 1px solid #E0E0E0;
}
/**for the menus to go to the left side for responsive**/
//*031117**/
.side-nav.fixed {

   /*2 padding-right: 313px !important;*/
   /*3 padding-left: 0px !important;*/
}
/*for + - chnage START**/
.pra4 > a:before {
display: inline-block; 
content: "->"; 
margin-left: -1rem; margin-right: 0.5rem;
}

.minusSymbol{
content:"-" !Important;
}
/*for + - chnage END**/
/** for burger menu to show up START **/
.icon-menu:before {
    font-size: 25px;
    padding-left: 7px;
    padding-right: 37px;
}
/** for burger menu to show up END **/
/** for timeline hide START**/
#timelineImageExpand {
    visibility: hidden;
}
/** for timeline hide END**/
/**211117**/
/**side bar elongated bar**/

@media screen and (min-width: 1px) and (max-width: 1023px) {
  .lhsExpandIcon {
    display: none;
  }
  }
 /**211117**/
/**side bar elongated bar**/
/**remove icon and alignment**/
@media screen and (max-width: 927px){
  .menuIconTopBar {
    display: none !important;
	}
	#SPAN_DASHAT{
		 display: block !important;
	}
	
	
.menuListContainer> li:hover, .menuListContainer> li.active, .menuListItems, .sub-menu > li:hover {
        background: transparent !important;
}
}
/**remove icon and alignment**/
/**down arrow icon **/
.icon-expandicon-down:before, .icon-expandicon-up:before {
    font-size: 50px;
    color: #F04E00;
}
/**221117**/
/**for printer **/
.print-preview-button, .print-help-button {
    /* font-size: 23px; */
top: 210px; }

.side-nav.fixed {
    /* left: -68px !important; */
    /* margin-top: 9px; */
    /*1center: 10px !important;
    /* margin-right: -15px !important; */
    margin-left: 0px !important;
    /* padding-right: 313px !important; */
    /* padding-left: 0px !important; */
    width: 100%;
}

/*for submenu bullet*/
.pra4 > a:before {
    color: transparent;
    /* background: transparent url("../images/arrow_red.gif") no-repeat scroll 0 0 !important; */
    /* padding-left: 2px; */
    background: transparent url("../images/bullet.gif") no-repeat scroll 0 0 !important;
    float: left !important;
    /* width: 4px; */
    margin-left: -10px !important;
    margin-top: 5px !important;
    margin-right: -5px;}
	
	.displayMenuBarResp{
	display:flex ;
	
}  

.center-containerr {
  width: 900px;
  position: relative;
    padding-top: 0px;
    padding-left: 350px;
    padding-right: 0px;
    padding-bottom: 0px;
  top: -256px;
}

/* changes done by somdeep for Baroda Rewardz */
.br_inputpanel_leftcontainer {
  background-color: #FFFFFF;
  display : inline-block; 
  /*Modified for Lumi*/
}

.br_inputpanel_leftcontainer {
  width: 75% !important;
  margin-bottom: 0px !important;
  min-height:300px !important;
}

.br_width79percent_navigationpanel {
  margin-top: 0px !important;
  padding-top: 10px;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  width: 75% !important;
}

.br_width79percent_navigationpanel {
  border-left: none !important;
  border-right: none !important;
  width: 75% !important;
  float: left;
  padding-bottom: 10px;
  margin-top: 10px;
  background-color: #FFFFFF;
}

/* changes done by somdeep end */

/*for the scroll in responsive START*/
.forscroll{
	overflow-y:auto !important;
}
/*for the scroll in responsive END*/

/*for responsive proper alignment of last login START*/  
.width_right {
    padding-top: 4px;
  }
/*for responsive proper alignment of last login END*/ 

/*Added by Ashish -start*/

table td .hwgreentxt {
  font-weight: 400 !important;
  font-size: 14px !important;
  color:green !important;
}

table td .hwredtxt {
  font-weight: 400 !important;
  font-size: 14px !important;
  color:red !important;
}

/*Added by Ashish -end*/

/* changes done by somdeep */
.rtp_width50percent_login {
  width: 650px;
  clear: right;
  background: #FFFFFF;
  height: auto;
  margin-left: 11%;
  margin-top: 30px;
  border-radius: 2px;
  min-height: 338px;
  padding-left: 4px;
  padding-bottom: 40px;
  position: relative;
}
.rtp_width50percent_login .errorCodeWrapper {
  display: inline-table;
  width: 80%;
  line-height: 20px;
  position: relative;
}
.rtp_width50percent_login .absmiddle {
  vertical-align: middle;
  font-size: 0.813em;
  margin-left: 10px;
  margin-right: 12px;
}
.rtp_width50percent_login .errorImageCMSIcon {
  background: url("../images/error_material.png") no-repeat 0px 4px;
  margin-left: 25px;
}
.rtp_width50percent_login .errorDisplayStyle {
  padding-bottom: 10px;
  padding-left: 27px;
  padding-right: 27px;
  margin-top: -25px;
}
.rtp_width50percent_login .errorDisplayDiv .width100percent {
  margin-top: 7px;
}

.rtp_width50percent_login .searchsimpletextCMS {
  color: #424242;
  font-size: 14px;
  float: left;
  line-height: 25px;
  padding-left: 30px !important;
  padding-right: 0px !important;
  width: 100%;
  margin-left: -67px;
  text-align: justify;
}
.rtp_width50percent_login {
  margin: 0 auto;
  margin-top: 31px;
}
/* changes done by somdeep end */

/*Added by Feroza logout -start*/

#LOG_OUT {
    
    background-color: #ff6633;
}
a#LOAD_DASHBOARD {
    color: #ff6633;
}

/*Added by Feroza logout -end*/

/*Added by Feroza search -start*/
.searchTextBox {

    color: black !important;}
/*Added by Feroza search -end*/
/*Added by FAnindhra UI_issues -Start*/
 .menuIconTopBar{
	display:none;
} 

#SPAN_DASHAT{
/* 	display:block !important; */
	display: flex;
/* 	width:80%; */
}

#ID_DASHAT{
	display:none;
}

.menuListContainer> li {
	flex:0 14.28%;
}
.center-container .widget-medium .widget-content{
	overflow-y: auto!important;
	
}
#ParentDiv_RetailUserDashboardUX5_W22__5{
	display:flex;
}

.lhsCollpaseRightIcon ui-sortable{
	display: flex;
}

#DASHL6{
	display:none;
}

   .left-container .container-small_ux5 .widget-content {
	height: 1000px;
	width:250px ;


} 
 .left-container .widget-xtrasmall {
    height: 230px;
}   
 
  .container-small_ux5 ui-sortable{
	height: 240px;
}  
#DASHL4 .widget-head{
  display:none;
}

.stage3_menuIdTextlink{
  margin-top:0px;
  overflow:auto;
}
.left-container .container-medium_ux5 .widget-xtrasmall .widget-content{
  height:231px!important;
}
.eventDescMinHeight {
    min-height: 0px;
}
.stage3_menuIdTextlink{
  height:180px;
}
#paintCalendar.febacal-container.febacal-container-month-widget-ux3{
  width: 230px;
}
.febacal-header-right.febacal-header-right-ux3,.febacal-header-left.febacal-header-left-ux3{
  width:15%;
}
.febacal-calendar-resetbutton-wrapper{
  margin-left:0px;
  padding-left:0px;
}


#main .row.toprow.parentTable {
    width: 78%;
    padding-top: 125px !important;
}
.stage3_menuIdTextlink a {
    color: #0F9CFF;
    background-color: transparent;
    padding: 20px 0;
    font-weight: normal;
    text-decoration: none;
    line-height: 20px;
}
.wrapper {
    width: 100%;
    height: 100%;
    min-height: 900px;
    margin: 0 auto;
    clear: both;
    padding-top: 13px !important;
}
.groupletButtons.icon-close:before { 
    content: none;
} 

.fiza3 > li {
    background: #e1eef2 none repeat scroll 0 0;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
}

.pra7 {
    flex: 0 33%;
}
.pra4 {
    flex: 0 33%;
}

#fiza_IL_SITM_10{
  font-size:20px;
  font-weight:400;
 

}
#fiza_IL_SITM_20{
  font-size:20px;
  font-weight:400;
 
  
}
#fiza_IL_SITM_30{
  font-size:20px;
  font-weight:400;
  
  
}
#Accounts_Accounts{
   color:#000 !important;
}
#Transfers_Transfers{
   color:#000 !important;
}
#Services_Services{
   color:#000 !important;
}

#fiza_mega_menu{
  width:100%
}

#ID_IL_SITM_10{
color:#000 !important;
}
#ID_IL_SITM_20{
color:#000 !important;
}#ID_IL_SITM_30{
color:#000 !important;
}
#ID_IL_SITM_40{
color:#000 !important;
}
#ID_IL_SITM_50{
color:#000 !important;
}
#ID_IL_SITM_60{
color:#000 !important; 
}
#fiza_sub_SITM{
  font-size:16px;
}

.pra5.active> li >a {
      margin-bottom: 5px;}
    
/*.simpletext_wishMsg {
line-height: 83%;} */

.simpletext_welMsg{
    font-size: 16px;

  /*  line-height: 2.5;  */
}
/* .personalizeDashLink{
    font-size: 16px;} */
	
	.simpletext_loginLabel{
	    line-height: 1.0;}
.menuListContainer> li > .liFontBold {
    line-height: 28px !important;}
	
	.menuListContainer> li > .liFontBold {
  /*  mARGIN-bottom: -33px !important;  */ 
}#fiza_IL_SITM_40{
  font-size:20px;
  font-weight:400;
  
  
}#fiza_IL_SITM_50{
  font-size:20px;
  font-weight:400;
  
  
}#fiza_IL_SITM_60{
  font-size:20px;
  font-weight:400;
  
  
}#fiza_IL_SITM_70{
  font-size:20px;
  font-weight:400;
  
  
}#fiza_IL_SITM_90{
  font-size:20px;
  font-weight:400;
  
  
}#fiza_IL_SITM_80{
  font-size:20px;
  font-weight:400;
  
  
}


/* .headerouter_r {
    height: 100px;
}  
   .menuListContainer { padding-top: 1.4rem}   */
   
   ::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.widget-head{
height:12px}

#DASHC2 .widget-head {
background-color:#ff6633 !important;
  height:12px;
  
}
/* "for moving the sub menu bar little bit" */
table.multiTableHeading thead tr:nth-child(1) th, table.multiTableHeading tbody tr:nth-child(0) td {
    padding-bottom: 14px;
}

.renderTextBoxAsLabel_new{
  padding-top:11px;
}
/*adarsh changes ui_35 start*/
/* UI_35 changes Adarsh
 */
 .custom_button{
 padding-left:0px;
 padding-right:0px;
 width:88%;
 margin:5px 0px 5px 0px;
 height:36px;
 line-height:0px;
 padding:0 0px;

 }
.custom_button .waves-button-input{
	width:100%;
	height:100%;
	line-height:40px;
	padding-left:0;
	padding-right:0;
	 top:0px;
}
/*end  ui_35*/

/* UI_09 Adarsh*/
#mobileBlank{
	font-size:12px;
	color:red;
	padding-top:16px;
}
#benefNickBlank{
	font-size:12px;
	color:red;
	padding-top:16px;
}
#benefBlank{
	font-size:12px;
	color:red;
	padding-top:16px;
}
#confAmtBlank{
	font-size:12px;
	color:red;
	padding-top:16px;
}
#amtBlank{
	font-size:12px;
	color:red;
	padding-top:16px;
}
#confAadhrBlank{
	font-size:12px;
	color:red;
	padding-top:16px;
}
#aadharBlank{
	font-size:12px;
	color:red;
	padding-top:16px;
}
#mmidBlank{
	font-size:12px;
	color:red;
	padding-top:16px;
}
#CnfmmidBlank{
	font-size:12px;
	color:red;
	padding-top:16px;
}
#amountBlank{
	font-size:12px;
	color:red;
	padding-top:16px;
}
#payFrom{
	font-size:12px;
	color:red;
}
#blk{
	font-size:12px;
	color:red;
}
#personalPayee{
	font-size:12px;
	color:red;
}
#payTo{
	font-size:12px;
	color:red;
}
#ifsc{
	font-size:12px;
	color:red;
	display:inline;
	padding-left: 27px;
}
#payToCounter{
	font-size:12px;
	color:red;
}
.searchsimpletext3{
  font-size:14px;
}
/*Added by FAnindhra UI_issues -end*/
.shpmallLogin{
	float: left;
    margin-left: 0%;
    margin-top: 0%;
    width: 100%;
    display:flex;
}
.customdateTime{
	 color:#FFFFFF;
    display: inline-block;
    line-height: 1.42857;
    margin: 5px 5px 5px 0;
    font-weight: normal;
    font-size:15px;
}
#lastLoginLabelTop{
	 font-weight: bold;
}
.menuListContainer> li{
	flex:auto;
}
.menuIconTopBar{
	display:none;
	
}
#SPAN_DASHAT{
	display:block;
	    text-align: center;
}
 .waves-effect#ID_DASHAT{
    display: block;
    opacity: 0;
    bottom: 40px;
}
.menu__link#ID_DASHAT{
	display:block;
}
/* #topbarNew{
 	position:fixed; 
	
}
.row.toprow.parentTable{
	margin-top:75px;
}  */
.menuListContainer> li > .liFontBold{
	margin-left:0px !important;
	margin-right:0px;
	margin-top: 10px;
}
/* #topbarNew > li.nbs-flexisel-item:hover{
  border-top:5px solid #FFFFFF;
}  */
.sub-menu .nbs-flexisel-item a{
	position:relative;
	min-height:2rem;
	line-height:2rem;
	vertical-align:middle;
	height:auto;
	padding-left:0px;
	padding-right:0px;
}
.mega-menu .side-nav{
	top:112px;
}
.mega-menu div.mega-menu-list-wrapper ul.sub-menu{
	z-index:10;
	position:absolute;
	/* width:260px;  */
	top:0px;
	white-space: nowrap;
	opacity:0;
	-webkit-transition:opacity 0.8s linear;
	-moz-transition:opacity 0.8s linear;
	-o-transition:opacity 0.8s linear;
}
.mega-menu-list-wrapper > ul > li.nbs-flexisel-item:hover > ul.sub-menu{
  opacity:1;
}
#main .toprow{
	width:90%;
}
.side-nav a{
	height:35px;
}
.mega-menu-list-wrapper > ul > li.nbs-flexisel-item{
	position:relative;
}
.sub-menu > li {
    border: 1px solid #E0E0E0;
}
.nbs-flexisel-item:hover > .sub-container.mega.sub-containerAdd::after{
width:0;
height:0;
border-left:14px solid transparent;
border-right:14px solid transparent;
border-bottom:12px solid white;
content:"";
position:absolute;
top:-10px;
left:20px;
}
.submenusFirstRight::after{
width:0;
height:0;
border-top:8px solid transparent;
border-left:10px solid #ff6633;
border-bottom:8px solid transparent;
content:"";
position:absolute;
top:8px;
right:10px;
}
.submenusFirstLeft::after{
width:0;
height:0;
border-top:8px solid transparent;
border-right:10px solid #ff6633;
border-bottom:8px solid transparent;
content:"";
position:absolute;
top:8px;
left:10px;
}
.submenusFirstRight:hover::after{
border-top:8px solid transparent;
border-left:10px solid white;
border-bottom:8px solid transparent;
}
.submenusFirstLeft:hover::after{
border-top:8px solid transparent;
border-right:10px solid white;
border-bottom:8px solid transparent;
}
 .compSite{
	position: absolute;
    right: 70px;
    top: 68px;
}
.customDateTimeDisplay .lastlogtext_grey_new,.customDateTimeDisplay .lastlogtext_grey,.customDateTimeDisplay .name_ProfileBx{
	 color: #FFFFFF;
    display: inline-block;
    line-height: 1.42857;
    margin: 5px 5px 5px 0;
    font-weight: normal;
    font-size: 15px;
    float: none;
    width: auto;
}  
.custom-collapsible-wrapper .collapsible-wrapper{
top:33px !important;}
.customDateTimeDisplay{
	background-color:orange;
	float: left;
    margin-left: 0%;
    margin-top: 0%;
    width: 100%;
    display: flex;
}
 .customDateTimeDisplay #salutation,.customDateTimeDisplay #firstName,.customDateTimeDisplay #lastName{
	display:inline-block;
}

#amtBlank,.amtBlank{
	font-size:12px;
	color:red;
}
.custom-check-style  .icon-dropdown.autocomplete-icon {
    width: 100%;
    height: 32px;
    top: 6px;
    right: 18px;
}
.custom-check-style  .icon-dropdown:before {
    float: right;
    margin-top: 8px;}
	
/*  #CUSTOM_CANCEL{
padding-left: 122px;
    padding-right: 116px;
}  */
.closePicker{
    position: relative;
    float: right;
    right: 10px;
    bottom: 42px;
	cursor:pointer;
	}


.closePicker::after{
  content: "\e908";
  font-family: icomoon !important;
  float:right;
  font-size: 1rem;
  cursor:pointer;
}
.picker__footer{
	visibility:hidden;
}
.collapsible-header {
    min-height: 2rem;
    line-height: 2rem;
}


/*Added by Rakesh NR007*/
.buttonHide{
  visibility:hidden;
  }
  
  .custom_labelcolumncombosmall .labelColumn_combo_small,.custom_labelcolumncombosmall .labelColumn_combo_brdr_small
{
  width: 300px;
}
 .customStaticText{
	    width: 100%;
    display: flex;
}

/***Added by Rakesh balance Certificate NR007**start**/

.buttonHide{
  visibility:hidden;
  }
  
  .custom_labelcolumncombosmall .labelColumn_combo_small,.custom_labelcolumncombosmall .labelColumn_combo_brdr_small
{
  width: 300px;
}
  .custom_stage3_downloadnav label, .custom_stage3_downloadnav .labelColumn_combo_download
  {
 
  visibility:hidden;
  
  }
  .custom_stage3_downloadnav
  {
	text-align: right;
  }

/***Added by Rakesh balance Certificate NR007**end**/
.text-center,.text-align{
	text-align:center;
}
.text-align .searchsimpletext{
	float:none;
}
/*Added bt Swapnil Wagh NR021 Account SOL Transfer*/
.custOm_Notesection{
background:none;}

.custOm_Notesection .stage3_previewdetailsrow{
  display: flex;
}
.custOm_Notesection .boldText{
  font-weight:bold;
  padding-left: 6px;
}
.custOm_Notesection .noteText{
  font-size:13px;
}
							
.mega-menu-list-wrapper > ul > li.nbs-flexisel-item:hover > a{
  color:white;
}
li.nbs-flexisel-item:hover > a{
	color: #FFF !Important;
}
.view-all-link a:hover{
  color:#0F9CFF;
}
.customTextCenter{
	text-align: center;
}.customAmtAlign{
position:relative;
bottom:10px;
}
.customAmtAlign .searchsimpletext{
float:none;
}
.customAddBeneButton{
	display: inline-block;
    float: right;
	
}
.customAddBeneButton .fa.fa-plus-circle{
  color:white;
  position:relative;
  left:16px;
}
.customAddBeneButton a{
 padding-left:20px;
}
.custom_radioButton .span-radiobutton{
	float:none;
}
.custom_radioButton .simpletext{
    position: relative;
    bottom: 6px;    
    font-weight: bold;
    font-size: 14px;
}
.custom_ifsc .labelColumn_text_brdr_toosmall{
	    width: 127px !important;
}

.custom_ifsc .labelcolumntexttoosmall{
	width: 103px;
}
/***Added by adarsh for lien inquiry popup adjustment**start**/


.customspace{
float:none;
}
.customstyleremarks{
text-align:center;
}


/***Added by adarsh for lien inquiry popup adjustment**start**/

/***Added by Dontu Raju for Mantis#78 - start**/
.imagecenter{
	text-align:center;
}
/***Added by Dontu Raju for Mantis#78 - end**/

/***Added by Dontu Raju for Mantis#1425 - start**/
.simpletext.customSimpletext{
	display:block;
}
/***Added by Dontu Raju for Mantis#1425 - end**/
/***Added for arcot security question set **start**/
.custom_resetAnswer .width50percent_login.width50percent_userid_login{
  width:75%;
  margin:auto;
  padding-left:0px;

}
.custom_resetAnswer .errorDisplayStyle{
      padding: 10px 0px 10px;
      margin-top:0px;
}
.custom_resetAnswer .redbgwithwidth,.custom_resetAnswer .errorContentWrapper.redbg{
  width:100%!important;
}
.custom_resetAnswer .breadcrumb-block{
  padding-left:0px;
}
.custom_resetAnswer .labelColumn_combo_small,.custom_resetAnswer .querytextboxmedium_small{
  width:340px;
}
.custom_resetAnswer .labelColumn_combo_brdr_small{
  width:100%;
}
.custom_resetAnswer .labelcolumnsmall{
height: 1.5rem;
}
.custom_resetAnswer .stage3_inputpanel_column{
	width:37%;
}
.custom_resetAnswer .stage3_inputpanel_paydetailsrow.customHeader{  text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
.login-body-style{
	background-size: 2px 100%;
	
}
/***Added for arcot security question set **end**/
/*  Login Changes */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: 100%;
	font-family: sans-serif!important;
    vertical-align: baseline;
			
}

.hwredtxtdr{
 color:red;
}
body{
	background:none;
}
.btn{
	background: linear-gradient(to bottom,#ff4000,#ff8f6a);
	transition:none; 
    border-radius: 5px;
    box-shadow:none;
}
.btn:hover {
	background:#ff4000;
	cursor: pointer;
	box-shadow: none;
}
.btn.reset-btn{
	background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/* Updated by Rahul Sharma for Cancel button Tab focus */
.btn.reset-btn:hover{
	background: #fff;
	cursor: pointer;
	color:#ff4000;
	font-weight : bold;
}

.btn.reset-btn:focus{
	background: #fff;
	cursor: pointer;
	color:#ff4000;
	font-weight : bold;
}
/* End of Cancel button Tab focus */

input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label,.containerStyle label.loginPanelSimpleTextStyle.active{
  color:#ff6633!important;

}
input[type=input]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  -o-box-shadow: 0 1px 0 0 #ff6633!important;
  -ms-box-shadow: 0 1px 0 0 #ff6633!important;
  -moz-box-shadow: 0 1px 0 0 #ff6633!important;
  -webkit-box-shadow: 0 1px 0 0 #ff6633!important;
  box-shadow: 0 1px 0 0 #ff6633!important;
  border-bottom: 1px solid #ff6633!important;
}

#header.customLoginHeader{
	position: fixed;
    top: 0;
    height: 100px!important;
    width: 100%;
    border-bottom-color: #d2d2d2;
    border-bottom-width: 1px;
    border-bottom-style: ridge;
    background-color: #fff;
    z-index: 100;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}
.customLoginHeader .header-main {
	padding: 18px 20px;
    position: relative;
   /* height: 100px;  */
}
.customLoginHeader .materializelogo_login{
	background: none;
	float: left;
    margin: 0;
    padding-bottom:0px;
    margin-top:-15px;
}
 /* .marqueeRow{  
    height: 20px;
    background-color: #ff6633;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);  
    margin-top: 113px;  
  }*/
  .custom_welcomeBox h2{
    font-size: 1.813em!important;
    font-weight: 600!important;
    text-align: center;
    position: relative;
    margin-bottom: 28px;
    border-bottom:none;
}
.custom_welcomeBox .custom_welcomeText{
	background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 13px;
    color: #ff6633;
}
.marqueeRow .ticker{
	color: #fff;;
	box-shadow:none;
	background-color: #ff6633;
	 margin-top: 101px; 
	 font-size: 16px;
}
/* .marqueeRow .ticker-text{
	padding-top:0px;
} */
.custom_welcomeBox span:after{
	height: 1px;
    width: 600px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    z-index:-1;
    position: absolute;
    content: "";
    background: -moz-linear-gradient(left, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%);
    background: linear-gradient(to right, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%);
}
.custom_welcomeBox{
	background-color:#fff;
	margin-top:25px;
	margin-bottom:15px;
}
.custom_welcomeBox h2{
	padding:0px;
	line-height:initial;
	width:100%;
}
#global.next-genHeader.login-body-style{
	    background: #fff;
}
.width100percent_main_loginbg{
	background:none;
	padding-bottom: 12px;
}
.custom_mainLoginSection .width50percent_login{
	    box-shadow: 0px 0px 20px #2D1F16;
    	margin-left: 10%;
        float: left;
        margin-right: 10px;
        margin-top:10px;
        width: 360px;
    	font-size: 0.9em;
    	padding-left:0px;
    	min-height:auto;
    	padding-bottom:20px;
}
/*.custom_mainLoginSection .loginPanelHeaderTextStyle{
	font-size:100%;
	text-align: center;
	padding-bottom:30px;
	padding-left:0px;
} */
.custom_mainLoginSection .linkSection{
	margin-left:35px;
	margin-right:35px;
}

.linkSection .loginrow{
	margin-left:0px;
}
.linkSection .loginPanelSimpleTextStyle1{
	padding-left:0px;
}
.linkSection .loginPanellabellinkStyle{
	padding-bottom:0px;
}
.custom_mainLoginSection .custom_linkSection,.custom_carouselSection{
	float: left;
}
.custom_carouselSection{
	margin-left:30px;
}
/*  .custom_mainLoginSection .btn.login_button.waves-input-wrapper{
	background-color: #ff6633;
	border-radius:5px;
	box-shadow: none;
}  */
.loginHeader{
    color: #ff6633;
    font-weight: 700;
    font-size: 1.313em;
}
.loginPanelTopPaddingStyle1{
	padding-top:0px;
	padding-left:0px;
	margin-left:0px;
	text-align:center;
}
.customLoginRow{
	margin-left:0px;
	text-align:center;
}
.customRememberCB .span-checkbox{
	padding-left:26px;
}
.customRememberCB .loginPanelSimpleTextStyle_remUserId,.customRememberCB .loginPanelInfo{
	left:0px;
}
.loginPanelMessageColoredTextStyle{
	padding-right:0px;
}
.loginPanelInputDetailsMessagerow1{
	margin-right: 33px;
    width: auto;
}
.custom_linkSection a.loginPanleBluelinkStyle{
	text-decoration: none;
    color: #ff6633;
    font-size: 15px;
    font-weight: bold;
    float:left;
}
.custom_linkSection .loginrow{
   margin-left: 0px; 
}
.custom_linkSection .loginPanellabellinkStyle{
	width: 90%;
    background-color: #ddd;
    margin: 2px;
    border-radius: 5px;
    padding: 15px 10px 14px;
}   

.custom_linkSection .loginPanellabellinkStyle:hover{
  background-color: #ff6633;
}
.custom_linkSection .loginPanellabellinkStyle:hover > span > a.loginPanleBluelinkStyle{
  color:#fff;
}
.slider-container{
   max-width: 660px;    position: relative;
    margin: auto;
    font-family: Verdana, sans-serif;
   
}
.slideshow-container{
	    top: 13px;
	max-width: 660px;
    position: relative;
    margin: auto;
}
.slider-container img{
	width:100%;
	height: 340px;
}
.dots{
	text-align:center;
}
.dot{cursor: pointer;
    height: 16px;
    width: 16px;
    margin: 0 4px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/* Updated by Rahul Sharma */
.numbertext{
	color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
display: none;
}
.CaptionText{    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 6%;
    width: 100%;
    text-align: center;
}
.dot.active, .dot:hover {
    background-color: #717171;
}
.bcotIcon {
    background-position: -2px -185px;
    height: 60px;
    width: 80px;
    float: left;
}
.homeSprite {
    background-image: url(../images/header-sprite.png);
    background-repeat: no-repeat;
}
.copyright{
	font-size:16px;
}
.custom_mainLoginSection .stage3_inputpanel_paydetailsrow.loginPanelInputDetailsrow{
	padding-bottom:0px;
}
.custom_carouselSection .prev{
	cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 32px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
.custom_carouselSection .next{
	cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 32px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    right:0;
}
.custom_carouselSection .prev:hover,.custom_carouselSection .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Update by Nilesh for Adi Chat Bot */
/* for flying social media icons - start */
.bob-fixed-social-icon-div {
	position: fixed;
	right: 15px;
	z-index: 9;
	top: 65%;
}

.bob-a {
	background: transparent linear-gradient(90deg,#f26522 0%,#fe8639 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0 15px 15px #d8632b29;
	width: 43px;
	height: 43px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: all .25s linear;
	padding: 10px;
}
//.bob-a:hover {
//	background: transparent linear-gradient(90deg,#000000 0%,#000000 100%) 0% 0% no-repeat padding-box;
//}

/* for flying social media icons - end */

.popupLinksDiv{
    width: 24%;
    float: left;
    height: 30px;
    padding-top: 10px;
    text-align: center;
    /* background-color: #ccc; */
    margin: 1px;
    background: linear-gradient(to bottom, #ff4000, #ff8f6a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4000', endColorstr='#ff8f6a', GradientType=0);
    color: #fff; 
}
#popupMainDiv{    
	height: 40px;
    transition: all 0.2s ease 0ms;
    -webkit-transition: all 0.2s ease 0ms;
    z-index: 1;
}

/* 	Added by rahul for Focus highlight on Login page, */

.popupLinksDiv:hover,
.popupLinksDiv:focus {
	background:#ff4000;
	cursor:pointer;
	box-shadow: 0px 0px 5px #2D1F16;
}

.nonStickyPopupMainDiv {
    width: 96%;
    margin-left: 4%;
}
.stickyPopupMainDiv {
/* 	position: fixed; */
	bottom: 0px;
	width: 100%;
	margin-left:2%; 
	margin-right:2%;
	padding-bottom:3px;
	background-color:#fff;
}
.invisible{
	display:none;
}
.wholePage{
	position: fixed;
	width: 94%;
	left: 3%;
	height:100%;
	z-index:200;
	top: 0px;
	
}
.transparentBackground {
	background:#000;
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80); 
	position:absolute;
	width:100%;
	height:100%;
}
.linkPageDetails {
	width: 60%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7%;
    position: relative;	
	background-color:rgb(255,255,255);
	border-radius: 10px;
	padding:20px;
	/*box-shadow: 10px 20px 30px #2D1F16;*/
	box-shadow: 2px 2px 10px #2d1f16;	
}
.linkPageDetails div{
  text-align:justify;
}
.linkPageDetailsResetPwd {
	width: 97%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7%;
    position: relative;	
	background-color:rgb(255,255,255);
	border-radius: 10px;
	padding:20px;
	/*box-shadow: 10px 20px 30px #2D1F16;*/
	box-shadow: 2px 2px 10px #2d1f16;	
}
.closeButton {
	background: url(../images/header-sprite.png) -435px -366px no-repeat;
    float: right;
    width: 30px;
    height: 30px;
    border: none;
    margin-top: -30px;
    margin-right: -30px;
    cursor: pointer;	
}
.closeButton:focus {
	outline:none;
}
.infoHeading { 
	font-size: 1.313em;
    color: #ff6633;
    font-weight: 700;
}
.linkDiv {
    width: 45%;
    float: left;
    padding-left: 20px;
}
.bulletText{
	list-style:none;
}
.bulletText a {
	text-decoration:none;
	color: #ff6633;
	font-size: 15px;	
}
.bulletText a:hover {
	color: #fd3f00;
	font-weight:bold;
	/* font-size: 100%;  */
}
.center{
	text-align:center;
}
.linkDiv{
	width:45%;
	float:left;
	padding-left:20px;
}
.linkDivS{
	width:35%;
	float:left;
	padding-left:20px;
}
.linkDivF{
	width:80%;
	float:left;
	padding-left:20px;
}
.linkDivL{
	width:55%;
	float:left;
	padding-left:20px;
}
.linkDiv ul li a, .linkDivS ul li a, .linkDivL ul li a, .linkDivF ul li a{
	background: url(../images/bullet-arrow.png) no-repeat;
    background-position-y: center;
    padding-left: 25px
}
.linkDiv ul li, .linkDivS ul li, .linkDivL ul li, .linkDivF ul li{
	padding-top: 6px;
    padding-bottom: 6px;
    list-style-type: none;
}
.shareBtn {
	z-index:150;
	position: fixed;
	/*right:50px;*/
	right:24px;
	bottom:69px;	
	width:45px;
	height:45px;	
	border-radius:30px;
	/*box-shadow: 0px 0px 12px #2D1F16;*/
	background-color:#fff;
	background-image: url(../images/share.png);
	background-size: 39px;
    background-repeat: no-repeat;
	background-position: 3px 3px;
}
.shareBtn:hover{
	cursor:pointer;
}
#shareFacebook {
	z-index:140;		
	width:45px;
	height:45px;	
	border-radius:30px;
	/*box-shadow: 0px 0px 12px #2D1F16;*/
	background-image: url(../images/header-sprite.png);
	background-position: -178px -40px;
	background-color:#fff;
	transition: all 0.2s ease 0ms;
}
.shareFacebook {
	position: fixed;
	/*right: 355px;
    bottom: 69px;*/
	right: 27px;
    bottom: 355px;
}

#shareTwitter {
	z-index:140;	
	width:45px;
	height:45px;	
	border-radius:30px;
	/*box-shadow: 0px 0px 12px #2D1F16;*/
	background-image: url(../images/header-sprite.png);
	background-position: -219px -36px;
	background-color:#fff;
	transition: all 0.2s ease 0ms;
}
.shareTwitter {
	position: fixed;
	/*right: 295px;
    bottom: 69px;*/
	right: 27px;
    bottom: 245px;
}

#shareInstagram {
	z-index:140;
	width:45px;
	height:45px;	
	border-radius:30px;
	/*box-shadow: 0px 0px 12px #2D1F16;*/
	background-image: url(../images/header-sprite.png);
	background-position: -307px -39px;
	background-color:#fff;
	transition: all 0.2s ease 0ms;
}
.shareInstagram {
	position: fixed;
	/*right: 235px;
    bottom: 69px;	*/
	right: 27px;
    bottom: 189px;
}

#shareYoutube {
	z-index:140;	
	width:45px;
	height:45px;	
	border-radius:30px;
	/*box-shadow: 0px 0px 12px #2D1F16;*/
	background-image: url(../images/header-sprite.png);
	background-position: -264px -36px;
	background-color:#fff;
	transition: all 0.2s ease 0ms;
}
.shareYoutube {
	position: fixed;
	/*right: 175px;
    bottom: 69px;*/
	right: 27px;
    bottom: 300px;
}

#shareLinkedIn {
	z-index:140;	
	width:45px;
	height:45px;	
	border-radius:30px;
	box-shadow: 0px 0px 12px #2D1F16;
	background-image: url(../images/header-sprite.png);
	background-position: -41px -457px;
	background-color:#fff;
	transition: all 0.2s ease 0ms;
}
.shareLinkedIn {
	position: fixed;
	/*right: 115px;
    bottom: 69px;	*/
	right: 27px;
    bottom: 132px;
}

.hideShareButtons {
	position: fixed;
	right: 25px;
    bottom: 69px;	
}

.shareButtons:hover {
	background-color:#ccc;
	padding:1px;
}
.headerBtn:hover {
	background-color:#ff6633;
	color:#fff !important;
	border: 1px solid #fff !important;
}
.iconHover {
	background-position-y: -27px!important;
}
.customLoginHeader .bottomRow {
    margin-top: 12px;
}
.customLoginHeader .botRightNav {
    float: right;
    margin: 0 -5px 0 0;
    padding: 0;
    list-style: none;
}
.customLoginHeader .botRightNav .nojsLogin, .noJS .customLoginHeader .botRightNav .jsLogin {
    display: none;
}

.customLoginHeader .botRightNav li {
    position: relative;
    float: left;
    padding: 0 5px;
}

.customLoginHeader .botRightNav li a {
    color: #4b4b4b;
    font-size: 13px;
    border: 1px solid #ccc;
    line-height: 33px;
    padding: 0 14px 0 0;
    display: block;
    font-weight: 600;
    transition: all 0.2s ease 0ms;
    -webkit-transition: all 0.2s ease 0ms;
	text-decoration: none;

}

/* Added by Rahul Sharma for ADI logo in header  */

.customLoginHeader .botRightNav .icon,
.customLoginHeader .botRightNav .ADIicon {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: 350ms ease;
    transition: 350ms ease;
}

.customLoginHeader .botRightNav .loginIcon {
    background-position: 7px 7px;
    background-image: url(../images/adi_logo.png);
    background-repeat: no-repeat;
    background-size : 60%;
}
/* End of ADI logo in header  */

.customLoginHeader .botRightNav .loginIcon {
    background-position: 7px 7px;
}
.customLoginHeader .botRightNav .locateIcon {
    background-position: -28px 8px;
}
.customLoginHeader .botRightNav .contactIcon {
    background-position: -64px 8px;
}
.customLoginHeader .botRightNav1 {
    float: right;
    margin: 0 -5px 0 0;
    padding: 0;
    list-style: none;
}
.customLoginHeader .botRightNav1 .nojsLogin, .noJS .customLoginHeader .botRightNav1 .jsLogin {
    display: none;
}

.customLoginHeader .botRightNav1 li {
    position: relative;
    float: left;
    padding: 0 5px;
}

.customLoginHeader .botRightNav1 li a {
    color: #4b4b4b;
    font-size: 13px;
    border: 0px solid #ccc;
    line-height: 33px;
    padding: 0 14px 0 0;
    display: block;
    font-weight: 600;
    transition: all 0.2s ease 0ms;
    -webkit-transition: all 0.2s ease 0ms;
	text-decoration: none;

}
.customLoginHeader .botRightNav1 .icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: 350ms ease;
    transition: 350ms ease;
}
.customLoginHeader .botRightNav1 .loginIcon {
    background-position: 7px 7px;
}
.customLoginHeader .botRightNav1 .locateIcon {
    background-position: -28px 8px;
}
.customLoginHeader .botRightNav1 .contactIcon {
    background-position: -64px 8px;
}
.reset-btn, .gray-btn, button[type="reset"].waves-effect {
    color: #ff6633;
}
.secureLink {
	font-size: 1em;
    color: #ff6633;
    font-weight: 700;
    padding-left:35px;
    font-family: sans-serif!Important;
    cursor:pointer;
}
.secureLink:hover{
	color: #ff6633;
}
.login_button_small{
	background-color: #ff6633;
	border-radius:5px;
	box-shadow: none;
}
.custom_welcomeNoteSection.leftColumnStyle{
	padding-left:0px;
	margin-top:0px;
	width:auto!important;
}
.noteSection.loginPanellabellinkStyle{
	font-size: 12px;
    padding-top: 0px;
    margin-left: 31px;
}
.noteSection #span_note_section_1,.noteSection #note_section_2{
	padding-left:4px;
	
}
.noteSection #span_note_section_1 .loginPanleBluelinkStyle{
	float:none;
}
.custom_welcomeNoteSection input[type=text]{
  border-bottom:none;
  color: #ff6633;
  font-weight: bold;
  width: 45%;
  font-family: sans-serif!important;
}
.custom_welcomeNoteSection .personalMsg{
  color: #ff6633;
  font-weight: bold;
  font-family: sans-serif!important;
}
.custom_welcomeNoteSection a.loginPanleBluelinkStyle{
  float:none;
  font-family:sans-serif!important;
      color: #ff6633;
}
.custom_welcomeNoteSection a.loginPanleBluelinkStyle:hover{
  color:ff6633;
}
.customButtonAlign{
	padding-left:0px;
	margin-left:30px;
}
.customButtonAlign .left_align_useridscreen{
	margin-left:0px;
	margin-right:0px;
}
.customButtonAlign .button_leftpwdscreen,.customButtonAlign .button_rightuseridscreen,.customLoginRow .btn.reset-btn{
	padding-left:43px;
	padding-right:43px;
	margin-left:5px;
	margin-right: 5px;
}
.custom_mainLoginSection .securitySection .userIdAlign{
	padding: 15px 0px;
}
.userIdAlign span{
	padding-left:5px;
}
.userIdAlign #UserId_Text{
	color: #ff6633;
	font-weight: 700;
}  
.custom_mainLoginSection .userIdAlign .loginPanelColumnDetailStyle{
	text-align: center;
    float: none;
    margin: auto;
    width:100%!important;
}
.customTextBoxAlign .labelColumn{
	width:100%!important;
}
.customTextBoxAlign .querytextboxmedium{
	padding-top:0px;
	margin-top:0px;
}
.customLoginRow.customButtonAlign{
	margin-left:0px;
}
.custom_mainLoginSection .width50percent_login.npsTnCBox{
	width:500px;
}
.custom_mainLoginSection .stage3_searchpanelcolumn{
	width:auto;
	margin-left:31px;
}
.ui-widget-overlay.ui-popUp{
	z-index:100;
	opacity:0.7 !important;
}
.mainPageVisible{
	position:absolute;
}
.mainPageVisible .linkPageDetails{
	position:relative;
	height:auto;
	margin-top:10%!important;
	margin:auto;
}
.mainPageVisible .loginPanelHeaderTextStyle{
	text-align:center;
	padding-left:0px;
	padding-bottom:35px;
	font-size:16px;
}
.mainPageVisible .listingrow{
	padding:0px 15px;
}
.mainPageVisible table.singleTableHeading{
	border:1px solid #E0E0E0 !important;
}
/*.mainPageVisible .customButtonAlign{
	float:right;
	margin-right:10px;
}*/
.mainPageVisible table.singleTableHeading .labelColumn{
	width:100%!important;
}
.mainPageVisible .buttonAlign{
	text-align:right;
	margin-right:15px;
}
.dummyPasswordField{
    left: 0;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    outline: none;
    overflow: hidden;
    pointer-events: none;
    top: 0;
    z-index: -1;
}
.mainPageVisible .loginPanelColumnDetailStyle6{
	width: 100%;
    text-align: center;
	padding-bottom: 10px;
	padding-left:0px;
}
.mainPageVisible .customTextBoxAlign{
float: none;
    width: 50%;
    margin: auto;

}
.userIdAlign input[type=text]{
	width:auto;
	border-bottom: none;
	text-transform: uppercase;
}
.mainPageVisible .loginPanelInputDetailsrow_bottomPadding{
	margin-bottom:0px;
}
.loginPanel input[type=text],.loginPanel .loginPanelColumnDetailStyle{
  margin-top:0px;
}
.loginPanel .icon-dropdown.autocomplete-icon{
  right:8px;
}
#errorDisplay{
	height:8px;
	margin-top:5px;
}
#errorDisplay .errorDisplayStyle{
	margin-left: 4%;
    width: 94%;
}
.rowLogin{
	margin-bottom:0px;
	overflow:hidden;
}
.loginPanel .containerStyle label.active{
	transform: translateY(-112%);
}
.stage3_menuIdTextlink{
	height:inherit;
}
.rightRoundCornerIWantTo{
	height:280px;
}
.widget-head{
	background-color:#ff6633;
	
}
.widget-head .h2Widget{
	color:#fff;
	line-height: 14px;
}
.personalizeDashLink,.blueDivider,.stage3_menuIdTextlink a,.widget-small a.bluelink:hover,.personalizeDashLink:hover,.widget-small a.bluelink,table td .menuSideArrowImageForMenuChoices a {
	color:#ff6633!important;
}
.tabs-with-navigation .tabs .tab a.active,.tabs-with-navigation .tabs .tab a:hover,.autocomplete-values-list li{
  color:#ff6633;
}
.tab.tabactive{
  border-bottom:3px solid #ff6633;
}
table td a.bluelink,.tab-link.tabmenudisabled,.focused{
  color:#ff6633!important;
}
.tabs-with-navigation .previous-tabs:hover,.next-tabs.icon-next:hover{
  background-color:#ff6633;
}
.content input[type=Submit]{
	color:#fff;
}
.customRememberCB{
	display:none;
}
.calendarStyle{
	padding-top: 0px;
    background-color: #ff6633;
}
#main .calendarStyle h1{
	padding: 20px;
    font-size: 15px!important;
    color: #fff;
    width: 100%;
    height:12px;
    text-transform: uppercase;
}
div.calEventCountPurple{
	    background-color: #ff6633;
}
.febacal-container-div .feba-cal-container-table-wrapper{
	    border: 1px solid #1D82BE!important;
}
#paintCalendar.febacal-container-month-widget-ux3{
  margin-top:1px;
}
.calendarEventDesc.eventDescMinHeight{
  min-height:auto;
  width:96%;
  bottom:0px;
  margin-left:5px;
}
.noEventsLi.eventDescLiWrappr{
margin-top:5px;
}
p.eventHeading{
  width:96%;
  bottom:0px;
  top:10px;
}
.eventLable,span.navigateTousecase{
  float:left;
}
.feba-cal-headerwrapper.footable-loaded.footable{
  border-bottom:none!important
}
.feba-cal-container-table-wrapper.footable-loaded.footable{
  border-top:none!important;
}
#DASHL4 .widget.widget-medium{
	height:392px;
}
#DASHL4 .widget-content.listingcol.empty-widget{
	height:392px!important;
}
td.febacal-header-center{
  width:80%;
}
.febacal-header-center{

width:70%;
}
.febacal-header-center .febacal-calendar-resetbutton-wrapper{
padding-left:0px;
}
.febacal-header-right.febacal-header-right-ux3, .febacal-header-left.febacal-header-left-ux3{
width:10%;
}
.febacal-headerRow .febacal-calendar-button-ux3.feba-cal-monthwidget-prevmonthbutton{
    width: 100%;
    margin-left: 0px;
    padding-right: 0px;
    background:url("../images/db_pagi_left_active.png") no-repeat scroll 4px 1px transparent !important;
}
.febacal-headerRow .febacal-calendar-button-ux3.feba-cal-monthwidget-nextmonthbutton{
    width: 100%;
    margin-left: 0px;
    padding-right: 0px;
}
.febacal-header-center td:nth-child(1),.febacal-header-center td:nth-child(2){
  display:none;
}
td.febacal-jumpmonth-header-center{
  border-left:none;
}
.select-wrapper.jumpYear{
  background:none!important;
  border:none;
}
.febacal-jumpyear-header-center .select-wrapper span.caret{
  right:1px;
  top:0px;
}
.febacal-jumpmonth-header-center .jumpMonth input.select-dropdown{
  height:2rem;
  line-height:2rem;
}
.febacal-jumpyear-header-center .select-wrapper input.select-dropdown{
      padding-top: 4px;
    margin: -16px 0px 0px 4px;
    height: 2rem;
    line-height:2rem;
	width:95%;
}
.febacal-container td.febacal-jumpyear-header-center{
  padding-top:8px;
  padding-bottom:8px;
}
.jumpMonth span.caret{
  top:20px;
}
.febacal-header-right.febacal-header-right-ux3{
  border-left:1px solid #1D82BE !important;
}
.select-wrapper.jumpYear span.caret:after{
  top:20px;
}
span.eventDetailsLeft{
	overflow:auto;
	margin-left:0px;
	font-size:0.85em;
}
span.eventDetailsRight{
	font-size:0.85em;
}
li.eventDescLiWrappr a{
	color:#ff6633;
}
.feba-cal-monthwidget-prevmonthbutton:before{
    content: "\e913";
    position:relative;
    bottom:2px;
    left:2px;
}
.feba-cal-monthwidget-nextmonthbutton:before{
  content:"\e928";
   position:relative;
    bottom:2px;
    left:8px;
}
.febacal-headerRow .feba-cal-monthwidget-prevmonthwrapper .feba-cal-monthwidget-prevmonthbutton,.febacal-headerRow .feba-cal-monthwidgetnextmonthwrapper .feba-cal-monthwidget-nextmonthbutton{
  background:none!important;
  font-family:icomoon !important;
  color:grey;
  font-size:18px;
}
.febacal-header-left-ux3.febacal-header-left,.febacal-header-right.febacal-header-right-ux3,.febacal-jumpyear-header-center{
  border:none!important;
 
}

.febacal-jumpmonth-header-center .jumpMonth input.select-dropdown{
      border: 1px solid #f2f2f2;
      height:1rem;
      line-height:1rem;
      top: 0px;
      margin:0px;
}
.jumpMonth span.caret{
  top: 6px;
  right: 4px;
}
.febacal-jumpyear-header-center .select-wrapper span.caret {
    right: 10px;
    top: -14px;
}
.select-wrapper.jumpYear span.caret:after{
  top:20px;
  right:-10px;
}
.febacal-jumpyear-header-center .select-wrapper input.select-dropdown{
   border: 1px solid #f2f2f2;
    height:1rem;
      line-height:1rem;
      top: 0px;
      margin:0px 0px 0px 5px;
}
td.febacal-cell-ux3{
  text-align:center;
  border:none;
}
.febacal-cell-ux3 .febacal-cell-date{
  float:none;
}
.feba-cal-headerwrapper.footable-loaded.footable{
  border:none!important;
}
.feba-cal-container-table-wrapper .feba-cal-colheader-wrapper{
  border:none;
}
.febacal-container-div .feba-cal-container-table-wrapper{
  border:none!important
}
.febacal-cell-ux3.febacal-day-content-has-event-ux3.eventsHighlight{
  background-color: rgba(255,102,51,0.8);
  color:#fff;
      border-radius: 25px;
}
/*.headerWelcomeText.headerWelcomeTextSearch{
  display:none;
}*/
.navigateTousecase{
  display:none;
}
.jumpMonth .caret,.jumpMonth input[type=text]{
  display:none;
}
.jumpMonth select.jumpMonth{
  display:block;
  height:2rem;
  width:100%;
}
.jumpYear .caret,.jumpYear input[type=text]{
  display:none;
}
.jumpYear select.jumpYear{
  display:block;
  height:2rem;
  width:100%;
  border: 1px solid #f2f2f2;
}
.select-wrapper.jumpYear,.select-wrapper.jumpYear .jumpYear{
  background:none!important;
}
.select-wrapper.jumpYear{
  margin-left:2px;
}
.select-wrapper.jumpMonth{
  margin-right:2px;
}
/*    [data-title]:hover:after{
  visibility:visible;
  opacity:1;
  transition:all 0.4s ease 0.5s;  
}
[data-title]:after{
  content:attr(data-title);
  visibility:hidden;
  opacity:0;
  z-index:99999;
  position:absolute;
  color: #fff;
  left:100%;
  bottom:-0.5em;
  white-space:nowrap;
  font-size:14px;
	background-color:rgba(54, 35, 35, 0.8);;
	padding:4px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}  */
[data-title]{
  position:relative;
}  
.febacal-cell-ux3.febacal-monthDay:hover > .toolTip{
	visibility:visible;
  opacity:1;
  transition:all 0.2s ease 0.5s;  
}
.toolTip{
  	visibility:hidden;
  	opacity:0;
  	z-index:99999;
  	position:absolute;
  	color: #fff;
  	bottom:-1.6em;
  	white-space:nowrap;
  	font-size:14px;
	background-color:rgba(54, 35, 35, 0.8);;
	padding:4px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.lastlogtext_grey{
  float:none;
}
.hideMoreActions .hasPulldownMenu{
  display:none;
}


@media only screen and (max-width: 927px){
.icon-menu:before{
color:#fff !important;
}
#topbarNew{
display:none!important;
}
#global.positionRel{
	position:relative;
}
#global.positionFix{
	position:fixed;
}
   nav li a.menu__link{
    color:#ff6633;
}
nav li a.menu__link.active{
    color:#fff;
    border-left:none;
}
.menu__item.menu__link--current{
  border-left:5px solid #ff6633;

}
.menu__link.hyperLinkHeadingClick{
  color:#ff6633!important;
}
.menu__link--current,.menu__breadcrumbs a .menu__link--current:hover, .menu__item a.menu__link--current:focus,.menu__breadcrumbs a:last-child{
  background-color:#ff6633;
  
}
.menu__link[data-submenu]::after,.menu__breadcrumbs a:not(:last-child)::after,.menu__breadcrumbs a:last-child:before{
  color:#ff6633;
}
.menu__breadcrumbs a{
  color:#fff;
 
}
.menu__breadcrumbs .second-breadcrumb,.main-menu-string{
  color:#ff6633;
  font-weight:bold;
}
}
@media only screen and (min-width: 928px){
.icon-menu,.dashboard-menu-container.expanded{
display:none;
}
.mask{
display:none!important;
}
/* Tool tip Custom change */
.autocomplete-dropdown.initialized:hover + .icon-dropdown.autocomplete-icon + .tooltiptext{
  visibility:visible;
  opacity:1;
  transition:all 0.2s ease 0.5s;  
}
.tooltiptext{
  visibility:hidden;
  background-color:rgba(54, 35, 35, 0.8);
  color:#fff;
  border-radius:5px;
  position:absolute;
  z-index:9999;
  font-size:14px;
  opacity:0;
  transition:opacity 0.3s;
  white-space:nowrap;
  padding:2px 2px;
  bottom:-1.6rem;
  left:0%;
}
.customQuickLinksTool .tooltiptext {
    visibility: hidden;
    background-color: rgba(54, 35, 35, 0.8);
    color: #fff;
    border-radius: 5px;
    position: absolute;
    z-index: 9999;
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.3s;
    white-space: pre-wrap;
    padding: 2px 2px;
    width: 225px;
    bottom: 1.6rem;
    left: 0%;
}
 input[type="text"].autocomplete-dropdown:disabled + .icon-dropdown + .tooltiptext{
   display:none;
 }
}
@media only screen and (max-width: 928px){
	.tooltiptext{
		display:none;
	}
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 481px) and (orientation: landscape){
	#ml-menu{
	height: 100%;
	}
	.menu__wrap{
		height:25%;
	}
}
/***Added by Dontu Raju for N044, Sovereign Gold Bonds - start**/
.showNominee{
	display:block!important;
}
.disableButton #APPLY_FOR_SGB_SUBMIT{
	height: 36px;
    top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
.disableButton .reset-btn{
	padding-left:0px;
	padding-right:0px;
}
/***Added by Dontu Raju for N044, Sovereign Gold Bonds - end**/

/***Added by Adarsh login notification - start**/
.custnotification{    margin-top: 13px;}

.custnotification {width: 310px;margin-left: 2%;font-size: 0.9em;height: 287px;float: left;margin-right: 10px;background: linear-gradient(to bottom, rgb(253,253,203), rgb(252,249,162));box-shadow: 0px 0px 10px #2D1F16;}

.custom_mainLoginSection .width50percent_login{width: 360px;margin-left: 4%;font-size: 0.9em;height: auto;float: left;box-shadow: 0px 0px 20px #2D1F16;margin-right: 10px;padding-top: 10px;margin-top: 13px;}

.custom_carouselSection{    float: left;
    width: 530px;}

#captionagainstmarquee{    float: right;
    font-size: 12px;
    padding-right: 43px;
    font-weight: bold;}

.ticker-controls{display:none;}

.custcol {
    width: 98.4%;
}

.custrow {
    height: 20px;
    text-align: right;
    font-size: 13px;
    font-weight: normal;
}

.customdrop{
    position: relative;    float: right;
}

.customdrop input.select-dropdown{
border-bottom: 2px solid #ff6633;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    padding: 0px;
    margin-left: 10px;
    font-weight: bold;
    font-size: 9pt;
    width:100%;
	    line-height: 1rem;
	margin: -2px 0 0px 5px;
}

.customdrop input[type=text]{
height:21px;
}

.customdrop .caret{
	   top:0px;
    position: sticky !important;
    }

.customdrop span.caret:after{color:black;}

.custrow a,b{color:black;}

.marqueeRow{display:none;}

.materializelogo_login img{    bottom: 12px;}

.customblankdiv{height:100px;width:100%}

.customnewheaderrow{height: 15px;
	width:100%;
	margin-left:0px;
    background-color: #ff6633;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
#captionagainstmarquee{
    }
.custom_carouselSection .slider-container{font-family: Verdana, sans-serif !important;}

.custom_mainLoginSection .loginPanelHeaderTextStyle{
    height: 0px;
    padding-top: 0px;
    background-size: 225px 151px;
    background-repeat: no-repeat;
    background-position: -14px;
    text-align: left;
    padding-left: 36px;
    padding-bottom: 0px;
   /* background-image: url(../images/bconnect.png);*/
    background-position-x: -14px;
    background-position-y: center;
    background-size: 225px 151px;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
	}

.custom_carouselSection .dots{display:none;}
.custom_carouselSection .slideshow-container img{height:287px}
.footerLine{    height: 4px;
    width: 100%;
    background: #ff6633;
    z-index: 50;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.bcotIcon{display:none;}

/* Changed by Rahul for Color Contrast change */
.loginfoorter-wrapper{background-color: #fff;
    color: #F26B3F;
    height: 32px;
    font-weight: bold;
    box-shadow: 0px 10px 13px #ccc inset;
    font-size: 15px;}
/* .disclaimerDivStyle_login{display:none;} */

.loginfoorter-wrapper .footer-links a{color:#F26B3F !important;} 
.loginfoorter-wrapper .footer-links a:hover{color:#FF4000 !important; font-size : medium;}   
.loginfoorter-wrapper .footer-links a:focus{color:#FF4000 !important;}
/* End of Color Contrast change */
.loginfoorter-wrapper{    margin-top: 0px !important;padding-top:20px !important;}

.anouncementsHeadDiv{
	 background-image: url(../images/login_notification_pin.png);
    background-position-x: 135px;
    background-position-y: initial;
    background-size: 30px;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(248, 247, 182);
	
	    width: 100%;
    height: 10px;
    text-align: center;
    font-weight: bold;
    color: #ff6633;
    background-color: rgb(248, 247, 182);
    padding-top: 10px;
	
	    background-size: 30px;
    background-repeat: no-repeat;
    background-position-x: 135px;
		}

.custnotification .ticker-text ul li {    white-space: normal;}

.custnotification .ticker{  
background-color: rgb(248, 247, 182);
box-shadow:none ;
webkit-box-shadow:none;  
height:249px;
padding-top:20px;
}
.custnotification .ticker-text{    height: 194px !important;
    padding: 20px;
    width: auto;}
.custnotification .ticker-text .js-marquee{text-align:justify;    color: #ff6633;
    font-weight: bold;}

.loginfoorter-wrapper{height:auto;}
.custdemo,.custsecurelogin,.custcibil,.custnps{display:none}
.customdrop input.select-dropdown.active{    box-shadow: 0 0px 0 0 #FF6633;
    border-color: #FF6633;}
.useridcust{float:right;}
.customdrop .select-dropdown li span{    color: #060606; padding-top:2px;padding-bottom:2px; }
.customdrop .dropdown-content li{    line-height: 1rem;    min-height: 14px;}

.customdrop ul.dropdown-content.select-dropdown.active li{background-color: #FFFFFF !important;    line-height: 1rem;}

.loginfoorter-wrapper .copyright{font-size:14px;}
.custom_mainLoginSection .width50percent_login #MessageDisplay_TABLE{padding-top:23px;}
.custom_mainLoginSection #F1 label#UserId_Text.loginPanelSimpleTextStyle{}

/*dropdown login screen auto open issue start */

.customdrop .caret{
  display:none;
}
.customdrop input[type=text]{
  display:none;
}
.customdrop select{
  display:block;
  height: 1.5rem;
  padding: 2px;
  border-top: none;
  border-left: none;
  border-right: none;
  font-weight: normal!important;
  border-bottom: 2px solid #ff6633;
}
.customdrop select option,.customdrop select{
  color:#000;
}

/*dropdown login screen auto open issue  end */


/***Added by Adarsh login notification - end**/

/** Added by Kanchan pulldown and more actions start **/
.custpullmore430 .menuChoices.menuChoices_1.lastPullDown_1{
    min-width: 165px !important;
    height: 200px;
    overflow-y: scroll !important;
}
.custpullmore430 .more.dropdown-button:after{
right:35px;
}

.custombulk43 .stage3_listingpaneldiv{
overflow:scroll;
}

/** Added by Kanchan pulldown and more actions end **/


.lastlogtext_grey{
  float:none;
}
.hideMoreActions .hasPulldownMenu{
  display:none;
}

/** added by adarsh tax payment start **/

.custcbec .searchsimpletext_paddingleft{    word-break: break-word;}
/** added by adarsh tax payment end **/
/*Added by adarsh start(MANTIS Issue:0000362: Mobile No updation to be disabled from FEBA)*/
.custhide{
  display:none;
}

/*Added by adarsh  end*/

@media only screen and (min-width:1023px){
	#main .row.toprow.parentTable{
	width:96%;
	padding-top:110px!important;
	}
.lhsResp.left-container{
	width: 21%;
	top:5px !important;
	}
.lhsResp.left-container .widget-medium{
	width:92%;
}
.left-container .container-medium_ux5 .widget-content{
	width:100%!important;
}
.right-container{
	width: 25%;
	top: 5px;
	}
 .right-container .widget.widget-medium{
 	width:92%;
 	margin-left: 10px;
    margin-right: 10px;
    height: 354px;
    max-height: 357px;
 	}
 	.right-container .container-medium_ux5 .widget-content{
 	width:100%!important;
 	max-height: 355px;
    height: 354px!important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 	}
 	#paintCalendar.febacal-container.febacal-container-month-widget-ux3{
 	width:96%;
 	}
.center-container{
	width: 58%;
    float: left;
    top:5px;
	}
	.center-container .widget-medium{
	width:100%!important;
	}
.center-container .container-small{
	width:100%;
}
 #DASHR .widget-head{
 display:none;
 	}
 	.welcomeSection{
 	width:98% !important;
 	margin:auto;
 	}
	
}



/** Adarsh changes for login page part2 start **/

#header-logo .header-text{display:none;}
/** Adarsh changes for login page part2 end **/


/** Added by Kanchan for Bill and Payments screen responsivness start**/

/* Register Bill start */

.custbillreg43 .labelcolumnsmall{
width: 100%;
}
.custbillreg43 .labelColumn_combo_brdr_small{
  width: 100% !important;
}

/* Register Bill end */

/* Pay your bill start */
.custpaybill43 .footable-last-column{
text-align: left;
}

.custpaybill43 .leftsimpletextbottom{
color: #757575;
font-family: sans-serif!important;
margin-left: 0px;
margin-top: 24px;
}

.custpaybill43 .labelColumn_combo_small{
margin-left: 13px;
width: 300px;
}
.custpaybill43 .labelColumn_combo_brdr_small{
width: 280px;
}
.custpaybill43 .footable.breakpoint>tbody>tr:first-child>td.footable-last-column:after{
  float:right !important
}

.custregbill43 .labelcolumnsmall{
 width:100%; 
}
/* Pay your bill end */

/* Recharge your mobile start */

.custrecgmob43 .labelColumn_combo_brdr_small{width: 100% !important;}
.custrecgmob43 .labelcolumnsmall.type_MobileNumber{width: 100%;}

/* Recharge your mobile end */

/* View Mobile Recharge Preferences start */

.custmobpref43 .labelcolumnsmall{width: 100%;}
.custmobpref43 .labelColumn_combo_brdr_small{width: 100% !important;}

/* View Mobile Recharge Preferences end */

/* Initiate Utility Bill Payment start */

.custbilltemp43 .labelcolumnsmall{width: 100%;}

/* Initiate Utility Bill Payment start */


/** Added by Kanchan for Bill and Payments screen responsivness end**/



/**Added by adarsh for login popup div links start **/
	.custnpslink{
      background: url(../images/bullet-arrow.png) no-repeat;
    background-position-y: center;
    padding-left: 25px;
}
.custnpsacc{
    padding-top: 6px;
    padding-bottom: 6px;
    list-style-type: none;}

.custom_resetAnswer .linkPageDetails{height:318px;    overflow-y: scroll;}

.custom_resetAnswer .customHeader{height:auto;}
.custom_resetAnswer .stage3_inputpanel_paydetailsrow{height:auto;}

 .anouncementsHeadDiv{   background-position-x: 50%!important; }

/**Added by adarsh for login popup div links end **/

/* Added by Kanchan for PMBY start Mantis #0000425 */

.custserPMBY43 .stage3_Notesdetailslink .simpletext{
    color: #ff0000;
	font-size: 11px;
	font-style: italic;
}

.custserPMBY43 .stage3_Notesdetailslink {
    background-color: #ffffff;
    border:none
   
	} 
	
.custserPMBY43 .stage3_inputpanel_paydetailsrow.nodisplay{
	padding-left: 40%;
	width: 95%;
}
/* Added by Kanchan for PMBY end Mantis #0000425 */

/** Added by Kanchan for Service screen responsivness start **/

/** for Services- New Request -  Accounts - Change Overdraft Limit start **/
.custSerNewReqODLimit43 .labelcolumnsmall{
  width:100%;
}
.custSerNewReqODLimit43 .remarksboxux3{
    width:100% !important;
}
/** for Services- New Request - Accounts -  Change Overdraft Limit end **/

/** for Services- New Request - Accounts -  Offline Swift Payment start **/
.custSerNewReqOffSwiftPayment43 .labelColumn_combo_brdr_small{
width: 100% !important;
}
/** for Services- New Request - Accounts -  Offline Swift Payment end **/

/** for Services- New Request -Deposit Accounts - Break a Recurring Deposit Account start **/
.custSerNewReqRDacc43 .labelcolumnsmall{
  width:100%;
}
.custSerNewReqRDacc43 .remarksboxux3{
width:100% !important;
}
.custSerNewReqRDacc43 .stage3_yellowpanel_Ebux3{
 background-color: #ffffff;
    border:none
}
.custSerNewReqRDacc43 .stage3_yellowpanel_Ebux3 .simpletext{
    color: #ff0000;
	font-size: 11px;
	font-style: italic;
}
/** for Services- New Request -Deposit Accounts - Break a Recurring Deposit Account end **/

/** for Services- New Request -Deposit Accounts - Break Fixed Deposit start **/
.custSerNewReqFDacc43 .labelcolumnsmall{
  width:100%; 
}
.custSerNewReqFDacc43 .remarksboxux3{
   width:100% !important;
}
/** for Services- New Request -Deposit Accounts - Break Fixed Deposit end **/

/** for Services- New Request -Deposit Accounts - Open a Recurring Deposit Account start **/
.custSerNewReqRDOacc43 .labelcolumnsmall{
  width:100%;
}
.custSerNewReqRDOacc43 .remarksboxux3{
  width:100% !important;
}
.custSerNewReqRDOacc43 .stage3_yellowpanel_Ebux3{
 background-color: #ffffff;
    border:none
}

.custSerNewReqRDOacc43 .stage3_yellowpanel_Ebux3 .simpletext{
    color: #ff0000;
	font-size: 11px;
	font-style: italic;
}
/** for Services- New Request -Deposit Accounts - Open a Recurring Deposit Account end **/

/** for Services- New Request -Deposit Accounts - Open Term Deposit Account start **/
.custSerNewReqFDOacc43 .labelcolumnsmall{
  width:100%;
}
.custSerNewReqFDOacc43 .remarksboxux3{
width:100% !important;
}
.custSerNewReqFDOacc43 .stage3_yellowpanel_Ebux3{
 background-color: #ffffff;
    border:none
}

.custSerNewReqFDOacc43 .stage3_yellowpanel_Ebux3 .simpletext{
    color: #ff0000;
	font-size: 11px;
	font-style: italic;
}
/** for Services- New Request -Deposit Accounts - Open Term Deposit Account end **/

/** for Services- New Request -Deposit Accounts -Renew Fixed Deposit start **/
.custSerNewReqRenewFD43 .labelcolumnsmall{
  width:100%;
}
.custSerNewReqRenewFD43 .remarksboxux3{
width:100% !important;
}
/** for Services- New Request -Deposit Accounts -Renew Fixed Deposit end **/

/** for Services- New Request -Operative Accounts - Doorstep Banking start **/
 .custSerNewReqDSB43 .labelcolumnsmall{
     width:100%;
 }
.custSerNewReqDSB43 .remarksboxux3{
    width:100% !important;
}
.custSerNewReqDSB43 .stage3_yellowpanel_Ebux3{
 background-color: #ffffff;
    border:none
}

.custSerNewReqDSB43 .stage3_yellowpanel_Ebux3 .simpletext{
    color: #ff0000;
	font-size: 11px;
	font-style: italic;
}
/** for Services- New Request -Operative Accounts - Doorstep Banking end **/

/** for Services- New Request -Operative Accounts -Open an Account start **/
.custSerNewReqOpenAcc43 .bluelink.searchsimpletext_leftpadding2{
margin-left: 10%;
}
.custSerNewReqOpenAcc43 .labelcolumnsmall{
width: 100%;
}

.custSerNewReqOpenAcc43 .remarksboxux3{
    width:100% !important;
}
/** for Services- New Request -Operative Accounts -Open an Account end **/

/** for Services- New Request -Operative Accounts -Request a Demand Draft Start **/
.custSerNewReqDDreq43 .labelcolumnsmall{
width: 100%;
}

.custSerNewReqDDreq43 .remarksboxux3{
    width:100% !important;
}
/** for Services- New Request -Operative Accounts -Request a Demand Draft End **/

/** for Services- New Request -Operative Accounts -Request New Cheque Book Start **/

.custSerNewReqChkBreq43 .labelcolumnsmall{
width: 100%;
}
.custSerNewReqChkBreq43 .searchsimpletext_paddingleft{
  word-break: break-all;
}
/** for Services- New Request -Operative Accounts -Request New Cheque Book End **/

/** for Services- New Request -Operative Accounts - Stop Cheque Start **/

.custSerNewReqStopChk43 .labelcolumnsmall{
width: 100%;
}
/** for Services- New Request -Operative Accounts - Stop Cheque End **/
/** for Services- New Request -Other Services - View and Update Consumer User Details Start **/
.custSerNewReqVUUserD43 .labelColumn_combo_brdr_download{
width: 87%;
}
.custSerNewReqVUUserD43 .labelcolumnsmall{
width: 84%;
}
.custSerNewReqVUUserD43 .labelColumn_combo_brdr_small{
width: 85%;
}
/** for Services- New Request -Other Services - View and Update Consumer User Details End **/
/** for Services- New Request -Other Services - View and Update Consumer Contact Details Start **/
.custSerNewReqVUContactD43 .labelColumn_combo_brdr_small{
width: 87%;
}
.custSerNewReqVUContactD43 .labelcolnumber_ebux{
    width: 100%;
}
.custSerNewReqVUContactD43 .labelcolumnsmall{
width: 86%;
}
/** for Services- New Request -Other Services - View and Update Consumer Contact Details End **/

/** for Services- New Request -Other Services - Sukanya Samriddhi Yojana Start **/
.custSerNewReqRegSSR43 .labelcolumnsmall{
  width:100%;
}
/** for Services- New Request -Other Services - Sukanya Samriddhi Yojana End **/

/** for Services- New Request -Other Services - Pradhan Mantri Bima Yojna  Start **/
.custserPMBY43 .labelcolumnsmall{
  width:100%;
}
/** for Services- New Request -Other Services - Pradhan Mantri Bima Yojna  End **/

/** for Services- New Request -Other Services - Mobile Banking Registration  Start **/
.custSerNewReqMBR43 .btn {
width:auto;
}
.custSerNewReqMBR43 .h3Srtitle{
height: 33px;
}
.custSerNewReqMBR43 .mbr_message{
  font-size: 13px;
}

/** for Services- New Request -Other Services - Mobile Banking Registration  End **/
/** for Services- New Request -Other Services - MP Fee Collection Start **/
.custSerNewReqMPFee43 .labelcolumnsmall{
width: 100%;
}
/** for Services- New Request -Other Services - MP Fee Collection End **/
/** for Services- New Request -Other Services -Account Transfer Start **/
.custSerNewReqAccT43 .labelcolumnsmall{
width: 100%;
}
.custSerNewReqAccT43 .stage3_previewconfirmdetails>h4:first-child{
    border-top: 1px solid #E0E0E0 !important;
}

/** for Services- New Request -Other Services -Account Transfer End **/

/** for Services - Services Request- My Requests Start **/
.custSerMyReqSearch43.stage3_searchpaneldiv {
height: 18px;
}
.custSerMyReqDivSearch43.stage3_detailspanel{
height: 50px;
}
/** for Services - Services Request- My Requests End **/

/** for Services - Enable/Disable Transaction Access Start **/
.custSerEDTran43 .stage3_previewconfirm_label_column{
width: 40%;
}
/** for Services - Enable/Disable Transaction Access End **/

/** for Services -Government and Tax Payments -Login to E-Filing Start **/

.custSerEFiling43 .labelColumn_combo_small{width:250px;}
.custSerEFiling43 .labelColumn_combo_brdr_small{width:100% !important;}

/** for Services -Government and Tax Payments -Login to E-Filing End **/

/** for Services -Government and Tax Payments -View/Print CBEC Start **/
.custSerVPCBECChallan43 .labelColumn_combo_download{
    width: 25%;
	}
/** for Services -Government and Tax Payments -View/Print CBEC End **/

/** for Services - Services Request- Interest Certificate Start **/
.custSerReqIntCer43.stage3_inputpanel_paydetailsrow .querytextright_stage3 {
padding-left:10px;
}

.custSerReqIntCer43 .labelColumn_combo_small{
width:100%
}

.custSerReqIntCer43 .labelColumn_combo_brdr_small{
width:100%
}
.custSerReqIntCer .labelcolumnsmall {
  width:100%;
}
/** for Services - Services Request- Interest Certificate End **/
/** for Services- New Request - Accounts - All Accounts - Update Nominee Details Start**/

.custUND43 .labelcolumnsmall {
width:100%;
}

/** for Services- New Request - Accounts - All Accounts - Update Nominee Details End **/
/** for Services- New Request - Operative Accounts - Cardless Cash Withdrawal Start **/
.custCLWDamt43.querytextboxmedium{
width: 160px;
}
.custCLWDbmob43.querytextboxmedium{
  width: 160px;
  margin-left: 28px;
  }
/** for Services- New Request - Operative Accounts - Cardless Cash Withdrawal End **/
/** for Services- New Request -Other Services - Atal Pension Yojana- Registration  Start **/
.custAPY43{
height:auto;
}
/** for Services- New Request -Other Services - Atal Pension Yojana- Registration  End **/
/** Added by Kanchan for Service screen responsivness end **/




/** Added by Anamol for Txn 2FA OTP Screen Starts **/
.otpFieldMargin .labelcolumnsearch{
      margin-top:0px;
    }
/** Added by Anamol for Txn 2FA OTP Screen Ends **/
/** Added by Siddhiv start **/
.logo_1{
	    background-size: 235px;
		 margin-top:1px;
}
#timelineImageExpand.timelineExpandIcon{
	visibility:visible;
}
.timelineExpandIcon,.rhsExpandIcon {
    right: 117px;
    top: 130px;
    background: url(../images/expand_button_left.png) no-repeat;
    background-position: 12px 85px;
    border-radius: 0 0 0 5px;
    width: 35px;
    height: 360px;
    position: fixed;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
    cursor: pointer;
    display: block;
    z-index: 100;
    padding: 0px;
}
.timelinetext{
	display:none;
}
#DASHR .widget.widget-xtrasmall{
  padding:20px;
  margin-left:20px;
}
.timelineExpand.right-container{
	z-index:999;
}
.mega-menu .side-nav{
	z-index:1;
}
.rhsWidgetsShowInResp {
    background-color: #F5F5F5;
    position: absolute;
    right: -4px;
    z-index: 999;
    display: block;
    top: -50px;
    bottom: 0px;
    padding-top: 200px;
    padding-left: 20px;
    width: 100%;
    max-width: 280px;
    padding-right: 15px;
}
#DASHL1 .widget.widget-medium
{
height:auto;
background-color:transparent;
}

/** Added by Siddhiv end **/

/** Added by Kanchan for-services- Enable/Disable Tran Start **/
.custDisTran43.formrow {
padding-top:30px
}

/** Added by Kanchan for-services- Enable/Disable Tran End **/

/** Added by Kanchan for Floating Bar Start**/

.timelineExpandIcon{top: 160px !important;bottom: 100px; background-color: rgba(189, 189, 189, 0.03);}	
	
.timelineExpand {
    right: 3%;
}

.timelineExpandIcon{
right: 5.5% !important;
border-radius: none !important;
}

.timelineIcon:before{
content: none;
}

.closeBtn{
    background: url(../images/collapse_button_right.png) no-repeat;
    width: 270px;
    margin-left: 35px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 30px;
    background-color: #fff;
    box-shadow: 0 0px 6px 0 rgba(0,0,0,0.2), 0 0px 1px 0 rgba(0,0,0,0.19);
    background-position: 80px 8px;
    cursor: pointer;
    border-radius: 0;
}	
	
#DASHR .widget.widget-xtrasmall {
padding-left: 0px;
margin-left: 0px;
}
#CESMALL1{
margin-top: 0px !important;
}

.rhsExpandIcon{
    right: 4%;
    top: 210px !important;
    height: 335px;
    bottom: 50px;
    border-radius: 0;
}
.qp-ui-mask-modal_timelineWidget.qp-ui-mask-visible, .qp-ui-mask-modal_rhsWidget.qp-ui-mask-visible{
    margin-left: 3%;
    width: 94%;
}
.postLogin .ui-widget-overlay{
left:auto;
}
/** Added by Kanchan for Floating Bar End **/
/** Added by Kanchan for Services-New Request main page screen Start **/
.queryitalictextwithspace_srnotes{
 margin-right: 60px;
 }   
	
/** Added by Kanchan for Services-New Request main page screen End **/

/** Added by Kanchan for Mantis: #0000486 Start **/
.custForm26ASnav.width79percent_navigationpanel {
    border: 0;
}
custForm26ASsec.section_blackborder {
margin-top: 33px;
}
/** Added by Kanchan for Mantis: #0000486 End **/

/* Added by Shaibee for mantis 0000477 start */
.customarrow .icon-dropdown.autocomplete-icon::before{
display: none;
}
.customarrow input[type="text"].autocomplete-dropdown:disabled {
    color: black !important;
    border: none !important;
}
/* Added by Shaibee for mantis 0000477 end */

/*Added By Kanchan for Mantis #0000520 Start */
/*Added by Dontu Raju for Mantis#949 - start */
.print-preview-button.icon-print.customPrintIcon{
  z-index: 2;
}
/*Added by Dontu Raju for Mantis#949 - end */
/*Added By Kanchan for Mantis #0000520 End */


/* Added by Kanchan for Insta widget - Mantis: 0000533 Start */
.insta-widget-panel.panel .widget-content {
height: auto !important;
}
.left-container .widget-small, .left-container .widget-xtrasmall {
    height: auto;
	width: -webkit-fill-available;
}
.panel-title-block .icon-edit::before{
display: none;
}
#ascrail2009{
display: none !important;
}
/* Added by Kanchan for Insta widget  - Mantis: 0000533 End */

/** Added by Kanchan for Mantis: #0000486 Start **/
.cust26Text{
  padding-left:24%;
}
/** Added by Kanchan for Mantis: #0000486 End **/

/** Added by Kanchan for calendar issue Start **/
.picker--opened .picker__holder{
top:75px !important;
width: 94%;
margin: auto;
}
.rhsExpandIcon{
background-color: rgba(189, 189, 189, 0.03) !important;
}
/** Added by Kanchan calendar issue End **/
/** Added by Kanchan for Mantis: #0000233 Start **/
.customDateTimeDisplay {
padding-left: 1%;
background-color: #ff6633 !important;
}
/* div#main {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	} */
.footer-wrapper {
	margin-top: 0px;
}
/** Added by Kanchan for Mantis: #0000233 End **/
/** Added By Siddhiv **/
[type="radio"][disabled] + span:before{
  border:2px solid #E0E0E0;
}
[id$='BrdCrumbNImg']{
  width:95%!important;  
}
[id$='CP_BANK_NAME'].labelcolumnsmall,[id$='CP_BRANCH_NAME'].labelcolumnsmall,[id$='CP_CITY'].labelcolumnsmall{
  margin-top:9px;
  /** Added by Shaibee for Mantis:  #1599 Start **/
  width: auto;
  /** Added by Shaibee for Mantis:  #1599 end **/
}
/** Added by Kanchan for Mantis:  #0000697 Start **/
.autocomplete-dropdown:hover + .toolTip{
 visibility:visible;
  opacity:1;
  transition:all 0.2s ease 0.5s; 
}
/** Added by Kanchan for Mantis:  #0000697 End **/

/** Added by Kanchan for SSY responsivness start */
.custViewSSYstat43.section_blackborder {
width: 99.85%;
border: 1px solid #E0E0E0;
}


.custViewSSYstat43 .greybgtxtbox {
width: auto !important;
}

/** Added by Kanchan for SSY responsivness end */

/** Added by Kanchan for Mantis:  #0000531 Start **/
#ParentDiv_RetailUserDashboardUX5_CIWS__1.widget.widget-medium,#ParentDiv_RetailUserDashboardUX5_W98__1.widget.widget-medium{
width: 100% !important;
}
/** Added by Kanchan for Mantis:  #0000531 End **/
/** Added by Kanchan Start **/
.stage3_steptracker_mandatory{
	color: #ff0000;
}
.redstar {
    color: #ff0000;
}
.postLogin .widget .errorDisplayStyle{
  width:100%;
}
/* .postLogin .groupletSubsection1width100percent .widget [id$='MessageDisplay_TABLE'], [id$='MessageDisplay_TABLE_1'], [id$='MessageDisplay_TABLE_2'], [id='MessageDisplay_TABLE']{
  width: 96% !important;
} */


/** Added by Kanchan End **/
/** Added by Kanchan for Mantis:  #0000825 Start **/
.hasPulldownMenu .waves-effect {
    margin: 5px 12px 3px 0px;
}
/** Added by Kanchan for Mantis:  #0000825 End **/

/**Added by rakesh mantis 707 start **/


.custViewSSYdate input[type=text]{
  color: black;
}
/**Added by rakesh mantis 707 End**/

/* Added by kanchan - Account Access- mantis 1008 Start */
.stage3_inputpanel_leftcontainer.custAccAccessPadding{
padding-bottom: 28px;
}
/* Added by kanchan  Account Access- mantis 1008 End */

.leftColumnStyle.loginPanelColumnDetailStyle a img{
height: 25px;
    padding-left: 7px;
}


* Added By Kanchan Mantis 545 Start */
.custArcotMob .loginPanelColumnDetailStyle4{
margin-top: 15px;
}

.custArcotMob .loginPanelTextboxStyle{
width: 35%;
border-bottom: 1px solid #E0E0E0;
}

.custArcotMob.loginrow{
padding-left: 35%;
}
.custRefid .loginPanelColumnDetailStyle4{
margin-left: 90px;
}

.custRefid .loginPanelColumnDetailStyle4{
margin-top: 15px;
}
.custArcotOTP .loginPanelColumnDetailStyle4{
margin-top: 15px;
}
.custArcotOTP .loginPanelColumnDetailStyle4{
margin-left: 90px;
}


/* Added By Kanchan Mantis 545 End */

/**Added by Shaibee mantis 747 start **/


.custdel input[type=text]{
  color: black !important;
}
/**Added by Shaibee mantis 747 End**/

.sideheading_align.custCBDTHeading{
  font-size:20px !important;
}


/* Added By Kanchan - Mantis 137 Start */
.txt_boxnew.customDateTimeDisplay{
  /* margin-top: 64px !important; */
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/* Added By Kanchan - Mantis 137 End */

/* Added By Sarika.K - Mantis ASBA Start */

 .custASBAinput input[type=text]{
  width: 100%
}

/* Added By Sarika.K - Mantis ASBA End */

[id$='W50__1_Title'] .menuTitle{
  display:none;
}
[id^='wrapper_'].sub,.displayBlock{
  display:block!important;
}
.visibilityShow{
  display:block!important;
  opacity:1!important;
}
/* .blockUI.blockOverlay{
  width:96%!important;
}
 */

[id$='-hr']{
  display:none!important;
}

/* Added by Kanchan - Mantis 981 start */
.h3new.custSnap43{
background: #ff6633;
color: #fff;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.11);
}
#Fiza_parent_SITM #ID_SITM{
display: none;
}
.custSnapdiv43 .stage3_inputpanel_leftcontainer{
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.11);
}

/* Added by Kanchan - Mantis 981 end */
.customTableListPadding .HW_tableheading, .customTableListPadding .listgreyrowtxtleftline{
  padding-left: 20px;
}

.customTableListPadding .status_icon_logo{
  padding-left:25px;
}
/** Added by Kanchan for Mantis:  #0000737 Start **/
.rightRoundCorner{
display: none;
}
#ml-menu .logo{
 height: 50px;
 width: 200px; 
}
.icon-search.searchIconLinkLower.searchIconLowerRes{
  display:none!important;
}

/** Added by Kanchan for Mantis:  #0000737 End **/
#main .row.toprow.parentTable.reduceTop{
  padding-top: 25px !important;
}
.snapLinkRow{
	margin: 20px 20px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	padding: 5px;
	display: flex;
}

.snapLinkCol{flex: auto;}

.snapLinkCol a{color: #ff6633;}
.snapLinkCol a:hover{font-weight:bold;}
/** Added by Kanchan for Mantis:  #0000521 Start **/
/* Commented by Siddhiv for DASHC55 can be dynamically assigned to any widget 
#DASHC55 table .HW_head_outerdiv {
height: 50px;
}
*/

#DASHC55 .HW_tabletextwithpadding_new {
	background-color: #FFF;
	border-left: none;
}


#DASHC55 .tableheader_nosort {
     color: #757575;
     font-size: 14px !important;
     font-weight: 500 !important;
     font-family: roboto-medium, OpenSans, Arial, Helvetica, sans-serif !important;
}

#DASHC55 .searchsimpletext_new {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: black !important;
}

#DASHC55 .HW_tabletextleft_new {
background-color: #fff;
}

.dashboardSection .next-genbrdr {
border-left: none!important;
}
/* Commented by Siddhiv for DASHC55 can be dynamically assigned to any widget 
#DASHC55 table td .hwgreentxt , #DASHC55 table td .hwblacktxt{
color: black !important;
}
*/
/** Added by Kanchan for Mantis:  #0000521 End **/
.stage3_inputpanel_leftcontainer.customFatcaUI  {
		  
    width: 88% !important;
    margin-top: 6%;
    margin-left: 6%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 80px !important;
}
/* html, body{
  height: -webkit-fill-available;
} */

.mega-menu div.mega-menu-list-wrapper ul.sub-menu {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.11);
}
#footer {
    box-shadow: inset 0 12px 13px 0px rgb(0 0 0 / 31%), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.print-preview-button, .print-help-button {
    margin-right: 26px;
}


/* Added by Karan for MANTIS: 193 Start */

.customEnableDisableRadio .span-radiobutton{
	margin-left: 67%;
	top: -7px;
}


/* Added by Karan for MANTIS: 193 End */

/* Added for Mantis 1374  Start*/
.notesSection .simpletext{
  color:red;
}
.notesSection{
  border-right:1px solid #E0E0E0;
  border-bottom:none;
  width: 99.85%!important;
}
.custom_styles textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"]{
  color:#000;
  border:none !important
}
.custom_styles{
  border-bottom:none;
}
/* Added for Mantis 1374  Start*/

/* Added by anamol for securty qna change Starts*/
[type="checkbox"] + label.qnaCheckbox{
  float:left;
  top:0px;
  margin-left:10px;
}
.customQnA .querytextleft{
  width:48%;
}
.customQnA .labelColumn{
  width:75%!important;
}

/* Added by anamol for securty qna change Ends*/
/* Added By kanchan start */
.stage3_inputpanel_paydetailsrow.customRadioUND, .widgetInstaNotes{
  display:none !important;
}
#linksTable.collapsible{
  box-shadow:none
}
/* Added By kanchan end */
/*  Added by Siddhiv for Mantis 1139 Start */
div#main{
overflow : initial !important;
}
/*  Added by Siddhiv for Mantis 1139 End */

/* Added by Siddhiv for Fatca fields alignement Start */
.customFatcaDetails .querytextleft{
  padding : 12px 1px 1px 1px;
}
.customFatcaDetails .labelcolumncombosmall{
  height:19px;
  line-height:0.69em;
  padding: 7px 0px 5px 2px;
}
.customFatcaDetails .labelColumn{
      margin-left: 5px;
      padding-left: 0px;
      width: 50%!important;
}
.customFatcaDetails .querytextright{
  width: 60%;
  display: inline-block;
}
.customFatcaDetails .labelColumn_combo_small{
    width: 50%;
}
.customFatcaDetails .labelColumn_combo_brdr_small{
  width:100%;
}
.customFatcaDetails .labelcolumncombosmall {
    width: 99%;
}
/* Added by Siddhiv for Fatca fields alignement End */



.custloginlink{
      background: url(../images/bullet-arrow.png) no-repeat;
	background-position-y: center;
    padding-left: 25px;
}

/* Added by Kanchan for Prelogin Start */
.popupDivFont{
  font-size:13px;
}
.linkDiv  p, .linkDivS  p , .linkDivL  p, .linkDivF  p{
  padding:5px;
}

.infoHeading.center{
      padding-bottom: 25px;
}

/* Added by Kanchan for Prelogin End */  


div[id^="CorpSnapShotUX5_STATIC"] .blockUI.blockMsg.blockElement {
  top: -56px !important;
}


/* Added by Karan for Mantis: 603 Start */

.hide_ok .btn {
	display:none;
}

/* Added by Karan for Mantis: 603 End */



.hide_keyboard .ui-keyboard {
	
	visibility:hidden;
}

.showcontinue .loginPanelInputDetailsrow .stage3_searchpanelrow {

       padding-bottom: 45px;

}




/* Added By kanchan - Keyboard Accessibilty start */
a:focus{
   font-weight:bolder; 
  
}
.icon-notification.focusedEle , .icon-mails.focusedEle{
  font-weight:500;
  font-size: 30px;
}
.botRightNav :focus{
  outline: 2px solid #ff6633;
}
.botRightNav1 :focus{
  outline: 2px solid #ff6633;
}
/*
.custBlurLogin43 .transparentBackground{
 left: -4%;
} */
.personNameCaret.focusedEle:after{
  font-size:20px;
}   
.logoutLink.focusedEle{
  font-size:28px;
}
span.personalizeDashLink:focus{
  font-size: 16px;
}
a.groupletButtons.icon-close{
  display:none;
}
.focusedEle input[type="submit"]{
  font-weight:bold;
  font-size:16px !important;
}
/* Added By kanchan - Keyboard Accessibilty end */
/* Added by Kanchan for Mantis: 577 Start */
.leftColumnStyle.loginPanelColumnDetailStyle.alignKeyboard .ui-keyboard.keyboard-container.ui-keyboard-has-focus{
left: 317px !important;
}
/* Added by Kanchan for Mantis: 577 end */
.custrow a,a b {
    color: #ff6633 !important;
}
a.black{
  background-color: transparent !important;
}
.mainTitle{
      text-align: center;
}
.print-preview-button.icon-print.tncPadding{
  padding-right:30px;
}

/* Added by Kanchan for Grey Scaling Start */
/* Button Design Start */
.darkButton{
    background: #222;
    border: none;
    color: #fff;
    position: relative;
    padding: 3px 5px;
    bottom: 10px;
    cursor: pointer;
}
	
.standardButton{
    background: #e0e0e0;
    border: none;
    color: #222;
    padding: 3px 5px;
    position: relative;
    bottom: 10px;
    cursor: pointer;
}
.darkButtonLogin{
	width: 24px;
    background: #222;
    border: none;
    color: #fff;
    height: 24px;
	}
	
.standardButtonLogin{
    width: 24px;
    background: #e0e0e0;
    border: none;
    color: #222;
    height: 24px;
}
/* Button Design End */
/* To remove focus from cross icon */
button:focus{
  background-color:transparent;
}
.darkButton:focus{
	border:2px solid #ff6633;
}
.standardButton:focus{
	border:2px solid #ff6633;
}
/* Added by Kanchan for Grey Scaling End */
 #printpopup img{
     width: 200px;
 }

#notifyBox.widgetBar_W7_holderDiv_Container{
  height:auto;
}
.widgetBar_W7_holderDiv_Container #widgetBar_W7_holderDiv .widget-content{
  min-height:auto;
}
.searchsimpletext_txnAlerts{
  color:#ff6633;
}
.customReject .stage3_inputpanel_paydetailsrow{
float:none;
height:32px;
}
.customReject .searchsimpletext{
padding-left:30px;
}

/* Added by Karan START Date: 19 March 2020 */

.fd_click .searchsimpletext.pointer{
    
    color:#ff6633 !important;
   
}

.rd_click .searchsimpletext.pointer{

    color:#ff6633 !important;
}


/* Added by Karan END Date: 19 March 2020 */
/* .customUNAccLength .labelColumn_combo_small{
    width: 350px;
}
.customUNAccLength .labelColumn_combo_brdr_small{
width: 100%;
} */
.wrapper_bkgcolor {
    background-color: #f5f5f5;
}
.custDisDF .labelColumn_combo_brdr_small input[type="text"].autocomplete-dropdown:disabled {
color: black !important;
border: none !important;
}

.custDisDF .icon-dropdown.autocomplete-icon.disablePointerEvents::before{
	display:none;
}
.custANheight .remarksboxux3{
  min-height: 2rem;
}

.custPrintHide.icon-print:before,.custPrintHide#rhsImageExpand{
  display:none;
}

.custExtWidth.pageLeftContainer{
    width: 100% !important;
}
.custSSALalign .stage3_previewconfirm_label_column{
	margin-top: 8px;
}
#lastLoginMessage_1{
	display:none;
}

.customFieldValue{
float:left;
margin-top:12px;
}


/* Added by shaibee for issue 1556 start */

.custom_unblockTxnPwd1 .querytextleft_width100percent_withtextalignleft{ 
    border-left:none;
    padding: 7px 1px 7px 1px;
}

.custom_unblockTxnPwd1 .queryitalictext{
  font-style:normal;
  padding-left:70px;
  padding-bottom:6px;
}
.custom_unblockTxnPwd1 .workflow{
  display:none;
}
.custom_unblockTxnPwd1 .querytextleft{
  width:50%;
}
.custom_unblockTxnPwd1 .querytextright{
  display:inline-block;
}

.custom_unblockTxnPwd1 .labelColumn_nextgen_tran{
  width:100%;
}
.custom_unblockTxnPwd1 .labelColumn_nextgen_tran input[type=password]{
  height:1.5rem;
}


/* Added by shaibee for issue 1556 end */
/* Added By Kanchan for Mantis 1528 Start */
.listtopbigbig{
	background: #fff;
	border-bottom: 1px solid #BDBDBD;
}

.slno{
	background: #fff;
}
.tableheader_nosort{
	color: #757575;
	font-size:14px;
	font-weight: 600;
}
/* Added By Kanchan for Mantis 1528 End */

/** Added by Shaibee for Mantis:  #1599 Start 24-04-2020 **/

.adhoccpnetworkbankidentifierrow .labelColumn_text_brdr_toosmall{
  width: 168px !important;
}
.adhoccpnetworkbankidentifierrow .labelColumn_text_brdr_toosmall .labelcolumntexttoosmall{
  width:100% 
}
 
  /** Added by Shaibee for Mantis:  #1599 end **/
  
#ParentDiv_RetailUserDashboardUX5_W98__1 .mwidlistwhiterow_new + div{
  overflow-x:auto;
}



#sliderImage_2, #sliderImage_3,#sliderImage_4,#sliderImage_5,#sliderImage_6 {

       display:none;

}
.custpullaccsummary table.table tbody.listrowwrapper:nth-child(5){
  display:none;
}
.customConsolidateChange table.table tbody.listrowwrapper:nth-child(5){
  display:none;
}
#complaintPortalCap,#tollFreeNumberCap,#timingsCap{
    color:#757575!important;
}
#complaintPortal,#tollFreeNumber,#timings{
    color:#ff6633!important;
}


/* Added By Kanchan for footer links Start */

 

.footerLinkPageDetails {

       margin-left: auto;
		width: 82%;
    margin-right: auto;
    height: 500px;
    margin-top: 7%;
    position: relative;

       background-color:rgb(255,255,255);

       border-radius: 10px;

       padding:20px;

       box-shadow: 2px 2px 10px #2d1f16;

}

.mydiv{

height:450px;

overflow:auto;

text-align: justify;

text-justify: inter-word;

padding-right:10px;

color:black !important;

}

 

.postLogin #footer .wholePage{
width:94%;

}
          

.mydiv pre ,.mydiv ul,.mydiv p{

color:black !important;

text-align: justify !important;

white-space:pre-wrap;

}

 

#ascrail2006{

       z-index:0!important;

}

/* Added By Kanchan for footer links End */

 .querytextright_stage3.customChangePersonalMsg input{
	color:black; !important;
	border-bottom:none!important;
}
.querytextright_stage3.customChangePersonalMsg  .icon-dropdown.autocomplete-icon{
	display:none;
}
.HW_formbtn_img.HW_formbtn_imgOTP{
 float:none;
}

.HW_formbtn_img.HW_formbtn_imgOTP .waves-effect.waves-light.reset-btn.btn.waves-input-wrapper{
  left:-21%;
}
/* Search on top of favorite bar bg mask*/
.stage3_searchpanel_detailsdiv.custom-collapsible-wrapper{
  z-index:1;
}

/* Added by Kanchan Start */
#sessionExpiryTime,.lastlogtext_blue{
	color:#ff6633;
}
.headertext_lastlog,#sessionTimeoutText{
	color: #757575;
    font-size: 13px !important;
}
#channelInfo{
	display:none;	
}
.session_details{
  font-weight:bold !important;
}
/* Added by Kanchan End */

#complaintPortalCap,#tollFreeNumberCap,#timingsCap{
    color:#757575!important;
}

div[id^='ascrail']{
  display:none!important;
}

.tab-link.tabmenudisabled{
       color:#bdbdbd!important;
}

/*Added by Vivek for Mantis 1215- Start*/
 .simpletextgrey{
    border-bottom: none !important;
    color: grey !important;
    margin-top: 11px !important;
	} 
	/*Added by Vivek for Mantis 1215- End*/
	
#SOUNDCAPTCHA{
  color:#ff6633;
}

.fileBrowseButton{
	width:70px !important;
}
table.multiTableHeading > tbody:hover, table.singleTableHeading > tbody:hover{
  background-color: #EEEEEE;
} 

/*  Added by Lalitha for mantis 2438 start */
[id='PageConfigurationMaster_FTFOWNW__1:loanOptions']{
         display:none;
       }
       /*  Added by Lalitha for mantis 2438 end */
	   
 
#span_HREF_MenuSearch{
	display:none;
}
.notifyBox{
	right: 11.5%;
}
.alertBxArrow.notifyArrow{
	right: 141.766px;
}
.customdrop{
	bottom:5px;
}

/* Changed by Rahul for Location Label  */
.topRow.custrow label {            
	padding: 10px;
	font-weight: bold;
	color : black;   
}

/* Added by Rahul for Location highlight on focus  */
#selectgo:focus{
	border: 2px solid #ff6633;
}

.customCancelBtn{
  padding-left:40px !important;
  padding-right:40px !important;
}
.customCancelBtn.login_button{
  padding-left:50px !important;
  padding-right:50px !important;
}
#header-logo img{   
	width: 330px;
    height: 75px;
    padding-top:10px;
}
.btn.tabButtonStyleActive{
  background:#fff;
  border-bottom: 3px solid #ff6633;
    color: #ff6633 !important;
}
.btn.tabButtonStyleInactive{
  background:#fff;
}
.customCaptchaSection .leftColumnStyle.loginPanelColumnDetailStyle:nth-child(1){
  width:15%!important;
}
.customCaptchaSection .leftColumnStyle.loginPanelColumnDetailStyle:nth-child(2){
  width:60%!important;
  margin-left:5px;
  display: flex;
}
.customCaptchaSection{
padding-bottom:0px;
  padding-top:5px;
}
/* new post login footer start */
 .postLogin #footer{
    padding: 0px 0px 20px!important;
}
.postLogin .footer-links{
	padding-left:20px;
	padding-top: 15px;
}
.postLogin .copyright{
	padding-right:20px;
	padding-top: 15px;
	font-weight:bolder;
    font-size:15px !important;
}

/* Changed by Rahul for Color Contrast change */

.postLogin .footer-wrapper {
    background-color: #fff;
    color:#F26B3F;
}

.postLogin .footer-wrapper .footer-links a {
    color: #F26B3F !important;
    font-weight:bolder;
    font-size:15px;
}

.postLogin .footer-wrapper .footer-links a:hover,
.postLogin .footer-wrapper .footer-links a:focus {  /* Added by Rahul for post login footer focus visibility  */
	color : #FF4000 !important;
	font-size: medium;
}
/* End of Color Contrast change */


.mydiv{
  font-size:13px !important;
}

/* new post login footer End */
#name_header{
display:none;
}
.name_ProfileBx.salutation{
  font-weight:bold !important;
} 
.footerLinkPageDetails.contactUsStyle{
  height:250px;
  margin-top:18% !important;
}

.ActiveMenu,.InActiveMenu{
  font-weight: bold;
  color:rgb(255,066,033)!important
}
.ActiveMenu:hover,.InActiveMenu:hover{
  font-weight:normal;
}
div[id$='collapse'].width100percent{
  background-color:#fff;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.custSnapdiv43{
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}
table.controlOptionTableStyle td {
    padding: 5px 5px;
}
hr.controlOptionHrStyle{
  margin:0px;
}
.step-tracker .step-tracker-head-content .step-status .step-number1,.step-tracker .step-tracker-head-content .step-status .step-tick-icon1{
  background-color:rgb(255,066,033,0.8);
}
.stage3_listingpaneldiv h2.notopborder.h3newsideborder{
  height:25px;
}
.widget .menuChoices ul li a{
 padding:5px;
}
a.bluelink{
  color:rgb(255,066,033);
}
.bluelink:hover, .bluelink_updatelink:hover, .bluelink_updatelink:hover{
color:rgb(255,066,033);
}
[id$='hideAccNum']{
 display:none;
} 
.customRowAlign{
  margin-bottom:0px;
}
.autocomplete-suggestion{
color: #ff6633;
}
.customCompositeFields .simpletext{
  padding-right:5px;
}
/* Added By Prashant Kumar Start */
.custom_hide_row {
	display: none !important;
}

.custom_hideLabel {
	display: none !important;
}

.custom_simpletext {
	margin-top: 12px !important;
}

/* Added By Prashant Kumar END */
.leftMenu,.rightMenu,.CollapsibleButtonImg{
  background: #ff6633 !important;
}
.hwredtxt.total-field{
  float:none;
}
.CollapsibleButton {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}
.footable.breakpoint>tbody>tr:first-child>td.footable-last-column:after{
	padding-left:10px;
}
.searchsimpletext_common, .searchsimpletext_ellipse, .searchsimpletext_ellipse_arrow{
  white-space: normal;
}
/* Added By Sarika.K for Mantis 2505 Start */
.customTaxTableStyle{
  background: none;
}
.customTaxTableStyle .stage3_previewconfirm_details_column{
  width:50%;
  margin-right:0px;
  text-align:center;
}
.customTaxTableStyle h3{
  border-bottom:1px solid #E0E0E0  
}
/* Added By Sarika.K for Mantis 2505 End */

.stage3_inputpanel_paydetailsrow.timerStyle{
text-align:center;
}

.collapseMenu:after{
  content:"\002B";
  color: #fff;
  font-size: 15px;
  font-weight: bolder;
  line-height:0px
  }
.expandMenu:after{
  content:"\002D";
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  line-height: 0px;
}
.bluelink_updatepreflink {
	color:#ff6633;
	}
.profileBox_inner{
	overflow-y: auto;
}
.resendText{
	display:none;
}



/*Added by Lalitha for Mantis 2665- Start*/
	
.Custom_Channel_Type input{
  color: #000 !important;
}
.Custom_Channel_Type .autocomplete-icon{
  display:none ;
}
/*Added by Lalitha for Mantis 2665- End*/
.disclaimerClass:after{
  content: "\e918";
    font-family: icomoon;
    font-size: 12px;
    font-style:normal !important;
    font-weight:bold!important;
    color: #ff6633;
}
.more.dropdown-button:after{
 color:#ff6633;
 font-weight:bold;
}
/* Added for Help Section Start */
.footerLinkPageDetails.helpStyle {
  height: 250px;
  margin-top: 18% !important;
  width: 55%;
  }
  
#help{
 font-size: 21px;
  font-weight: bolder;
  padding: 15px;
  color:#ff6633;
  }
 #help:before{
  content: "\e944";
  font-family: "icomoon" !important;
}
#help:after{
  content: "Help";
  font-size: 12px;
}
 .helpicon{
  cursor: pointer;
  bottom: 5px;
  position: relative
 }

 
 /* Added for Help Section End */
.printwrapper 
{
  width:96%
}
.bluelink_outputField,.bluelink_outputField:hover{
  color:#ff6633;
}
#footer.printFooter{
  display: none;
}
.custom_availbal{
 color:green !important;
}
/* Added for mantis 3098 Start */
.linkPageDetails .step-status,.linkPageDetails .step-text{
  text-align: center;
}

.custwidthUserId{
width:55% !important;
}
.rtp_previewconfirm_details_column.custwidthUserId input[type=text],.rtp_previewconfirm_details_column.custwidthUserId input[type=password] {
height: 15px;
}

.cust .custwidthUserId .labelColumn_combo_brdr_small{
width: 176px;
}

.cust .custwidthUserId .labelColumn_combo_brdr_small input[type="text"].autocomplete-dropdown {
height: 30px;
padding-bottom: 5px;
}
/* Added for mantis 3098 End */
 /* Added for UX5 Calendar Start*/
@media only screen and (min-width: 900px){
  .calender-container {
    width: 100%!important;
}
.event-info {
    width: 100%!important;
    border-left:none;
    padding: 5px;
}
}
.reset-bottom-margin.event-wrapper{
  border:none;
}
.dncalendar-header h5{
  background:#fff;
  color:#ff6633;
  font-size:15px!important;
  font-weight:bold!important;
}

/* Default color for arrow icons */
.dncalendar-header .dncalendar-links .dncalendar-next-month::after,
.dncalendar-header .dncalendar-links .dncalendar-prev-month::after {
  color: #ff6633;
}

/* Updated by Rahul Highlight on hover and focus */
.dncalendar-header .dncalendar-links .dncalendar-next-month:hover::after,
.dncalendar-header .dncalendar-links .dncalendar-prev-month:hover::after,
.dncalendar-header .dncalendar-links .dncalendar-next-month:focus::after,
.dncalendar-header .dncalendar-links .dncalendar-prev-month:focus::after {
  color: blue;
}


.dncalendar-body thead{
  border-bottom:none;
}
.dncalendar-body tbody td .entry{
  padding:5px 0;
}
.dncalendar-body thead th{
  font-size:13px!important;
}
.calBottomLegend,.calDescDivider{
  display:none;
}
.watermark.calNoEvent_Detail{
  padding:0px;
  height: auto;
  text-align: justify;
}
.event-info .event-desc-header{
  font-size:15px;
  padding: 0px;
}
.event-info .brief-info{
  padding: 6px 0px;
  font-size: 14px;
  line-height: 18px;
  color:#000;
}
.event-info .info-list{
  padding:0px;
  margin:auto;
  height: auto!important;
    min-height: auto;
}
.dashboardSection .widget a.modal-trigger{
  color:#ff6633;
}
.dncalendar-body thead th.holiday,.dncalendar-body thead tr th.tableColSep{
  color:#757575!important;
}
.dncalendar-body table td.calendarClick.note .entry.febacal-monthDay{
  border:2px solid #ff6633 !important;
  border-radius: 50%;
}
.calendarClick div.selected-date{
  border:2px solid #000 !important;
  border-radius: 50%;
}
.dncalendar-body table td.calendarClick.note:before{
  display:none;
}
.calendarClick .calendar-today{
  border:none !important;
}
/* Added for UX5 Calendar End*/
/* Added for mantis 257 Start */
table td a {
  color: #ff6633 !important;
}
.menuChoices_1 {
  min-width: 400px !important;
}
.widget .menuChoices ul li a {
  width: auto;
  white-space:inherit;
  }
.widget .menuChoices ul li{
    width: 200px;
  }  
/* Added for mantis 257 End */ 

.customTncSection{
	display:flex;
}
.customTncSection .tnccheckboxRowset{
	width:3%;
	padding-left:5px;
}
.customTncSection .tncRowset{
	text-align: justify;
	padding:10px;
}
.tncRowset .simpletext{
  color:#000;
}
.tncRowset [id$='caption2Amt'],.tncRowset [id$='caption4AccNum'],.tncRowset [id$='caption6InterestRate'],.simpletext.accountIdTnc{
  font-weight:bold;
  color:red;
}


/* Added By Ashwini for kerala challan  Start */

.challanDetailsSection{
  display:flex;
}
.challanReceiptStyle{
  background-color: #f7efde;
    border: 1px solid #C0C0C0;
    width:70%;
    margin-left:auto;
    margin-right:auto;
}
.customRedirectSection{
       width:70%;
    margin-left:auto;
    margin-right:auto;
}
.challanReceiptStyle .formrow_withPadding{
  padding-right:0px;
} 
.topSection{
  text-align:center;
}
.customRowHeader{
  text-align:center;
}
.topRowset{
  border-bottom:1px solid #C0C0C0;
}
.challanDetailsSection .customChallanDesign:nth-child(1){
  border-right:1px solid #C0C0C0;
}
.customChallanDesign .querytextleft_withpadding{
  text-align:left;
  border-right: 1px solid #C0C0C0;
  padding: 0px;
  width: 55%;
}
.customChallanDesign .formrow_withPadding{
  border-bottom:1px solid #C0C0C0;
  padding-top: 0px;
  line-height: 25px;
  margin: 0px;
}
.customChallanDesign .blankfield{
  border-bottom:none;
}
.customChallanDesign .querytextright{
  padding:0px;
}

.challanDetailsSection .simpletext{
	color: black;
    font-size: 12px;
}

.challanDetailsSection .simpletext_sideheading{
    color: black;
    font-size: 12px;
}

.challanDetailsSection .simpletext{
       color: black;
    font-size: 12px;
    font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif !important;

}

.challanDetailsSection .simpletext_sideheading{
    color: black;
    font-size: 12px;
  font-family: roboto-regular, OpenSans, Arial, Helvetica, sans-serif !important;

}

.customChallanDesign .notaxborder{
	border-bottom: none;
}

.uptaxborder{
       border-top: 1px solid rgb(192, 192, 192);

}
/* Added By Ashwini for kerala challan  End */


.customRemarksHide .Remarks_style{
	display:none;
}
/* Added By Kanchan for MP challan - 1507  Start */
.topHeader{
background-color: #f7efde;
border-top: 1px solid #C0C0C0;
}
.chllanMPleftrow{
border-right: 1px solid #C0C0C0;
  margin-top: 0px !important;
  padding: 10px !important;
}
.customMPchallanStyle .stage3_previewconfirmdetails {
  border-top: 1px solid #C0C0C0;
  }
 .customMPchallanStyle .simpletext {
  color:black;
  font-size: 12px;
}
.customMPchallanStyle,.customMPRedirectSection{
  width:80%;
  margin-left:auto;
  margin-right:auto;
}
 /* Added By Kanchan for MP challan -1507  End */ 
 .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
overflow-x: hidden;
}
 .ui-menu-item-wrapper, .ui-menu-item-wrapper:hover{
color:#ff6633;
}
label.active {
  color: #ff6633;
}
/* Added for Tamilnadu Road Transport Start */
.customTNNSec1 .stage3_previewdetailsrow,.customTNNSec2 .stage3_previewdetailsrow{
  border-bottom:1px solid #C0C0C0;
  margin-top:0px !important;

}
.customTNNSec1 .stage3_previewconfirm_label_column,.customTNNSec2 .stage3_previewconfirm_label_column{
  padding-top:10px
}
.customTNNSec1 .stage3_previewconfirm_label_column:nth-child(1),.customTNNSec2 .stage3_previewconfirm_label_column:nth-child(1),.customTNNSec2 .stage3_previewconfirm_label_column:nth-child(2){
  border-right:1px solid #C0C0C0;
  width:30%;
  text-align:center
}
.customTNNSec1 .simpletext,.customTNNSec2 .simpletext,.customTNNSec2 .searchsimpletext_sideheading{
  color:black;
}
/* Added for Tamilnadu Road Transport End */

/* Added for Customs Summary Page Start*/

.customTableAlignment div.width100percent,.customTableAlignment .pagination-wrapper{
  width:60%;
  margin-left:auto;
  margin-right:auto;
}

/* Added for Customs Summary Page End*/

.customDepositBalance span:nth-child(1),.customDepositBalance span:nth-child(2),.customDepositBalance span:nth-child(3){
  display:inline-block;
  width:auto;
}
.customDepositBalance span:nth-child(4).simpletext{ 
  display:block;
  line-height:0px;
}

.challanReceiptStyle .customtable table.singleTableHeading .HW_head_outerdiv,.challanReceiptStyle table.singleTableHeading .listrowwrapper{
  background-color:#f7efde;
}
.challanReceiptStyle .customtable table.singleTableHeading .listrowwrapper>tr:hover{
  background-color:#f7efde;
}
.challanReceiptStyle .customHeadingSection{
  background-color:#ffffff;
   display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.displayFlex{
 display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.width30percent{
  width:30%;
  border-right: 1px solid #C0C0C0;
}
.width70percent{
  width:70%;
  text-align: center;
}
.challanReceiptStyle .customTNNSec1 .stage3_previewconfirm_label_column{
  padding-right:0px;
  margin-right:0px;
  text-align:left;
}
.customTNNSec1 .dataColumn{
  padding-left:5px;
  width:65%;
}
.floatLeft{
float:left;
}
.width10percent,.challanReceiptStyle .customtable .HW_tabletextwithpadding:first-child,.challanReceiptStyle .customtable .HW_textwithpadding:first-child{
  width:10%;
  border-right: 1px solid #C0C0C0;

}
.width20percent,.challanReceiptStyle .customtable .HW_tabletextwithpadding:nth-child(2),.challanReceiptStyle .customtable .HW_textwithpadding:nth-child(2){
  width: 20.1%;
  border-right: 1px solid #C0C0C0;
}
.width45percent,.challanReceiptStyle .customtable .HW_tabletextwithpadding:nth-child(3),.challanReceiptStyle .customtable .HW_textwithpadding:nth-child(3){
  width:45%;
  border-right: 1px solid #C0C0C0;

}
.width15percent,.challanReceiptStyle .customtable .HW_tabletextwithpadding th:nth-child(4),.challanReceiptStyle .customtable .HW_tabletextwithpadding td:nth-child(4){
  width:10%;

}
.paddingFloat{
	float:left;
	padding-top: 5px;
    padding-bottom: 5px
}

.customtable .searchsimpletext {
    float: none;
}
@media screen and (max-width: 540px) {
	.customLoginHeader .header-main {
		padding: 18px 5px;
	}
	#header-logo img {
		width: 280px;!important;
		height: 88px;
	}
#ml-menu .logo
{
height: 45px;
width: 276px;
padding-top: 10px;
padding-left: 10px;
}


}

@media screen and (min-width: 541px) {
	#header-logo img {
		width: 240px !important;
            height: 87px;
	}
}