@charset "utf-8";

/* ****************************************************************************
 * USER REGION
 *
 * Elements on user region
 *
 * ****************************************************************************
 */

/*
 * User Login Form
 * ****************************************************************************
 */
.form-login {
  max-width             : 600px;
  margin                : 0 auto;
}

.form-login .form-actions input {
  margin-top            : 0px;
}

.form-login ul {
  list-style            : none;
  margin-top            : 10px;
  margin-left           : 0px;
  padding               : 0px 0px 6px 0px;
}

.form-login ul li {
  margin-bottom         : 0px;
  padding               : 0px 0px 0px 0px;
}



/*
 * Password Reset Form
 * ****************************************************************************
 */
#user-pass-reset {
  max-width             : 600px;
  margin                : 0 auto;
}

#user-pass-reset .form-actions input {
  margin-top            : 0px;
}

#user-pass-reset ul {
  list-style            : none;
  margin-top            : 10px;
  margin-left           : 0px;
  padding               : 0px 0px 6px 0px;
}

#user-pass-reset ul li {
  margin-bottom         : 0px;
  padding               : 0px 0px 0px 0px;
}



/*
 * User Register Form
 * ****************************************************************************
 */
#user-register-form {
/*  padding               : 0px 20px;*/
}
/*
#user-register-form label,
#user-register-form legend {
  display               : block;
  padding-top           : 12px;
}*/

#user-register-form .field-name-field-birth-day .date-padding {
  padding               : 0;
}

#user-register-form .form-actions {
  padding-top           : 20px;
}

#user-register-form .description {
  font-size             : 12px;
}



/*
 * Password Reset Form
 * ****************************************************************************
 */
#user-pass-reset {
  padding               : 20px 20px 0px 20px;
}

#user-pass-reset p {
  padding-top           : 6px;
  padding-bottom        : 6px;
}

#user-pass-reset .form-actions {
  padding-top           : 20px;
}



/*
 * User Profile Form
 * ****************************************************************************
 */
#user-profile-form,
#user-pass-reset {
  padding               : 0px 0px;
}

#user-profile-form label,
#user-pass-reset label {
/*  padding-top           : 12px;*/
}

#user-profile-form .form-type-radio label,
#user-pass-reset .form-type-radio label {
  display               : inline;
}

#user-profile-form input[type="checkbox"] + label,
#user-pass-reset input[type="checkbox"] + label {
  display               : inline-block;
}

#user-profile-form fieldset.vertical-tabs-pane > legend,
#user-pass-reset fieldset.vertical-tabs-pane > legend {
  display               : none;
}

#user-profile-form .description,
#user-pass-reset .description {
  display               : inline-block;
  font-size             : 12px;
}

#user-profile-form #edit-timezone select,
#user-pass-reset #edit-timezone select {
  width                 : 100%;
}

#user-profile-form .form-type-password label,
#user-pass-reset .form-type-password label {
  width                 : 230px;
}

#user-profile-form .form-type-password input[type=password],
#user-pass-reset .form-type-password input[type=password] {
  width                 : 250px;
}

#user-profile-form .fieldset-legend,
#user-pass-reset .fieldset-legend,
.page-user .fieldset-legend {
  display               : block;
  font-weight           : bold;
  text-decoration       : underline;
  padding-bottom        : 10px;
}



/*
 * Password
 * ****************************************************************************
 */
/* password input wrapper */
.form-type-password {
  position              : relative;
}

/* password input strngth indicator */
.form-type-password div.password-strength {
  position              : absolute;
  bottom                : 2px;
  right                 : 0px;
}

/* password input coincidence indicator */
.form-type-password div.password-confirm {
  position              : absolute;
  bottom                : 0px;
  right                 : 0px;
}

.password-strength {
  width                 : auto;
  margin-top            : 16px;
}

.password-strength-text {
  margin-left           : 10px;
}

div.password-confirm {
  width                 : 16em;
  margin-top            : 0;
}

input.password-confirm,
input.password-field {
  margin-bottom         : 0px;
}

.confirm-parent, .password-parent {
  clear                 : both;
}



/*
 * Password suggestions
 * ****************************************************************************
 */
div.password-suggestions ul {
  list-style            : disc;
  padding-left          : 40px;
}

div.password-suggestions ul li,
.tm-page-node .tm-widget-content div.password-suggestions ul li {
  margin                : 0px 0px 0px 0px;
}



/*
 * Profile picture
 * ****************************************************************************
 */
.page-user-me .image-widget-data span.file {
  display               : none;
}

.page-user-me .image-widget-data span.file-size {
  display               : none;
}

.page-user-me .image-widget-data .manualcrop-style-button-holder {
  display               : none;
}



/*
 * Others
 * ****************************************************************************
 */
.page-user .vertical-tabs-panes {
  padding-bottom        : 0px;
}

.page-user .vertical-tabs fieldset.vertical-tabs-pane {
  padding               : 15px 15px 0px 15px;
}

.vertical-tabs  input {
  -webkit-box-sizing    : border-box;
     -moz-box-sizing    : border-box;
          box-sizing    : border-box;
}

.confirm-parent,
.password-parent {
  width                 : auto;
}


/*
 * REGION Llista opcions Panell d'Usuari
 * ****************************************************************************
 */
.tm-region-panell-usuari {
  display               : flex;
  flex-direction        : row;
  flex-wrap             : wrap;
  justify-content       : space-between;
  margin                : 0px 0px;
}

.tm-region-panell-usuari .tm-region-node-item {
  border                : 3px solid #E53E43;
  -webkit-border-radius : 10px;
     -moz-border-radius : 10px;
          border-radius : 10px;
  width                 : 150px;
  padding               : 0px 0px;
}

.tm-region-panell-usuari .tm-region-node-item.tm-empty-joke {
  border                : 0px none;
}



/*
 * REGION Llista opcions Panell d'Usuari
 * Overrides de tm_layout_region_node_list.css
 * ****************************************************************************
 */
.tm-region-node-list.tm-region-panell-usuari .tm-region-node-item {
  margin                : 10px 0px 10px 0px;
}

.tm-region-node-list.tm-region-panell-usuari .tm-region-node-item-left {
  display               : flex;
  justify-content       : center;
  background-color      : #E53E43;
  border-bottom         : 3px solid #E53E43;
  -webkit-border-radius : 0px 0px 6px 6px;
     -moz-border-radius : 0px 0px 6px 6px;
          border-radius : 0px 0px 6px 6px;
  text-align            : center;
  width                 : 150px;
  min-height            : 150px;
  height                : auto;
  padding               : 10px 0px 10px 0px;
}

.tm-region-node-list.tm-region-panell-usuari .tm-region-node-item-left .tm-region-node-item-container {
  align-self            : center;
}

.tm-region-node-list.tm-region-panell-usuari .tm-region-node-item-right {
  display               : block;
  width                 : 150px;
  height                : 125px;
}

.tm-region-node-list.tm-region-panell-usuari .tm-region-node-item-left ~ .tm-region-node-item-right .tm-region-node-item-container {
  margin                : 0px 15px 0px 15px;
}

.tm-region-node-list.tm-region-panell-usuari .tm-region-title-wrapper {
  line-height           : 72px;
}

.tm-region-node-list.tm-region-panell-usuari h2 {
  display               : inline-block;
  vertical-align        : middle;
  margin                : 0px 0px 0px 0px;
  padding               : 0px 0px 0px 0px;
}

.tm-region-node-list.tm-region-panell-usuari h2 a {
  color                 : #FFFFFF;
  font-family           : 'Arimo', sans-serif;
  font-size             : 21px;
  font-weight           : bold;
  padding               : 0px 0px 0px 0px;
}



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* Section Content
   --------------------------------------------------------------------------*/
  .page-user .tm-page {
    width               : 100%;
  }

  .page-user .tm-page-node .tm-section-content {
    width               : 100%;
  }
}



/*
 * SCREEN 'medium' - between 0px and 1023px
 * ****************************************************************************
 */
@media only screen and (max-width:1023px) {
  /* User Profile Form
   ---------------------------------------------------------------------------*/
  #user-profile-form .form-type-password input[type=password],
  #user-pass-reset .form-type-password input[type=password] {
    width               : 100%;
  }

  #user-profile-form .form-type-password label,
  #user-pass-reset .form-type-password label {
    width               : auto;
  }

  /* Password
   ---------------------------------------------------------------------------*/
  .form-type-password div.password-strength {
    width               : 100%;
  }

  .form-type-password div.password-confirm {
    width               : 100%;
  }

  div.form-item div.password-suggestions {
    width               : calc(98% - 1em);
  }

  /* Others
   ---------------------------------------------------------------------------*/
  .page-user .vertical-tabs fieldset.vertical-tabs-pane {
    padding             : 0px 0px 0px 0px;
  }

  .password-parent {
    height              : 90px;
  }

  .confirm-parent {
    height              : 80px;
  }

  .page-user .tm-page-wrapper form .form-item.confirm-parent {
    margin-bottom       : 0px;
  }

  /* Vertical tabs
   ---------------------------------------------------------------------------*/
  .page-user .vertical-tabs ul.vertical-tabs-list {
    display             : none;
  }

  .page-user div.vertical-tabs {
    border              : 0px none;
    margin              : 1em 0 1em 0em;
  }

  .page-user .vertical-tabs fieldset.vertical-tabs-pane {
    display             : block !important;
  }
}



/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
}



/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* REGION Llista opcions Panell d'Usuari
   --------------------------------------------------------------------------*/
  .tm-region-panell-usuari .tm-region-node-item {
    width               : 145px;
  }

  /* REGION Llista opcions Panell d'Usuari
   * Overrides de tm_layout_region_node_list.css
   --------------------------------------------------------------------------*/
  .tm-region-node-list.tm-region-panell-usuari .tm-region-node-item-left {
    width               : 145px;
  }
}



/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* REGION Llista opcions Panell d'Usuari
   --------------------------------------------------------------------------*/
  .tm-region-panell-usuari {
    max-width           : 320px;
    width               : 100%;
    margin              : 0 auto;
  }
}