:root{
    /* --color-primary : #9ba19d;
    --color-secondary : #cfdcd2;
    --color-primary-text : #ffffff;
    --color-secondary-text : #ffffff; */

    --primary-background-color : #000000;
    --primary-color : #ffffff;
    /* --primary-background-color : #9ba19d;
    --primary-color : #ffffff; */
    --secondary-background-color : #cfdcd2;
    --secondary-color : #ffffff;

    --color-danger-primary : red;
    /* not mobile */
    /* @media screen and (min-width: 600px) */
    --value-screen-xs : 552px; /* mayores a 552px */
    --value-screen-sm : 768px; /* mayores a 768px */
    --value-screen-md : 992px;
    --value-screen-lg : 1200px;
}

* {
    padding: 0;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}
/* a */
a {
    color: #337ab7;
    text-decoration: none;
}

/* pager */
.pager {
    list-style: none;
    text-align: center;
}
.pager li {
    display: inline;
}
.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}