body{
    font-family: 'arial';
}
#head{
    font-family: 'Tangerine', cursive;
    color: #FF9D0B;
    font-size: 4.4em !important;
    font-weight: bolder;
    text-align: center;
    padding-top: 10vh;
}
.button.is-orange{
    background-color: #FF9D0B;
    color: #ffe;
    font-weight: 500;
}
.subtitle.is-orange{
    color: #FF9D0B;
}
.bigOne{
    font-size: 4em;
    font-weight: 600;
}
.centro{
    text-align: center;
}
.tableDash th td{
    color: #fff !important;
}
.GreenTable th{
    background-color: #458a6b;
    color: #fff !important;
}
table{
    width: 100%;
}
.RedTable th{
    background-color: #7e2d3d;
    color: #fff !important;
}
.TeilTitle{
    color: #00d1b2 !important;
    font-size: 1.75rem !important;
    margin-left: 14px;
}
.lined{
    border-bottom: 1px solid rgba(0,0,0,.7);
}
#opcionesSaco{
    border-left-color: #01d2b3;
    border-left-style: solid;
}
#opcionesSaco ul{
    list-style: none;
    padding-left: 33px;
}
#opcionesCamisa{
    border-left-color: #01d2b3;
    border-left-style: solid;
}
#opcionesCamisa ul{
    list-style: none;
    padding-left: 33px;
}

#opcionesPantalon{
    border-left-color: #01d2b3;
    border-left-style: solid;
}
#opcionesPantalon ul{
    list-style: none;
    padding-left: 33px;
}
#opcionesOtra{
    border-left-color: #01d2b3;
    border-left-style: solid;
}
#opcionesOtra ul{
    list-style: none;
    padding-left: 33px;
}
.bases{
    display:  inline-block !important;

}
.alert{
    color: #ff3300;
}

/******arrow**************/
#diagram{
  display: flex;
  align-items: center;
}

.arrow {
    width: 120px;
}

.lineArrow {
  margin-top: 14px;
  width: 90px;
  background: blue;
  height: 10px;
  float: left;
}

.pointArrow {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid blue;
  float: right;
}
/*****Issues*************/
#formIssue{
   margin-left: 1%;
   line-height: 2em;
   font-size: 1.1em;
}
#issue{
    padding: 15px;
}

/******loading***********/
.modal-wheel {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.5);
width: 100vw;
height: 100vh;
}

.wheel {
width: 3.8em;
height: 3.8em;
position: fixed;
top: 45vh;
left: 50vw;
margin-top: -1.9em;
margin-left: -1.9em;
border: .65em solid transparent;
border-top-color: #46b8da;
border-radius: 50%;
transition: .2s ease all;
animation: spin 1000ms infinite linear;
-o-animation: spin 1000ms infinite linear;
-ms-animation: spin 1000ms infinite linear;
-webkit-animation: spin 1000ms infinite linear;
-moz-animation: spin 1000ms infinite linear;
}

@keyframes spin {
0% { transform: rotate(0deg); } 100% { transform: rotate(360deg) }
}

@-o-keyframes spin {
0% { transform: rotate(0deg); } 100% { transform: rotate(360deg) }
}

@-ms-keyframes spin {
0% { transform: rotate(0deg); } 100% { transform: rotate(360deg) }
}

@-webkit-keyframes spin {
0% { transform: rotate(0deg); } 100% { transform: rotate(360deg) }
}

@-moz-keyframes spin {
0% { transform: rotate(0deg); } 100% { transform: rotate(360deg) }
}

 .bg-img {
        height: 100vh;
        background-image: url('../img/fondoForm.jpg') ;
        background-position: center center;
        background-repeat:  no-repeat;
        background-attachment: fixed;
        background-size:  cover;
        background-color: #999;
 }

/*tablets*/
@media  (max-width: 768px) and (orientation: landscape) {
    .title{
        font-size: 1.5rem !important;
        font-weight: 400;
    }
    .bigOne{
        font-size: 2em;
        font-weight: 400;
    }
}