/*

Template Name: Admin Template

Author: Wrappixel



File: scss

*/

@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);

/*Theme Colors*/

/**

 * Table Of Content

 *

 * 	1. Color system

 *	2. Options

 *	3. Body

 *	4. Typography

 *	5. Breadcrumbs

 *	6. Cards

 *	7. Dropdowns

 *	8. Buttons

 *	9. Typography

 *	10. Progress bars

 *	11. Tables

 *	12. Forms

 *	14. Component

 */

/*******************

User card page

******************/

.el-element-overlay .white-box {

  padding: 0px; }



.el-element-overlay .el-card-item {

  position: relative;

  padding-bottom: 25px; }

  .el-element-overlay .el-card-item .el-card-avatar {

    margin-bottom: 15px; }

  .el-element-overlay .el-card-item .el-card-content {

    text-align: center; }

    .el-element-overlay .el-card-item .el-card-content h3 {

      margin: 0px; }

    .el-element-overlay .el-card-item .el-card-content a {

      color: #212529; }

      .el-element-overlay .el-card-item .el-card-content a:hover {

        color: #fb9678; }

  .el-element-overlay .el-card-item .el-overlay-1 {

    width: 100%;

    overflow: hidden;

    position: relative;

    text-align: center;

    cursor: default; }

    .el-element-overlay .el-card-item .el-overlay-1 img {

      display: block;

      position: relative;

      -webkit-transition: all .4s linear;

      transition: all .4s linear;

      width: 100%;

      height: auto; }

    .el-element-overlay .el-card-item .el-overlay-1:hover img {

      -ms-transform: scale(1.2) translateZ(0);

      -webkit-transform: scale(1.2) translateZ(0);

      /* transform: scale(1.2) translateZ(0); */ }

    .el-element-overlay .el-card-item .el-overlay-1 .el-info {

      text-decoration: none;

      display: inline-block;

      text-transform: uppercase;

      color: #fff;

      background-color: transparent;

      filter: alpha(opacity=0);

      -webkit-transition: all .2s ease-in-out;

      transition: all .2s ease-in-out;

      padding: 0;

      margin: auto;

      position: absolute;

      top: 50%;

      left: 0;

      right: 0;

      transform: translateY(-50%) translateZ(0);

      -webkit-transform: translateY(-50%) translateZ(0);

      -ms-transform: translateY(-50%) translateZ(0); }

      .el-element-overlay .el-card-item .el-overlay-1 .el-info > li {

        list-style: none;

        display: inline-block;

        margin: 0 3px; }

        .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a {

          border-color: #fff;

          color: #fff;

          padding: 12px 15px 10px; }

          .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover {

            background: #fb9678;

            border-color: #fb9678; }

  .el-element-overlay .el-card-item .el-overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

    opacity: 0;

    background-color: rgba(0, 0, 0, 0.7);

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out; }

  .el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: translateZ(0);

    -ms-transform: translateZ(0);

    transform: translateZ(0); }

  .el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {

    top: -100%; }

  .el-element-overlay .el-card-item .el-overlay-1 .scrl-up {

    top: 100%;

    height: 0px; }

  .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {

    top: 0px; }

  .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {

    top: 0px;

    height: 100%; }