/*
Template Name: Admin Template
Author: Wrappixel

File: scss
*/
@import url("https://fonts.googleapis.com/css?family=Rubik: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
 */
/*******************
Login register and recover password Page
******************/
img {
  display: block; }

.login-register {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  padding: 5% 0;
  position: fixed; }
  /*.login-register.login-register-img {
    background-image: url(../../../assets/images/background/login-register.jpg); }*/

.login-logo {
  width: 381px;
  height: 123px;
  margin: 0 auto 50px; }
  .login-logo img {
    width: 100%;
    height: 100%; }

.login-box {
  width: 400px;
  margin: 0 auto; }
  .login-box .box-title {
    font-size: 1rem;
    color: #72757d; }
  .login-box .footer {
    width: 100%;
    left: 0px;
    right: 0px; }
  .login-box .social {
    display: block;
    margin-bottom: 30px; }

#recoverform {
  display: none; }

.login-sidebar {
  padding: 0px;
  margin-top: 0px; }
  .login-sidebar .login-box {
    right: 0px;
    position: absolute;
    height: 100%; }

.form-horizontal label {
  color: #72757d;
  font-size: 0.8rem; }

.login-select-fluid {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1; }
  .login-select-fluid.active {
    position: absolute;
    display: block; }
  .login-select-fluid .login-select {
    padding: 2% 10%;
    overflow-y: auto;
    height: 100%; }
    .login-select-fluid .login-select .login-select-block {
      background-color: #fff;
      height: 400px;
      margin: 5% 9.525%;
      padding: 15px; }
      .login-select-fluid .login-select .login-select-block span {
        display: block;
        text-align: center;
        color: #212529;
        font-size: 1.25rem; }
        .login-select-fluid .login-select .login-select-block span.login-select-title {
          font-weight: bold;
          margin-bottom: 20px; }
        .login-select-fluid .login-select .login-select-block span.login-select-name {
          display: block;
          margin: 20px 0; }
      .login-select-fluid .login-select .login-select-block .login-select-img {
        width: 121px;
        height: 121px;
        margin: 0 auto; }
      .login-select-fluid .login-select .login-select-block .login-select-link {
        display: block;
        border-radius: 50px;
        color: #fff;
        background-color: #36a0fe;
        padding: 12px 0;
        text-align: center;
        font-size: 1.25rem;
        font-weight: bold; }
        .login-select-fluid .login-select .login-select-block .login-select-link:hover {
          box-shadow: 0 2px 10px 0 #666; }