/*
* 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.
 */
/* 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.
 */
@font-face {
  font-family: "roboto-medium";
  src: url("../Error_files/materializeFonts/roboto-medium.eot");
  src: url("../Error_files/materializeFonts/roboto-medium.eot?#iefix") format("embedded-opentype"), url("../Error_files/materializeFonts/roboto-medium.woff2") format("woff2"), url("../Error_files/materializeFonts/roboto-medium.woff") format("woff"), url("../Error_files/materializeFonts/roboto-medium.ttf") format("truetype"), url("../Error_files/materializeFonts/roboto-medium.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto-regular";
  src: url("../Error_files/materializeFonts/roboto-regular.eot");
  src: url("../Error_files/materializeFonts/roboto-regular.eot?#iefix") format("embedded-opentype"), url("../Error_files/materializeFonts/roboto-regular.woff2") format("woff2"), url("../Error_files/materializeFonts/roboto-regular.woff") format("woff"), url("../Error_files/materializeFonts/roboto-regular.ttf") format("truetype"), url("../Error_files/materializeFonts/roboto-regular.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto-bold";
  src: url("../Error_files/materializeFonts/roboto-bold.eot");
  src: url("../Error_files/materializeFonts/roboto-bold.eot?#iefix") format("embedded-opentype"), url("../Error_files/materializeFonts/roboto-bold.woff2") format("woff2"), url("../Error_files/materializeFonts/roboto-bold.woff") format("woff"), url("../Error_files/materializeFonts/roboto-bold.ttf") format("truetype"), url("../Error_files/materializeFonts/roboto-bold.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto-light";
  src: url("../Error_files/materializeFonts/roboto-light.eot");
  src: url("../Error_files/materializeFonts/roboto-light.eot?#iefix") format("embedded-opentype"), url("../Error_files/materializeFonts/roboto-light.woff2") format("woff2"), url("../Error_files/materializeFonts/roboto-light.woff") format("woff"), url("../Error_files/materializeFonts/roboto-light.ttf") format("truetype"), url("../Error_files/materializeFonts/roboto-light.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto-thin";
  src: url("../Error_files/materializeFonts/roboto-thin.eot");
  src: url("../Error_files/materializeFonts/roboto-thin.eot?#iefix") format("embedded-opentype"), url("../Error_files/materializeFonts/roboto-thin.woff2") format("woff2"), url("../Error_files/materializeFonts/roboto-thin.woff") format("woff"), url("../Error_files/materializeFonts/roboto-thin.ttf") format("truetype"), url("../Error_files/materializeFonts/roboto-thin.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../Error_files/materializeFonts/icomoon.eot?jn7xr0");
  src: url("../Error_files/materializeFonts/icomoon.eot?jn7xr0#iefix") format("embedded-opentype"), url("../Error_files/materializeFonts/icomoon.ttf?jn7xr0") format("truetype"), url("../Error_files/materializeFonts/icomoon.woff?jn7xr0") format("woff"), url("../Error_files/materializeFonts/icomoon.svg?jn7xr0#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FontAwesome";
  src: url("../Error_files/materializeFonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("../Error_files/materializeFonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../Error_files/materializeFonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../Error_files/materializeFonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../Error_files/materializeFonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../Error_files/materializeFonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" 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;
  -moz-osx-font-smoothing: grayscale;
}

* {
  margin: 0;
  padding: 0;
}

body {
  padding: 0px;
  margin: 0px;
}

.footer_lg {
  font-weight: normal;
  font-size: 0.65em;
  color: #757575;
  text-align: center;
  text-decoration: none;
}

.width800 {
  vertical-align: top;
  width: 100%;
}

.redsignoff {
  font-weight: bold;
  font-size: 24px;
  color: #F58B01;
}

.left {
  float: left;
  vertical-align: top;
  text-align: left;
}

.loginbg {
  background-color: #E0E0E0;
}

/*Start: Added for New Error page*/
.body_style {
  margin: 0px;
  padding: 0px;
  background-color: #F5F5F5;
  font-family: OpenSans, Arial, Helvetica, sans-serif;
}

#global {
  margin: auto;
  max-width: 1024px;
  min-height: 100%;
  position: relative;
  width: 99%;
}

.wrapper {
  clear: both;
  margin: 0 auto;
  padding-left: 42px;
  padding-right: 42px;
  width: 940px;
}

#wrapper {
  background-color: #F5F5F5;
  height: auto !important;
  margin-left: 330px;
  margin-right: 10%;
}

.row {
  clear: both;
}

ul.tabs {
  float: left;
  padding: 0;
}

#logo {
  background-image: url("idbi-bank-logo.gif");
  background-repeat: no-repeat;
  margin: 30px auto;
  vertical-align: middle;
}

.header {
  height: 21px;
  line-height: 21px;
  margin: 0px;
  font-size: 1em;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  padding: 0px 4px 0px 0px;
  clear: left;
  border: 0px;
}

.headerouter_r {
  -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;
  height: 94px;
  margin: auto;
  width: 100%;
}

.headerouter {
  height: 156px;
  margin: auto;
  width: 940px;
}

.wrapper1 {
  width: 261px;
  padding-left: 44px;
  padding-right: 0px;
  padding-top: 65px;
  margin-left: 0px;
  margin-bottom: 0px;
  clear: both;
  background-color: #FFFFFF;
  overflow: hidden;
  min-height: 68%;
  height: auto !important;
}

div.infoBox p.paraStyle02:after,
ul.breadcrumbTools:after,
ul.tabs:after,
#footer ul:after,
#main .widget-toolbar:after,
#main .widget-content:after,
#main .widget-head:after,
.questionExt00 .inputColumn:after,
.calltoaction:after,
.breadcrumb:after,
.widgetItem:after,
.lightbox ul:after,
.drop:after,
.drop-full:after,
.wrapper:after,
.row:after,
.question:after,
.breadcrumb:after,
.row.rowStyle02:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#header {
  height: auto !important;
  margin-bottom: 0px;
  border-bottom: 0px solid #39454A;
}

#header .header-main {
  background: #212121;
}

#header .header-main .logo {
  background: url(idbi-bank-logo.gif) no-repeat scroll left 0 transparent;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 27px 0 42px;
  width: 300px;
  line-height: 30px;
}

#header .header-nav {
  padding-top: 8px;
}

#footer {
  border-top: 1px solid #E0E0E0;
  padding: 0 0;
  float: left;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}

#footer p {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  color: #424242;
  margin-bottom: 5px;
}

#footer #footerInner {
  width: auto;
  margin: 0 auto;
  background-color: #F5F5F5;
}

.columnSeparator {
  border-right: 1px solid #0070C0;
  margin-right: 10px;
}

.footer_firstLine {
  display: inline-block;
  margin: 10px 0px;
}

.footer_secondLine {
  display: inline-block;
}

.footer_img {
  vertical-align: middle;
  padding-left: 8px;
}

.footer_session_img {
  vertical-align: middle;
  padding-left: 25px;
  height: 50px;
  /*removed for 11.2.2*/
  width: 50px;
  /*removed for 11.2.2*/
}

.mainDivStyle {
  height: auto;
  background-color: #FFFFFF;
  display: block;
  margin: auto;
  margin-top: 7%;
  margin-bottom: 7%;
  text-align: left;
  width: 96%;
  border-radius: 3px;
}

.simpletext_error_message_heading {
  color: #9E9E9E;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 23px;
  float: left;
  width: 100%;
}

.simpletext_error_message_heading_Second {
  color: #9E9E9E;
  font-size: 14px;
  text-decoration: none;
  padding-left: 23px;
  padding-top: 10px;
  float: left;
  width: 100%;
}

.simpletext {
  color: #212121;
  font-size: 12px;
  text-decoration: none;
  word-wrap: break-word;
}

.sessionTime_simpletext {
  color: #757575;
  font-size: 14px;
  text-decoration: none;
  word-wrap: break-word;
  text-align: left;
  margin-top: 12px;
}

a.bluelink_footer:link {
  font-size: 0.69em;
  text-decoration: none;
  padding-top: 9px;
  padding-right: 5px;
  color: #0070C0;
}

a.bluelink_footer:visited,
a.bluelink_footer:hover,
a.bluelink_footer:active {
  font-size: 0.69em;
  text-decoration: none;
  color: #0070C0;
}

.button_data_style {
  padding-left: 195px;
  width: 200px;
}

.table_error_width {
  width: 600px;
}

.table_style {
  border: 1px solid #E0E0E0;
  border-collapse: initial;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}

@media screen and (min-width: 0\0) {
  /* IE9 and IE10 rule sets go here */
  .table_style {
    border-collapse: separate;
  }
}
.table_style_new {
  border-left: 1px solid #BDBDBD;
  border-right: 1px solid #BDBDBD;
  border-bottom: 1px solid #BDBDBD;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}

.table_td_style {
  height: 165px;
  width: 30%;
  padding-left: 52px;
  padding-right: 50px;
}

.table_tr_style {
  width: 100%;
  padding: 10px 25px 10px 25px;
}

.table_td_app_style {
  height: 150px;
  padding: 25px 40px 25px 40px;
}

.table_td_msg_style {
  width: 90%;
  height: 100px;
}

.button_style {
  text-align: right;
  padding: 36px 10px 36px 10px;
}

.text_color {
  color: #2196F3;
  font-size: 21px;
}

.text_color1 {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 25px;
}

.text_color_new {
  color: #9E9E9E;
  font-size: 14px;
}

.gotoindexpagebutton {
  color: #424242;
  background: #A9D18E;
  font-size: 12px;
  height: 20px;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  width: auto;
}

.gotoindexpagebutton:hover {
  background: #8CB478;
}

.table_td_blank_style {
  height: 10px;
  width: 0px;
}

/* START Surej modified for RWD error screen responsiveness*/
@media screen and (min-width: 0px) and (max-width: 639px) {
  .mainDivStyle {
    margin-left: 2%;
    margin-right: 2%;
    min-width: 459px;
    width: 96%;
  }

  .table_td_style {
    padding-left: 6px;
  }
}
/* END Surej modified for RWD error screen responsiveness*/
.adaptiveErrUI {
  display: none;
}

.responsiveErrUI {
  display: block;
}

/*indrajit added for appsecurity error*/
#global {
  min-height: 100%;
  position: relative;
  max-width: 1024px;
  width: 100%;
  margin: auto;
  margin-top: 110px;
}

#wrapper1 {
  background-color: #2196F3 !important;
  border-top: 0px solid #e4051f;
  position: fixed;
  width: 100%;
  left: 0px;
  right: 0px;
  z-index: 6000;
  top: 0px;
}

.logo_2 {
  background: url("../Error_files/idbi-bank-logo.gif") no-repeat scroll left 0 transparent;
  /*Modified for Lumi changes*/
  float: left;
  height: 50px;
  margin-top: 26px;
  margin-left: 51px;
  width: 300px;
}

.logoutPanel {
  position: relative;
  background: #FFFFFF;
  -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);
  border-radius: 2px;
}

.logoutPanel .main-content {
  padding-right: 110px;
  min-height: 120px;
  color: #757575;
}

.logoutPanel .heading_Logout {
  font-size: 26px;
  color: #2196F3;
  margin-bottom: 15px;
}

.heading_Logout {
  font-size: 26px;
  font-weight: 400;
  color: #000000;
  margin: 0;
}

.logoutPanel .logoutSuccessIcon {
  color: #fd9800;
}

.logoutPanel .logoutSuccessIcon {
  font-size: 90px;
  position: absolute;
  right: 60px;
  top: 50px;
}

.icon-warning2:before {
  content: "\e950";
}

.logoutPanel .content-info {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 25px;
  margin-top: 16px;
  text-align: justify;
}

.logoutDivider {
  margin: 30px -60px 38px;
  background: none;
  border-bottom: 1px solid #E0E0E0;
  height: 1px;
  overflow: hidden;
  background-color: #E0E0E0;
}

.buttoncenterAlign {
  text-align: center;
}

.width100percent_main_logoutbg .logoutPanel {
  margin-top: 107px;
}

.appSecurityMainContent {
  padding: 0 20px;
  width: 100%;
  margin: 0 auto;
  margin-top: 107px;
}

ul li {
  list-style-type: disc;
  margin-bottom: 7px;
  margin-left: 15px;
}

.unknownAppErrorIcon {
  font-size: 90px;
  position: absolute;
  right: 91px;
  color: #fd9800;
  top: 50px;
}

.footer-wrapper {
  background-color: #2196F3;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 13px;
  padding: 20px !important;
  margin-top: 20px;
  clear: both;
  z-index: 9999;
}

.footer-wrapper .footer-links {
  float: left;
}

.footer-wrapper .footer-links ul {
  margin-top: 0;
  margin-bottom: 0;
}

.footer-wrapper .copyright {
  text-align: right;
  float: right;
}

.footer-wrapper .footer-links ul {
  text-align: center;
}

#footer ul {
  padding: 0 0 6px;
}

.footer-wrapper .footer-links ul li {
  display: inline-block;
  margin-right: 10px;
  margin-left: 0;
}

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

/* media queries start*/
@media screen and (min-width: 1px) and (max-width: 700px) {
  .table_td_app_style {
    height: 150px;
    padding: 13px 20px;
  }

  .unknownAppErrorIcon {
    right: 32px;
    margin-top: -2px;
  }
}
@media only screen and (max-width: 750px) {
  .footer-wrapper .copyright,
  .footer-wrapper .footer-links {
    float: none;
  }

  .footer-wrapper .copyright {
    margin-top: 10px;
  }

  .footer-wrapper .copyright,
  .footer-wrapper .footer-links ul {
    text-align: center;
  }
}
/* media queries end*/
@media screen and (min-width: 640px) and (max-width: 900px) {
  .table_td_app_style {
    height: 150px;
    padding: 13px 20px;
  }

  .unknownAppErrorIcon {
    right: 32px;
    margin-top: -2px;
  }
}
#footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.footer-wrapper {
  background-color: #2196F3;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 13px;
  padding: 20px !important;
  margin-top: 20px;
  clear: both;
  z-index: 9999;
}

ul,
ol {
  list-style-image: none;
  list-style-position: outside;
}

.footer-wrapper .footer-links a {
  color: #FFFFFF !important;
}

table * {
  word-break: keep-all;
}

.waves-effect {
  margin: 5px 5px 3px 5px;
}

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

.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: #2196F3;
}

.waves-effect {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.btn,
.btn-large {
  text-decoration: none;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  -ms-transition: .2s ease-out;
  transition: .2s ease-out;
  cursor: pointer;
}

.btn,
.btn-large,
.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 10px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

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