:root {

    /**************************************************************************/
    /*                     B a c k - E n d    C o l o r s                     */
    /**************************************************************************/

    --main-navbar-bg: #131313;
    --main-sidebar-bg: #1a1a1a;
    --main-breadcumbs-bg: #272727;  
    --main-user-bg: #2b2b2b;  

    /* Application colors */

    --color-primary: #251B1B;
    --color-secondary: #333333;
    --color-terciary: #B2A5CE;
    
    --color-danger: #DF4949;
    --color-success: #34A16E;

    /* Django message colors */

    --message-bg: #EBEBEB;
    --message-success: #D7FFD7;
    --message-error: #FFC8C8;
    --message-warning: #FFFFCC;


    /**************************************************************************/
    /*                    F r o n t - E n d    C o l o r s                    */
    /**************************************************************************/

    --primary-color: #B2A5CE; /* #85aebf;  /* #88bc9a; */
    --primary-color-rgb: 178, 165, 206;  /* 136, 188, 154; */
    --secondary-color: rgb(43, 48, 53);
    --tertiary-color: #212529;
    --accent-color: #bc88aa;

    --green-color: #88bc9a;
    --green-color-rgb: 136, 188, 154;
    --yellow-color: #eadb83;
    --yellow-color-rgb: rgb(234, 219, 131);
    --blue-color: #4fbde1;

    --varyDarkBlue: hsl(234, 12%, 34%);
    --grayishBlue: hsl(229, 6%, 66%);
    --veryLightGray: hsl(0, 0%, 98%);

    --submitted-color:   var(--grayishBlue);
    --corrections-color: var(--blue-color);
    --accepted-color:    var(--green-color);
    --nominated-color:   var(--yellow-color);
    --winner-color:      var(--primary-color);
    --rejected-color:    var(--secondary-color);
    --finalist-color:    #cb6a6a;

    --weight1: 200;
    --weight2: 400;
    --weight3: 600;

}

.bg-presentada  { background-color: var(--submitted-color);   }
.bg-subsanacion { background-color: var(--corrections-color); }
.bg-aceptada    { background-color: var(--accepted-color);    }
.bg-nominada    { background-color: var(--nominated-color);   }
.bg-finalista   { background-color: var(--finalist-color);    }
.bg-ganadora    { background-color: var(--winner-color);      }
.bg-rechazada   { background-color: var(--rejected-color);    }

.badge-submitted   { background-color: var(--submitted-color);   } 
.badge-corrections { background-color: var(--corrections-color); } 
.badge-accepted    { background-color: var(--accepted-color);    } 
.badge-nominated   { background-color: var(--nominated-color);   } 
.badge-winner      { background-color: var(--winner-color);      } 
.badge-rejected    { background-color: var(--rejected-color);    } 


/* Default CSS */

* {
    font-family: 'Roboto';
    font-weight: 200;
    box-sizing: border-box;
    font-size: 14px;
}


/* Bootstrap Overrides */

.bg-primary, .text-primary {
    background-color: var(--color-primary) !important;
}

.bg-secondary, .text-secondary {
    background-color: var(--tertiary-color) !important;
}

.bg-tertiary, .text-terciary {
    background-color: var(--color-terciary) !important;
}


/* Form Validation */

.required:after {
    content:" *";
    color: var(--color-danger);
}

ul li {
    list-style-type: none;
}

ul.errorlist {
    margin: 0 !important;
    background-color: var(--message-error);
    padding: 5px;
    border-radius: .25rem;
}

input, textarea {
    font-weight: 200 !important;
}


.groupframe{
    border: lightgray 1px solid;
    padding: 10px;
    border-radius: 12px;
}