:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

body {
    margin: 0;
    font-family: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #69707a;
}
.bg-gradient-primary-to-secondary {
    background-image: linear-gradient(135deg, #f76400 0%, #f4a100 100%);
}
a{
    color:#f76400;
}
a:hover, 
a:focus{
    color: #f4a100;
}
main.container{
    padding-top:1.5rem;

    font-size:0.95rem !important; 

}
.wrapper{
    background: #fff;
    padding:1rem;
    border-radius:0.8rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,0.4);
}
.nowrap{
    white-space: nowrap;
}
h1.nowrap{
    font-size: 2.3rem;
    letter-spacing: -1px;
}
.table.table-responsive-custom td>.btn >span{
    display: none;
}
.table.table-responsive-custom td>.btn:nth-child(1){
    margin-right: 0.8rem;
}
.table-radius{
    border-radius: 0.8rem;
    border: 1px solid #dee2e6;
}
.table.table-responsive-custom th, 
.table.table-responsive-custom td{
    vertical-align: middle;
}
.table.table-responsive-custom td, .table th {
    padding: 0.5rem;
}
.table.table-responsive-custom .btn{
    padding: .25rem .75rem;
}
.header-inline{
    display: inline-block;
    width: calc(100% - 100px);
}
hr{
    border: none;
    height: 2px;
    background-image: linear-gradient(135deg, #f76400 0%, #f4a100 100%);
}
.form-control:focus{
    border-color:#f4a100;outline:0;box-shadow:0 0 0 .2rem rgba(247,100,0,.25)
}
.profile .btn{
    width:100%;
}

@media (max-width:991px){
    .table td, .table th {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }
    .container, .container-md, .container-sm {
        max-width: 95%;
    }
}
@media (max-width:767px){
    .table-responsive-custom thead {
        display: none;
    }
    .table-responsive-custom tr{
        border-bottom: 45px solid #dee2e6;
        box-shadow: 0 1px 1px rgba(0,0,0,.3);
    }
    .table-responsive-custom td:first-child{
        padding-left:10px;
    }
    .table-responsive-custom td:before{
        content: attr(data-label);
        float: left;
        font-size:10px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .table-responsive-custom td{
        display: block;
        text-align: right;      
    }
    .table-responsive-custom.table-striped tbody tr:nth-of-type(odd) {
        background-color: #fff;
    }
    h1, .h1, h1.nowrap{
        font-size: 1.5rem !important ;
        line-height: 1.8rem;
    }
    .offset-4{
        margin-left: 0;
    }
}


.btn-primary {
    background: white;
    border: 2px solid red;
    color: red;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #fff;
    border-color: darkred;
    color: darkred;
}

h1 {
    color: #69707a !important;

}

@media (min-width:992px){
    .navbar-light .navbar-nav .nav-link.nav-user{
        margin-left:1rem;
        padding: 0.5rem;
        background: #9ba4b0;
        color: #fff;
        border-radius: 0.5rem;
    }
    .navbar-light .navbar-nav .nav-link.nav-user:hover{
        background-image: linear-gradient(135deg, #F76400 0%, #f4a100 100%);
    }

}
@media (min-width: 1200px){
    main.container.big {
        max-width: 1920px;
        padding: 2rem 4rem;
    }
}

.text-primary {
    color: orange !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #f15623 !important; /* este es el hover del logotipo epigestion */
}

.navbar-light .navbar-brand {
    color: #9ba4b0 !important;
}

.send-to-review-text {
    padding-top:30px;
    font-size: 0.95rem;
}

/** override select2 **/
.select2-selection__choice {
    background: #F59600 !important;
    color:#fff !important;
    padding-left: 15px !important;
    margin-left: 3px !important;
}
.select2-selection__choice__remove {
    color:#fff !important;
    float:right !important;
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    color: #fff;
    background-color: #F59600 !important;
}

#epi-table-refresh {
    overflow-x: auto;
}
#epi-table-refresh td {
    white-space: nowrap;
}