@import "../css-templates/vars-court.css";
@import "style-full.css";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
h1{font-family: 'Roboto Slab', serif;}
/*main*/
body {background: var(--white-bg-color);}
.sr-only{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;}
.p-0{padding: 0!important;}
button{font-family: Roboto, sans-serif;}
@media screen and (min-width: 992px){
    .container:not(.logo-wrapper), .container-fluid{padding: 0!important;}
}
@media screen and (max-width: 991.9px){
    body > .main.container {
        padding: 0;
    }
}
/*focus*/
body > header .search input[type="text"]:focus {outline-color: deeppink !important;}
.top a:focus, .top button:focus {outline-offset: 0px;}
.aside .menu.box ul li a:focus {outline-offset: -4px!important;outline-color: var(--focus-outline-color);}
.main-footer-container a:focus,
main > #main-content footer a:focus,
main > #main-content footer button:focus {outline-color: deeppink !important;}
.aside .banner a:focus {outline-offset: 1px;}
.Accordion-trigger:focus {outline: 2px solid deeppink!important;}

/*cookies*/
#cookies {position: relative;padding:0;margin-bottom: 5px;background: var(--gray-bg-color);z-index: 9999;max-height: auto;border: 1px solid var(--border-light-color);}
#cookies .container{padding: 15px!important;}
#cookies * {float: none;min-height: auto;color:inherit;}
#cookies .cookies-container {position: relative;}
#cookies .cookies-btn {border: none;background: transparent;position: absolute;right: 15px ;top: 50%;transform: translateY(-50%);margin-right:0;}
#cookies .cookies-info {width: auto;margin-right: 40px;padding: 10px 0;}
#cookies a, #cookies button {width: auto;float: none;margin-right: 0px;padding: 7px 10px;border: 1px solid var(--border-light-color);margin-left: auto;display: block;}
#cookies .cookies-btn::after{content:"\f00d";font-family:"fontawesome";}
#cookies button {color: #fff;}


/*header*/
    /*skip links*/
    .go-to a {left: 15px;width:215px;font-weight: normal;color: #fff;background: var(--main-bg-color);margin-left: 0;}
    .go-to a:focus {outline-color: var(--focus-outline-color);}
    /*top*/
    body > header .top, body > header .search {background: transparent;}
    body > header > div, body > header .wrapper {width:100%; max-width: 100%;}
    body > header .top nav {margin-left:auto;max-width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    body > header .search {float: none; display: inline-block;}
    body > header .search input[type="text"] {text-transform: uppercase;font-size: 1.2rem}
    body > header .search p {display: inline-block;}
    body > header .court-tools {display: inline-flex;align-items: center;background: var(--main-bg-color);padding: 0 15px; margin-left: 15px;flex-wrap: wrap;}
    body > header .top nav li a::before{margin-top: 0px;}
    body > header .top nav li a {padding-left: 0;}
    body > header .top nav li, body > header .top nav li + li {margin-left: 20px;}
    body > header .top nav ul li .deaf-mute {color: #fff;overflow: unset;position: relative;}
    body > header .top nav ul li .deaf-mute:hover{text-decoration: none;cursor: pointer;}
    body > header .top nav ul li .deaf-mute a::before{content: '\f2a4'!important;font-size: 2rem!important;width: auto !important;height: auto !important;font-family: 'fontawesome';cursor: pointer;}
    body > header .search input[type="submit"] { aspect-ratio: unset }
    body.smartphone > header .search {float: none;padding: 15px 0 0 0;}
    body.smartphone > header .search form {position: relative;top: 0;left: 0;-webkit-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    body.smartphone > header .search input[type="text"] {width: 280px;}
    body.smartphone > header .top nav ul {display: flex;justify-content: center;width: 100%;background: transparent;margin-bottom: 20px;text-align: center;}
    body.smartphone > header .top nav li {text-align: right;display: inline-block;margin-left: 5px;}
    body.smartphone > header .top nav ul .resize{display: none;}
    body.smartphone > header .top nav ul li a,
    body.smartphone > header .top nav ul li button {display: block;width: auto;text-indent: 0;white-space: wrap;float: none !important;color: var(--main-text-color);}
    
    body.smartphone > header .top nav li, body.smartphone > header .top nav li + li {padding: 10px 5px;}
    body.smartphone > header .top nav li a.contrast::before {content: "\f042";background-image: unset;font-family: 'fontawesome';font-size: 1.6rem;}

    body.tablet-wide > header .top nav {float: none; width: 100%; text-align: right;}
    body.tablet-wide > header .top nav ul {display: inline-flex;align-items: center;}
    body.tablet-wide > header .top nav li, body.tablet-wide > header .top nav li + li {padding: 10px 0;}
    body.tablet-wide > header .top nav ul li a {display: block;width: auto;text-indent: 0;white-space: nowrap;float: none;overflow: hidden;margin-left: 0;margin-right: 0;}
    body.tablet-wide > header .search {float: none;width: auto;position: relative;text-align: center;display: inline-block;}
    body.tablet > header .search form {position: relative;top: 0;left: 0;-webkit-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    body.tablet > header .search {float: none;width: auto;padding: 20px 0px 20px 0px;position: relative;}
    body.tablet > header .top nav ul {display: inline-flex;align-items: center;width: 100%;flex: 0 0 100%;}
    body.tablet > header .top nav li, body.tablet > header .top nav li + li {padding: 10px 0;}
    body.tablet > header .top nav ul li a {display: block;width: auto;text-indent: 0;white-space: nowrap;float: none;overflow: hidden;margin-left: 0;margin-right: 0;}
    body.smartphone-wide > header .search form {position: relative;top: 0;left: 0;-webkit-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    body.smartphone-wide > header .search {float: none;width: auto;padding: 20px 0px 20px 0px;position: relative;margin: 0;}
    body.smartphone-wide > header .top nav ul {display: inline-flex;align-items: center;margin-left: 0;width: 100%;flex: 0 0 100%;}
    body.smartphone-wide > header .top nav li, body.smartphone-wide > header .top nav li + li {padding: 10px 0;}
    body.smartphone-wide > header .top nav ul li a {display: block;width: auto;text-indent: 0;white-space: nowrap;float: none;overflow: hidden;margin-left: 0;margin-right: 0;}

    body.tablet-wide > header .top nav ul li #letter-spacing-normal_label,
    body.tablet-wide > header .top nav ul li #letter-spacing-big_label {width: auto;float: right !important;}
    body.tablet > header .top nav ul {flex-wrap: wrap;justify-content: end;}
    body.tablet > header .top nav ul li #letter-spacing-normal_label,
    body.tablet > header .top nav ul li #letter-spacing-big_label {width: auto;float: right !important;}
    body.smartphone-wide > header .top nav ul li #letter-spacing-normal_label,
    body.smartphone-wide > header .top nav ul li #letter-spacing-big_label {width: auto;float: right !important;}
    body.smartphone > header .top nav ul li #letter-spacing-normal_label,
    body.smartphone > header .top nav ul li #letter-spacing-big_label {width: auto;float: right !important;}
    @media screen and (max-width: 1074.9px){
        body > header .top nav ul li a{width: auto;}
        body > header .top nav ul li #letter-spacing-big_label, 
        body > header .top nav ul li #letter-spacing-normal_label {display: inline-block!important;width: auto!important;white-space: nowrap!important;float: right!important;overflow: hidden;}
        body.smartphone > header .top nav ul {display: flex;justify-content: start;margin: 0;padding: 0;}
    }
    @media screen and (max-width: 999.9px){
        body > header .search input[type="text"] {width: 273px;}
    }

    body > header .top nav li {float: none;padding: 10px 0;}
    body > header .top nav li a,
    body > header .top nav li button {text-transform: uppercase;}
    body > header .top nav li a::before{position: unset;margin-right: 5px;}
    .resize-button{background: var(--darken-main-bg-color);border: 1px solid var(--darken-main-bg-color);color: var(--secondary-text-color);padding: 5px 10px!important;}
    .resize-title{text-transform: uppercase;color: var(--secondary-text-color);margin-right: 5px;}

    /*logo*/
    .logo-wrapper{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;padding: 10px 0;}
    .logo-wrapper .d-flex{display: flex;align-items: stretch;}
    .logo-wrapper .crest {display: inline-block;padding-bottom: 5px;position: relative;}
    .logo-wrapper .crest .tooltip {left: 0%!important;right: unset!important;}
    .logo-wrapper .crest a{display: block;}
    .logo-wrapper .mainTitle {display: inline-block;margin-left: 15px;font-family: 'Roboto Slab', serif;}
    .logo-wrapper .mainTitle .subtitle {font-size: 1.8rem;font-weight:normal;font-family: 'Roboto Slab', serif;}
    .logo-wrapper .mainTitle .where{font-size: 2.688rem;line-height: 1.4em;color:var(--main-color-court);-webkit-transition: color 0.3s ease 0s;transition: color 0.3s ease 0s;}
    .logo-wrapper .mainTitle .where .subtitle{color: var(--main-text-color);}
    .logo-wrapper .bip {display: inherit;position: relative;}
    .logo-wrapper .bip .tooltip {right: 0%!important;left: unset!important;}
    .logo-wrapper .logo-bip {min-width: 180px;}
    .logo-wrapper .mainTitle a{display: block;}
    .logo-wrapper .mainTitle a:hover .where {color: var(--main-title-hover-color);}
    .logo-wrapper .mainTitle a:hover .subtitle {color: var(--main-color-court);}
    @media screen and (max-width: 574.9px){
        .logo-wrapper {padding:10px 15px}
        .logo-wrapper .crest {padding-bottom: 5px;}
    }
    
    /*banner*/
    #banner-header {height: 360px;background-attachment: fixed !important;background-position: top !important;background-size: 100% !important;border-top: 2px solid var(--main-color);}
    #banner-header.simple > a, #banner-header.animation .cycle .item > a {display: block;height: 360px;background-attachment: fixed !important;background-position: top !important;background-size: cover !important;}
    @media screen and (max-width: 999.9px) {
        #banner-header {height: 140px;background-attachment: local!important; background-position: center!important;}
        #banner-header.simple > a, #banner-header.animation .cycle .item > a {height: 140px;background-attachment: local!important; background-position: center!important;}
    }
    /*@media screen and (min-width: 1900px) {
      #banner-header {height: 360px;background-attachment: fixed !important;background-position: 0 70% !important;background-size: cover !important;border-top: 2px solid var(--main-color);}
    }*/

/*boxes*/
.box .content{padding: 15px;background: var(--light-bg-color);list-style-type: square;list-style-position: inside;}
/*contact box*/
.contact-box-content{padding: 15px; background: var(--light-bg-color);font-family: "Roboto Slab";}

/*aside left*/
    aside > .container > .row > *:first-child{margin-top:0!important;} 
    .aside > .banner{margin-top: 10px;max-width: 300px;}
    .banner.banner-sm{font-family: "Roboto Slab";}

    @media screen and (max-width: 999.9px) {
        .aside > .banner{margin: 10px auto 0 auto;max-width: 300px;}
    }

body.court .banners-side .banner { width: 100% }

    /*menu*/
    .aside .menu.box .level-1 > .current > h2{display: none;}
    .aside .menu.box ul li{border-top: 1px solid var(--darken-main-color);}
    .aside .menu.box ul li a {display:flex;padding: 10px 15px;position: relative;color: var(--secondary-text-color);transition: all 0.3s ease;}
    .aside .menu.box ul li a:focus{outline-offset: -2px;}
    .aside .menu.box ul li a::before{content: "\f105";font-family: 'fontawesome'; width: 20px;transition: all 0.3s ease;}
    .aside .menu.box ul li a:hover{color: var(--hover-link-color);background-color: var(--darken-main-bg-color);}
    .aside .menu.box ul li a:hover::before {margin-left: 7px;width: 13px;text-decoration: none;}
    .aside .menu.box ul li.current > a::before {margin-left: 7px;width: 13px;text-decoration: none;}
    .aside .menu.box .level-1 > .current > h2 {color: var(--secondary-text-color);font-size: 1.214rem;}
    .aside .menu.box .level-1, .aside .menu.box .level-1 > .current{background: var(--darken-main-bg-color);}
    .aside .menu.box .level-2 > li a{background: var(--main-bg-color);}
    .aside .menu.box .level-2 li.current a {background: var(--darken-main-bg-color);}
    .aside .menu.box .level-2 li.current li {border-top: 1px solid var(--main-bg-color);}
    .aside .menu.box .level-2 li.current > a {color: var(--hover-link-color);}
    .aside .menu.box .level-3, .aside .menu.box .level-4 {margin-left: 25px;}
    .aside .box > :first-child {border-bottom-color: var(--gray-bg-color);}
    .aside .menu.box > .level-2 {border-bottom-color: var(--main-bg-color);}
    /*menu mobile*/
    .menu-btn {display: none;}
    @media screen and (min-width:992px) {
        /* .menu-icon {padding: 15px;display: block;background: var(--darken-main-bg-color);color: var(--secondary-text-color);font-size: 1.5rem;font-weight: bold;cursor: default;} */
        .menu-icon{display: none;}
    }
    @media screen and (max-width:991.9px) {
        .menu.box{overflow: hidden;}
        .menu-icon .menu-head {position: relative;display:inline-block; font-weight:bold;}
        .menu {max-height: 0;-webkit-transition: max-height .2s ease-out;-o-transition: max-height .2s ease-out;transition: max-height .2s ease-out;}
        .menu-icon { cursor: pointer; display: flex;padding: 15px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
            background: var(--darken-main-bg-color);color: var(--secondary-text-color);align-items: center;justify-content: space-between;border: none;width: 100%;}  
        .menu-icon:focus{outline-offset: -2px;}
        .menu-icon .navicon {background: var(--secondary-hover-link-color);display: block;height: 2px;position: relative;
            -webkit-transition: background .2s ease-out;
            -o-transition: background .2s ease-out;
            transition: background .2s ease-out;width: 18px;}  
        .menu-icon .navicon:before,
        .menu-icon .navicon:after {background: var(--secondary-hover-link-color);content: '';display: block;height: 100%;
            position: absolute;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;width: 100%;}
        .menu-icon .navicon:before {top: 5px;}  
        .menu-icon .navicon:after {top: -5px;}

        .menu-btn:checked ~ .menu {max-height: 100vh;overflow-y: scroll;}
        .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}
        .menu-btn:checked ~ .menu-icon .navicon:before {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
        .menu-btn:checked ~ .menu-icon .navicon:after {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} 
        .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
        .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0;}
        .menu-btn ~ .menu {visibility: hidden;opacity: 0;transition: .3s all ease;}
        .menu-btn:checked ~ .menu {max-height: 100vh;overflow-y: scroll;opacity: 1;visibility: visible;}
    }
    /*menu main page*/
    .home-link{border-bottom: none!important;}
    .home-link li a {background: var(--main-bg-color);}
    .aside .menu.box .level-1 > li.current > a {color: var(--hover-link-color);}

/*aside right*/
    @media screen and (max-width: 1199.9px) {
        .right-column .aside-item{padding:0;}
    }
    /*see also*/
    .seealso.box .content{list-style: none;background: transparent;padding-top: 2px;padding-bottom: 2px;}
    .seealso-item{display: block;text-align: center;padding: 0;background: var(--light-bg-color);border: var(--white-border);}
    .seealso-item .seealso-item-link{display: block;padding: 15px 10px;transition: all .3s ease;margin: 2px;font-family: "Roboto Slab";height:100%;overflow: hidden;}
    .seealso-item .seealso-item-link:hover{text-decoration: none;background-color: var(--darken-main-bg-color);color: var(--secondary-hover-link-color);}
    .seealso-item .seealso-item-link:focus {outline-offset: -4px;}
    .seealso.box .content .seealso-item .seealso-item-icon{display: block;margin-bottom: 15px;}
    .seealso-item-icon::before{font-family: 'fontawesome';font-size: 3rem; color: var(--darken-main-color);}
    .seealso-item .seealso-item-link:hover .seealso-item-icon::before{color: var(--secondary-hover-link-color);}
    .seealso-item-icon-1::before{content:'\f0e3';}
    .seealso-item-icon-2::before{content:'\f044';}
    .seealso-item-icon-3::before{content:'\f02d';}
    .seealso-item-icon-4::before{content:'\f017';}
    .seealso-item-icon-5::before{content:'\f24e';}
    .seealso-item-icon-6::before{content:'\f05a';}
    @media screen and (max-width: 767.9px) {
        .seealso.box .content {
            padding-left: 0;
            margin-left: 0;
        }
    }
    /*categories*/
    .categories-contents button{font-family: 'Roboto Slab', serif;display: flex;justify-content: space-between; align-items: center;position: relative;width: 100%;border: none;padding: 15px;text-align: left;background: var(--light-bg-color);font-size: 2rem;text-transform: uppercase;transition: all .3s ease;}
    .categories-contents button:focus{outline-offset: -2px;}
    .categories-contents button > span {pointer-events: none;}
    .categories-contents button:hover,
    .categories-contents button[aria-expanded="true"] {background: var(--darken-main-bg-color);color: var(--secondary-hover-link-color);}
    .categories-contents button .Accordion-title::before{content: '\f19c';font-family: 'fontawesome';color: var(--icon-color);font-size: 25px;margin-right: 5px;}
    .categories-contents button:hover .Accordion-title::before,
    .categories-contents button[aria-expanded="true"] .Accordion-title::before{color:var(--secondary-hover-link-color);}
    .categories-contents.box .content li::marker {font-size: 1.5rem;color: var(--main-color);}
    .categories-contents.box .content li a {margin-top: 10px;display: inline-block;font-size: 1.4rem;}
    .categories-contents.box .Accordion-icon{display: inline-block;margin-left: auto;transition: all .2s linear;position: unset;border: none;transform: unset;width: auto;height: auto;}
    .categories-contents.box .Accordion-icon::after{content:'\f078';font-family: 'fontawesome';color: var(--main-text-color);}
    .categories-contents button:hover .Accordion-icon::after{color: var(--secondary-hover-link-color);}
    .categories-contents button[aria-expanded="true"] .Accordion-icon{color: var(--secondary-hover-link-color);transform: rotate(180deg);}
    .categories-contents button[aria-expanded="true"] .Accordion-icon::after{color: var(--secondary-hover-link-color);}

    /*banners*/
    .court-banner-link{font-size: 1.5rem!important;display: block;text-align: center;background: var(--main-bg-color);color: var(--secondary-text-color);transition: background 0.3s ease 0s;padding: 15px;border: var(--white-border);}
    .court-banner-link:hover{background: var(--light-bg-color);color:var(--main-text-color);text-decoration: none;font-family: "Roboto Slab";}
    .court-banner-link .court-banner-link-icon{display: block;text-align: center;margin-bottom: 20px;font-size: 4rem;color: var(--banner-icon-color);transition: transform 0.5s ease 0s;}
    .court-banner-link:hover .court-banner-link-icon{transform: scale(1.1);color: var(--main-color);text-decoration: none;}
    .court-banner-link .court-banner-link-icon::before {content:attr(data-icon);font-family: 'fontawesome';}
    .main .aside .banner ~ .banner {margin-top: 3px;}

/*content*/
    /*breadcrumbs*/
    .breadcrumbs {padding: 10px 0px;margin-top: 10px;}
    .breadcrumbs li:first-child::after {content: ":";padding-right:10px;}
    .breadcrumbs li {display: inline;font-size: 1.4rem;color: var(--main-text-color);position: relative;}
    .breadcrumbs li:not(:first-child) + li::before {content: "\f105";font-family: 'fontawesome';padding: 0 10px;}
    .breadcrumbs li a {font-size: 1.4rem;text-decoration:underline;transition:all 0.3s ease;}
    .breadcrumbs li a:hover {font-size: 1.4rem;text-decoration:none;color:var(--darken-main-color);}
    @media screen and (max-width: 574.9px){
        .breadcrumbs {padding: 10px 15px;}
    }
    
    main {font-size:1.4rem;padding: 0!important;}
    main > #main-content.contents {width: 100%;font-size:1.4rem;}
    main > #main-content.box {width: 100%;font-size:1.4rem;}
    @media screen and (max-width: 999.9px) {
        main {margin-left:0;margin-right: 0;padding-left: 0!important;padding-right: 0 !important;}
    }
    @media screen and (max-width: 767.9px) {
        main {padding:0 15px!important;}
    }
    /*main page*/
    body > .main {width: auto;}
    main #main-content:not(.box) {width: auto;display: block;flex-wrap: wrap;justify-content: space-between;}
    #main-content.index {float: none;}
    main > #main-content {float: none;width: auto;}

    /*important*/
    #main-content.index .important{margin-top:0;}
    #main-content.index .important {background: transparent;border: none;}
    #main-content.index .important .important-item {background: var(--important-bg-color);border: 2px solid var(--important-border-color);padding: 10px; margin-top: 10px;}
    #main-content.index .important > div p {padding: 0px;}

    /*more button*/
    .more-btn {margin-top:10px;text-transform: uppercase;border-radius: 9999px;overflow: hidden;display: inline-block;color: var(--main-bg-color);background: var(--white-bg-color);border: 1px solid var(--border-light-color);font-size: 0.857rem;padding: 10px 15px;text-decoration: none;position: relative;transition: color 0.3s ease 0s;}
    .more-btn-txt{position: relative;z-index: 1;}
    .more-btn-txt::after{content:'\f105';font-family: 'fontawesome';margin-left: 8px;}
    .more-btn:hover{color: var(--secondary-text-color)!important;text-decoration: none;}
    .more-btn::before{border-radius: 9999px;content:'\00a0';background: var(--main-bg-color);position: absolute;left: 50%;right: 50%;top: 50%;bottom: 50%;opacity: 0;transition: all 0.3s ease 0s;display: block;}
    .more-btn:hover::before{border-radius: 9999px;content:'\00a0';background: var(--main-bg-color);position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 1;transition: all 0.3s ease 0s;display: block;}

    /*heading*/
    .box > :first-child:not(.content):not(.heading-info) {border-bottom: var(--border-double);margin: 2px 0 1px 0;}
    .box > :first-child.content {border-bottom: none;margin: 2px 0 1px 0;}
    main > #main-content.box > header > :not(ul):not(a):first-child {background-color: transparent;}
    main > #main-content .box header{margin-bottom: 15px;}
    main > #main-content .box > header > :not(ul):not(a):first-child {background-color: transparent;}
    .box > header > :not(ul):not(a):first-child {color: var(--main-text-color);}
    .box > header > :not(ul):not(a):first-child{background-color: var(--light-bg-color);font-size: 2rem; padding: 20px 15px; margin-bottom: 1px; margin-top: 10px;font-weight: normal;text-transform: uppercase;}
    .box .heading-wrapper .header.h2{background: var(--light-bg-color);}
    .box > header > a {top: 50%;right: 20px;font-size: 1.2rem;color: var(--main-text-color);transform: translateY(-50%);}
    .box > header > .xml {right: 25px;color: var(--main-text-color);}
    .box > header > .rss {right: 25px;color: var(--main-text-color);}
    .box > header > .rss + .xml {right: 75px;}
    .box > header > .resize{display: flex;align-items: center;}
    .heading-wrapper{border-bottom: var(--border-double);position: relative;}
    .heading-wrapper .header.h2{font-size: 2rem;padding: 20px 15px 20px 50px; margin-bottom: 1px; margin-top: 10px; font-weight: normal;text-transform: uppercase;color:var(--main-text-color);font-family: "Roboto Slab";}
    .heading-commenting::before{content:"\f27b";font-family: 'fontawesome';font-size: 25px;position: absolute;top: 50%;color: var(--icon-color);left:5px;transform: translateY(-50%);}
    .heading-info::before{content:"\f05a";font-family: 'fontawesome';font-size: 25px;position: absolute;top: 45%;color: var(--icon-color);left:15px;transform: translateY(-50%);}

    /*list*/
    #main-content .list.general article > header a{color: var(--main-color);}
    #main-content .list.general article{background: var(--light-bg-color);margin-bottom: 15px;}
    #main-content .list.general article + article{border-top: none;}
    .box > header > .resize {height: calc(100% - 2px);}
    body.smartphone #main-content.search .list article.addon-bip {padding: 0;border: 1px solid #f4f4f4;}
    body.smartphone .list.general.addon-bip article {border-bottom: 2px double #f4f4f4;}
    body.desktop main > #main-content .box > header > .resize .small {padding-top: 0px;}
    .box > header > .resize .normal{margin: 0 3px 2px 6px;}
    .box > header > .resize .big{margin-bottom: 5px;}

    /*addons*/
    main > #main-content.contents > article .addon-bip {
        border-bottom: 1px solid var(--darken-main-color);
    }
    
    /*wysiwyg*/
    main > #main-content.box > article:not(.box) .wysiwyg {border-bottom: var(--border-double);}
    .wysiwyg {line-height: 1.8rem;padding: 15px;border: none;font-size: 1.4rem;}
        /*attachments*/
        body.desktop #main-content .attachments .header span:first-child {width: 60%;}
        body.desktop #main-content .attachments .header .files {width: 25%;}
        body.tablet > .main main > #main-content .attachments .header span:nth-child(2) {width: 25%;text-transform: uppercase;position: unset;left: 0;text-align: left;padding-left: 10px;}
        body.tablet > .main main > #main-content .attachments .header .file_legal:nth-child(3) {width: 15%;}
        body.smartphone-wide main > #main-content .attachments .header span, main > #main-content .attachments .header .file_legal{float: none;display: inline-block;}
        body.smartphone-wide > .main main > #main-content .attachments .header span:nth-child(1){width: 100%;}
        body.smartphone-wide > .main main > #main-content .attachments .header span:nth-child(2) {width: 50%;position: unset;margin-top: 10px;text-align: left;display: inline-block;}
        body.smartphone-wide > .main main > #main-content .attachments .header .file_legal:nth-child(3) {float: none;cursor: pointer;position: relative;width: 50%;text-align: right;}
        
        body.smartphone main > #main-content .attachments .header span, main > #main-content .attachments .header .file_legal{float: none;display: inline-block;}
        body.smartphone > .main main > #main-content .attachments .header span:nth-child(1){width: 100%;}
        body.smartphone > .main main > #main-content .attachments .header span:nth-child(2) {width: 49%;position: unset;margin-top: 2px;text-align: left;display: inline-block;}
        body.smartphone > .main main > #main-content .attachments .header .file_legal:nth-child(3) {float: none;cursor: pointer;position: relative;width: 50%;text-align: right;}
        
    
    /*news main page*/
    .news-list{margin-top: 10px;}
    .news-list .list-item{padding: 15px;margin-bottom: 10px;background: var(--light-bg-color);}
    .news-list .news-list-title{margin-bottom: 10px; font-family: "Roboto Slab";}
    
    /*form*/
    form{font-size: 1.3rem;}
    main > #main-content .form fieldset:last-child > :last-child > input {margin-right:20px!important;float: right; margin: 0 2px 3px 0; padding: 5px 20px; border: 1px solid var(--main-bg-color); background: var(--main-bg-color); color: var(--secondary-text-color); font-family: "Roboto Slab"; text-transform: uppercase;transition: all .3s ease;}
    main > #main-content .form fieldset:last-child > :last-child > input:hover,
    main > #main-content .form fieldset:last-child > :last-child > input:focus{background: var(--white-bg-color);color: var(--main-color);}
    body.smartphone > .main main > #main-content .box .form fieldset:last-child > :last-child > input {margin: 0 auto;width: auto;}
    .wysiwyg .forms fieldset div > input{padding: 5px 20px;height:auto;border: 1px solid var(--main-bg-color); background: var(--main-bg-color); color: var(--secondary-text-color); font-family: "Roboto Slab"; text-transform: uppercase;transition: all .3s ease;}
    .wysiwyg .forms fieldset div > input:hover,
    .wysiwyg .forms fieldset div > input:focus{background: var(--white-bg-color);color: var(--main-color);}

    /*footer*/
    main > #main-content footer, main > #main-content footer .print {background: var(--light-bg-color);}
    main > #main-content footer .print {flex-wrap: wrap;font-size: 1.3rem;}
    main > #main-content footer .print .print-right{margin-left: auto;}
    main > #main-content footer .print a:first-child + a {margin-left: 15px;}
    main > #main-content footer .print a + a {margin-left: 15px;}
    main > #main-content footer .print a, main > #main-content footer .print button{color: var(--main-text-color);margin-left: 15px;}
    main > #main-content footer .print a:hover, main > #main-content footer .print button:hover{color: var(--darken-main-color);}
    main > #main-content footer .print .print-left a:first-child{left:0;}
    main > #main-content footer .print a::before, main > #main-content footer .print button::before {background-image: none;font-family: 'fontawesome';color: var(--main-text-color);position: relative;top: 0;left: 0;margin-right: 10px;}
    main > #main-content footer .print .print-left a:first-child::before {content: '\f02f';}
    main > #main-content footer .print a.pdf::before {content: '\f1c1';left: 0;}
    main > #main-content #sendMail_btn::before{content: '\f003';left: 0;display: inline-block;}
    main > #main-content footer .print a.version::before{content: '\f0ec';left: 0;}
    main > #main-content #legal_btn{position: relative;}
    main > #main-content #legal_btn::before{content:'\f05a';margin-top: 0px;top: 0;font-size: 1.5rem;}
    main > #main-content footer .history-back {color: var(--main-text-color);}
    body.smartphone > .main main > #main-content #legal_btn::before,
    body.smartphone-wide > .main main > #main-content #legal_btn::before {height: 18px;margin-top: 0;}
    main > #main-content footer .print a + button, main > #main-content footer .print button + button, main > #main-content footer .print button + a {
        margin-left: 10px;
    }
    body.smartphone > main > #main-content footer .print .print-right{margin-top:0;}
    body.smartphone-wide > main > #main-content footer .print .print-right{margin-top:0;}

    /*pagination*/
    main > #main-content footer .per-page li a {color: var(--main-color-court);}
    main > #main-content footer .per-page li.active a {color: var(--main-color);color: var(--hover-link-color);background: var(--main-bg-color);}
    main > #main-content footer {color: var(--main-color-court);}
    main > #main-content footer .pagination li a {display: block;position: relative;color: var(--main-color-court);}
    main > #main-content footer .pagination li.active a {background: var(--main-bg-color);color: var(--hover-link-color);}

/*footer*/
    /*banner*/
    .main-footer-container{padding: 0;}
    footer .banner {max-height: 360px; overflow: hidden; margin: 5px 0;}
    footer .banner img {width: 100%;}
    /*footer content*/
    body > .main-footer-container footer {background: var(--white-bg-color);}
    body > .main-footer-container footer > :not(.bottom) {background: var(--white-bg-color);padding:0;}
    body > .main-footer-container footer .boxes {color: var(--main-text-color);display: flex;justify-content: space-between;padding: 15px;}
    body > .main-footer-container footer .boxes > div:not(:last-child) {margin-right: 15px;}
    body > .main-footer-container footer .boxes > div > h3 {color: var(--main-text-color);display: block;margin-bottom: 15px;font-size: 1.5rem;}
    body > .main-footer-container footer .boxes > div a {color: var(--main-text-color);text-decoration: underline;margin-top: 10px;display: inline-block;}
    body > .main-footer-container footer .boxes > div a:hover {text-decoration: none;}

    /*footer tools links*/
    .footer-tools-links{display: flex;padding: 15px;border-bottom: var(--border-double);flex-wrap: wrap;margin-top: 25px;}
    .footer-tools-links{list-style-type: square;list-style-position: inside;}
    .footer-tools-links li{padding-right: 25px;}
    .footer-tools-links li::marker{font-size: 1.5rem;color: var(--main-color)}
    .footer-tools-links li a {text-decoration: underline;}
    .footer-tools-links li a:hover {text-decoration: none;}

    body > .main-footer-container footer .links ul{list-style-type: square;list-style-position: inside;margin-left: 0;}
    body > .main-footer-container footer .links ul li::marker{font-size: 1.5rem;color: var(--main-color)}
    body > .main-footer-container footer .links .last_update{padding-left: 0;display: inline-block;}
    .last-update-li { margin-top: 10px }

    /*copyright*/
    body > .main-footer-container footer .bottom{padding: 20px 0;text-align: right;border-top: var(--border-double);}
    body > .main-footer-container footer .bottom .wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 15px;}

    @media screen and (max-width:991.9px){
        .footer-tools-links li {margin-bottom: 10px;}  
    }
    @media screen and (max-width:767.9px){
        body > .main-footer-container footer .boxes{flex-direction: column;justify-content: start;}
        body > .main-footer-container footer .boxes > div{text-align: left;margin-bottom: 25px;}
    }

/*content*/
    /*content legal*/
    main > #main-content.contents .content_legal .author {background: var(--gray-bg-color);}

/*seealso*/
.seealso-item-icon::before {
    content:attr(data-icon);
}

/*addons*/
main .addon-bip .table {margin-bottom:0;}
    /* sios */
    main > #main-content.sios .table {min-width: 100%;}
/*.menu.box {*/
/*  font-size: 1.4rem;*/
/*}*/