/**
* Importing necessary  Styles.
**/
@import url('../../common/library/css/ionicons.min.css');
@import url('../../common/library/css/linearicons.css');


/*-------------------------------------------------------------------------------
    UTILS
  -------------------------------------------------------------------------------*/
  .user-tools { margin: 4rem 0; text-align: center;}
  .boxed {
      padding-left: 5rem;
      padding-right: 5rem;
  }
  
  .boxed .container,
  .boxed .container-fluid {
      padding: 0;
      max-width: 100%;
  }
  
  .left-boxed {
      left: 1.7rem;
  }
  
  .right-boxed {
      right: 1.7rem;
  }
  

  .dark {
      background-color: #2a2c2f;
  }
  
  .grey {
      background-color: #f4f4f4;
  }

/*-------------------------------------------------------------------------------
    Header
  -------------------------------------------------------------------------------*/
  header {
    position: relative;
    padding: 15px 0;
    background-color: transparent;
    border-bottom: none;   }



/*-------------------------------------------------------------------------------
    Left
  -------------------------------------------------------------------------------*/
  .content-left {
    background-color: #2a2c2f;
    padding: 0;
  }
  
  .content-left-wrapper {

    text-align: left;

  }



/*-------------------------------------------------------------------------------
    RECAPCHA
  -------------------------------------------------------------------------------*/
  #recaptcha-container.error {
    border: 2px solid red;
    padding: 5px;
    border-radius: 5px;
}

/*-------------------------------------------------------------------------------
    FORM
  -------------------------------------------------------------------------------*/
  label.custom {
    font-weight: 600;
}

label small {
  font-weight: 600;
}

/*-------------------------------------------------------------------------------
    RESPONSIVE
  -------------------------------------------------------------------------------*/
  @media (max-width: 1440px) {
    .content-left-wrapper h2 br {
      display: none;
  
    }
  }

  @media (max-width: 1380px) {
    .content-left-wrapper {
      
      padding: 151px 60px 35px 60px;
    }
  }

  @media (max-width: 991px) {
    .navbar-toggle .icon-bar {
      
      background-color: #fff;
    }
    .content-right {
      height: auto;
      padding: 30px 30px;
  }
}

  @media (max-width: 450px) {
    .content-left-wrapper {
      padding: 160px 30px 35px 30px;
      
    }
    .boxed {
      padding-left: 30px;
      padding-right: 30px;
  }
}