/* These styles are generated from project.scss. */

.alert-debug {
    color: black;
    background-color: white;
    border-color: #d6e9c6;
}

.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.btn {
    background-color: green;
    border-color: green;
    border-radius: 5px;
    border-width: 1px;
    padding: 5px 10px;
    font-size: 11px;
    color: white;
}

table .btn {
    padding: 2px 10px;
}

.btn:hover {
    background-color: black;
    border-color: black;
    border-radius: 5px;
    border-width: 1px;
    font-size: 11px;
    color: white;
}

.tag {
    background-color: lightgreen;
    border-color: lightgreen;
    border-radius: 5px;
    border-width: 1px;
    padding: 2px 10px;
    font-size: 11px;
    color: black;
}

.pagination .page-item, .pagination .page-link {
    font-size: 11px;
    color: grey;
}

.pagination li.page-item.active .page-link {
    background-color: green;
    color: white;
}

.form-control {
    font-size: 11px !important;
}

ul.filter li ul.filter {
    padding: 0;
    margin-left: 20px;
}

ul.right-menu {
    padding-left: 15px;
}

.ck.ck-editor__main > .ck-editor__editable, input[type='text'], select {
    background-color: #efefef !important;
}

div.filtered {
    background-color: #efefef;
    padding: 10px;
}

div.filtered a, a.show_tag {
    font-weight: bold;
    color: green;
}

td.empty-list {
    background-color: #efefef;
    padding: 20px;
    text-align: center;
}

p.well, div.well {
    color: green;
    padding: 20px 10px;
    background-color: #efefef;
    border-radius: 5px;
}

.btn-danger {
    background-color: darkred;
    color: white;
    /*border-color: lightcoral;*/
}

/*.h1_style a {*/
/*    font-size: 16px;*/
/*}*/
/*.h2_style a {*/
/*    font-size: 14px;*/
/*}*/
/*.h3_style a {*/
/*    font-size: 12px;*/
/*}*/

#article h1, #article h2, #article h3, #article h4, #article h5, #article h6 {
    color: #333333;
}

#article h1 {
    font-size: 28px;
}

#article h2 {
    font-size: 24px;
}

#article h3 {
    font-size: 20px;
}

#article h4 {
    font-size: 16px;
}

#article h5 {
    font-size: 14px;
}

#article h6 {
    font-size: 12px;
}

#article h1:hover, #article h2:hover, #article h3:hover, #article h4:hover, #article h5:hover, #article h6:hover {
    color: green;
    cursor: pointer;
}

#id_subject, #id_category {
    width: 500px !important;
}

.project-icons {
    width: 150px !important;
}

.dropdown-toggle {
    cursor: pointer;
}

.dropdown-item {
    font-size: 12px !important;
}

.sidebar, .sidebarright {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.table thead tr th.asc span:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0de";
}

.table thead tr th.desc span:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0dd";
}

th.orderable:not(.asc, .desc) a > span:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0dc";
}

th.orderable a > span {
    float: right;
}

#id_categories {
    height: 200px;
}

h3 small {
    font-size: 20px;
}

h5 {
    color: #008000;
}

.tag {
    color: #333333;
}

td[colspan="8"] {
    padding: 15px;
}

.bg-green {
    background-color: #008000 !important;
}

.dashboard-button {
    padding: 75px;
    background-color: #008000 !important;
    border-radius: 10px;
    color: white;
    text-align: center
}

.dashboard-button a {
    color: white;
}