body:not(.court){font-size: 1.5rem;}
body.court{font-size:1.4rem}
#main-content .list.general article > div:not(.casestatuses_archive_open_container) {font-size: 1.4rem;}
body > footer .boxes > div > div {font-size: 1.4rem;padding:0;line-height: 17px;}
body > header .search input[type="text"] {font-size: 1.4rem;}
.datepicker .datepickerDialog {left: 260px;}
select, input, textarea {font-size: 1.4rem;}
main > #main-content .form fieldset {width: 600px;max-width: 100%;}
main > #main-content .form label {width: 260px;}
main > #main-content .form .antyspam .question {left: 260px;}
main > #main-content .form fieldset > * > * {box-sizing: unset;}
main > #main-content .form input[type="text"].short {width: 100px !important;}
.wysiwyg .forms textarea {width: 400px;}
main.container-fluid {padding:0;}
.main.container-fluid {width:94%;}
.multicolumn_contents_tabs_important_section{flex: 0 0 100%;}
#main-content .contents-more {height: auto;}
@media screen and (min-width:1551px) {
.multicolumn_contents_tabs_important_section{flex: 0 0 50%;max-width: 50%;}
}
body.smartphone main > #main-content .box:nth-child(2) > header > .resize {width: 40%;}
main > #main-content.contents #content_legal_autor th {width: 20%;text-align: left;font-weight: normal;}
main > #main-content .attachments .legal th {width: 20%;}
#diff .legal table th {width: 20%;text-align: left;padding-left: 14px;}
#preview .legal table th {width: 20%;text-align: left;padding-left: 14px;}
.logo-bg{background:#fff;}
body > header > .container-fluid {max-width:94%;}
body > header > .container-fluid {width: 100%;max-width:100%;}
body > header .top nav {width:auto;max-width:100%;}
/*body > header .top nav li {font-size: 1.4rem;}*/
body > header .top nav li {font-size: 1.2rem; padding: 17px 5px}
@media screen and (min-width: 1200px) {
    body > header .top nav li {font-size: 1.3rem; padding: 17px 10px}
}
body > header .top nav li i {color: white}
body > header .breadcrumbs li {font-size: 1.4rem;}
#banner-header, .menu-box {max-width: 100%;}
#banner-header {height:187px;width:100%}
#banner-header img{background-size:cover;}
body > header .logo{max-width:calc(94% - 20px); margin:auto;padding-left:0;padding-right:0;}
body > header .logo .bip{text-align:left;height:83px;}
body > header .logo .crest {text-align: right;}
body > header .logo .crest a {display: inline-block;}
body > header .wrapper {max-width:calc(94% - 20px);}
body.smartphone > header .wrapper {max-width:98%;}
body > header .search input[type="text"] {width: 100%;}
body > header .search {width: 300px;}
#banner-header {background-repeat: no-repeat!important;background-position: 50% 50%!important;}
#banner-header.simple > a, #banner-header.animation .cycle, #banner-header.animation .cycle .item, #banner-header.animation .cycle .item > a { width: 100%;height: 145px;max-width: 100%;background-position: 50% 50% !important;background-size: cover!important;}
main #main-content:not(.box) {width: calc(100% - 245px);display: flex;flex-wrap: wrap;justify-content: space-between;}
main > #main-content.box {width: calc(100% - 245px);}
main > #main-content.contents {width: calc(100% - 245px);}
#main-content article.box {width:100%;}
#main-content.index .content.box.main-info {flex: 0 0 50%;order: 1;}
#main-content.index .multicolumn {flex: 0 0 50%; order: 1;}
#main-content.index .important {flex: 0 0 50%;order: 3;}
#main-content.index .main.contents.tabs.box {flex: 0 0 calc(50% - 15px);order: 2;margin-top:0;}
.jpanes {position: relative;top: 0%;}
#main-content.index .multicolumn .jpanes .jpanes-block,
#main-content.index .multicolumn .static .static-block {box-sizing: content-box;}
body > footer .important-link{margin-top:10px;display: block;}
/*body > footer .links li a {display: inline-block;}*/
a.important-link.bip:first-child {margin-top: 23px;}
body.desktop > footer .boxes, body.desktop-small > footer .boxes {width: 94%;max-width:94%!important;padding: 15px 10px;display:flex;justify-content: space-between;}
body > footer .boxes > div > h3 {padding: 10px 0 0 0;}
body > footer .boxes > div + div{margin-left:0; }
body > footer .links ul {margin: 10px 0 0 0;}
body > footer .bottom .wrapper .version {padding-left: 10px;}
body > footer .bottom .wrapper .copyright {padding-right: 10px;}
@media (max-width:899.9px) {
  body > footer .boxes,
  body > footer .bottom{padding: 0;}
}
body.smartphone > footer .links li .last_update::before {left: 0;top:0;}
#main-content.index .multicolumn .jpanes {width: calc(50% - 23px);}
#main-content.index .multicolumn .static {width: calc(50% - 23px);}
body > header .breadcrumbs {width: 94%;max-width:94%;margin: 0 auto;padding: 0 10px 15px 10px;height: auto;}
/* .container-fluid #main-content > * {width: 100%;} */
body header .menu-box {max-width: calc(94% - 20px);}
#main-content.index .multicolumn .more {padding: 4px 15px 4px 20px;box-sizing: content-box;}
main > #main-content .form input[type="text"], 
main > #main-content .form input[type="email"], 
main > #main-content .form input[type="password"] {width: 318px;}
body main > #main-content .form #form-identity-fname, main > #main-content .form #form-identity-sname {width: 155px;margin-right:8px;}
body.smartphone main > #main-content .form #form-identity-fname, 
body.smartphone main > #main-content .form #form-identity-sname {width: 64%; margin: 0 20% 10px 20%;}
body.smartphone-wide main > #main-content .form #form-identity-fname, 
body.smartphone-wide main > #main-content .form #form-identity-sname{width: calc(32% - 4px);}
body.smartphone-wide main > #main-content .form #form-identity-fname{margin-left: 0;}
body.tablet main > #main-content .form #form-identity-fname, 
body.tablet main > #main-content .form #form-identity-sname{width: calc(32% - 4px);}
body.tablet main > #main-content .form #form-identity-fname{margin-left: 0;}
/*body.tablet > .main main > #main-content .box .form select {width: 64% !important;}*/
body.tablet-wide main > #main-content .form #form-identity-fname, 
body.tablet-wide main > #main-content .form #form-identity-sname{width: calc(32% - 4px);}
body.tablet-wide main > #main-content .form #form-identity-fname{margin-left: 0;}
input[type="text"], input[type="email"], input[type="password"] {height: 2.5rem;padding: 5px 5px 5px 10px;box-sizing: border-box !important;}
select {height: 2.5rem;}
#main-content .box {width: 100%;}

body.smartphone header .menu-box {max-width: 98%;}
body.smartphone-wide header .menu-box {max-width: 98%;}
body.tablet header .menu-box {max-width: 98%;}

body.smartphone > header > .container-fluid {width: 98%;max-width: 98%;}
body.smartphone #banner-header{max-width: 100%;}
body.smartphone > header .top nav li + li {margin-left: 12px;}

body.smartphone-wide #banner-header {max-width: 100%;}
body.smartphone-wide > header > .container-fluid {width: 98%;max-width: 98%;}
body.smartphone-wide > header > div, body > header .wrapper {width: 100%;}
body.smartphone-wide header .menu-box {width: 100%;}
body.smartphone-wide > .main {width: 100%;}
body.smartphone-wide header .logo {width: 100%;}

body.tablet > #banner-header {max-width: 100%;}
body.tablet > header > .container-fluid {width: 98%;max-width: 98%;}
body.tablet > header > div, body > header .wrapper {width: 100%;}
body.tablet header .menu-box {width: 98%;}
body.tablet > .main {width: 98%;}
body.tablet header .logo {width: 100%;}

body.tablet-wide > header > .container-fluid {width: 100%;max-width: 100%;}
body.tablet-wide header .menu-box {width: 100%;}
body.tablet-wide > header > div, body > header .wrapper {width: 100%;}
body.tablet-wide > .main.container-fluid {width: 94%;}
body > footer > :not(.bottom), body > footer .bottom .wrapper {max-width: 94%!important;width: 100%;margin: 0 auto;padding: 0 2px; margin-top: 20px;}
body.desktop > footer .boxes > div {width: auto;}
/*main > #main-content .attachments .header span:first-child{width:80%;}*/
/*main > #main-content .attachments .header .files{width:10%;}*/
/*main > #main-content .attachments .header .file_legal{width:10%;}*/

/*body.desktop #main-content .attachments .header .file_legal {width:15%;}*/
/*body.desktop #main-content .attachments .header .files {width:15%;}*/
/*body.desktop #main-content .attachments .header span:first-child {width:70%;}*/

/*body.desktop-small #main-content .attachments .header .file_legal {width:15%;}*/
/*body.desktop-small #main-content .attachments .header .files {width:20%;}*/
/*body.desktop-small #main-content .attachments .header span:first-child {width:65%;}*/

/*body.tablet-wide #main-content .attachments .header .file_legal, body.tablet-wide > .main main > #main-content .attachments .header span:nth-child(2) {width:20%;}*/
/*body.tablet-wide #main-content .attachments .header .files, body.tablet-wide > .main main > #main-content .attachments .header .file_legal:nth-child(3) {width:20%;}*/
/*body.tablet-wide #main-content .attachments .header span:first-child, body.tablet-wide > .main main > #main-content .attachments .header span:nth-child(1) {width:60%;}*/

/*body.smartphone > .main main > #main-content .attachments .header .file_legal:nth-child(3) {width: auto;}*/

body #main-content .attachments .header {
  display: grid;
  grid-template-columns: 70% 15% 15%;
  align-items: center;
}

body > .main main > #main-content .attachments .header span:nth-child(1) { width: 90% }

body #main-content .attachments .header .files.textPDF, body #main-content .attachments .header .files.textWord {
  text-align: left !important;
}

main > #main-content .attachments .header .files { width: 100% !important; }

@media screen and (max-width:750px) {
  body #main-content .attachments .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  body > .main main > #main-content .attachments .header span:nth-child(1) { width: 100% !important}
  body > .main main > #main-content .attachments .header span:nth-child(2), body > .main main > #main-content .attachments .header > a { width: 50% !important; position: static !important}

}

body.tablet > .main main > #main-content .attachments .header span:nth-child(2),
body.tablet-wide > .main main > #main-content .attachments .header span:nth-child(2) { position: static !important }
body.tablet-wide > .main main > #main-content .attachments .header .file_legal:nth-child(3) { width: unset !important;}


#banner-header.simple > a, #banner-header.animation .cycle, #banner-header.animation .cycle .item, #banner-header.animation .cycle .item > a {
    width: 100%;
    height: 100%;
    max-width: 100%;
    background-position: 50% 50% !important;
}
#banner-header.simple > a, #banner-header.animation .cycle .item > a {
    display: block;
    background-size: cover !important;
}
.list.general.addon-bip .tree {
  padding-left: calc(20% + 1.5rem);
  border-bottom: 2px solid #c00000;
}

@media (max-width:1550px) {
  #main-content.index .multicolumn {flex: 0 0 100%; order: 1;}
  #main-content.index .important {flex: 0 0 100%;order: 2;}
  #main-content.index .main.contents.tabs.box {flex: 0 0 100%;order: 3;margin-top:15px;}
  body > footer .boxes {max-width: 100%;}
  #main-content.index .content.box.main-info {flex: 0 0 100%;order: 1;}
  
}
@media (min-width:1366px) and (max-width:1600px) {
  body > header .breadcrumbs {width: 94%;max-width: 94%;}
  body header .menu-box {max-width: calc(94% - 20px);}
  .main.container-fluid {width: 94%;}
  body > footer .boxes {width: 94%!important;margin-left:3%; }
}
@media (max-width:991.9px) {
  body > header .top nav {width:auto;max-width:100%;}
}
@media (max-width:999.9px) {
  main > #main-content .form fieldset > * > *:not(.hidden):not(#form-key) {float: none;display: block;}
  body > .main main > #main-content .form span.required {position: relative !important;right: 0%!important;top:0!important;}
  /*main > #main-content .form input[type="text"].jqdate{ float: none; }*/
    /*main > #main-content .form label {width: 260px;display: block;}*/
    main > #main-content .form label:not(.toggled .judge-lab) {width: 100%; text-align: center; font-size: 1.3rem}
    main > #main-content .form input[type="text"],
    main > #main-content .form select { width: 60%; margin: 0 20%; }
    main > #main-content .form input[type="date"] { margin: 0 auto 0 20%; }

/*  body.smartphone > .main main > #main-content .box .form input.short[type="text"] {
    width: 94% !important;margin: 0% 3% 0% 3%!important;
  }
  body.smartphone-wide > .main main > #main-content .box .form input.short[type="text"] {
    width: 84% !important;margin: 0% 8% 0% 8%!important;
  }
  body.tablet-wide > .main main > #main-content .box .form input.short[type="text"] {
    width: 64% !important;
  }
  body.tablet > .main main > #main-content .box .form input.short[type="text"] {
    width: 64% !important;margin: 0% 18% 0% 18%!important;
  }
  body.tablet-wide > .main main > #main-content .box .form input.short[type="text"] {
    width: 64% !important;margin: 0% 18% 0% 18%!important;
  }*/
}
@media (max-width:1176.9px) {
body.tablet-wide > header div.wrapper{justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;}
}

/*.more { display: flex; align-items: center}*/
input#search-pageNo {
    width: 45px;
    height: 100%;
    -moz-appearance: textfield;
}

input#search-pageNo::-webkit-inner-spin-button,
input#search-pageNo::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


[name="searchForm"] form #datepicker-start .date,
[name="searchForm"] form #datepicker-stop .date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[name="searchForm"] form #datepicker-start .date input,
[name="searchForm"] form #datepicker-stop .date input {
    width: 60%;
}

@media screen and (min-width: 998.98px) {
    [name="searchForm"] form #datepicker-start .date,
    [name="searchForm"] form #datepicker-stop .date {
        display: grid;
        grid-template-columns: 260px 1fr;
    }

    [name="searchForm"] form #datepicker-start .date input,
    [name="searchForm"] form #datepicker-stop .date input {
        width: 50%;
    }
}