:root {
  --primary-color: #006cb9;
  --btn-primary-background-color: #006cb9;
  --btn-primary-border-color: #006cb9;
  --btn-primary-hover-background-color: #f0f5ff;
  --btn-primary-hover-color: #006cb9;
  --btn-color: #006cb9;
  --secondary-color: #0A3D62;
  --hover-color: #f0f5ff;
  --link-primary-color: #006cb9;
  --contrast-text-color: white;
}
.fade:not(.show){
    opacity: 1;
}

a {
  color: var(--link-primary-color);
}
.btn {
  text-shadow: none !important;
}
.container {
    margin: none !important;
    max-width: auto !important;
    min-height: auto !important;
    height: none !important;
}
.foot {
    position: relative !important;
}
#content table th {
    background: var(--primary-color) !important;
    border-right: 1px solid white;
    padding-top: 0.85714em;
    padding-bottom: 0.85714em;
    color: white !important;
}
.btn-default:focus, .btn-default.focus, .btn-default:hover{
    background-color: var(--hover-color);
    color: var(--primary-color);
}

.btn:focus, .btn.focus{
    box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem var(--primary-color);
    outline: 0 !important;
}
.form-control,
select{
    border-radius: 0 !important;
}

.select2-container--default .select2-dropdown {
    min-width: 0; /* opcional, para que no tenga mínimo */
    white-space: nowrap; /* evita que el texto se rompa en varias líneas */
}

.select2.select2-container{
    width: 100% !important;
}

.col-tg-proxy{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 32px 0 32px;
}
.col-tg-proxy .col-md-12,
.col-tg-proxy .col-md-10,
.col-tg-proxy .col-md-8{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.col-xs-12 {
    width: 100%;
}
.col-tg-proxy-pad-30{
    padding: 0 30px 0 30px !important;
}
.submitRow > button.btn.btn-default{
    margin: 0 !important;
}
.submitRow > button.btn.btn-default:hover{
    background-color: var(--hover-color);
}
td > button.btn.btn-light,
td > button.btn.btn-light:hover{
    background-color: var(--hover-color);
}
.box-footer > a.btn.btn-primary,
.box-footer > a.btn.btn-primary:focus{
    background-color: var(--primary-color);
}
#content table th a{
    display: contents !important;
}
.panel{
    background-color: inherit !important;
}

/* Modify search form styles */
#dossier-search-form .baseform{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
}
#dossier-search-form .baseform > div{
    width: 100%;
}
.div-searcher-form .panel{
    background-color: inherit !important;
}
#baseform-fieldname-interesado{
    display: none;
}
.searchbutton{
    margin-bottom: 1rem;
}
.tg-card-title{
    color: var(--secondary-color);
    border-bottom: solid 1px var(--secondary-color) !important;
}
.tg-card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem 0 1.25rem 0;
}
.tg-card-body > p{
    font-size: 14px !important;
}
.tg-card-body > div:hover{
    background-color: white;
}
#id_dossier_detail > h2 {
    color: var(--secondary-color);
    border-bottom: solid 1px var(--secondary-color);
}
.btn-primary:hover{
    background-color: var(--hover-color);
    color: var(--primary-color) !important;
}
input[type='text']{
    border-color: var(--primary-color);
}
.portlet-content{
    border: 0 !important;
}
.field > input,
.field > select,
.form-control{
    border-color: var(--primary-color) !important;
    color: black;
    background-color: white !important;
}
.field > select:focus,
.field > input:focus
{
    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem var(--primary-color);
    border-color: var(--primary-color) !important;
    outline: 0;
}
.form-control:focus, .form-control.focus{
    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem var(--primary-color);
    border-color: var(--primary-color) !important;
    outline: 0;
}
input[readonly='True'],
select[readonly='True'],
select[disabled='True'],
select[disabled='disabled']{
    background-color: #efefef !important;
    color: black !important;
    opacity: 1;
    cursor: not-allowed;
}
.input-group-addon{
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-color: var(--primary-color) !important;
    background-color: var(--hover-color);
}
.input-group-addon > .fa.fa-calendar{
    color: var(--primary-color) !important;
    margin-top: 0.45rem;
}
.nav-tabs .nav-link{
    color: black !important;
}
.tab-content > .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.default-button {
    background-color: #eaeaea !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.btn-default:hover{
    background-color: var(--hover-color) !important;
    color: var(--primary-color) !important;
    border-color: var(--hover-color) !important;
}
/**************************************/
/******** GRID TEMPLATES ************/
/* Ejemplo -> TODO */

.grid-col-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
}
.grid-col-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
}
.grid-col-4{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
}

/***************************************/
/********ALERTAS PERSONALIZADAS ********/
.alert-info, .alert-message-info {
    color: #006cb9;
    background-color: #f0f5ff;
    border: 1px solid #006cb9;
}
.alert-danger, .alert-error{
    color: #da1414;
    border-color: #f48989 !important;
    background-color: #feefef !important;
}
.alert-warning, .label-warning{
    color: #d88400;
    border: 1px solid #8a6d3b !important;
    background-color: #fbeeda !important;
}
.alert-general-success{
    background-color: #edf9f0;
    border-color: #5aca75 !important;
    color: #287d3c !important;
}
#advise_query{
    & .alert{
        margin: 1rem 32px 0 32px;
        margin-right: 5px !important;
    }
}

.proxy-alert.alert.alert-info,
.proxy-alert.alert.alert-warning,
.proxy-alert.alert.alert-success{
    & > * {color: #ffffff;};
    & a {color: #FFFFFF !important; text-decoration: underline; font-style: italic;};
    background-color: #385e9d !important;
    border-color: #385e9d !important;
}

.proxy-alert.alert.alert-danger{
    & > * {color: #ffffff;};
    & a {color: #FFFFFF !important; text-decoration: underline; font-style: italic;};
    background-color: #d22020 !important;
    border-color: #d22020 !important;
}


/***************************************/
/********form.io********/

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{
    background-color: var(--hover-color) !important;
}

/**********************************************/
/******** #top_menu_portlet active tab ********/

li.proxy-active {
    background-color: var(--primary-color) !important;
}
li.proxy-active > a {
    color: var(--contrast-text-color) !important;
}
li.proxy-active > a:hover {
    color: var(--primary-color) !important;
}
li.proxy-active > a > .badge {
    background: white !important;
    color: black !important;
}



@media(max-width: 991px) {
    .col-tg-proxy{
        margin: 0;
    }
}