form {
    background: #fff;
}
table{
    border:0 !important;
}

th, p, td, select, textarea, h5, .form-group {
    text-transform: uppercase !important;
}
@media (min-width: 604px) {

    #barByCategory,
    #barByAge {
        width: 80% !important;
        height: 100% !important;
        margin: 0 auto;
    }

    #myBarChart,
    #ventasPorMes {
        width: 100% !important;
        height: 100% !important;
        margin: 0 auto;
    }
    .body{
        width: 120% !important;
        margin-left: -10% !important;
    }
}

@media (max-width: 605px) {

    #barByCategory,
    #barByAge,
    #myBarChart,
    #ventasPorMes {
        margin: 0 auto;

    }
}

p {
    text-align: center;
    font-weight: bold;
}
.dt-button,
.buttons-create {
    background-color: #4caf50 !important;
    color: white !important;
    border-radius: 5px !important;
    border: none !important;
    padding: 5px !important;
    margin: 5px !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.DTE_Header_Content {
    text-align: center !important;
}

.DTE_Label {
    font-weight: bold !important;
    font-size: 16px !important;
}

div.DTED_Lightbox_Wrapper {
    z-index: 1062!important;
}
div.DTED_Lightbox_Background {
    z-index: 1060!important;
}
div.DTE_Bubble {
    z-index: 1200!important;
}

@media (max-width: 576px) {
    .table-custom {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
    .card-login{
        width: 100% !important; /* Set width to 100% for full-width on small screens */
        height: 690px !important; /* Allow height to adjust automatically */

    }
    video{
        display: none !important;
    }
    .card-registro{
        width: 100% !important; /* Set width to 100% for full-width on small screens */
        height: 650px !important; /* Allow height to adjust automatically */
    }

}
table{
    width: 100% !important;
}
.welcome{
    font-family: 'PT Serif', serif;
    text-align: center;
    color: #ff9d00;
}

/* Estilos para tamaños medianos (hasta 768px) */
@media (max-width: 768px) {
    .table-custom {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
}
body {
    background: #CCC;
    height: 100vh;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    border-radius: 100%;
}

.formulario_inicio {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border-radius: 100%;
}
.card-registro{
  width: 800px; /* Ancho personalizado */
  height: 500px; /* Altura personalizada */
  border-radius: 15px !important;
}
.card-login{
    width: 600px; /* Ancho personalizado */
    height: 680px; /* Altura personalizada */
    border-radius: 15px;

}
.card-register{
    width: 600px; /* Ancho personalizado */
    height: 400px; /* Altura personalizada */
    border-radius: 15px;
    margin-left: 70px;
}
.card-register2{
    width: 800px; /* Ancho personalizado */
    height: 400px; /* Altura personalizada */
    border-radius: 15px;
}
.card-body {
    border-radius: 15px;
}

td {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bg-orange{
    background-color: orange;
}


.datatable-ajax {
    padding: 8px;
}

#actividadesTable {

    width: 100% !important;
}

h4,h5 {
    font-family: 'PT Serif', serif;
     color: #595652;
}

span.card-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 25px;

}

header.header:not(.page-header),
#main {
    padding-left: 300px;
}

i.fa {
    margin: 0px 5px !important;
    font-size: 1.7rem !important;
    vertical-align: top;
}

.dataTable thead tr th:last-child {
    min-width: 50px;
}

#loading.modal {
    width: 130px;
    height: 120px;
}

.mobile-fab-tip {
    position: fixed;
    right: 85px;
    padding: 0px 0.5rem;
    text-align: right;
    background-color: #323232;
    border-radius: 2px;
    color: #FFF;
    width: auto;
}

span.field-icon {
    float: right;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
}

.pagination li.active {
    background-color: #388E3C !important;
}

#datatable_paginate {
    margin: 0 auto;
    float: inherit;
    text-align: center;
}

#datatable_paginate a,
.dataTables_paginate a {
    margin: 0 5px;
}

.dataTables_paginate a.current,
#datatable_paginate a.current {
    background-color: #388E3C !important;
}

.sidenav .collapsible-body>ul:not(.collapsible)>li.active,
.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active,
.collapsible-header.active {
    background-color: #388E3C !important;
    color: white;
}

input:required+label {
    display: block;
}

input:required+label::after,
select:required+label::after,
textarea:required+label::after {
    content: " (*)" !important;
    color: #e32;
    opacity: 1 !important;
    display: initial !important;
    position: initial !important;
}

/* label underline focus color */
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #388E3C !important;
    box-shadow: 0 1px 0 0 #388E3C !important;
}

input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #388E3C !important;
}

input[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after {
    background-color: #388E3C !important;

}

input[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after {
    background-color: #388E3C !important;
}

input[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after {
    background-color: #388E3C !important;
}

input[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after {
    border: 2px solid #388E3C !important;
}

input[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:before,
[type="radio"].with-gap:checked+span:after {

    border: 2px solid #388E3C !important;
}

nav {
    background: #388E3C !important;
}

.tabs {
    height: 44px !important;
}

.tabs .tab a {
    color: #039be5;
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
    background-color: #388E3C;

}

.tabs .tab a.active {
    background-color: #388E3C;
    color: #fff;
}

.tabs .tab a:hover {
    color: #CCC;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
    color: rgba(230, 81, 0, 0.61);
    cursor: default;
}

.tabs .indicator {
    color: transparent !important;
    background-color: transparent !important;
}

[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid #388E3C;
    border-bottom: 2px solid #388E3C;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid #388E3C;
    background-color: #388E3C;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #e8f5e9;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #388E3C;
}

.status_support_thead,
.date_support_thead {
    width: 200px;
}


.swal2-popup .swal2-input[type=number] {
    max-width: initial !important;
}

.input-icon {
    position: relative;
}

.input-icon>i {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 50%;
    pointer-events: none;
    width: 25px;
    text-align: center;
    font-style: normal;
}

.input-icon>input {
    padding-left: 25px;
    padding-right: 0;
    width: 95% !important;

}

.input-icon-right>i {
    right: 0;
    color: #CCC;
}

.input-icon-right>input {
    padding-left: 0;
    padding-right: 25px;
    text-align: right;
}


.pointer {
    cursor: pointer !important;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}


tr.pointer:nth-child(odd) {
    background: #388E3C;
    color: white;
}

tr.pointer.selected {
    background: #4CAF50;
    color: white;
}


.table_pad0 td {
    padding: 0 !important;
}

.image-resource {
    position: relative;
}

.image-resource img {
    -webkit-transition: filter .8s;
    /* Safari */
    filter: brightness(1);
}

.image-resource.disabled img {
    filter: brightness(0.2);
    transition: filter .8s;
}

.btn-visibility-image {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 1;
}

.btn-visibility-image i {
    border-radius: 100%;
}

#administrative-finding.card .card-content {
    min-height: 620px;
}

#administrative-finding.card .card-content .tabs-fixed-width {
    margin-bottom: 30px;
    padding-bottom: 65px;
}


#map {
    height: 590px;
    width: 100%;
    margin: 0;
    padding: 0;
}

strong {
    font-weight: 600;
}

#create-report.modal {
    width: 90% !important;
    height: 754px !important;
    max-height: 95% !important;
    top: 1% !important;
}


#show-message-file {
    font-size: 16px;
    margin-left: 10px;
    line-height: 2.5em;
}

.pac-container {
    z-index: 10000 !important;
}

.charjs {
    width: 100% !important;
    padding: 20px;
}

.chips .autocomplete-content {
    width: 200px !important;
}

.justify {
    text-align: justify;
}

.light-table {
    border: none !important;
}

.light-table td,
.light-table th {
    padding: 2px !important;
    border: none !important;
    height: 20px !important;
}

.select2-dropdown {
    z-index: 9999;
}

.select-length-datatable,
select[name="datatable_length"],
select[name="DataTables_Table_0_length"] {
    width: 75px !important;
    display: inherit !important;
}

.dropdown-content li>a,
.dropdown-content li>span {
    color: black !important;
}

.requeriments-box {
    min-height: 250px !important;
    margin-bottom: 15px !important;
}

.circle {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 0;
    margin-right: 5px;
}

.collapsible li.disabled .collapsible-body {
    display: none !important;
    /*or using id of the app to avoid the use of !important*/
}

.collapsible li.disabled .collapsible-header {
    background: rgb(221, 221, 221);
}

.form-upper textarea.materialize-textarea,
.form-upper input.validate {
    text-transform: uppercase;
}

.add-limit,
.add-permitted {
    padding: 25px 10px !important;
}

.add-limit:hover,
.add-permitted:hover {
    background-color: #f5f5f5;
}

.add-limit .btn-add-limit,
.add-permitted .btn-add-permitted {
    background-color: #e0e0e0;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    line-height: 65px;
    display: inline-block;
    color: white;
    cursor: pointer;
}

#form-land-use {}

.inputmask-money {
    text-align: right;
}

#beds .bed {
    height: 155px;
}

#beds .bed .delete.ajax {
    position: absolute;
    right: 10px;
    top: 10px;
}

#beds .bed-options h5 {
    font-size: 1.14rem;
}

div.DTE_Field select {
    display: block!important;
}

@media only screen and (max-width : 992px) {

    header,
    #main {
        padding-left: 0;
    }

    .status_support_thead,
    .date_support_thead {
        width: auto !important;
    }

}

@media only screen and (max-width : 992px) and (orientation:portrait) {}

/*
 * CKEditor 5 (v23.0.0) content styles.
 * Generated on Wed, 30 Sep 2020 10:17:57 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/content-styles.html
 */

:root {
    --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
    --ck-color-mention-text: hsl(341, 100%, 30%);
    --ck-highlight-marker-blue: hsl(201, 97%, 72%);
    --ck-highlight-marker-green: hsl(120, 93%, 68%);
    --ck-highlight-marker-pink: hsl(345, 96%, 73%);
    --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
    --ck-highlight-pen-green: hsl(112, 100%, 27%);
    --ck-highlight-pen-red: hsl(0, 85%, 49%);
    --ck-image-style-spacing: 1.5em;
    --ck-todo-list-checkmark-size: 16px;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
    background-color: var(--ck-highlight-marker-green);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
    color: var(--ck-highlight-pen-red);
    background-color: transparent;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
    color: var(--ck-highlight-pen-green);
    background-color: transparent;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: solid 5px hsl(0, 0%, 80%);
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
    border-left: 0;
    border-right: solid 5px hsl(0, 0%, 80%);
}

/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
    margin: 15px 0;
    height: 4px;
    background: hsl(0, 0%, 87%);
    border: 0;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 50px;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
    width: 100%;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized>figcaption {
    display: block;
}

/* ckeditor5-image/theme/imagecaption.css */
.ck-content .image>figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: hsl(0, 0%, 20%);
    background-color: hsl(0, 0%, 97%);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}

/* ckeditor5-basic-styles/theme/code.css */
.ck-content code {
    background-color: hsla(0, 0%, 78%, 0.3);
    padding: .15em;
    border-radius: 2px;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
    font-size: .7em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
    font-size: .85em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
    font-size: 1.4em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
    font-size: 1.8em;
}

/* ckeditor5-table/theme/table.css */
.ck-content .table {
    margin: 1em auto;
    display: table;
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double hsl(0, 0%, 70%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
    min-width: 2em;
    padding: .4em;
    border: 1px solid hsl(0, 0%, 75%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table th {
    font-weight: bold;
    background: hsla(0, 0%, 0%, 5%);
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
    text-align: right;
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
    text-align: left;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
    position: relative;
    clear: both;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
    content: '';
    position: absolute;
    border-bottom: 2px dashed hsl(0, 0%, 77%);
    width: 100%;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
    position: relative;
    z-index: 1;
    padding: .3em .6em;
    display: block;
    text-transform: uppercase;
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 0.75em;
    font-weight: bold;
    color: hsl(0, 0%, 20%);
    background: hsl(0, 0%, 100%);
    box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ck-content {
    height: 300px;
}

/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
    clear: both;
    margin: 1em 0;
    display: block;
    min-width: 15em;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
    list-style: none;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
    margin-bottom: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
    margin-top: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: var(--ck-todo-list-checkmark-size);
    height: var(--ck-todo-list-checkmark-size);
    vertical-align: middle;
    border: 0;
    left: -25px;
    margin-right: -15px;
    right: 0;
    margin-left: 0;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input::before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid hsl(0, 0%, 20%);
    border-radius: 2px;
    transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input::after {
    display: block;
    position: absolute;
    box-sizing: content-box;
    pointer-events: none;
    content: '';
    left: calc(var(--ck-todo-list-checkmark-size) / 3);
    top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
    width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
    height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
    border-style: solid;
    border-color: transparent;
    border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
    transform: rotate(45deg);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input[checked]::before {
    background: hsl(126, 64%, 41%);
    border-color: hsl(126, 64%, 41%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input[checked]::after {
    border-color: hsl(0, 0%, 100%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
    vertical-align: middle;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
    padding: 1em;
    color: hsl(0, 0%, 20.8%);
    background: hsla(0, 0%, 78%, 0.3);
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
    background: unset;
    padding: 0;
    border-radius: 0;
}

/* ckeditor5-mention/theme/mention.css */
.ck-content .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text);
}

@media print {

    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break {
        padding: 0;
    }

    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break::after {
        display: none;
    }
}