/* session_login.php Css start */
.border_bottom_1pxblack {
    border-bottom: 1px solid black;
}
.top-content .text {
    padding-top: 120px;
    color: #fff;
}
.top-content .text h1 {
	color: #fff;
}
.top-content .description {
    margin: 20px 0 10px 0;
}
.top-content .description p {
	opacity: 0.8;
}
.top-content .top-big-link {
    margin-top: 35px;
}
.top-content {
    position: absolute;
    height: 100%;
    width:100%;
    background-image:url("../images/bg_img02.jpg");
    background-position: center;
    background-size: 100%;
    overflow: hidden;
}
.signup_box {
    height: 100%;
}
.signin_box {
    padding-right: 0;
    height: 100%;
    background: #fff;
}
.signin_box .row .col.s12 {
    width: 70%;
    margin: 0 auto;
    float: none;
}
.signin_box .mui-select > select:focus {
    outline: 0;
    height: 33px;
    margin-bottom: -1px;
    border-color: #0346af;
    border-width: 2px;
}
.signin_box .layout_text_color {
    color: #10a9f5;
}
.signup_box .text {
    text-align: left;
    font-weight: 100;
}
.signup_box .signup_btn {
    text-align: left
}
.btn.sign_btn {
    border-radius: 50px;
    outline: none;
}
.sign_forgot_line {
    text-align: center;
    font-size: 12px;
}
.sign_forgot_opacity {
    opacity: 0.4
}
/*session_login.php Css start*/
/*Product list*/
.signup_box_width {
    margin: 0px;
    padding: 0px 50px;
    padding-bottom: 20px;
    width: 100%;
}
@import "compass/css3";
.standard-scroll {
  	height:300px;
  	width: 400px;
  	overflow: scroll;
  	display: inline-block;
  	margin-right: 50px;
}
.custom-scroll {
    display: inline-block;
    width: 342px;
    height: 800px;
    overflow: hidden;
    position: relative;// or absolute
 }
// ---------------------    Start default code
// Helper mixins
@mixin opacity($o) {
  $IEValue: $o * 100;
  opacity: $o;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+$IEValue+")";
      filter: alpha(opacity=$IEValue);
}
@mixin border-radius($r) {
  -webkit-border-radius: $r;
     -moz-border-radius: $r;
      -ms-border-radius: $r;
          border-radius: $r;
}
@mixin transition($t...) {
  -webkit-transition: $t;
     -moz-transition: $t;
       -o-transition: $t;
          transition: $t;
}
// Scrollbar mixins
@mixin scrollbar-rail-default {
  display: none;
  position: absolute; /* please don't change 'position' */
  @include border-radius(4px);
  @include opacity(0);
  @include transition(background-color .2s linear, opacity .2s linear);
}
@mixin scrollbar-rail-hover {
  background-color: #eee;
  @include opacity(0.9);
}
@mixin scrollbar-default {
  position: absolute; /* please don't change 'position' */
  background-color: #aaa;
  @include border-radius(4px);
  @include transition(background-color .2s linear);
}
@mixin scrollbar-hover {
  background-color: #999;
}
@mixin in-scrolling {
  &.in-scrolling {
    @include scrollbar-rail-hover;
  }
}
.ps-container {
  &.ps-active-x > .ps-scrollbar-x-rail,
  &.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
  }
>.ps-scrollbar-x-rail {
    @include scrollbar-rail-default;
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    >.ps-scrollbar-x {
      @include scrollbar-default;
      bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
      height: 8px;
    }
    @include in-scrolling;
}
>.ps-scrollbar-y-rail {
    @include scrollbar-rail-default;
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    >.ps-scrollbar-y {
      @include scrollbar-default;
      right: 0; /* there must be 'right' for ps-scrollbar-y */
      width: 8px;
    }
    @include in-scrolling;
}
&:hover {
    >.ps-scrollbar-x-rail,
    >.ps-scrollbar-y-rail {
      @include opacity(0.6);
      @include in-scrolling;
    }
    >.ps-scrollbar-x-rail:hover {
      @include scrollbar-rail-hover;

      >.ps-scrollbar-x {
        @include scrollbar-hover;
      }
    }

    >.ps-scrollbar-y-rail:hover {
      @include scrollbar-rail-hover;

      >.ps-scrollbar-y {
        @include scrollbar-hover;
      }
    }
  }
}