/* FONTS */
:root{
    --light-gray: #C4C4C4;
    --grey: #727271;
    --dark-grey: #333333;
    --brown: #906730;
    --mustard: #D8AE47;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: local('Barlow Light'), local('Barlow-Light'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3p-ks6Fostz0rdom9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: local('Barlow Light'), local('Barlow-Light'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3p-ks6Vostz0rdom9.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: local('Barlow Light'), local('Barlow-Light'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3p-ks51ostz0rdg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_A8s5ynghnQci.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_Ass5ynghnQci.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_DMs5ynghnQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: local('Barlow Medium'), local('Barlow-Medium'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3_-gs6Fostz0rdom9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: local('Barlow Medium'), local('Barlow-Medium'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3_-gs6Vostz0rdom9.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: local('Barlow Medium'), local('Barlow-Medium'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3_-gs51ostz0rdg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s6Fostz0rdom9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s6Vostz0rdom9.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s51ostz0rdg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    font-family: 'Barlow', sans-serif !important;
    box-sizing: border-box;
}

/* STRUCTURE */

.menu_container {
    display: inline-block;
    width: 19%;
    margin-left: 2%;
    min-width: 180px;
}

.col_container {
    display: inline-block;
    width: 76%;
    vertical-align: top;
    padding-left: 40px;
}

.grp-navigation{
    display:flex;
}

.grp-navigation-element {
   width: 100px;
   background-color: lightgrey;
    text-align: center;
   color: black;
}


/* GENERAL STYLES */

ol, li, ul {
    list-style: none;
}

select {
    background: unset !important;
}

li.grp-changelist-actions select {
    background-color: white !important;
}

.grp-object-tools li a, .grp-object-tools li input[type="submit"] {
   border: 1px solid #969696;
   opacity: 1;
   background: linear-gradient(#969696, #969696) repeat scroll 0 0 transparent !important;
   border-radius: 30px !important;
   color: #fff;
   display: block;
   padding: 4px 15px !important;
   font-weight: bold;
   box-shadow: none;
   height: 28px;
    line-height: 16px;
}

.grp-object-tools li a:hover, .grp-object-tools li input[type="submit"]:hover {
   border: 1px solid #373737 !important;
   background: linear-gradient(#5E5E5E, #444) repeat scroll 0 0 transparent;
}

#grp-content {
    top: 0;
    padding: 0;
}

.grp-object-tools {
    margin: 0 0 40px;
    top: 0;
}

button, a.fb_show, a.related-lookup, body.tinyMCE input[name="src"] + div a, body.tinyMCE input[name="href"] + div a {
    width: unset;
    height: unset;
}

input[type="submit"], input[type="button"], button {
    padding: 0.1em 1.5em;
    margin: 0;
    width: auto;
    background-color: white;
    color: var(--brown);
    border: 1px solid var(--brown);
    border-radius: 5px;

    /* grappelli overrides */
    box-shadow: unset;
    background-image: unset;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover {
    background-color: var(--brown);
    color: white;

    /* grappelli overrides */
    background-image: unset;
}

input[type="submit"]:disabled {
    border-style: none !important;
}

.ui-selected {
    outline: 2px solid
    rgb(0, 0, 0);
}

table {
    border: 1px solid var(--brown);
    display: table;
    border-collapse: collapse;
}

a:hover, table thead th a:hover {
   color: #000;
}

a, table thead th a {
   color: #444;
}

a.grp-button, button.grp-button, input.grp-button[type="button"] {
    background-image: linear-gradient(#969696, #969696);
    border: 1px solid #969696;
}

.dz-message--show {
    display: block;
}
.dz-message {
    font-size: 16px;
}

.loading {
   clear:both;
   text-align: center;
}

/* TABLES */

table thead th {
    background-color: #E6E6E0;
    background-image: unset;
    color: var(--dark-grey);
    text-align: center;
}

tr {
    border-bottom: 1px solid var(--light-gray);
    display: table-row;
}

tr:last-child {
    border-bottom: 1px solid var(--brown);
}

table tbody tr td {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
}

table tbody tr td.center {
    text-align: center;
}

/* Cal posar això després de posar el box-sizing border box global */
.l-2cr-fluid .c-1 {
    padding-left: 0 !important;
}

.thumbnail-selected {
   outline: 2px solid rgb(0, 0, 0);
}

/* USERS */

.grp-row input[type="text"], .grp-row textarea {
    width: 85%;
}

.grp-module h2 {
    line-height: 23px;
}

.grp-row select {
    max-width: 758px;
}

.floating-button {
    position: absolute !important;
    top: 2px;
    right: 12px;
}

.dialog-search-line {
    width: 100%;
    margin: 5px 0px 10px 0px;
}

.dialog-search-line input[type="text"] {
    width: 60%;
}

/* ???? */
.grp-search-button {
    margin: 0 0 0 -25px;
    padding: 0;
    width: 25px;
    height: 25px;
}

/* FOOTER */

footer {
    background-color: white;
    position: absolute;
    /* bottom: 0; */
    width: 100%;
    /* height: 40px; */
    color: white;
    z-index: 90;
}
.footer-section {
    display:inline-block;
    height: 50px;
    vertical-align: top;
    padding: 10px 0;
    color: var(--brown);
}
.footer-section p {
    vertical-align: middle;
}
.footer-rights {
    width: 55%;
    text-align: left;
    margin-left: 15%;
}

.footer-contact {
    width: 20%;
    text-align: left;
}

.footer-border {
    width: 95%;
    border-top: 2px solid var(--brown);
    margin: 0 auto;
    margin-top: 50px;
    background-color: white;
    padding: 30px 0;
    font-size: 13px;
}

footer a {
    color: var(--brown);
}

/* COSES RARES */

/* footer select under table (users) */
.grp-fixed-footer {
   position: static;
   border-radius: 3px 3px 3px 3px;
}

/* Dialogs */

.dialog-error {
   color: red;
}

.dialog-form-line {
   clear:both;
   padding: 5px 0;
   vertical-align: middle;
}

.dialog-label {
   float: left;
   width: 30%;
   margin-right:25px;
   text-align: right;
   line-height: 25px;
}

.dialog-text {
   width: 20% !important;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 25px;
}

.dialog-text-medium {
   width: 40% !important;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 25px;
}

.dialog-text-long {
   width: 60% !important;
   margin: 0;
   padding: 0;
   line-height: 25px;
}

.dialog-multiselectable {
   width: 250px;
}

.dialog-search-line {
   width: 100%;
   margin: 5px 0px 10px 0px;
}

.dialog-search-line input[type="text"] {
   width: 60%;
}

.dialog-table {
   min-width: 100%;
}

.dialog-form-line textarea {
   width: 100%;
  resize: none;
}

.category-list {
    margin-bottom: 50px;
}

@media screen and (max-width: 900px) {
    .footer-border {
        width: 100%;
        padding: 0px;
    }
}

/* Import excel dialogs */

.import-dialog input {
    margin-left: 100px;
    margin-bottom: 20px;
}

.import-dialog p {
    margin: 10px 0;
}

.import-template p, .import-template a {
    display: inline-block;
    float: left;
    padding-right: 40px;
}