/* latin */
@font-face {
  font-family: "Heebo";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/heebo/v9/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EiSysdUmm.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

body {
  font-family: "Heebo";
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  padding-top: 60px;
  background-color: #00249c;
  padding-bottom: 0px;
  color: #fff;
}

.main_menu_icon_fixed {
  width: 100px;
}

.main_menu_icon {
  height: 90%;
  width: 90%;
  padding-bottom: 10px;
}

.main_menu_icon_footer {
  height: 100%;
  width: 100%;
}

h4 {
  font-weight: bold;
  color: #fff;
}

.ptitulo {
  margin-left: 15px;
  margin-top: 7px;
}
.tcPurple {
  background-color: #b4458d;
}

.tcGreen {
  background-color: #88b04b;
}

.tcOrange {
  background: #e89743 !important;
}

.tcRed {
  background: #bf1932;
}

.tcLightBlue {
  background: #97cbeb;
}

.tcDarkBlue {
  background: #00249c;
}

.tcDarkBlueFore {
  color: #00249c;
}


.tcPanel {
  font-size: large;
  color: white;
  padding: 8px;
  -webkit-border-radius: 5px 5px 5px 5px;
}
/*
.tcPanel:first-child {
  -webkit-border-radius: 0px 0px 5px 5px;
}
*/
.tcLabel {
  color: white;
  float: left;
  padding: 15px;
  position: relative;
  text-decoration: none;
  font-size: large;
  -webkit-border-radius: 5px 2px 2px 5px;
}

.tcLabel:after {
  content: "";
  display: block;
  background: inherit;
  position: absolute;
  right: -20px;
  top: 7px;
  height: 40px;
  width: 43px;
  z-index: -1;
  -webkit-transform: scaleX(1) rotate(45deg);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px 5px 5px 5px;
}

.tcLabel:before {
  content: " ";
  display: block;

  background: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background: transparent;
  color: #fff;
  cursor: default;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.footer {
  padding: 5px;
  background-color: #f5f5f5;
}

.btn-purple {
  background-color: #bd7ca6;
  border-color: #9e5f89;
  color: white;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
  background-color: #b46b9a;
  border-color: #9e5f89;
  color: white;
}
.btn-purple.disabled:hover,
.btn-purple.disabled:focus,
.btn-purple.disabled:active,
.btn-purple.disabled.active,
.btn-purple[disabled]:hover,
.btn-purple[disabled]:focus,
.btn-purple[disabled]:active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple:hover,
fieldset[disabled] .btn-purple:focus,
fieldset[disabled] .btn-purple:active,
fieldset[disabled] .btn-purple.active {
  background-color: #bd7ca6;
  border-color: #9e5f89;
}

.btn-green {
  background-color: #88b04b;
  border-color: #6e9531;
  color: white;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
  background-color: #88b04b;
  border-color: #6e9531;
  color: white;
}
.btn-green.disabled:hover,
.btn-green.disabled:focus,
.btn-green.disabled:active,
.btn-green.disabled.active,
.btn-green[disabled]:hover,
.btn-green[disabled]:focus,
.btn-green[disabled]:active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green:hover,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-green:active,
fieldset[disabled] .btn-green.active {
  background-color: #88b04b;
  border-color: #6e9531;
}

/***************************************** btn orange */
.btn-orange {
  background-color: #e89743;
  border-color: #c37722;
  color: white;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
  background-color: #e89743;
  border-color: #c37722;
  color: white;
}
.btn-orange.disabled:hover,
.btn-orange.disabled:focus,
.btn-orange.disabled:active,
.btn-orange.disabled.active,
.btn-orange[disabled]:hover,
.btn-orange[disabled]:focus,
.btn-orange[disabled]:active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange:hover,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange:active,
fieldset[disabled] .btn-orange.active {
  background-color: #e89743;
  border-color: #c37722;
}

/***************************************** btn pink */
.btn-pink {
  background-color: #FFC0CB;
  border-color: #e3aab4;
  color: white;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active {
  background-color: #FFC0CB;
  border-color: #e3aab4;
  color: white;
}
.btn-pink.disabled:hover,
.btn-pink.disabled:focus,
.btn-pink.disabled:active,
.btn-pink.disabled.active,
.btn-pink[disabled]:hover,
.btn-pink[disabled]:focus,
.btn-pink[disabled]:active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink:hover,
fieldset[disabled] .btn-pink:focus,
fieldset[disabled] .btn-pink:active,
fieldset[disabled] .btn-pink.active {
  background-color: #FFC0CB;
  border-color: #e3aab4;
}

/***************************************** btn pastel blue */
.btn-pastelBlue {
  background-color: #73b9ff;
  border-color: #5c94cc;
  color: white;
}
.btn-pastelBlue:hover,
.btn-pastelBlue:focus,
.btn-pastelBlue:active,
.btn-pastelBlue.active {
  background-color: #73b9ff;
  border-color: #5c94cc;
  color: white;
}
.btn-pastelBlue.disabled:hover,
.btn-pastelBlue.disabled:focus,
.btn-pastelBlue.disabled:active,
.btn-pastelBlue.disabled.active,
.btn-pastelBlue[disabled]:hover,
.btn-pastelBlue[disabled]:focus,
.btn-pastelBlue[disabled]:active,
.btn-pastelBlue[disabled].active,
fieldset[disabled] .btn-pastelBlue:hover,
fieldset[disabled] .btn-pastelBlue:focus,
fieldset[disabled] .btn-pastelBlue:active,
fieldset[disabled] .btn-pastelBlue.active {
  background-color: #73b9ff;
  border-color: #5c94cc;
}


.vs-background-left {
  display: block;
  min-height: 140px;
  padding: 5px 25px 5px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  background-image: url(images/vs_arrow_140.png);
  background-position: right;
  background-repeat: no-repeat;
}
.vs-background-right {
  display: block;
  min-height: 140px;
  padding: 5px 5px 5px 25px;
  -webkit-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  background-image: url(images/vs_arrow_140_flip.png);
  text-align: right;

  background-repeat: no-repeat;
}
.vs-logo {
  position: absolute;

  left: 0;
  right: 0;

  width: 100%;
  height: 100%;
  z-index: 99999;
  /* border: 1px solid white; */
}

.vs-logo img {
  margin-top: 45px;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.input-xlg {
  height: 76px;
  padding: 10px 16px;
  font-size: 32px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.gold-place {
  background-color: gold;
}

.silver-place {
  background-color: silver;
}

.bronce-place {
  background-color: #cd7f32;
}

.ranking-place {
  font-size: 25pt;
  font-weight: bolder;
}

.ranking-points {
  font-size: 16pt;
  font-weight: bold;
  line-height: 50px;
}

.form-tcGreen {
  height: 35px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.44;
  color: #fff ;
  background-color: #88b04b;
}

.form-tcGreen::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:lightgray;
  opacity: 1; /* Firefox */
}

.form-tcGreen:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: lightgray;
}

.form-tcGreen::-ms-input-placeholder { /* Microsoft Edge */
  color: lightgray;
}

.tcNav {

  color:#fff !important;
  padding: 5px;
}