body {
    background-color: rgb(255, 255, 255);
}

#container {
    background-color: rgb(255, 255, 255) !important;
}

a{
    color: rgb(0, 0, 0);
}

.breadcrumb .breadcrumb-item a {
    color: rgb(64, 64, 64) !important;
}

.btn-info {
    background: #000000;
    border: solid #000000;
}

table {
    font-family:'Times New Roman', Times, serif
}

td {
    border-color: inherit;
    border-style: none !important;
    color: rgb(59, 55, 55) !important;
}

th {
    border: 0 !important;
}

/* Pagination (links buttons) */

.page-link.active, .active > .page-link {
    background: rgb(0, 0, 0);
    border: #000000;
}

.page-link { 
    border-radius: 100% !important;
    margin: 3px;
    color: rgb(0, 0, 0);
    font-family: cursive;
}

/* LOGIN */

#container #column-left a{
    color: rgb(104, 104, 104);

}

#container #column-left #menu a .fa-solid,#container #column-left #menu a .fas, #container #column-left #menu a .fa-regular {
    color: rgb(188, 188, 188) !important;

}

#content .container-fluid .row .col-sm-10 .card {
    position: relative;
    top: 100px;
    border-radius: 20px;
    padding: 20px;
    border: none !important;
    box-shadow: 0 0 5px 1px  rgba(0, 0, 0, 0.1);
}

#content .container-fluid .card input:focus {
    border: rgb(245, 245, 220);
    box-shadow: 0 0 0 2px rgb(245, 245, 220);
}

#content .container-fluid .row .col-sm-10 .card input {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#content .container-fluid .card .input-group-text {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
}

#content .container-fluid .row .col-sm-10 .card button {
    margin-top: 20px;
    width: 100%;
    border-radius: 8px;
    background: rgb(0, 0, 0);
}

#content .container-fluid .card button:active {
    background: rgb(245, 245, 220);
}

/* All div */

#content .container-fluid .card div {
    border-radius: 8px;
}

#content .container-fluid .card {
    position: relative;
    border-radius: 20px;
    padding: 20px;
    border: 1px solid rgb(219, 219, 219) !important;
    box-shadow: 0 3px 5px 1px  rgba(0, 0, 0, 0.1);
}

#content .container-fluid .card .table-responsive{
    overflow-x: scroll;
    width: 100%;
}

#content .container-fluid .card .table-responsive::-webkit-scrollbar {
    display: none;
}

/* Dashboard TIles */
#content .container-fluid .row .col-lg-3 .tile {
    border-radius: 20px;
    padding: 20px;
    border: 1px solid rgb(219, 219, 219) !important;
    background: rgb(255, 255, 255);
    box-shadow: 0 3px 5px 1px  rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

/* Dashboard TIles Titles*/
#content .container-fluid .row .col-lg-3 .tile .tile-heading {
    color: rgb(0, 0, 0) !important;
}

/* Dashboard Tiles body */
#content .container-fluid .row .col-lg-3 .tile .tile-body {
    color: rgb(0, 0, 0) !important;
}

#content .container-fluid .row .col-lg-3 .tile .tile-body .fa-solid:hover {
    opacity: 1 !important;
    color: rgb(145, 145, 145) !important;

}

#content .container-fluid .row .col-lg-3 .tile .tile-body .fa-solid {
    opacity: 1 !important;
    color: rgb(0, 0, 0) !important;

}

/* Dashboard Tiles footer */
#content .container-fluid .row .col-lg-3 .tile .tile-footer {
    border-radius: 20px;
}

/* ALL BUTTON */
#content .container-fluid .card button, #content .container-fluid .card a {
    border-radius: 8px;
}

#content .container-fluid .card a:active{
    background-color: rgb(245, 245, 220) !important;
}

.dropdown-toggle-split, .btn-primary {
    margin-left: 2px !important;
    background: rgb(0, 0, 0);
    border: none;
}

.dropdown-toggle-split, .btn-primary:hover {
    background: rgb(65, 65, 65);
}

.float-end  button, .float-end  a{
    border-radius: 10px;
}

#content .container-fluid .card textarea:focus {
    border: rgb(245, 245, 220);
    box-shadow: 0 0 0 2px rgb(245, 245, 220);
}


.cke_chrome {
    display: block;
    border: 1px solid #d1d1d1;
    padding: 0;
    border-radius: 20px !important;
    overflow: hidden;
}