﻿body {
    background-color: #E6ECF1;
    padding:0;
    margin:0;
}

* {
    margin: 0;
    padding: 0;
}

#wrapper {
    margin-top: 36px;
}

.ui.celled.table tr td.info {
    background-color: #b3dcef;
    color: #015780;
}

.ui.table.datatable tbody tr {
    transition: background-color linear 200ms;
}

    .ui.table.datatable tbody tr.active, .ui.table.datatable tbody tr.active:hover {
        background-color: #1F324B !important;
        color: #fff !important;
    }

.ui.table.datatable thead tr th, .ui.table.datatable tfoot tr th {
    padding: .18em .24em;
    font-size: .8em;
    line-height: 1.2em;
    min-width: 65px;
    font-weight: bold;
}

    .ui.table.datatable thead tr th.datetime {
        min-width: 80px;
    }

.ui.table.datatable tbody tr td {
    padding: .2em .38em;
    font-size: .83em;
    line-height: 1em;
}

    .ui.table.datatable tbody tr td div.ui.mini.buttons .ui.button {
        padding: .5em .65em;
    }

.ui.table.datatable thead tr th.medium.column {
    min-width: 150px;
}

.ui.table.datatable thead tr th.large.column {
    min-width: 230px;
}

.ui.menu div.item > label {
    font-size: .85em;
    margin-right: 4px;
    font-weight: bold;
}

.ui.menu div.item div.input input.date-picker {
    width: 124px;
}

.ui.very.large.modal {
    width: 1450px;
    max-width: 100%;
}

.ui.table td.positive {
    background-color: #21ba45 !important;
    color: #fff !important;
}

.ui.table td.warning {
    background-color: #fbbd08 !important;
    color: #fff !important;
}

#titulo-principal{
    margin: 30px 0 5px 0;
    font-size: 3.5em;
}

#subtitulo-principal{
    margin:0px;
}

.report.summary .segment{
    font-size: 10px;
}

.report.summary.item.segment{
    padding: 6px;
    border: none;
}

#main-content {
    padding: 10px !important;
}

#main-menu {
    background-color: white;
    border-bottom: solid #028bcc 2px;
}

h1.ui.header {
    color: #072745;
}

.bg-rfs-main, .ui.modal .header.bg-rfs-main, .ui.sub.header.inverted.bg-rfs-main {
    background-color: #070700;
    color: #ffffff;
}

.bg-rfs-secondary {
    background-color: #028bcc;
}

.border-radius{
    border-radius:10px !important;
}

.zero-borders {
    border: none;
}



.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}


.field input:focus {
    border: 2px solid orange !important; /* Cambiar el borde a naranja */
    border-radius: 13px;
}

h1.ui header {
    color: #344767 !important
}
select.ui.dropdown {
    color: #FF5733 !important; /* Cambia el valor de color por el que prefieras */
    border-radius: 10px !important; /* Puedes ajustar el border-radius si lo necesitas */
}

/*.ui.dropdown .menu {
    border: 2px solid orange !important;*/ /* Borde naranja para la lista */
    /*border-radius: 10px !important;
}*/

/* Estilo para la lista desplegable solo cuando el input está en foco */
/*.ui.search.dropdown:focus ~ .menu {
    border: 2px solid orange !important;*/ /* Asegura que se aplique solo cuando el input está en foco */
    /*box-shadow: 0 0 5px rgba(255, 165, 0, 0.6) !important;*/ /* Un poco de sombra */
/*}*/


/*input[type="text"] {
    border-radius: 10px !important;
}*/