@option compress: no;
html { height: 100%; }

body { height: 100%; }

.container { *zoom: 1; margin: auto; /*width: 960px;*/ max-width: 100%; min-height: 100%; height: auto !important; /*padding: 0;*/ }

.container:after { content: ""; display: table; clear: both; }

.breadcrumb { margin-top: 10px; margin-bottom: 0; margin-left: 0; }

/* header */
#header { position: relative; height: 96px; }
#header div#headerlogo { margin-right: 2.17391%; width: 31.15942%; float: left; display: inline; }
#header div#headerlogo a { display: block; }
#header a { color: white; }
#header a:hover { color: #09589d; }
#header nav { position: absolute; right: 9px; }
#header nav li { padding: 0; }
#header nav#main { position: relative; float: right; clear: right; margin-top: 10px; }
#header nav#main ul { border-bottom: 1px solid #ddd; padding-left: 66px; }
#header nav#main li { padding: 0; line-height: 26px; }
#header nav#main li a { padding: 0.6em 1.2em; background-color: #1a8bd9; }
#header nav#main li a:hover, #header nav#main li.active a { background: #085ba1; color: white; }
#header nav#main > a { display: none; background-color: #1a8bd9; height: 3.125em; position: relative; text-align: left; text-indent: -9999px; width: 3.125em; }

/* end header */
/* content */
#content table th { background: #1a8bd9; border-right: 1px solid white; padding-top: 0.85714em; padding-bottom: 0.85714em; }
#content table th a { color: white; display: block; padding: 0 0.85714em; }
#content table th.last { border-right: none; }
#content .buttonContainer { display: inline; }
#content .pagination { margin-top: 1.71429em; margin-bottom: 1.71429em; }
#content .pagination li .disabled { color: #333344; }
#content .pagination li .current { font-weight: bold; font-size: 120%; }
#content .export { float: right; display: inline-block; margin-top: -0.11429em; margin-bottom: 1.71429em; margin-left: 1em; margin-right: 1em; vertical-align: top; padding: 4px;}
#content .export span { margin-left: 0.01em; margin-right: 0.1em; font-size: 87%;}

.dl-horizontal dt {
    float: left;
    width: 145px;
    overflow: unset;
    clear: left;
    text-align: left;
    text-overflow: unset;
    white-space: unset;
    color: #3c8dbc;
}

.dl-horizontal dt::after { content: ":"; }
.dl-horizontal dd { color: #333;}
.dl-horizontal dt, .dl-horizontal dd {
    padding-bottom: 6px;
}
.dl-horizontal dt ul, .detail dd ul { clear: both; }
.dl-horizontal dd.yesno span {visibility: hidden; position: relative; font-weight: bold; font-size: 150%;}
.dl-horizontal dd.yesno span:after { visibility: visible; position: absolute; top: 0; left: 0; }
.dl-horizontal dd.yesno span.yes:after { content: "\2713"; color: green;}
.dl-horizontal dd.yesno span.no:after { content: "\2715"; color: red;}

#content .detail .publicationState div.confirm { display: inline; vertical-align: middle; }
#content .detail .publicationState div.confirm a { margin-top: 0; }
#content #button-row { padding-bottom: 10px; }

/* end content */
/* form */
div.process_form { margin-bottom: 1.71429em; }
div.process_form .formBody { margin-bottom: 1.71429em; }

form .form-control::-webkit-input-placeholder { color: #bbbbbb; }
form ul { list-style: none; margin: 0; }
form.form div.field { width: 100%; margin-bottom: 0.85714em; min-height: 24px; }
form.form div.field.hidden { display: none; }
form table { width: auto; }
form table#formset { width: 100%; margin-bottom: 0; }
form table tbody th { text-align: right; }
form table th label { color: #444; margin-right: 15px; }
form.fullTable table { width: 100%; }
form .required label { font-weight: bold !important; margin-bottom: 1em; }
form .required > label:after { display: inline-block; width: 5px; height: 5px; background: red; content: ""; vertical-align: top; margin-top: .5em; margin-left: .3em; }
form .formInfo { margin-bottom: 0.85714em; }

.taskdef .form-group #id_task_type { width: 70%; display: inline-block; }

.login { text-align: center; }
.login .login-method .btn { margin-top: 0.85714em; }
.btn-reject { margin: 10px; }

.helptext, .formHelp { font-style: italic; margin: 0.5em 0; color: #848484; }

.roleAdmin form tr td:last-child { text-align: center; }

#reassign_form table { width: 100%; }
#reassign_form table td.select { width: 10%; text-align: center; }

form.loginForm { margin-right: 2.17391%; width: 22.82609%; float: none; display: block; margin: 0 auto; text-align: left; }
form.loginForm label { width: 240px; display: inline-block; margin-bottom: 0.34286em; }
form.loginForm input { line-height: normal; width: 100%; }
form.loginForm .submitRow { text-align: center; }
form.loginForm .submitRow input { width: auto; }

.submitRow { clear: both; }
.submitRow .btn { margin-right: 10px; }

div.remove > a.remove-trigger { margin-top: 24px; clear: both; }

i.glyphicon, i[class^="icon-"] { margin-right: 5px; }

form#changelist-form div.actions { padding-bottom: 10px; }

/* end form */
/* form designer styles */
#builderPalette div.labelOnTop input { width: auto; }
#builderPalette div.labelOnTop input[type=text] { width: 100px; }
#builderPalette div.labelOnTop label, #builderPalette div.labelOnTop input[id=addRadioName], #builderPalette div.labelOnTop input[id=addRadioValue], #builderPalette div.labelOnTop input[id=addOptionName], #builderPalette div.labelOnTop input[id=addOptionValue] { float: none; }
#builderPalette div.labelOnTop label[for=addRadioName], #builderPalette div.labelOnTop label[for=addRadioValue], #builderPalette div.labelOnTop input[id=addOptionName], #builderPalette div.labelOnTop input[id=addOptionValue] { display: block; }

/* end form designer styles */
#footerwrapper { background: transparent url(../img/footer_bg.png) repeat-x left bottom; }

#time { *zoom: 1; margin: auto; width: 960px; max-width: 100%; text-align: center; color: #777777; }

#time:after { content: ""; display: table; clear: both; }

/* OJO: Los nuevos formularios de busqueda no usan esto, sino {% bootstrap_form form form_group_class="form-group col-md-3"} */
.div-searcher-form { margin-bottom: 1em; }
.div-searcher-form div.submitRow { clear: both; }
.div-searcher-form label.control-label { display: none; }
.div-searcher-form input.form-control { border-color: #bbb; }
.div-searcher-form input.form-control:focus { border-color: #0093e9; }
.div-searcher-form select.form-control { border-color: #bbb; }
.div-searcher-form select.form-control:focus { border-color: #0093e9; }

.searcher-form { margin-bottom: 1em; }
.searcher-form div.submitRow { clear: both; }
.searcher-form label.control-label { display: none; }
.searcher-form input.form-control { border-color: #bbb; }
.searcher-form input.form-control:focus { border-color: #0093e9; }
.searcher-form select.form-control { border-color: #bbb; }
.searcher-form select.form-control:focus { border-color: #0093e9; }

.div-searcher-form.dossier-search-form div.field { margin-right: 2.17391%; width: 22.82609%; }
.div-searcher-form.dossier-search-form div.field input { margin-bottom: 0; }
.div-searcher-form.dossier-search-form .results_on_deck { padding: 0; position: absolute; }
.div-searcher-form.dossier-search-form .submitRow { float: none; clear: none; }
.div-searcher-form.dossier-search-form .clear { clear: both; }

.formInterested { margin-bottom: 1.71429em; max-width: 1024px;}
.formInterested div.submitRow { clear: both; }
.formInterested .form-group label.control-label { display: inline; }
.formInterested div.form-group { width: 48%; float: left; margin-left: 2%; }
.formInterested div.BaseFormStringWidget { width: 48% !important; float: left; margin-left: 2%; }
.formInterested div.BaseFormStringWidget label { margin-bottom: 1em; }
.formInterested div.BaseFormStringWidget input { display: block; }
.formInterested div.BaseFormStringWidget select { padding-top: 5px; padding-bottom: 5px; display: block; width: 100%; }

.warnFormDialog { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(206, 206, 219, 0.5); z-index: 100; }
.warnFormDialog .dialog { position: fixed; width: 50%; top: 25%; left: 25%; height: 50%; background: white; z-index: 101; padding: 24px 20px; border: 1px solid #9494af; }

fieldset legend { width: auto; }

div.fieldset { position: relative; border-style: solid; border-width: 0.07143em; padding: 1.64286em; border-color: #c7c7c7; margin-bottom: 2.5em; }
div.fieldset h2.legend { background: white; float: left; padding: 0 5px; margin-left: -6px; margin-top: -35px; font-size: 1.28571em; line-height: 1.33333em; color: #0083d0; }
div.fieldset dl, div.fieldset h3 { clear: both; }

.tools { margin-bottom: 1.71429em; }

/* info/error messages */
.messages { margin-top: 0.85714em; clear: both; }
.messages li { list-style-type: none !important; padding: 15px; border-radius: 4px; }
.messages .alert-info, .messages .info { color: #31708f; border: 1px solid #bce8f1; background-color: #d9edf7; }
.messages .alert-success, .messages .success { color: #3c763d; border: 1px solid #d6e9c6; background-color: #dff0d8; }
.messages .alert-warning, .messages .warning { color: #8a6d3b; border: 1px solid #8a6d3b; background-color: #fcf8e3; }
.messages .alert-error, .messages .error { color: #a94442; border: 1px solid #a94442; background-color: #f2dede; }

ul.errorlist { padding: 0px; list-style-type: none; margin: 0px; color: #a94442; border: 1px solid #a94442; background-color: #f2dede; margin-bottom: 0.85714em; padding: 6px 20px; }
ul.errorlist li { margin: 0px; padding: 0px; list-style-type: none; }

/* ----- search results ----- */
#content table th.asc, #content table th.desc { background-image: url(../img/arrow_asc.png); background-position: 98% 14px; background-repeat: no-repeat; }
#content table th.desc { background-image: url(../img/arrow_desc.png); }

input[type="text"], input[type="url"], textarea { width: 100%; }

.documentsTable td.estado { max-width: 180px; }
a.signed { font-weight: bold; }

.results .short_ref, .results .fechaApertura { white-space: nowrap; }

/* ----- end search results ----- */
#tlyPageGuideWrapper #tlyPageGuideToggles .tlypageguide_toggle { width: 250px; right: -200px; }
#tlyPageGuideWrapper #tlyPageGuideToggles .tlypageguide_toggle div { width: 200px; }
#tlyPageGuideWrapper #tlyPageGuideToggles .tlypageguide_toggle div span { width: 150px; }

/* IE custom styles */
html.ie7 #content nav.tabs ul, html.ie8 #content nav.tabs ul { border-bottom: 1px solid #75daf6; }
html.ie7 #content nav.tabs ul:after, html.ie8 #content nav.tabs ul:after { display: none; visibility: hidden; }

html.ie7 #header nav#main { z-index: -1; }
html.ie7 #footer ul { display: inline; }
.no-pdf-plugin-alert {
    font-weight: bold;
}

/* Responsiveness styles */
@media screen and (max-width: 320px) { #header { font-size: 11px; }
  #header nav#user div#username { top: 31.2px; left: -40px; } }
@media screen and (max-width: 480px) { #header nav#main li a { padding: 0.6em 0.48em; }
  #content form.loginForm { width: 175px; }
  #footerwrapper { background: none; }
  #footerwrapper #footer li { padding: 0; border-left: none; border-right: none; }
  #footerwrapper #footer li a { color: #3c8dbc; }
  #footerwrapper #footer li:not(.last)::after { content: " - "; } }
@media screen and (max-width: 600px) { #header > div#headerlogo { display: none; }
  #header nav { right: 0; }
  #header nav#main { margin: 0; display: block; float: left; width: 18%; position: absolute; top: 0; left: 0; }
  #header nav#main > a:before, #header nav#main > a:after { border: 2px solid #fff; content: ""; left: 25%; position: absolute; right: 25%; top: 35%; }
  #header nav#main > a:after { top: 60%; }
  #header nav#main:not(:target) > a:first-of-type, #header nav#main:target > a:last-of-type { display: block; float: left; }
  #nav:target > a:last-of-type { display: block; }
  #header nav#main > ul { float: left; padding: 0; border-bottom: none; height: auto; display: none; position: relative; left: 0; }
  #header nav#main:target > ul { display: block; z-index: 20; }
  #header nav#main > ul > li { text-align: left; float: none; }
  form.form div.field { width: 100%; }
  .div-searcher-form { margin-bottom: 1.71429em; }
  .div-searcher-form div.field { margin-right: 2.17391%; width: 97.82609%; float: left; display: inline; }
  .div-searcher-form.dossier-search-form div.field { margin-right: 2.17391%; width: 47.82609%; }
  #content .login div.table ul li.login-method { border-right: none; padding-left: 0; padding-right: 0; }
  #content .btn { margin: 4px; }
  #tlyPageGuideWrapper #tlyPageGuideMessages { width: 100%; margin: 0; font-size: 13px; } }
@media screen and (min-width: 601px) { .div-searcher-form { margin-bottom: 1.71429em; }
  .div-searcher-form div.field { margin-right: 2.17391%; width: 31.15942%; float: left; display: inline; }
  .searcher-form { margin-bottom: 1em; }
  .searcher-form div.form-group { margin-right: 2.17391%; width: 31.15942%; float: left; display: inline; }
  .searcher-form table { width: 70%; }
  .searcher-form label { min-width: 138px; } }

/* readonly */
input[readonly]
{
     background-color:lightgray;
     color: darkgrey;
}

/* NOTIFICATIONS MENU */

.alert-message
{
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.alert-message a
{
    font-size: 1.35714em;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.alert-message a:hover
{
    opacity: .7;
}
.alert-message p:last-child
{
    margin-bottom: 0;
}
.alert-message code
{
    background-color: #fff;
    border-radius: 3px;
}
.alert-message-success
{
    background-color: #F4FDF0;
    border-color: #3C763D;
}
.alert-message-success a
{
    color: #3C763D!important;
}
.alert-message-danger
{
    background-color: #fdf7f7;
    border-color: #d9534f;
}
.alert-message-danger a
{
    color: #d9534f!important;
}
.alert-message-warning
{
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}
.alert-message-warning a
{
    color: #f0ad4e!important;
}
.alert-message-info
{
    background-color: #f4f8fa;
    border-color: #5bc0de;
}
.alert-message-info a
{
    color: #5bc0de!important;
}
.alert-message-default
{
    background-color: #EEE;
    border-color: #B4B4B4;
}
.alert-message-default a
{
    color: #000!important;
}
.alert-message-notice
{
    background-color: #FCFCDD;
    border-color: #BDBD89;
}
.alert-message-notice a
{
    color: #444!important;
}

.alert-message-special
{
    background-color: #fff4f9;
    border-color: #C1839F;
}
.alert-message-special a
{
    color: #C1839F!important;
}

.select2-container.select2-container--default {
    width: 100% !important;
}
.select2-container .select2-selection--single {
    height: 34px !important;
}

li.currentLangItem { background: #222d32; }
li.currentLangItem a { color: white; }
li.currentLangItem:hover { background: #ecf0f5; }
li.currentLangItem a:hover { color: black; }




/* spacers copied from bootstrap-4 */
/*Margin and Padding helpers*/
/* 0 */
.p-0 { padding: 0em; }
.px-0 { padding: 0 0em; }
.py-0 { padding: 0em 0 ; }
.pt-0 { padding-top: 0em; }
.pr-0 { padding-right: 0em; }
.pb-0 { padding-bottom: 0em; }
.pl-0 { padding-left: 0em; }
.m-0 { margin: 0em; }
.mx-0 { margin: 0 0em; }
.my-0 { margin: 0em 0 ; }
.mr-0 { margin-right: 0em; }
.ml-0 { margin-left: 0em; }
.mt-0 { margin-top: 0em; }
.mb-0 { margin-bottom: 0em; }

/*xs*/
.p-1 { padding: .25em; }
.px-1 { padding: 0 .25em; }
.py-1 { padding: .25em 0 ; }
.pt-1 { padding-top: .25em; }
.pr-1 { padding-right: .25em; }
.pb-1 { padding-bottom: .25em; }
.pl-1 { padding-left: .25em; }
.m-1 { margin: .25em; }
.mx-1 { margin: 0 .25em; }
.my-1 { margin: .25em 0 ; }
.mr-1 { margin-right: .25em; }
.ml-1 { margin-left: .25em; }
.mt-1 { margin-top: .25em; }
.mb-1 { margin-bottom: .25em; }

/*2*/
@media (min-width:768px){
/*2*/
.p-2 { padding: .5em; }
.px-2 { padding: 0 .5em; }
.py-2 { padding: .5em 0 ; }
.pt-2 { padding-top: .5em; }
.pr-2 { padding-right: .5em; }
.pb-2 { padding-bottom: .5em; }
.pl-2 { padding-left: .5em; }
.m-2 { margin: .5em; }
.mx-2 { margin: 0 .5em; }
.my-2 { margin: .5em 0 ; }
.mt-2 { margin-top: .5em; }
.mr-2 { margin-right: .5em; }
.mb-2 { margin-bottom: .5em; }
.ml-2 { margin-left: .5em; }
}

/*3*/
@media (min-width: 992px){
.p-3 { padding: 1em; }
.px-3 { padding: 0 1em; }
.py-3 { padding: 1em 0; }
.pt-3 { padding-top: 1em; }
.pr-3 { padding-right: 1em; }
.pb-3 { padding-bottom: 1em; }
.pl-3 { padding-left: 1em; }
.m-3 { margin: 1em; }
.mx-3 { margin: 0 1em; }
.my-3 { margin: 1em 0 ; }
.mt-3 { margin-top: 1em; }
.mr-3 { margin-right: 1em; }
.mb-3 { margin-bottom: 1em; }
.ml-3 { margin-left: 1em; }
}

/*4*/
@media (min-width: 1200px){
.p-4 { padding: 1.5em; }
.px-4 { padding: 0 1.5em; }
.py-4 { padding: 1.5em 0; }
.pt-4 { padding-top: 1.5em; }
.pr-4 { padding-right: 1.5em; }
.pb-4 { padding-bottom: 1.5em; }
.pl-4 { padding-left: 1.5em; }
.m-4 { margin: 1.5em; }
.mx-4 { margin: 0 1.5em; }
.my-4 { margin: 1.5em 0; }
.mt-4 { margin-top: 1.5em; }
.mr-4 { margin-right: 1.5em; }
.mb-4 { margin-bottom: 1.5em; }
.ml-4 { margin-left: 1.5em; }
}
/*5*/
.p-5 { padding: 3em; }
.px-5 { padding: 0 3em; }
.py-5 { padding: 3em 0 ; }
.pt-5 { padding-top: 3em; }
.pr-5 { padding-right: 3em; }
.pb-5 { padding-bottom: 3em; }
.pl-5 { padding-left: 3em; }
.m-5 { margin: 3em; }
.mx-5 { margin: 0 3em; }
.my-5 { margin: 3em 0; }
.mt-5 { margin-top: 3em; }
.mr-5 { margin-right: 3em; }
.mb-5 { margin-bottom: 3em; }
.ml-5 { margin-left: 3em; }