/* css datatable  */
 .bg-table {
     background: #F3F6F9 !important;
     color: #808080 !important;
 }

 .table {
     color: #808080 !important;
 }

 .page-item.active .page-link {
     color: #fff !important;
     background-color: #808080 !important;
     border-color: #808080 !important;
 }

 div.dataTables_wrapper div.dataTables_length label {
     color: #808080 !important;
 }

 div.dataTables_wrapper div.dataTables_filter label {
     color: #808080 !important;
 }

 .form-control:disabled,
 .form-control:read-only {
     background-color: #ffffff !important;
 }

 /* css card  */
 .bg-card {
     background: #F3F6F9 !important;
     color: #808080 !important;
 }


 /* css inputs y titles*/

 label {
     color: #757575;
 }

 .form-floating>label {
     left: 1 !important;
 }

 /* input[type=text],
input[type=text]:focus,
input[type=text]:active,
input[type=text]:read-only,
input[type=text]::placeholder,
input[type=text]:hover:not([disabled]),

input[type=email],
input[type=email]:focus,
input[type=email]:active,
input[type=email]:read-only,
input[type=email]::placeholder,
input[type=email]:hover:not([disabled]),

input[type=number],
input[type=number]:focus,
input[type=number]:active,
input[type=number]:read-only,
input[type=number]::placeholder,
input[type=number]:hover:not([disabled]),

input[type=password],
input[type=password]:focus,
input[type=password]:active,
input[type=password]:read-only,
input[type=password]::placeholder,
input[type=password]:hover:not([disabled]),

input[type=textarea],
input[type=textarea]:focus,
input[type=textarea]:active,
input[type=textarea]:read-only,
input[type=textarea]::placeholder,
input[type=textarea]:hover:not([disabled]),

input[type=search],
input[type=search]:focus,
input[type=search]:active,
input[type=search]:read-only,
input[type=search]::placeholder,
input[type=search]:hover:not([disabled]),

input:-internal-autofill-selected,

.input-group-text {
    background: #2986D7;
    border-color: #2986D7 !important;
    color: #ffffff !important;
} */

 /* css scroll  */
 body::-webkit-scrollbar {
     width: 10px !important;
     height: 7px !important;
     overflow: visible !important;
 }

 body::-webkit-scrollbar-thumb {
     background: #bb2d3b !important;
     border-radius: 7px !important;
 }

 body::-webkit-scrollbar-thumb:horizontal {
     background: #bb2d3b !important;
     border-radius: 7px !important;
 }


 .sidebar::-webkit-scrollbar {
     width: 5px !important;
     height: 5px !important;
     overflow: visible !important;
 }

 .sidebar::-webkit-scrollbar-thumb {
     background: #bb2d3b !important;
     border-radius: 5px !important;
 }

 .sidebar::-webkit-scrollbar-thumb:horizontal {
     background: #bb2d3b !important;
     border-radius: 5px !important;
 }


 #myBtn {
     display: none;
     position: fixed;
     z-index: 1;
     height: 40px;
     width: 40px;
     bottom: 50px;
     right: 20px;
     font-size: 18px;
     border: none;
     outline: none;
     background-color: #bb2d3b;
     color: #ffff;
     cursor: pointer;
     padding: 0px;
     border-radius: 50%;
 }

 #myBtn:hover {
     background-color: #404040;
 }