/*
* 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.
 */
/* Default styling for jQuery Calendars Picker v1.2.0. */
.calendars {
  /*as suggested by Ramnath from CDG*/
  font-family: OpenSans, Arial, Helvetica, sans-serif;
  border: 1px solid #999;
  font-size: 90%;
}

.calendars-rtl {
  direction: rtl;
}

.calendars-popup {
  z-index: 1000; /*Modified the value from 9999999 to 1000*/
}

.calendars-disable {
  filter: alpha(opacity=50);
  opacity: 0.5;
  position: absolute;
  z-index: 100;
  background-color: #FFFFFF;
}

.calendars a {
  color: #000000;
  /*chnaged from #fff to #000*/
  text-decoration: none;
}

.calendars a.calendars-disabled {
  color: #757575;
  cursor: auto;
}

.calendars button {
  margin: 0.25em;
  padding: 0.125em 0em;
  background-color: #fcc;
  border: none;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  font-weight: bold;
}

.calendars-nav,
.calendars-ctrl {
  float: left;
  width: 100%;
  background-color: #dfe0e3;
  /*as suggested by Ramnath from CDG*/
  color: #FFFFFF;
  font-size: 90%;
}

.calendars-ctrl {
  background-color: #dfe0e3;
}

.calendars-cmd {
  width: 30%;
}

.calendars-cmd-prevJump,
.calendars-cmd-nextJump {
  width: 8%;
}

a.calendars-cmd {
  height: 1.5em;
}

button.calendars-cmd {
  text-align: center;
}

.calendars-cmd-prev,
.calendars-cmd-prevJump,
.calendars-cmd-clear {
  float: left;
  padding-left: 2%;
}

.calendars-cmd-current,
.calendars-cmd-today {
  float: left;
  width: 35%;
  text-align: center;
}

.calendars-cmd-next,
.calendars-cmd-nextJump,
.calendars-cmd-close {
  float: right;
  padding-right: 2%;
  text-align: right;
}

.calendars-rtl .calendars-cmd-prev,
.calendars-rtl .calendars-cmd-prevJump,
.calendars-rtl .calendars-cmd-clear {
  float: right;
  padding-left: 0%;
  padding-right: 2%;
  text-align: right;
}

.calendars-rtl .calendars-cmd-current,
.calendars-rtl .calendars-cmd-today {
  float: right;
}

.calendars-rtl .calendars-cmd-next,
.calendars-rtl .calendars-cmd-nextJump,
.calendars-rtl .calendars-cmd-close {
  float: left;
  padding-left: 2%;
  padding-right: 0%;
  text-align: left;
}

.calendars-month-nav {
  float: left;
  background-color: #777777;
  text-align: center;
}

.calendars-month-nav div {
  float: left;
  width: 12.5%;
  margin: 1%;
  padding: 1%;
}

.calendars-month-nav span {
  color: #757575;
}

.calendars-month-row {
  clear: left;
}

.calendars-month {
  float: left;
  width: 15em; /*Modified the value from 99% to 15em
  border: 1px solid #424242;
  text-align: center;
}

.calendars-month-header,
.calendars-month-header select,
.calendars-month-header input {
  height: 1.7em;
  color: #FFFFFF;
  background-color: #757575;
}

.calendars-month-header select,
.calendars-month-header input {
  height: 1.4em;
  border: none;
}

.calendars-month-header input {
  position: absolute;
  display: none;
}

.calendars-month table {
  width: 100%;
  border-collapse: collapse;
}

.calendars-month thead {
  border-bottom: 1px solid #9E9E9E;
}

.calendars-month th,
.calendars-month td {
  margin: 0em;
  padding: 0em;
  font-weight: normal;
  text-align: center;
}

.calendars-month th {
  border: 1px solid #777777;
  width: 14%;
  /*as suggested by Ramnath from CDG*/
}

.calendars-month th,
.calendars-month th a {
  background-color: #BDBDBD;
  /*changed from #F48B20 to #c9cbcc*/
  color: #373c3f;
  /*chnaged from #fff to #373c3f*/
}

.calendars-month td {
  background-color: #F5F5F5;
  border: 1px solid #9E9E9E;
}

.calendars-month td.calendars-week {
  border: 1px solid #777777;
}

.calendars-month td.calendars-week * {
  background-color: #777777;
  color: #FFFFFF;
  border: none;
}

.calendars-month a {
  display: block;
  width: 100%;
  padding: 0.125em 0em;
  background-color: #FFFFFF;
  color: #0070C0;
  /*chnaged from #000 to #0278ba*/
  text-decoration: none;
}

.calendars-month span {
  display: block;
  width: 100%;
  padding: 0.125em 0em;
}

.calendars-month td span {
  color: #757575;
}

.calendars-month td .calendars-other-month,
.calendars-month td .calendars-weekend {
  background-color: #FFFFFF;
}

.calendars-month td .calendars-today {
  background-color: #ababab;
  /* chnaged from #ffcb89 to #ababab*/
}

.calendars-month td .calendars-selected,
.calendars-month th.calendars-week {
  background-color: #777777;
  color: #FFFFFF;
}

.calendars-status {
  clear: both;
  background-color: #E0E0E0;
  text-align: center;
}

.calendars-clear-fix {
  clear: both;
}

/*# sourceMappingURL=jquery-calendars-picker.css.map */