﻿.negrita {
    font-weight: bold;
}

.boton-proceso {
    
}

.jumbotron p {
    font-size: 15px;
}

label {
    font-weight: 500 !important;
    color: #585858 !important;
}

.labelStrong {
    font-size: 1rem !important;
    color: black !important;
}

.labelBlack {
    color: black !important;
}

.option-box {
    margin-bottom: 0px;
    background-color: #D8DFF2;
}

.compact-input {
    margin-bottom: 0px !important;
}

.compact-row {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.small-btn {
    height: 24px !important;
    line-height: 24px !important;
    padding: 0 0.5rem !important;
}

.separator-style {
    margin-top:3px !important;
    margin-bottom: 5px !important;
}

body {
    background-color: #F7F7F7;
}

[type="checkbox"].control-checkbox {
    position: static !important;
    left: 0px  !important; 
    opacity: 1  !important; 
}

.fixed [type="checkbox"] + label, .fixed [type="radio"] + label {
  pointer-events: auto;
}

.selectedRow {
    background-color: lightblue !important;
}

.selectedSingleRow {
    background-color: lightblue !important;
}

.NovedadBox {
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.header {
    color: #28A1C9;
    font-weight: 300;
}

.subheader {
    color: darkslategray;
    font-weight: bold !important;
}

.menuDobleLinea {
    height: 96px !important;
}

/*colores*/
.colorBotonSelect{
    background:#ffd800
}

.colorP
{

}
.ColorP2{

}
.ColorP3{

}
.Fondo1{

}
.Fondo2{

}
.Fuente1{

}
.Fuente2{

}
/*Separadores*/


/*Titulos Debe Incluir refencia a color*/
.Titulo1{

}
.Titulo2{

}
.Titulo3{

}

/*Formato Botones*/
.BotonAceptar {
    background-color: #43A047 !important;
}

.BotonCancelar{
    background-color: #E53935 !important;
}

.BotonConsultar{
    background-color: #1E88E5 !important;
}
.BotonWarning {
    background-color: orange !important;
}
.BotonDownload {
    background-color: #E53935 !important;
}
/*Spans*/
.DangerAlert{
    
}

.BotonXls {
    background-color: green !important;
}



/*Marcos Div o tarjetas para filtros*/


/*ToolTipos*/
.CustomTooltip{

}

/*Labels*/

/*Selects(Listbox*/

/*Tablas*/

/*Radio Buttons*/
.radioBtns {
    padding: 5px !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
}
.invalidDiv {
    background-color: #EF9A9A;
    border-style: solid !important;
    border-color: #EF9A9A !important;
    border-width: thick !important;
}
textarea.invalid {
    background-color: ivory;
    border: none;
    outline: 2px solid red;
    border-radius: 5px;
}






/*Cards*/
.card-shadow {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  padding-left: 10px;padding-right: 10px;padding-bottom:10px;
  border-radius : 15px;
}

tr.TotalesFinales td {
    background-color: darkblue;color:white
}

.TotalesFinalesGeneric  {
    background-color: darkblue;
    color: white
}
.text-info {
    color: #31708f !important; 
}
.text-danger {
    color: #a94442 !important;
}
.bg-danger {
    background-color: #f2dede !important;
}

/*In datatable*/
.compact-row-table {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.table-warning {
    background: orange !important;
    background-color: orange !important;
}
.table-danger {
    background: #f2dede !important;
}
.table-success {
    background: #8edca3 !important;
}

/**/
.logbackimg {
    /*min-height: 100vh;*/
    align-items: center;
    height: 80vh;
    width: 40vw;
    margin:20vh auto;
    /*padding-left:5rem;*/
    /* The image used */
    background-image: url("../Images/logimg.jpg");
    /* Add the blur effect */
    /* filter: blur(20px);
    -webkit-filter: blur(8px);*/
    /* Full height */
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 25px;
    border: 2px;
    padding: 20px;
    /*display: flex;*/
}
.loginput {
    background-color: white !important;
    /*border-radius: 25px !important;*/
}
.navLayoutColor {
    background-color: #00BFF9 ;
}
.warningField {
    border-bottom: 1px solid orange !important;
    -webkit-box-shadow: 0 1px 0 0 orange !important;
    box-shadow: 0 1px 0 0 orange !important;
}
.pulse-button {
    position: relative;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    display: block;
    width: 100px;
    height: 100px;
    font-size: 1.3em;
    font-weight: light;
    font-family: 'Trebuchet MS', sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 100px;
    letter-spacing: -1px;
    color: white;
    border: none;
    border-radius: 50%;
    background: #5a99d4;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
    -webkit-animation: pulse 1.5s infinite;
}

    .pulse-button:hover {
        -webkit-animation: none;
    }

@-webkit-keyframes pulse {
    0% {
        @include transform(scale(.9));
    }

    70% {
        @include transform(scale(1));
        box-shadow: 0 0 0 50px rgba(#5a99d4, 0);
    }

    100% {
        @include transform(scale(.9));
        box-shadow: 0 0 0 0 rgba(#5a99d4, 0);
    }
}
