@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height:100%;
    scroll-behavior:smooth!important;
}
#app{
    height:100%;
}
.page{
    height:100%;
}
.content{
    height:100%;
}
.volver {
    position: absolute;
    top: 50px;
    left: 115px;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    /*padding-top: 1.1rem;*/
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


/*@media (min-width: 641px) {
.navbar-toggler{
    display: block !important;
}

}*/

/*MAINLAYOUT*/
.rte-toolbar.ql-toolbar.ql-snow {
    border: 0px !important;
}

.mimain {
    display:flex;
    flex: 1;
    flex-direction:column;
}

.menu-arriba {
    background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, rgb(117,175,5),rgb(18, 123, 10)) !important;
    z-index:999!important;
}

.fondo-error {
    background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, rgb(117,175,5),rgb(18, 123, 10)) !important;
    height:100%;
}

/*PETICIONES*/
.cabecera {
    padding: 5px 2%;
}

.iconBuscar {
    position: relative;
    left: 30px;
    top:10px;
    z-index:99;
}
.form-control {
    border-radius: 5px !important;
}
.iconCancelar {
    position: relative;
    right: 30px;
    top:10px;
    z-index:99;
}

.iconCalendar {
    position: relative;
    right:40px;
    z-index:99;
}
.buscador{
    padding-left:50px!important;
}
.mimemo{
    padding-left:1rem!important;
}
.padding-0{
    padding-left:0px!important;
    padding:0px!important;
}

.ql-toolbar.ql-snow {
    padding-top: 8px!important;
    padding-left:0px!important;
}

.sk-plane{
    position:absolute!important;
    z-index:999999!important;
    top:50vh!important;
    left:48vw!important;
}

.img-unica{
    position:absolute!important;
    z-index:9999999!important;
    top:50vh!important;
    left:48vw!important;
}

.fondo {
    position: absolute !important;
    z-index: 9999 !important;
    top: 0 !important;
    left: 0 !important;
    width: 99.9vw !important;
    height: 100vh !important;
    backdrop-filter: blur(5px);
}

.text-end{
    text-align:end!important;
}

.modal-footer{
    padding:0.75rem 0px!important;
}

.adjuntos ~ .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: "Archivos" !important;
}

.card-adjuntos{
    height: 132px!important;
    padding:0rem!important;
}

.adjuntos {
    height: 132px !important;
}

.adjuntos ~ .custom-file-label {
    border: none !important;
    height: 132px !important;
}

.adjuntos ~ .custom-file-label[data-browse]::after {
    content: "+" !important;
    position: absolute!important;
    top: 87px!important;
    right: 10px!important;
    border-radius: 5px !important;
}
.micard{
    margin-top:5px!important;
}

.snackbar{
    position:absolute!important;
    z-index:999999999999999!important;
    bottom:5vh!important;
    right:1vw!important;
    border-radius:5px!important;
    width:20vw!important;
    padding: 5px!important;
}


.snackbar-action-button {
    text-align: right !important;
}

.snackbar-header{
    font-weight: bold;
    display:flex!important;
    justify-content:space-between!important;
}

.snackbar[class*="danger"] {
    background-color: red !important;
    border-color: red !important;
}

.snackbar-action-button[class*="danger"] {
    background-color: red !important;
    border-color: red !important;
}
snackbar:hover {
    border-color: var(--lightgray) !important;
    background-color: var(--lightgray) !important;
    color: black !important;
}

.snackbar:hover * {
    border-color: var(--lightgray) !important;
    background-color: var(--lightgray) !important;
    color: black !important;
}

.snackbar *:hover {
    border-color: var(--lightgray) !important;
    background-color: var(--lightgray) !important;
    color: black !important;
}

/*COLORES*/
.caja-gris {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #dfdde048;
    border-radius: 20px;
    padding: 0px 5px;
    text-align: center;
}
.caja-amarilla {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fecf2848;
    border-radius: 20px;
    padding: 0px 5px;
    text-align: center;
}

.caja-roja {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fb6b2248;
    border-radius: 20px;
    padding: 0px 5px;
    text-align: center;
}

.caja-azul {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2596be48;
    border-radius: 20px;
    padding: 0px 5px;
    text-align: center;
}

.caja-morada {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #a970b748;
    border-radius: 20px;
    padding: 0px 5px;
    text-align: center;
}

.caja-verde-oscuro {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #29b46248;
    border-radius: 20px;
    padding: 0px 5px;
    text-align: center;
}
.circulo-gris {
    background-color: #858b99;
    border: 1px solid #858b99;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50px;
}
.circulo-amarillo {
    background-color: #fecf28;
    border: 1px solid #fecf28;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50px;
}

.circulo-rojo {
    background-color: #fb6b22;
    border: 1px solid #fb6b22;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50px;
}

.circulo-azul {
    background-color: #2596be;
    border: 1px solid #2596be;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50px;
}

.circulo-morado {
    background-color: #a970b7;
    border: 1px solid #a970b7;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50px;
}

.circulo-verde-oscuro {
    background-color: #29b462;
    border: 1px solid #29b462;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50px;
}

/*TIPO DE LETRA*/

@font-face {
    font-family: 'HelveticaNeue';
    src: url('..\fonts\Helvetica\HelveticaNeue.ttf') format('truetype');
}
@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('..\fonts\Helvetica\HelveticaNeue-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeueMedium';
    src: url('..\fonts\Helvetica\HelveticaNeue-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('..\fonts\Helvetica\HelveticaNeue-Light.ttf') format('truetype');
}

.txttitulo {
    color: white;
    font-size: 18px;
    margin: 5px 0px;
    font-family: 'HelveticaNeueMedium';
}
.txttitulogrande {
    color: white;
    font-size: 24px;
    margin: 5px 0px;
    font-family: 'HelveticaNeueMedium';
}

.txttitulonegrogrande {
    color: black;
    font-size: 24px;
    margin: 5px 0px;
    font-family: 'HelveticaNeueMedium';
}

.txtnormalblanco {
    color: white;
    font-size: 16px;
    margin: 5px 0px;
    font-family: 'HelveticaNeue';
}
.txtnegrita {
    color: black;
    font-size: 18px!important;
    margin: 5px 0px;
    font-family: 'HelveticaNeueMedium';
}
.txtgriss {
    color: #9B9B9B;
    font-size: 18px;
    margin: 5px 0px;
    font-family: 'HelveticaNeue';
}
.txtgrissmedium {
    color: #9B9B9B;
    font-size: 16px;
    margin: 5px 0px;
    font-family: 'HelveticaNeueMedium';
}
.txtgrisstitulo {
    color: #9B9B9B;
    font-size: 14px;
    margin: 5px 0px;
    font-family: 'HelveticaNeue';
}
.txtazulnormal {
    color: #2d8ef9;
    font-size: 18px;
    margin: 5px 0px;
    font-weight: normal;
    font-family: 'HelveticaNeueMedium';
}
.txtnormal {
    color: #4A4A4A;
    font-size: 16px !important;
    margin: 5px 0px;
    font-weight: normal;
    font-family: 'HelveticaNeue';
}
.txtfiltro {
    color: #4A4A4A;
    font-size: 18px;
    margin: 5px 0px;
    font-weight: normal;
    font-family: 'HelveticaNeue';
}

.bg-lightgray{
    background-color: var(--lightgray)!important;
}
p {
    font-family: 'HelveticaNeue';
    color: #4A4A4A;
    font-size: 16px !important;
    margin: 5px 0px;
    font-weight: normal;
}
a:hover{
    text-decoration:none;
    color:white;
}
a.active {
    background-color: #b3b7b375;
    border-radius: 5px;
}
/*VARIABLES BOOTSTRAP*/
:root {
    --primary: white;
    --dark: #858b99;
    --secondary: #a970b7;
    --warning: #fecf28;
    --info: #2596be;
    --success: #29b462;
    --danger: #fb6b22;
    --lightgray: #E7E8E7;
}

/*secondary*/

*[class*="secondary"] {
    background-color: var(--secondary) !important;
    border: 2px solid var(--secondary) !important;
    color: var(--primary)!important;
}

*[class*="secondary"]:hover {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--secondary) !important;
    color: black !important;
}
*[class*="secondary"].active {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--secondary) !important;
    color: black !important
}
*[class*="outline-secondary"] {
    background-color: transparent !important;
    border: 2px solid var(--secondary) !important;
    color: black !important;
}
.text-secondary {
    color: var(--secondary) !important;
}

/*success*/

*[class*="success"] {
    background-color: var(--success) !important;
    border: 2px solid var(--success) !important;
    color: var(--primary) !important;
}

*[class*="success"]:hover {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--success) !important;
    color: black !important;
}

*[class*="success"]:active {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--success) !important;
    color: black !important;
}

*[class*="outline-success"] {
    background-color: transparent !important;
    border: 2px solid var(--success) !important;
    color: black !important;
}
.text-success {
    color: var(--success) !important;
}
/*info*/

*[class*="info"] {
    background-color: var(--info) !important;
    border: 2px solid var(--info) !important;
    color: var(--primary) !important;
}

*[class*="info"]:hover {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--info) !important;
    color: black !important;
}

*[class*="info"].active {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--info) !important;
    color: black !important;
}

*[class*="outline-info"] {
    background-color: transparent !important;
    border: 2px solid var(--info) !important;
    color: black !important;
}
.text-info {
    color: var(--info) !important;
}

/*danger*/

*[class*="danger"] {
    background-color: var(--danger) !important;
    border: 2px solid var(--danger) !important;
    color: var(--primary) !important;
}

*[class*="danger"]:hover {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--danger) !important;
    color: black !important;
}

*[class*="danger"].active {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--danger) !important;
    color: black !important;
}

*[class*="outline-danger"] {
    background-color: transparent !important;
    border: 2px solid var(--danger) !important;
    color: black !important;
}
.text-danger {
    color: var(--danger) !important;
}
/*warning*/

*[class*="warning"] {
    background-color: var(--warning) !important;
    border: 2px solid var(--warning) !important;
    color: var(--primary) !important;
}

*[class*="warning"]:hover {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--warning) !important;
    color: black !important;
}

*[class*="warning"].active {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--warning) !important;
    color: black !important;
}

*[class*="outline-warning"] {
    background-color: transparent !important;
    border: 2px solid var(--warning) !important;
    color: black !important;
}
.text-warning {
    color: var(--warning) !important;
}
/*dark*/

*[class*="dark"] {
    background-color: var(--dark) !important;
    border: 2px solid var(--dark) !important;
    color: var(--primary) !important;
}

*[class*="dark"]:hover {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--dark) !important;
    color: black !important;
}

*[class*="dark"].active {
    background-color: var(--lightgray) !important;
    border: 2px solid var(--dark) !important;
    color: black !important;
}

*[class*="outline-dark"] {
    background-color: transparent !important;
    border: 2px solid var(--dark) !important;
    color: black !important;
}
.text-dark {
    color: var(--dark) !important;
}

/*generico*/
*[class*="text"] {
    background-color: transparent !important;
    border:none!important;
}
*[class*="text"]:hover {
    background-color: transparent !important;
    border: none !important;
}