/* animation  */
    @keyframes fadeInUp {
    from {-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
    to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
  }
  @-webkit-keyframes fadeInUp {
    from {-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
    to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
  }
  .animated {animation-duration: 1s;animation-fill-mode: both;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: both;}
  .animatedFadeInUp {opacity: 0;}
  .fadeInUp {opacity: 1;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
  /* animation  */
  .altMain{background: rgba(0,0,0,0.8);color: #fff;box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.38);-webkit-animation: fadeInUp 400ms;animation: fadeInUp 400ms;padding-right: 45px;}
  .altMain p{color: #fff; margin:0; font-weight:normal;}
  .altMain a, button{color: #95AEE6;display: inline-block;padding: 0 4px; background: transparent; outline: none; border: none;}
  .altMain span{font-size: 17px; padding: 0 8px 0 10px;display: inline-block;
    cursor: pointer;color: #ccc;font-weight: normal;position: absolute;
    top: 7px;right: 10px; background: #5d5959;border-radius: 50%;}
  .alt1{position: fixed;bottom: 40px;left: 0;z-index: 100000;width: 550px;padding-left: 25px;right: 0;margin: 0 auto;}
  .alt2 i{position: absolute;top: 12px;font-size: 22px;left: 18px;}
  .alt2{padding-left: 54px !important;}
  .altMain .fa-exclamation-triangle,
  .altMain .fa-times-circle{color: red;}
  .altMain .fa-check,
  .altMain .fa-check-circle{color: green;}
  .altMain .fa-exclamation-circle{color: #4e9ec5;}
  .altMain .fa-warning{color: #FFD42A;}
/* Callout */ 
.callout { margin: 0 0 35px 0;padding: 20px; border-left: 3px solid #eee; font-size: 12px;}
.callout p{text-align: left;color: #333;font-size: 12px;}
.callout button[type="button"]{color: #333;width: auto;background: transparent;margin: inherit;padding: 2px 5px;opacity: 1;font-weight: 100;}
.callout button[type="button"]:hover{background: transparent;}
.callout h5 {  margin-top: 0;  margin-bottom: 6px; }
.callout p:last-child {  margin-bottom: 0; }
.callout code { background-color: #fff; border-radius: 3px; }
.callout-default { background-color: #f5f5f5; border-color: #ddd; }
.callout-default h5 { color: #555; }
.callout-danger { background-color: #fdf7f7; border-color: #D65C4F; }
.callout-danger h5 { color: #D65C4F; }
.callout-warning {  background-color: #fcf8f2;  border-color: #E7804F; }
.callout-warning h5 { color: #E7804F; }
.callout-info {  background-color: #f2f7f9;  border-color: #1992C2; }
.callout-info h5 { color: #1992C2; }
.callout-success{  background-color: #f4faf5; border-color: #239169; }
.callout-success h5 {  color: #239169; }
/* ===== Alerts ===== */
.alert p{text-align: left;font-size: 12px;}
.alert button[type="button"]{color: #333;width: auto;background: transparent;margin: 0;padding: 2px 5px;opacity: 1;font-weight: 100;}
.alert button.resend_otp{color: #95AEE6;}
.alert .btn-icon{position: inherit;font-size: 16px;}
.alert button[type="button"]:hover{background: transparent;}
.alert{padding: 13px 14px 14px 14px;margin-bottom:0;border-radius:2px;-web-border-radius: 2px;-moz-border-radius: 2px;font-weight: 600;font-size: 12px;margin-bottom: 20px;}
.alert i {float: left;margin-right: 8px;}
.alert h6 {margin-top: 0;}
.alert .alert-link {font-weight: 600;}
.alert .btn { margin-top: 14px;}
.alert hr {margin: 12px -14px}
/* Success */
.alert-success{color: #2D552D;background-color:#F5FAF4; border-color: #D6E9C6;}
.alert-success p{color: #2D552D;}
.alert-success hr { border-top-color: #D6E9C6;}
.alert-success .alert-link {color: #2D552D !important;}
/* Info */
.alert-info { color: #426A7E; background-color: #F5FBFD;border-color: #C8DEE2;}
.alert-info p{color: #426A7E;}
.alert-info hr { border-top-color: #C8DEE2;}
.alert-info .alert-link {color: #426A7E !important;}
/* Warning */
.alert-warning {color: #725A32; background-color: #FFFDF0;border-color: #E9DDC4;}
.alert-warning p{color: #725A32;}
.alert-warning hr {border-top-color: #E9DDC4;}
.alert-warning .alert-link { color: #725A32 !important;}
/* Danger */
.alert-danger {background-color: #FDF5F5;border-color: #EED3D7;color: #923E3C;}
.alert-danger p{color: #923E3C;}
.alert-danger hr { border-top-color: #EED3D7;}
.alert-danger .alert-link {color: #923E3C;}