.btn-outline {
    background-color: rgba(255, 0, 0, 0.2);
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #ff0000;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.--btn {
    border: none;
    color: white;
    padding: 0.5em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    border-radius: 8px;
    box-shadow: 1px 3px 3px #ccc;
}

.--btn-primary {
    background-color: #1a3b70;
}

.--btn-success {
    background-color: var(--success);
}

.--btn-warning {
    background-color: var(--warning);
}

.--btn-danger {
    background-color: var(--danger);
}

.--btn-info {
    background-color: var(--info);
}
.--btn-default {
    background-color: #ddd;
}
.--btn-download:before {
    content: url("../icon/direct-download-white.png");
}

.--btn-pencil:before {
    content: url("../icon/direct-download-white.png");
}

.--btn-file:before {
    content: url("../icon/file-white.png");
}

.--font-20 {
    font-size: 22px !important;
}

.--btn:disabled {
    background-color: #dddddd;
    color: #949494;
}

.--btn:hover {
    filter: brightness(0.9);
}

.--p1 {
    padding: 1em;
}