@charset "UTF-8";
/*
* This file contains styles which are very specifically used for rendering the horizontal layout in application. 
* Individual JSPÆs which need horizontal layout design need to include this style sheet.
* By horizontal layout, it means the horizontal positioning of the field label and field input and on focus of which
* the effect of label moving up will happen. 
* In application screens, only login and dashboard screens will be rendered with the horizontal design of fields.
*/
/*
* 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.
 */
/*
 * 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 
 */
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 {
  border-bottom: 1px solid #E0E0E0;
  color: #000000;
  height: 2.5rem;
  margin-top: 4px;
  width: 100%;
}

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;
}

.containerStyle {
  position: relative;
}

.containerStyle label {
  -o-transition: all .3s;
  -ms-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #9E9E9E;
  position: absolute;
  top: 0.8rem !important;
  left: 0.05rem;
  font-size: 1rem;
  cursor: text;
}

.containerStyle label.active {
  -o-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -webkit-transform: translateY(-140%);
  transform: translateY(-140%);
  font-size: 12px !important;
}

.leftColumnStyle {
  float: left;
  margin-right: 5px;
  margin-top: 7px;
  text-align: left;
  padding-left: 6px;
  width: 45%;
}

.rightColumnStyle {
  clear: right;
  display: block;
  padding-bottom: 2px;
  padding-left: 55px;
  padding-top: 8px;
  width: 44%;
  float: right;
}

.picker-icon {
  background: transparent url("../images/Materialcalendar.png") no-repeat scroll 0 0;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 16px;
  top: 11px;
  background-position-y: 0px !important;
}

.authenticationColumnStyle {
  float: left;
  margin-right: 5px;
  margin-top: 7px;
  text-align: left;
  padding-left: 6px;
  width: 100%;
}

.authenticationRowStyle {
  margin: 0px;
  padding: 0px 12px 0px 5px;
  background-color: transparent;
  width: 47%;
  float: left;
}

.otpRowStyle {
  margin-top: -6px;
}

.authButtonStyle {
  float: right;
}

.containerStyle.quickPayWidgetCurrency {
  width: 15%;
  display: inline-table;
  margin-right: 2%;
  position: inherit;
}

.containerStyle.quickPayWidgetAmount {
  width: 83%;
  display: inline-table;
  position: static;
}

.containerStyle.quickPayWidgetAmount .quickPayAmount {
  left: 0px;
  font-size: 12px !important;
  transform: translateY(-140%);
  padding-bottom: 0px !important;
}

/*# sourceMappingURL=materializeHorizontal.css.map */