/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}


body .layout-px-spacing, .layout-px-spacing {
    min-height: calc(100vh - 155px) !important;
}

body.dark .layout-px-spacing, .layout-px-spacing {
    min-height: calc(100vh - 155px) !important;
}

a {
    text-decoration: none !important;
}

td {
    word-wrap: break-word !important;
    white-space: normal !important;
}

.bg-azul {
    background: #80d1d7;
}
.text-azul {
    color: #80d1d7;
}
.btn-azul {
    background: #80d1d7;
    color: #FFF;
}
.btn-azul:hover {
    background: #0E8AC9;
    color: #FFF;
}
.text-a {
    color: #80d1d7;
    text-decoration: underline;
}
.btn-laranja {
    background: #fe5b00;
    border-color: #fe5b00;
    color: #fff;
}
    .btn-laranja:hover {
        background: #eb5400;
        border-color: #eb5400;
        color: #fff;
    }
.bg-laranja {
    background: #eb5400;
}

.text-laranja {
    color: #eb5400;
}
.bg-chumbo {
    background: #4d4d4d;
}


.header-container {
    min-height: 46px !important;
}

body{
    font-size: 14px;
}
    body.light {
        background: linear-gradient(rgba(249,250,251,0.95), rgba(249,250,251,0.95)), url("../Images/bg.png") fixed no-repeat !important;
    }
    body:before{
        background: none !important;
    }

    body.light .nav-logo .theme-logo {
        margin-left: 36px;
        transition: width 0.2s ease;
    }
    body.light .sidebar-closed .nav-logo .theme-logo {
        margin-left: 12px;
        width: 29px;
        transition: width 0.2s ease;
    }

    body.light .sidebar-closed .sidebar-wrapper:hover .nav-logo .theme-logo {
        width: auto;
    }

    body.light .navbar .search-animated {
        background-color: rgb(243 244 246 / 0.8);
        border-radius: 0.5rem;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        margin-top: 4px;
        font-weight: 500;
        color: rgb(75 85 99 / var(--tw-text-opacity, 1));
    }

    body.light .navbar .search-animated a {
        color: #4d4d4d;
        font-weight: 500;
        background-color: rgb(243 244 246 / 0.8);
        border-radius: 0.5rem;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        margin-top: 4px;
        font-weight: 500;
        color: rgb(75 85 99 / var(--tw-text-opacity, 1));
    }

    body.light .navbar .search-animated a:hover {
        color: #333;
    }
body.dark .navbar .search-animated a {
    color: #e0e6ed;
    outline: none;
}

    body.dark .navbar .search-animated a:hover {
        color: #aaa;
        outline: none;
    }

    body.light .header-container {
        background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)) !important;
    }
    body.light #sidebar .theme-brand {
        background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)) !important;
    }
    body.light .sidebar-theme {
        background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)) !important;
    }

    body.light .form-control {
        padding: 0.75rem 1.25rem;
    }

body.light .card {
    border-color: #e5e7eb !important;
}
body.light .card-header{
    background-color: #FFF !important;
}
body.light .card {
    background: none !important;
}

body.light .card-body, body.light .card-header {
    background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)) !important;
}
body.light .table thead tr th {
    background-color: #f9fafb !important;
}
body.dark .table thead tr th {
    background-color: #161930 !important;
}

body.light .table {
    --bs-table-striped-bg: #fbfcfc;
}
    body.light .btn-primary {
        background: #fe5b00 !important;
        border-color: #fe5b00 !important;
        color: #fff !important;
        box-shadow: 0 5px 10px -5px rgb(89 89 89 / 59%);
    }

    body.light .btn-primary:hover {
        background: #fe5b00 !important;
        border-color: #fe5b00 !important;
        color: #fff !important;
    }
body .form-group .btn-primary {
    padding: 0.75rem 1.25rem;
}

table.dataTable thead th, table.dataTable tfoot th{
    font-weight: 500 !important;
}
.card .card-header {
    border-bottom: none !important;
}

body.light .modal {
    font-size: 14px !important;
}
body.dark .modal .modal-header {
    border-bottom-color: #090f1b;
}
body.dark .modal .modal-footer {
    border-top-color: #090f1b;
}

body .modal .card {
    box-shadow: none;
}

body .modal .card .card-header {
    padding: 10px;
    padding-bottom: 0px;
    font-weight: 400;
}

body .modal .card .card-body {
    padding: 10px;
    font-weight: 600;
}

body.dark .modal .card {
    background-color: #090f1b !important;
    border-color: #090f1b !important;
    color: #FFF;
}
    body.dark .modal .card .card-header {
        color: #CCC;
    }
body.light .modal .card, body.light .modal .card-header {
    background-color: #f9fafb !important;
    border-color: #f9fafb !important;
}
body.light .modal .card-body {
    color: #000000;
}
body.light .modal .card-header {
    color: #6b7280;
}
.message-user {
    text-align: left;
    background-color: #E1E1E1;
    margin: 5px;
    padding: 10px;
    border-radius: 10px;
}

.message-client {
    text-align: left;
    background-color: #F1F1F1;
    margin: 5px;
    padding: 10px;
    border-radius: 10px;
}

.timestamp {
    font-size: 70%;
    color: gray;
    display: block;
    margin-top: 5px;
}

body.dark .message-user {
    background-color: #14223a;
    color: #fff;
}

body.dark .message-client {
    background-color: #162032;
    color: #fff;
}

body.dark .timestamp {
    color: #ccc;
}

body.dark .dataTables_info {
    color: #ccc;
}

.offset-4 {
    margin-left: 33.33333333% !important;
}
.dt-button, .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #888ea8 !important;
}

body.light .dt-button, body.light .paginate_button, body.light .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.light .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, body.light .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #f9fafb !important;
    border-color: #dee2e6 !important;
    border-radius: 0.375rem;
}
    body.light .dt-button:hover, body.light .paginate_button:hover, body.light .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, body.light .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, body.light .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #000 !important;
    }

body.dark .dt-button, body.light .paginate_button, body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, body.dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #090f1b !important;
    border-color: #090f1b !important;
    border-radius: 0.375rem;
}
    body.dark .dt-button:hover, body.light .paginate_button:hover, body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, body.dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #FFF !important;
    }

body.light .bg-secundary {
    background-color: #4d4d4d;
}
body.light .bg-secundary {
    background-color: #4d4d4d;
}

.sortable-placeholder {
    background: #ffeeba;
    height: 50px;
    border: 2px dashed #ffc107;
}