#sig-canvas {
  border: 2px dotted #CCCCCC;
  border-radius: 15px;
  cursor: crosshair;
}



@font-face {
  font-family: "Objektiv Bold";
  src: url("../fonts/ObjektivMk3/Objektiv-Mk3-Bold.woff2") format("woff2"),
        url("../fonts/ObjektivMk3/Objektiv-Mk3-Bold.woff") format("woff"),
        url("../fonts/ObjektivMk3/Objektiv-Mk3-Bold.otf") format("opentype");
  }
  @font-face {
  font-family: "Objektiv Regular";
  src: url("../fonts/ObjektivMk3/Objektiv-Mk3-Regular.woff2") format("woff2"),
        url("../fonts/ObjektivMk3/Objektiv-Mk3-Regular.woff") format("woff"),
        url("../fonts/ObjektivMk3/Objektiv-Mk3-Regular.otf") format("opentype");
  }

.btn, .a, .p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-family: "Objektiv Regular", sans-serif;
font-weight: 500;
line-height: 1.2;
}

.HOOPTitle {
  font-family: "Objektiv Bold";
}

.paddingHOOP{
  padding-left:50px;
  padding-right:50px;
}

.forumPadding{
  padding-left:60px;
  padding-right:30px;
}


.form-control-hoop::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #fff;
            opacity: 1; /* Firefox */
}

.form-control-hoop:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #fff;
}

.form-control-hoop::-ms-input-placeholder { /* Microsoft Edge */
            color: #fff;
 }

 .form-control-hoop2::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #000;
            opacity: 1; /* Firefox */
}

.form-control-hoop2:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #000;
}

.form-control-hoop2::-ms-input-placeholder { /* Microsoft Edge */
            color: #000;
 }

.hoop-input-group{

padding-left: 40px;
padding-right: 100px;

}

.hoop-input-spam{

width: 200px;

}



.yellow-button{
  border-color:#aaaaaa; 
  background-color:#fff204; 
  color:#000000;
}

.white-button{
  border-color:#000000; 
  background-color:#fff; 
  color:#000000;
}

.hoop-button:hover{
  border-color:#a23f97;
  background-color:#a23f97;  
  color:#ffffff;
}

.hoop-button:focus{
  border-color:#a23f97;
  background-color:#a23f97;  
  color:#ffffff;
}

.hoop-button{
  border-color:#a23f97;  
  background-color:#a23f97;
  color:#ffffff;
}

.hoop-button2:hover{
  border-color:#38b1cb;
  background-color:#38b1cb;  
  color:#ffffff;
}

.hoop-button2:focus{
  border-color:#38b1cb;
  background-color:#38b1cb;  
  color:#ffffff;
}

.hoop-button2{
  border-color:#38b1cb;
  background-color:#38b1cb;  
  color:#ffffff;
}


.hoop-button3:hover{
  border-color:#000;
  background-color:#000;  
  color:#ffffff;
}

.hoop-button3:focus{
  border-color:#000;
  background-color:#000;  
  color:#ffffff;
}

.hoop-button3{
  border-color:#000;
  background-color:#000;  
  color:#ffffff;
}

.btn-outline-hoop2{
  border-color:#38b1cb;
  color:#38b1cb;
}

.btn-outline-hoop2:hover{
  border-color:#38b1cb;
  color:#38b1cb;
}

.hoop-select{
  border-color:#a23f97;  
  background-color:#a23f97;
  color:#ffffff;
}

.hoop-select:hover{
  border-color:#a23f97;  
  background-color:#a23f97;
  color:#ffffff;
}

.hoop-select:focus{
  border-color:#a23f97;  
  background-color:#a23f97;
  color:#ffffff;
}

.text-hoop{
  color:#a23f97;
}

.text-primary{
  color:#38b1cb;
}

.text-hoop2{
  color:#38b1cb;
}

.bg-hoop{
  background-color:#a23f97;
}

.bg-hoop2{
  background-color:#000;
}

.bg-hoop3{
  background-color:#000;
}

.map{
  height: 100%;
}

.map2{
  height:700px; 
  width:100%;
}

.customButton{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.progressChart{
  /*width:500px !important;*/
  height:350px !important;
}

.wordCloud{
    width: 600px;
    height: 500px;
    margin-left: 80px;
    padding: 0;
  }

.margin-ul {
  padding-left:30px;
}

.register-button {
  border: 2px solid #FFF;
  border-radius: 25px;
  padding-left:10px;
  padding-right:10px;
  margin-left: 30px;
}

.nav-space{
  margin-left:20px;
}

.thumbnail_wrapper {
    display:table-cell;
    vertical-align:middle;
}
.thumbnail_wrapper > img {
    width:100%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}



.text-warning{
   color: #ffb700;
}

.text-success{
   color: #00d400;
}

body {
  font-family: 'Roboto-Medium', !important;
}

.block{
  display:block;
}

.none{
  display:none;
}


.fondo{
  background-color: #ffffff;
}

.fondo2{
  background-color: #f4f4f4;
}


.nomargen{
  margin-left: 0px;
  margin-right: 0px;
}


.nopadding{
  padding-left:0%;
  padding-right:0%;
}

.padding-movil{
  padding-left:0%;
  padding-right:0%;
}

.navbar-HOOP-centered {
   
}

.HOOPFont {
  font-family: "Objektiv Bold";
}

@font-face {
  font-family: "Objektiv Bold";
  src: url("../fonts/ObjektivMk3/Objektiv-Mk3-Bold.woff2") format("woff2"),
        url("../fonts/ObjektivMk3/Objektiv-Mk3-Bold.woff") format("woff"),
        url("../fonts/ObjektivMk3/Objektiv-Mk3-Bold.otf") format("opentype");
  }
  @font-face {
  font-family: "Objektiv Regular";
  src: url("../fonts/ObjektivMk3/Objektiv-Mk3-Regular.woff2") format("woff2"),
        url("../fonts/ObjektivMk3/Objektiv-Mk3-Regular.woff") format("woff"),
        url("../fonts/ObjektivMk3/Objektiv-Mk3-Regular.otf") format("opentype");
  }

.nomovil {

display:none;

}

.solomovil {

display:block;

}


.input-group-addon {
    min-width:150px;
    text-align:left;
}


.btn-danger, .badge-danger{
  background-color: #ff4242;
}

.text-danger{
  color:#ff4242;
}

.btn-danger.active {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}






.footer{
  background-color: #333;
  color: #fff;
  margin-bottom: 0px;
  padding-top:20px;
  padding-bottom:10px;
}


.text-white{
  color:#fff;
}




.list-group {
  text-transform:uppercase;
  font-size:80%;

}

.list-group-item {
  padding-top:10px;
  padding-bottom:10px;
  padding-left:25px;
  
}

.list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.texto{
  text-align:justify;
}


.navbar-custom {
    background-color: #1111d6;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #fff;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #fff;
}

.nav-pills {
   color: #fff;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #e9f443;
}

/* for dropdowns only */
.navbar-custom .navbar-nav .dropdown-menu {
    background-color: #1111d6;
}

/* dropdown item text color */
.navbar-custom .navbar-nav .dropdown-item {
    color: #fff;
}

/* dropdown item hover or focus */
.navbar-custom .navbar-nav .dropdown-item:hover,
.navbar-custom .navbar-nav .dropdown-item:focus {
    color: #fff;
    background-color: #1111d6;
}


/*
Make bootstrap-select work with bootstrap 4 see:
https://github.com/silviomoreto/bootstrap-select/issues/1135
*/
.dropdown-toggle.btn-default {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}
.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
  display: block;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
  display: none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: 400;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: 0 0;
  border: 0;
  text-decoration: none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover {
  background-color: #f4f4f4;
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
}
.dropdown-menu > li.active > a {
  color: #fff !important;
  background-color: #337ab7 !important;
}
.bootstrap-select .check-mark {
  line-height: 14px;
}
.bootstrap-select .check-mark::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.bootstrap-select button {
  overflow: hidden;
  text-overflow: ellipsis;
}
 
/* Make filled out selects be the same size as empty selects */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline !important;
}