/*******************************************************
                    GENERAL
*******************************************************/

/* Add '...' if text is too long */
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Prevent outline on all element */
*:focus {
    outline: none !important;
}

/* Color */
.gdb {
    background-color: rgb(210,0, 60);
}

.gdb-text {
    color: rgb(210,0, 60);
}

/* Sticky footer */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main { flex: 1 0 auto; }

::-moz-selection { 
    color: white;
    background: rgb(210,0, 60);
}

::selection {
    color: white;
    background: rgb(210,0, 60);
}

/*******************************************************
                    COLUMN
*******************************************************/

/* Left column general */
.left-column { margin-top: 25px; }
.left-column a { color: black; }
.left-column a.active { background-color: rgba(0, 0, 0, 0.1); }

/* Left column when not response */
.left-column-large { min-width: 182px !important; }
.left-column-large li { width: 100% }

/* Left column when responsive */
.left-column-med-and-down li { width: 100%; }

/* Middle column */
.middle-column {
    margin-top: 25px;
    padding: 0 25px 0 25px !important;
}

/*******************************************************
                    INPUT
*******************************************************/

/* Submit button text color */
.btn-gdb {
    color: white;
    background-color: rgb(210,0, 60);
}

/* Button submit hover and active color */
.btn-gdb:hover, .btn-gdb:focus {
    background-color: rgb(210,0, 60) !important;
}

/* Label underline focus color */
.row .input-field input:focus {
    border-bottom: 1px solid rgb(210,0, 60) !important;
    box-shadow: 0 1px 0 0 rgb(210,0, 60) !important
}

/* Label textarea color */
.row .input-field textarea:focus + label {
    color: #9e9e9e;
}

/* Textarea underline focus color */
.row .input-field textarea:focus { 
    border-bottom: 1px solid rgb(210,0, 60) !important;
    box-shadow: 0 1px 0 0 rgb(210,0, 60) !important   
}

/* Checkbox color */
label [type="checkbox"]:checked + span:not(.lever)::before {
    border-right: 2px solid rgb(210,0, 60) !important;
    border-bottom: 2px solid rgb(210,0, 60) !important;
}

/* Radio button color */
[type="radio"]:checked + span::after {
    border-color: rgb(210,0, 60) !important;
    background-color: rgb(210,0, 60) !important;
}


/* Chips */
.chips.focus {
    border-bottom: 1px solid rgb(210,0, 60);
    box-shadow: 0 1px 0 0 rgb(210,0, 60);
}

/* Chips input border color */
.row .input-field .chips input:focus {
    border-bottom: 0px solid rgb(210,0, 60) !important;
    box-shadow: 0 0px 0 0 rgb(210,0, 60) !important;
}

/* Chip highlight */
.chip:focus {
    background-color: rgb(210,0, 60);
}

/* Select label color */
.input-field .select-wrapper li:not(.disabled) span{
    color: rgb(210,0, 60) !important;
}

/*******************************************************
                    NOTIFICATION
*******************************************************/

/* Error container */
.n_container .notif-icon {
    text-align: center;
    padding-top: 15px;
}
.n_container .notif-icon i { font-size: 35px; }

.n_container .notif-text {
    padding: 10px;
    border-left: solid 1px #9e9e9e;
}