.Short {
    width: 100%;
    background-color: #dc3545;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 7px;
    font-weight: 500;
    font-size: 12px;
  }

  .Shorttxt {
    color: #dc3545;
  }

  .Weak {
    width: 100%;
    background-color: #ffc107;
    margin-top: 5px;
    height: 7px;
    font-weight: 500;
    font-size: 12px;
  }

  .Weaktxt {
    color: #ffc107;
  }

  .Good {
    width: 100%;
    background-color: #32CD32;
    margin-top: 5px;
    height: 7px;
    font-weight: 500;
    font-size: 12px;
  }

  .Goodtxt {
    color: #32CD32;
  }

  .Strong {
    width: 100%;
    background-color: #28a745;
    margin-top: 5px;
    height: 7px;
    font-weight: 500;
    font-size: 12px;
  }

  .Strongtxt {
    color: #28a745;
  }

  .lower {
    color: #dc3545;
    margin-top: 5px;
  }

  .higher {
    color: #ffc107;
    margin-top: 5px;
  }

  .valid {
    color: #28a745;
    margin-top: 5px;
  }

  .notnumber {
    color: #dc3545;
    margin-top: 5px;
  }
@keyframes slideInFromLeft {0% {transform: translateX(-100%);} 100% {transform: translateX(0);}}
@keyframes slideInFromRight {0% {transform: translateX(+100%);} 100% {transform: translateX(0);}}
.h1, h1 {font-size: 1.5rem;}
.header_front{background:#08c; color:#fff; padding:10px 30px;}
.brand h1{ font-size:28px; font-weight:bold;}
.banner{background-image:url(../images/banner.jpg); background-repeat: no-repeat; padding:175px 0; background-size:cover;}
.banner h1{font-size:38px; color:#fff; background-color: #000; padding: 10px; width: auto; float: left;}
.banner h2{font-size:20px; color:#333; background-color: #ccc; padding: 10px; width: auto; float: left;}
main{padding:50px 0;}
h4.my-0.fw-normal {font-size: 20px;}
.card-header{background-color: #434a53;border-bottom: 0;color: #fff;}
footer{width:100%; float: left; background-color: #333; padding:25px 0;color:#999; margin-top:0;}
.btn-primary {color: #fff;background-color: #08c;border-radius: 0;padding: 5px 25px;}
.left_ani{animation: 1s ease-out 0s 1 slideInFromLeft;}
.right_ani{animation: 1s ease-out 0s 1 slideInFromRight;}
.dashboard_theme{padding:0; margin: 0;}
.dashboard_theme .left_menu{background-color: #ddd; text-align: center; padding: 20px 0;}
.dashboard_theme .left_menu ul{ list-style: none; padding: 0; margin: 0;}
.dashboard_theme .left_menu ul a{color: #000; text-decoration: none; line-height:20px;}
.dashboard_theme .left_menu ul i{font-size:30px; padding-bottom: 5px;}
.dashboard_theme .left_menu ul li{ padding-bottom: 25px;}
.main_head{ border-bottom: 1px solid #ddd; padding: 20px 0;}
.error{
  color:red;
}
.cursor-pointer{
    cursor:pointer;
}
.loading{
   position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('../images/loading.gif') no-repeat center center rgba(255,255,255,0.5);
z-index: 999999;
}
.top_logout{
    text-decoration:none;
}
.ProductBuyForm input[type="submit"]{
    padding:5px;
}
.ProductBuyForm input[type="number"]{
    width:100px;
}
.ProductBuyForm{
    position: relative;
}
.ProductBuyForm label.error{
    position: absolute;
font-size: 10px;
bottom: -11px;
}
.cart_alert_panel{
    position: absolute;
right: 10px;
top: 10px;
}