/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 .dialog-off-canvas-main-canvas{
    zoom: 1.3;
 }

 @media screen and (max-width: 750px) {
    .dialog-off-canvas-main-canvas{
        zoom: 1;
     }
}

@media screen and (max-width: 1440px) {
    .container{
        width: initial;;
     }
}

@media screen and (max-width: 1024px) {
    .container{
        width: 750px;
     }
}

@media screen and (max-width: 768px) {
    .container{
        width: initial;
     }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Helvetica, Arial, sans-serif,
    apple color emoji, segoe ui emoji, segoe ui symbol;
}

header>div div.logo a  img {
    width: 70.5px;
    height: 32px;
    margin-top: 17px;
}

.navbar-default {
    background-color: #000;
}

.header {
    background: rgba(0,0,0,.88);
    width: 100%;
    z-index: 1000;
    height: 67px;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
}

.header>div {
    position: relative;
    max-width: 1144px;
    margin: 0 auto;
    padding: 0 24px;
}

.header>div .logo {
    float: left;
}

.header>div .logo a {
    display: inline-block;
    height: 66px;
    width: 100px;
}

.header>div>div>div>div>nav>ul.navbar-menu-pc {
    margin: 0;
    list-style-type: none;
    -webkit-padding-start: 0;
    display: flex;
}

.header>div>div>div>div>nav>ul.navbar-menu-pc>li {
    position: relative;
    display: inline-block;
    padding: 0 11px;
    height: 66px;
    line-height: 66px;
}

.header>div>div>div>div>nav>ul.navbar-menu-pc>li a {
    position: relative;
    font-size: 16px;
    color: #f6f6f6;
}

.header>div>div>div>div>nav>ul.navbar-menu-pc>li a:focus {
    background: bottom;
}

.header>div>div>div.navbar-collapse.collapse {
    float: right;
}

.main-container {
    padding-top: 30px;
}

/* triaspag */
a.trias-tab:hover {
    text-decoration: none;
}

/* triaspag */
a.trias-tab {
    font-size: 18px;
    color: black;
}

.main.triaspag {
    background: #fff;
}

.triaspag .main-data {
    margin: 0 auto;
    padding-bottom: 30px;
}

@media screen and (max-width: 750px) {
    .triaspag .main-data {
        margin: 0 auto;
    }
}

.triaspag .main-data>button.titlejsx {
    text-align: center;
    font-size: 1.5625rem;
    color: #151515;
    cursor: pointer;
    padding: 18px;
    outline: none;
    transition: 0.4s;
	border-style: none;
	background-color: initial;
	margin-left: 45%;
    font-size: 30px;
    font-weight: 600;
    text-shadow: 0px 0px 5px #b393d3, 0px 0px 10px #b393d3, 0px 0px 10px #b393d3, 0px 0px 20px #b393d3;
}

.triaspag .main-data>div.titlejsx {
    font-size: 1.5625rem;
    color: #151515;
    cursor: pointer;
    padding: 18px;
    outline: none;
    transition: 0.4s;
	border-style: none;
	background-color: initial;
	margin-left: 45%;
    font-size: 30px;
    font-weight: 600;
    text-shadow: 0px 0px 5px #b393d3, 0px 0px 10px #b393d3, 0px 0px 10px #b393d3, 0px 0px 20px #b393d3;
}

@media screen and (max-width: 750px) {
	.triaspag .main-data>div.titlejsx {
		margin-left: 40%;
	}
}

@media screen and (max-width: 450px) {
	.triaspag .main-data>div.titlejsx {
		margin-left: 35%;
	}
}

@media screen and (max-width: 750px) {
	.triaspag .main-data>button.titlejsx {
		margin-left: 40%;
	}
}

@media screen and (max-width: 450px) {
	.triaspag .main-data>button.titlejsx {
		margin-left: 35%;
	}
}

button.titlejsx.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 15px;
}

div.titlejsx.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    margin-left: 15px;
}

.titlejsx.accordion.active:after {
    content: "\2212";
}

.triaspag .main-data>div.descjsx {
    opacity: 0.6;
    font-size: 0.8333333333333334rem;
    color: #000;
    font-weight: bold;
    text-align: center;
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.titlejsx.accordion.active, .titlejsx.accordion:hover {
  background-color: #ccc;
}

.technical-container-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.technical-container-block>div.technical-container-jsx {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 22.083333333333336rem;
    margin-right: 1.71875rem;
    padding: 2.604166666666667rem 0 2.0833333333333335rem 2.0833333333333335rem;
    background: #FFFFFF;
    box-shadow: 0 0.4166666666666667rem 1.5625rem 0 rgb(230 233 235 / 80%);
}

.technical-container-block>div.technical-container-jsx:last-child {
    margin-right: 0;
}

.technical-container-block>div.technical-container-jsx .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2.0833333333333335rem 0.8333333333333334rem 0;
    border-bottom: 1px solid rgba(230,233,235,0.50);
}

.technical-container-block>div.technical-container-jsx span.title-span {
    opacity: 0.8;
    font-size: 1.0416666666666667rem;
    color: #151515;
}

@media screen and (max-width: 750px) {
    .technical-container-block {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 750px){
    .technical-container-block>div.technical-container-jsx {
        width: 100%;
        margin-bottom: 0.6666666666666665rem;
    }
}

@media screen and (max-width: 750px) {
    .technical-container-block>div.technical-container-jsx {
        height: auto;
    }
}

@media screen and (max-width: 500px) {
    .block-views-blockdca-block-1 .view-dca.dca-trias .view-content {
        overflow-x: auto
    }
}

.technical-container-block>div.technical-container-jsx img.img-span {
    width: 1.5625rem;
    height: 1.7708333333333335rem;
}

.technical-container-block>div.technical-container-jsx p.p-span {
    margin: 1.5625rem 3.75rem 0 0;
    line-height: 1.25rem;
    font-size: 18px;
    color: #999999;
}

.technical-container-block>div.technical-container-jsx p.p-span.red {
    color: red;
}

.technical-container-block>div.technical-container-jsx p.p-span.green {
    color: green;
}

td.actual-trias.views-field.views-field-nothing.views-align-right.red {
    color: red;
}

td.actual-trias.views-field.views-field-nothing.views-align-right.green {
    color: green;
}

td.g-p-trias.views-field.views-field-nothing-1.views-align-right.red {
    color: red;
}

td.g-p-trias.views-field.views-field-nothing-1.views-align-right.green {
    color: green;
}

.delegatee-summary:hover {
    border-left: 2px solid #00D395;
    color: #141E27;
}

tr[class^="tr-"]:hover, tr[class*="tr-"]:hover {
    border-left: 2px solid #00D395;
    color: #141E27;
}

tr[class^="tr-"], tr[class*="tr-"] {
    border-left: 2px solid transparent;
}

/* DCA Landing Page*/
.panel__header {
    display: flex;
    flex-flow: inherit;
    align-items: center;
    justify-content: space-between;
    font-size: 1.1rem;
    padding: 1rem 1.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.panel__header h4 {
    margin: 0;
}

.panel__labels {
    display: flex;
    padding: 1rem 1.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    align-items: center;
}

.panel__labels > div:first-child {
    padding-left: 0;
}

.text-right {
    text-align: right;
}

.col-xs-5 {
    flex-basis: 33%;
    max-width: 33%;
}

[class*=col] {
    flex-basis: 100%;
}

.panel__labels > div:last-child {
    padding-right: 0;
}

.delegatee-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 1.25rem 1.75rem;
    border-left: 2px solid transparent;
    padding-left: 1.625rem;
    text-transform: none;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    transition: none;
}

.delegatee-summary > div:first-child {
    padding-left: 0;
}

@media (min-width: 40em){
    .col-xs-5 {
        flex-basis: 33%;
        max-width: 33%;
    }
}

.delegatee-summary__details {
    display: flex;
    align-items: center;
}

.delegatee-summary__details__rank-view {
    flex-shrink: 0;
    width: 2rem;
    height: auto;
}

.delegatee-summary__details__rank {
    color: #141E27;
    font-weight: 800;
}

.delegatee-summary__details .gov-profile-image {
    display: inline-block;
    margin-top: -0.25rem;
    margin-right: 1.33rem;
}

.gov-profile-image__raw-image {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    border: 0;
    border-image-width: 0;
    border-radius: 50%;
    background-color: #F9FAFB;
    background-blend-mode: multiply;
}

@media (min-width: 60em){
    .delegatee-summary__details__display-name {
        font-size: 1rem;
    }
}

.delegatee-summary__details__display-name {
    font-size: 0.875rem;
    flex-shrink: 1;
}

@media (min-width: 60em){
    .delegatee-summary__details__display-name--mobile {
        display: none;
    }
}

@media (min-width: 60em){
    .delegatee-summary__details__display-name {
        font-size: 1rem;
    }
}

.delegatee-summary > div:last-child {
    padding-right: 0;
}

.panel__footer {
    padding: 1.145rem 1.9375rem;
    border-bottom: none;
    border-radius: 0 0 4px 4px;
    display: flex;
    justify-content: center;
    color: #050f19;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 40em){
    .mobile-hide {
        display: none;
    }
}

.panel__header h4 {
    margin: 0;
}

@media (min-width: 60em) {
    h4 {
        font-size: 1.1rem;
    }
}

h4 {
    font-weight: 700;
    font-style: normal;
    font-size: 1.35rem;
    line-height: 1.75rem;
    letter-spacing: 0;
}

.gov-profile-image--small {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
}

.middle-xs {
    text-align: center;
}

@media (max-width: 40em) {
    .col-xs-5 {
        max-width: 33%;
    }
    .middle-xs {
        text-align: center;
    }
}

.pager .previous>a, .pager .previous>span {
    float: initial;
    margin-right: 75px;
}

.pager .next>a, .pager .next>span {
    float: initial;
    margin-left: 75px;
}

.block-field-blocknodepagebody {
    margin-bottom: 50px;
    margin-top: 25px;
}

.block-views-blockdca-block-1 h2.block-title {
    font-weight: bold;
}

/* Hamburguer icon */

#block-sidrtriggerbuttonblock .js-sidr-trigger .field--name-body {
    min-height: 100%;
    align-items: center !important;
    display: flex !important;
}

#block-sidrtriggerbuttonblock .js-sidr-trigger .sticky-hamburguer {
    cursor: pointer;
    width: 36px;
    height: 20px;
    background: transparent;
    justify-content: space-between !important;
    flex-direction: column !important;
    display: flex !important;
}

#block-sidrtriggerbuttonblock .js-sidr-trigger {
    float: right;
    -ms-transform: translateY(-50%);
    transform: translateY(75%);
    border-color: #1f1f1f;
    border-style: solid;
    background-color: #1f1f1f;
}

#block-sidrtriggerbuttonblock .sticky-hamburguer .bar1, #block-sidrtriggerbuttonblock .sticky-hamburguer .bar2, #block-sidrtriggerbuttonblock .sticky-hamburguer .bar3 {
    background-color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -khtml-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    height: 1px;
    width: 100%;
}

#block-buenostrias-main-menu .navbar-menu-pc a:focus {
    outline-offset: inherit;
    outline: none;
}

#block-sidrtriggerbuttonblock.block-sidr {
    display: none;
}
#block-buenostrias-main-menu {
    display: block;
}

@media screen and (max-width: 750px) {
    #block-sidrtriggerbuttonblock.block-sidr {
        display: block;
    }

    #block-buenostrias-main-menu {
        display: none;
    }

    .region-mobile-menu #block-buenostrias-main-menu {
        display: block;
    }

    .language-switcher-language-url>ul.links {
        display: none;
    }
}

thead #view-nothing-table-column.green {
    color: green;
}

thead #view-nothing-table-column.red {
    color: red;
}

thead #view-nothing-1-table-column.green {
    color: green;
}

thead #view-nothing-1-table-column.red {
    color: red;
}

table thead tr:nth-child(2)
{
    background-color: lightgoldenrodyellow;
}

.descjsx.panel {
	-webkit-box-shadow: none;
    box-shadow: none;
}

/* Language-switcher */
.language-switcher-language-url {
    float: right;
    max-width: 90px;
    width: 100%;
}

.language-switcher-language-url>ul.links {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    display: flex;
}

.language-switcher-language-url>ul.links li:first-child {
    padding-right: 0.7rem !important;
}

.language-switcher-language-url>ul.links li {
    line-height: 1;
    display: inline-block;
    height: 66px;
    line-height: 66px;
}

.language-switcher-language-url>ul.links li.is-active a {
    color: red;
    font-weight: 700;
}

.language-switcher-language-url>ul.links li a {
    position: relative;
    font-size: 16px;
    color: #f6f6f6;
}

.language-switcher-language-url>ul.links li a {
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
}

.language-switcher-language-url>ul.links li a:last-child{
    padding-left: 0.5rem !important;
}

.language-switcher-language-url>ul.links li:last-child::before {
    background: #003c6e;
}


.language-switcher-language-url>ul.links li:last-child::before {
    content: "";
    display: inline-block;
    width: 1.5px;
    height: 16px;
    background: #9baab4;
    position: absolute;
    top: 2px;
    left: -1px;
    position: relative;
}

.language-switcher-language-url ul.links li a:hover {
    color: #0096ff;
}

@media (max-width: 1316.98px) {
    .language-switcher-language-url {
        min-height: 34px;
        justify-content: center !important;
    }
}

@media (max-width: 1316.98px) {
    .language-switcher-language-url {
        width: 100%;
        position: relative;
        z-index: 1;
        margin-left: 0rem !important;
        margin-right: 0rem !important;
        padding-bottom: 8px;
    }
}

@media screen and (max-width: 750px) {
    .language-switcher-language-url>ul.links {
        display: none;
    }
}

.content section.block-block-content49de90a7-1806-4f0f-b3e3-682b591c9f6f{
    float: left;
}
.content section.block-block-content5baf35e5-3779-48dd-9b14-7b1f364a4631{
    float: left;
}
.content section.block-block-contenta8225f68-de41-4c7d-9438-fa0457a4e485{
    float: left;
}

@media screen and (max-width: 750px) {
    .content section.block-block-content49de90a7-1806-4f0f-b3e3-682b591c9f6f{
        margin: 0px 0px;
    }
    .content section.block-block-content5baf35e5-3779-48dd-9b14-7b1f364a4631{
        margin: 0px 0px;
    }
    .content section.block-block-contenta8225f68-de41-4c7d-9438-fa0457a4e485{
        margin: 0px 0px;
    }
}

/* Footer */
.menu--footer li {
	position: relative;
    display: inline-block;
    text-align: center;
}

.content-table { margin-bottom: 30px; text-align: center; border-collapse: collapse; font-size: 1em; font-family: sans-serif; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
.content-table thead tr { text-align: center; background-color: #000; color: #ffffff; text-align: middle; }
.content-table th { text-align: center; padding: 12px 15px; }
.content-table td { text-align: center; padding: 0 7px; }
.content-table tbody tr { text-align: center; border-bottom: 1px solid #dddddd; } .styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; } .styled-table tbody tr:last-of-type { border-bottom: 2px solid #009879; }
#refresh-btn { float: right; }
.block-views-blockrecompensas-diarias-block-1 {
    margin-top: 40px;
}
.block-custom-triathon-hulls {
    margin-top: 20px;
}
.block-custom-triathon {
    margin-top: 20px;
}
.block-field-blocknodepagetitle span {
    font-size: 30px;
    margin-left: 11%;
    font-weight: 600;
    text-shadow: 0px 0px 5px #b393d3, 0px 0px 10px #b393d3, 0px 0px 10px #b393d3, 0px 0px 20px #b393d3;
}
.block-field-blocknodepagetitle {
    text-align: center;
    margin-bottom: 10px;
}
.block-custom-triathon h2 {
    margin: 0px 0 10px;
    font-size: 24px;
    color: #000;
    font-weight: 600;
    line-height: 1.5;
}
#block-triathonshipblock tbody tr td.green-light {
    color: green;
    font-weight: bold;
}
#block-triathonshipblock tbody tr td.orange-light {
    color: orange;
    font-weight: bold;
}

.dropdown-menu {
    background-color: #1f1f1f;
}

.dropdown-menu>li>a:hover {
    background-color: #1f1f1f;
    text-decoration: underline;
}

.table {
    margin-bottom: 0px;
}

.number-ships {
    margin-top: 35px;
    margin-bottom: 15px;
    background: black;
    color: #ffffff;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    letter-spacing: 1px;
    padding: 10px 15px 8px;
    text-transform: uppercase;
}

.total-ships {
    margin-top: 0px
}

.contextual-region {
    position: initial;
}

.upgrade-ship {
    display: inline-block;
    background-color: black;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.upgrade-ship:hover,
.upgrade-ship:active {
    background-color: #45a049;
}