@font-face {
    font-family: bradley;
    src: url("../fonts/bradley_hand_itc_tt_bold.ttf");
}
@font-face {
    font-family: OpenSans-Light;
    src: url("../fonts/OpenSans-Light.ttf");
}
@font-face {
    font-family: OpenSans-Bold;
    src: url("../fonts/OpenSans-Bold.ttf");
}
@font-face {
    font-family: OpenSans-Regular;
    src: url("../fonts/OpenSans-Regular.ttf");
}


.title_edit_course{
    font-family:OpenSans-Light; 
    text-align: center;
    font-size: 21px; 
    word-wrap: break-word;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 8%;
}

.number_image_oxo{
     font-size:21px; 
     fill:black;
     stroke-miterlimit:10
}

.tituloBold{
    font-weight: 900;
    text-align: center;
    margin-top: 5%;
    font-size: 23px;
}

.textHelp{
    font-size: 16px;
    margin: 4%;
}

.botonDeleteImg{
    position: relative;
    /*left: 28%;*/
    vertical-align: top;
    color: #1b0303;
    font-size: 15px;
    font-weight: bold;
    margin-top: 3px;
}

.botones-form{
    font-size: 22px;
    width: 208px;
    height: 55px;
    font-family: OpenSans-Bold;
    border-radius: 4px;
    color: #424242;
    border: 1px solid black;
    background: #ffffff;
    margin-bottom: 41px;
    margin: 0;
}

.botones-form:hover {
    color: #ffffff;
    border: 1px solid #6f6f6f;
    background: #6b6b6b;
}

.boton-min {
    font-size: 16px;
    width: 136px;
    height: 24px;
    font-family: OpenSans-Bold;
    border-radius: 4px;
    color: #424242;
    border: 1px solid black;
    background: #ffffff;
    margin-bottom: 41px;
    margin: 0;
}

.boton-min:hover {
    color: #ffffff;
    border: 1px solid #6f6f6f;
    background: #6b6b6b;
}

.div-bottom{
    text-align: right;
    margin-top: 6px;
}

.form-horizontal .control-label {
    padding-top: 3% !important;
    
}

#nCard, #typeCard{cursor: default !important;}

#dTable1, #dTable2{
   margin: 0px !important;
   border:none !important;
   padding: 0px !important;
}

table{border-collapse: initial !important;}

hr{border-top:5px solid #d6d6d6;}


.numero-check, .opcion-check{
    font-family: OpenSans-Bold;
    font-size: 29px;
}

.opcion-check{
    font-family: OpenSans-Bold;
    font-size: 20px;
}

/* style - checkbox */
.styled-checkbox {
  position: absolute; 
  opacity: 0; 
}

.styled-checkbox + label {
    position: relative;
    cursor: auto;
    padding: 0;
}

.styled-checkbox + label:before {
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 30px;
    height: 30px;
    content: '';
    background: white;
    border: 1px solid #6b6b6b;
    border-radius: 3px;
}

.styled-checkbox:hover + label:before {
    background: #6b6b6b;
}

.styled-checkbox:checked + label:before {
    background: #6b6b6b;
}

.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}

.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}

.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    background: #404040;
    width: 30px;
    height: 30px;
    left: 1px;
    top: 1px;
    border-radius: 3px;
}
.checkbox-line{
    margin-top: 12px;
    margin-left: 8px;
    
}

/**************************/
  .checkbox-line-circulo{
    margin-top: 22px;
    margin-left: 7px;
  }
/***************************/
/* style - checkbox */

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
    height: 140px;
}

.input-container{
    display: inline-block;
    position: relative;
}

.input-ico {
    position: absolute!important;
    right: 5px;
    top: -1px;
}
.input-conteiner-2{
    padding-right: 22px;
}

#page-wrapper {
    height: 100%;
    padding-top: 1px;
}
.graficos-puttig {
    width: 80px;
    margin: 0 auto;
    margin-bottom: 12px;
}
.contenedor-oxo{
    padding-bottom: 16px;
}

.celdas-cajas-rotado-2{
    width: 100%;
    padding: 3px;
    padding-left: 14px;
    padding-top: 29px;
}
.rotado{
    position: absolute;
    font-family: OpenSans-Bold;
    -webkit-transform: rotate(90deg);
    font-size: 8px;
    margin-left: -6px;
    margin-top: 27px;
}
.rotado-2 {
    width: 18px;
    position: absolute;
    /*margin-top: 23px;*/
    margin-top: 3.3%;
    font-family: OpenSans-Bold;
   /* font-size: 8px;*/
     font-size: 12px;
    word-wrap: break-word;
    letter-spacing: 5px;
}

.texto{ letter-spacing: 5px;
    display: inline-block;
    -webkit-transform: rotate(-270deg);
    color:blue;}

.texto-rotado-3 span{
    letter-spacing: 2px !important;
    display: inline-block;
    -webkit-transform: rotate(-270deg);
    
}

.texto-rotado-3-p span{
    letter-spacing: 4px;
    display: inline-block;
    -webkit-transform: rotate(-270deg);
    
}
.rotado-3 {
    width: 18px;
     -webkit-transform: rotate(90deg);
    position: absolute;
    margin-top: 11px;
    font-family: OpenSans-Bold;
    font-size: 8px;
    word-wrap: break-word;
    letter-spacing: 5px;
}
.rotado-4{
    /*position: absolute;*/
    /*font-family: OpenSans-Bold;*/
    font-size: 1.1rem !important;
    /*font-weight: 600  !important;*/
   /* margin-left: 15%;*/
    /*margin-top: 74px;*/
    margin-top: 80%  !important;
}

.rotado-4-pf{
    font-size: 1.1rem !important;
    /*font-weight: 600  !important;*/
    margin-top: 120%  !important;
}

/*
.rotado-4-2{
    position: absolute;
    font-family: OpenSans-Bold;
    font-size: 6px;
    margin-left: 3px;
    margin-top: 110px; 
}*/

.rotado-4-2{
    font-size: 1.1rem  !important;
    margin-top: 75%  !important;
   /* font-weight: 600  !important;*/
}

.rotado-4-2-pf{
    font-size: 1.1rem  !important;
    margin-top: 100%  !important;
    /*font-weight: 600  !important;*/
}

.rotado-4-3{
    font-size: 1.1rem  ;
    /*font-weight: 600 ;*/
    margin-bottom: 160% ;
    
}

.rotado-4-3-pf{
    font-size: 1.1rem  ;
    /*font-weight: 600 ;*/
    margin-bottom: 70% ;
    
}
.celdas-cajas-rotado {
    width: 100%;
    padding: 3px;
    padding-left: 14px;
    padding-top: 17px;
}
.celdas-cajas-rotado-11x9{
    width: 100%;
    padding: 3px;
    padding-left: 27px;
    padding-top: 12px;

}

.rotado-sph{
    -webkit-transform: rotate(-270deg);
    font-size: 16px;
}
.text-alineado{
    /*height: 7px;*/
    font-family: bradley;
    /*font-size: 5.4rem ; */
    color:black;
    /*font-size: 28px;
    margin-bottom: 23px;
    margin-right: 4px;
    line-height: 16px;
    margin-top: 15px;
    position: relative;*/
}
.text-alineado > span {
  margin-left: 4px;
    float: left;
    margin-top:5px;
 
}
.texto-rotado span{
    display: inline-block;
    -webkit-transform: rotate(-270deg);
      margin-right: 3%;  
      /*margin-top: 6px;*/
      font-size: 5.4rem;
}

.texto-rotado-hitek span {
    display: inline-block;
    -webkit-transform: rotate(-270deg);
    margin-right: 2%;
    margin-top: 6px;
    font-size: 5.4rem;
}

.graficos-swing {
    width: 200px;
    margin: 0 auto;
    margin-bottom: 12px;
}
.course-filas{
    padding-left: 0px;
    padding-right: 0px;
}
.swing{
    margin-bottom: 25px;
}
.putting{
    margin-bottom: 25px;
}
.pop-up-contenedor{
    max-width: 650px;
    width: 100%;
}
.body {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../img/login_fondo.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.body-pop-up{
    background-color: #729105;
}
.titulo-index{
    font-family: OpenSans-Bold;
    color: #636363;
    color:white;
}
.titulo-pop-up{
    font-family: OpenSans-Bold;
    color: #424242;
    text-align: center;
    font-size: 25px;
    line-height: 22px;
}
.sub-pop-up{
    line-height: 47px;
    font-family: OpenSans-Light;
    text-align: center;
    font-size: 25px;
}
.buttons-pop-up{
    font-family: OpenSans-Light;
    float: left;
    font-size: 20px;
    /*margin-left: 12px;*/
    margin-left: 95px;
}
.buttons-pop-up-2{
    font-family: OpenSans-Light;
    float: right;
    font-size: 25px;
}
.sub-index{
    font-family: bradley;
    font-size: 65px;
    color:white;

}
.links-index{
    color: white;
}
.sub-sub-index{
    font-size: 15px;
    color: white;
    margin-left: 264px;
    text-decoration: underline;
    font-family: OpenSans-Bold;
}
.sub-sub-index-2{
    font-size: 15px;
    color: white;
    margin-left: 286px;
    text-decoration: underline;
    font-family: OpenSans-Bold;
}
.formulario{
    margin-top: 200px;
    margin-left: 25px;
}
.pop-up{
    background: white;
    padding: 25px;
}
.form-control-color{
    width: 146px;
    height: 43px;
    font-size: 16px;
    margin-bottom: 12px;
    padding: 7px;
}

.form-control-color{
    width: 146px;
    height: 36px;
    font-size: 16px;
    margin-bottom: 12px;
    padding: 7px;
}

.progress {
    width: 50%;
    margin: 0 auto;
    margin-top: 44px;
    margin-bottom: 35px;
}
.titulos {
    text-align: center;
}
.graficos-position {
    width: 80px;
    margin: 0 auto;
    margin-top: 25px;
}

/*choose-position-view*/
.graficos-position-2 {
    width: 124px;
    height: 80px;
    margin-top: 25px;
}
/*choose-position-view*/

.sub-titulos {
    text-align: center;
    padding-top: 33px;
    padding-bottom: 25px;
}
.titulo-page-line {
    font-family: OpenSans-Bold;
    font-size: 20px;
    margin-left: 25px;
    
}
.titulo-page-colors {
    font-family: OpenSans-Bold;
    font-size: 20px;
}
.fa{
    position: relative;
}
.fa:before {
    font-family: "FontAwesome";
    font-size: 25px;
    position: absolute;
    right: 25px;
    top: 30px;
}
.fa  input {
    text-indent: 20px;
}
.botones {
    text-align: center;
}
.contenedor {
    text-align: center;
}
.contenedores {
    margin-top: 126px;
}
.wrapper {
    overflow: hidden;
    background: white;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.item {
    float: left;
    width: 14px;
    height: 14px;
    background: white;
    margin: 2px;
}
.item-2 {
    float: left;
    width: 156px;
    height: 200px;
    background: white;
    margin: 2px;
}
.botones-name {
    background: #c7c7c7;
    width: 138px;
    height: 55px;
    margin: 25px;
    float: left;
}
.container-caja {
    width: 50%;
    /*height: 100%;*/
    float: left;
    background-color: #e8e8e9;
   /* background:url('../img/cuadrado_fondo.png'); */

    border: 1px solid gray;
   /* border-color: gray;
    border-style: solid;
    border-width: 1px 1px 1px 0px;*/
}

/****************************/
.container-caja-final {
    width: 50%;
    height: 100% !important;
    float: left;
    background-color: #e8e8e9 !important;
   /* background:url('../img/cuadrado_fondo.png'); */

   /* border: 1px solid gray;
    border-color: gray;
    border-style: solid;
    border-width: 1px 1px 1px 0px;*/
}

/****************************/

.caja {
    background: #e8e8e9;
    width: 50%;
    margin: 0 auto;
    border: 1px solid gray;
}
.contenedor-hitek{
    background: #e8e8e9;
    width: 100%;
    margin: 0 auto;
    border: 1px solid gray;
}
.contenedor-hitek-preview{
    background: #e8e8e9;
    width: 71%;
    margin: 0 auto;
    border: 1px solid gray;
}
.sub-tit {
    text-align: center;
    font-family: OpenSans-Light;
    /*agregado*/
    margin-top: 0px !important; 
    /*agregado*/
}
.texto-head {
    font-family: bradley;
}
.texto-head-out {
    text-align: right;
    font-family: OpenSans-Regular;
}
.titulo-holes {
    color: black;
    font-family: OpenSans-Bold;
    font-size: 20px;
}
.contenedor-1 {
    /*height: 256px;*/
    height: 200px;
}

 .contenedor-2 {
   /*height: 256px;*/
    height: 250px;
}

.head {
    background: white;
    width: 100%;
    /*height: 153px; modificado*/
    height: 100px;
    border-bottom: 6px solid #bdbdbd;
}
.titulos-cajas {
    text-align: center;
}
.titulo-principal {
    text-align: center;
    margin-bottom: 35px;
    font-family: OpenSans-Light;
}
.botones-cards-1 {
    font-size: 25px;
    width: 238px;
    height: 71px;
    font-family: OpenSans-Bold;
    border-radius: 4px;
    color: #424242;
    border: 1px solid black;
    background: #ffffff;
    margin-bottom: 41px;
    margin: 25px;
}
.botones-cards-1:hover {
    color: #ffffff;
    border: 1px solid #6f6f6f;
    background: #6b6b6b;
}

/******nuevo 10_04_17*****/
.btn_visited {
    color: #ffffff;
    border: 1px solid #6f6f6f;
    background: #6b6b6b;
}
/***********************/

.botones-cards {
    font-size: 25px;
    width: 127px;
    height: 58px;
    font-family: OpenSans-Bold;
    border-radius: 3px;
    color: #424242;
    border: 1px solid black;
    background: #ffffff;
    margin-bottom: 41px;
    margin: 25px;
}
.botones-cards:hover {
    font-size: 25px;
    border-radius: 4px;
    color: #ffffff;
    border: 1px solid #6f6f6f;
    background: #6b6b6b;
    margin-bottom: 41px;
    margin: 25px;
}

/*****************Inicio Camb botones3_7_17*****************************/
.botones-cards:focus {
    font-size: 25px;
    border-radius: 4px;
    color: #ffffff;
    border: 1px solid #6f6f6f;
    background: #6b6b6b;
    margin-bottom: 41px;
    margin: 25px;
}

.botones-cards:active {
    font-size: 25px;
    border-radius: 4px;
    color: #ffffff;
    border: 1px solid #6f6f6f;
    background: #6b6b6b;
    margin-bottom: 41px;
    margin: 25px;
}
.botones-cards:visited {
    font-size: 25px;
    border-radius: 4px;
    color: #ffffff;
    border: 1px solid #6f6f6f;
    background: #6b6b6b;
    margin-bottom: 41px;
    margin: 25px;
}
/*****************fin Camb botones3_7_17*****************************/

.botones-cont {
    margin-left: 67px;
    margin-right: 67px;
    font-family: OpenSans-Bold;
    width: 129px;
    height: 50px;
    border-radius: 3px;
    margin-bottom: 25px;
    border: 1px solid #6d6d6d;
    background: white;
    margin-top: 29px;
    font-size: 21px;
}

/***************************/
.botones-cont-back {
    margin-left: 67px;
    margin-right: 67px;
    font-family: OpenSans-Bold;
    width: 129px;
    height: 50px;
    border-radius: 3px;
    margin-bottom: 25px;
    border: 1px solid #6d6d6d;
    background: white;
    margin-top: 29px;
    font-size: 21px;
}

.botones-cont-back:hover {
    color: #ffffff;
    background: #6b6b6b;
}
/******************************/

.botones-cont:hover {
    color: #ffffff;
    background: #6b6b6b;
}

/*****************Inicio Camb botones3_7_17*****************************/
.botones-cont:focus {
    color: #ffffff;
    background: #6b6b6b;
}
.botones-cont:active {
    color: #ffffff;
    background: #6b6b6b;
}
/*.botones-cont:visited {
    color: #ffffff;
    background: #6b6b6b;
}*/
/*****************Fin Camb botones3_7_17*****************************/
.selec-location {
    text-align: center;
}
.titulo-medidas {
    color: black;
    font-family: OpenSans-Bold;
    font-size: 20px;
}
.titulo-design {
    color: black;
    font-family: OpenSans-Bold;
    font-size: 20px;
    margin-left: 210px;

}
.titulo-card-location{
    color: black;
    font-family: OpenSans-Bold;
    font-size: 20px;
    margin-left: 81px;
}
.titulo-choose-position{
    font-family: OpenSans-Bold;
    font-size: 20px;
    margin-left: 98px;
}
.botones-newt-card {
    margin-left: 67px;
    margin-right: 67px;
    font-family: OpenSans-Bold;
    width: 170px;
    height: 50px;
    border-radius: 3px;
    margin-bottom: 25px;
    border: 1px solid #6d6d6d;
    background: white;
    margin-top: 29px;
    font-size: 21px;
}
.botones-newt-card:hover {
    color: #ffffff;
    background: #6b6b6b;
}
.cuadricula-11-celda {
    float: left;
    width: 6.9%;
    /*padding-bottom: 7.1%;*/
    margin: 1%;
   /* background-color: white;*/
}
.cuadricula-11-celda-9 {
    float: left;
    width: 9%;
    /*padding-bottom: 9%;*/
    margin: 1%;
   /* background-color: white;*/
}
.cuadricula-9-celda {
    float: left;
    width: 8.9%;
    /*padding-bottom: 8.9%;*/
    margin: 1%;
   /* background-color: white;*/
}
.celdas-cajas-9 {
    padding-left: 14px;
    padding-right: 14px;
    width: 100%;
    padding-top: 15px;
}
.numero-1-img {
    background: url('../img/numero-1.svg');
}
.numero-2-img {
    background: url('../img/numero-2.svg');
}
.numero-3-img {
    background: url('../img/numero-3.svg');
}
.numero-4-img {
    background: url('../img/numero-4.svg');
}
.numero-5-img {
    background: url('../img/numero-5.svg');
}
.numero-6-img {
    background: url('../img/numero-6.svg');
}
.numero-7-img {
    background: url('../img/numero-7.svg');
}
.numero-8-img {
    background: url('../img/numero-8.svg');
}
.numero-9-img {
    background: url('../img/numero-9.svg');
}
.numero-10-img {
    background: url('../img/numero-10.svg');
}
.numero-11-img {
    background: url('../img/numero-11.svg');
}
.numero-18-img {
    background: url('../img/numero-18.svg');
}

.rombo-numero-1-img{
    background: url('../img/rombo-numero-1.svg');
     background-repeat:round; 
}
.rombo-numero-2-img{
    background: url('../img/rombo-numero-2.svg');
     background-repeat:round; 
}
.rombo-numero-1-img{
    background: url('../img/rombo-numero-1.svg');
     background-repeat:round; 
}
.rombo-numero-3-img{
    background: url('../img/rombo-numero-3.svg');
    background-repeat:round;  
}
.rombo-numero-4-img{
    background: url('../img/rombo-numero-4.svg');
    background-repeat:round;  
}
.rombo-numero-5-img{
    background: url('../img/rombo-numero-5.svg');
    background-repeat:round;  
}
.rombo-numero-6-img{
    background: url('../img/rombo-numero-6.svg');
     background-repeat:round; 
}
.rombo-numero-7-img{
    background: url('../img/rombo-numero-7.svg');
    background-repeat:round;  
}
.rombo-numero-8-img{
    background: url('../img/rombo-numero-8.svg');
    background-repeat:round;  
}
.rombo-numero-9-img{
    background: url('../img/rombo-numero-9.svg');
    background-repeat:round;  
}

.rombo-numero-18-img{
    background: url('../img/rombo-numero-18.svg');
    background-repeat:round;  
}
.rombo-img {
    background: url('../img/rombo-circulo.svg');
    background-repeat:round;  
}
.circulo-img {
    background: url('../img/circulo.svg');
    background-repeat:round;  
}
.circulo-cruz-img {
    background: url('../img/circulo-cruz.svg');
    background-repeat:round;  
}


.logo{
    text-align: center;
    margin-bottom: 27px;
}
.sub-texto-3 {
    width: 33%;
    float: left;
    font-size: 8px;
    /*padding: 4px;*/
    margin-top: 3%;
}

.sub-texto-3-oxo {
    width: 100%; /*33%;*/
    float: left;
    font-size: 8px;
    /*padding: 4px;*/
    margin-top: 3%;
}
.sub-texto-3-score {
    width: 100%;
    float: left;
    font-size: 11px;
    padding: 4px;
}
.titulos-caja {
    font-family: bradley;
    font-size: 7rem ;
    margin: 7px 0% 0% 0% !important;
    padding: 0% ;
    color:black ;
}

/*********************/
.titulos-caja-hitek {
    font-family: bradley;
    font-size: 6.5rem ;
    margin: 7px 0% 0% 0% !important;
    padding: 0.5% 0% 1% 0% ;
    color:black ;
}

/*********************/
.celdas-cajas {
    width: 100%;
    padding: 3px;
    padding-top: 12px;
}
.texto-sub-tarjeta-1 {
    /*margin-left: 17px;*/
    margin-left: 12% !important;
    /*font-size: 8px;*/
    font-size: 1.2rem !important;
    clear: both;
}
.texto-sub-tarjeta-2 {
    /*margin-left: -13px;*/
    margin-left: -5% !important;
    /*font-size: 8px;*/
    font-size: 1.2rem !important;
}
.texto-sub-tarjeta-2-1 {
    /*font-size: 8px;*/
    font-size: 1.2rem !important;
    text-align: left;
    margin-left: 1%;
    margin-top: 2%;
    /*font-weight: 600;*/
}

.texto-sub-tarjeta-oxo-2-1 {
    /*font-size: 8px;*/
    font-size: 1.7rem !important;
    text-align: left;
    /*margin-left: 1%;*/
    margin-top: 2%;
    /*font-weight: 600;*/
}

.td-texto-oxo {
    width: 18px;
    /*margin-top: 170%;*/
    /* font-family: OpenSans-Bold; */
    font-size: 1.7rem !important;
    word-wrap: break-word;
    letter-spacing: 4px !important;
    /* font-weight: 600; */
}

.texto-sub-tarjeta-2-1-preview-oxo {
    font-size: 8px;
    margin-left: -18px;
}
.texto-sub-tarjeta-2-2 {
    font-size: 8px;
}
.texto-sub-tarjeta-3 {
    /*margin-left: -16px;
    font-size: 8px;*/
    margin-left: -6%;
    font-size: 1.2rem !important;
    padding-left: 8%;

}
.texto-sub-tarjeta-1-preview-sph {
    margin-left: 24px;
    font-size: 8px;
}
.texto-sub-tarjeta-2-preview-sph {
    margin-left: -22px;
    font-size: 8px;
}
.texto-sub-tarjeta-3-preview-sph {
    margin-left: -71px;
    font-size: 8px;
}
.texto-sub-tarjeta-4-1 {
    margin-left: 10px;
    font-size: 8px;
}
.texto-sub-tarjeta-4-1-oxo{
    margin-left: 10px;
    font-size: 8px;
    margin-bottsom: 19px;
}
.texto-sub-tarjeta-4-1-score{
   /* margin-left: 16px;
    font-size: 8px;*/
    margin-left: 13%;
    font-size:1.2rem !important; 
}
.texto-sub-tarjeta-4-2-score{
    margin-left: -7%;
    font-size:1.2rem !important;
}

.texto-sub-tarjeta-4-3-score{
    margin-left: -6%;
    font-size: 1.2rem !important;
    padding-left: 10%;
}

.texto-sub-tarjeta-4-1-sph{
    margin-left: 10px;
    font-size: 8px;
}
.texto-sub-tarjeta-4-1-preview-score {
    margin-left: 10px;
    font-size: 8px;
    margin-left: 17px;
}
.texto-sub-tarjeta-4-1-preview-final {
    margin-left: 10px;
    font-size: 8px;
    margin-left: 50px;
}
.texto-sub-tarjeta-4-2-preview-final {
    margin-left: 10px;
    font-size: 8px;
    margin-left: -18px;
}
.texto-sub-tarjeta-4-3-preview-final {
    font-size: 8px;
    text-align: center;
}
.texto-sub-tarjeta-4-2 {
    margin-left: 8px;
    font-size: 8px;
}
.texto-sub-tarjeta-4-3 {
    margin-left: 91px;
    font-size: 8px;
    
}
.title-location {
    font-family: OpenSans-Light;
}
.title-positions {
    font-family: OpenSans-Light;
}
a {
    color: #424242;
}
.graficos-line {
    display: table;
    width: 72%;
    table-layout: fixed;
    text-align: center;
    margin: 0 auto;
    /*margin-bottom: 45px;*/
    margin-bottom: 21px;
}
.graficos-line > .line {
    display: table-cell;
    padding: 4px 6px;
    width: 2%;
    margin-bottom: 0;
}
.line > img {
    width: 100%;
    height: auto;
    /*margin-left: -18px;*/
}

.imgHitek {
    width: 157px !important;
    height: 157px !important;
    /*margin-left: -18px;*/
}

/***nuevo 10_4_17**/
.lineCirculo{
    width: 60% !important;
 }

 .checkbox-inline-circulo{
    padding-top: 25px !important;
}
/**************/

.checkbox-inline input[type=checkbox]{
    width: 20px;
    height: 20px;
}
.shape-line {
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
    margin: 0 auto;
    /*margin-bottom: 54px; cambio*/
    margin-bottom: 30px;
}


.shape-line > .shape {
    display: table-cell;
    padding: 4px 22px;
    width: 2%;
    margin-bottom: 0;
}
.shape > img {
   /* width: 100%;
    height: auto;*/
    width: 67px;
    height: 67px;
}

/* css vista handicap jugador*/

  .input-handicap > .handicap {
    display: table-cell;
    /*padding: 3px 6px;*/
    padding: 3px 6px;
    width: 2%;
    margin-bottom: 0;
 }
  .titulo-handicap {
    color: black;
    font-family: OpenSans-Bold;
    font-size: 20px;
    display: table;
    float: left;
    margin-top: 2%;
  }
  
  .input-handicap {
    display: table;
    width: 14%;
    table-layout: fixed;
    text-align: center;
    margin-left: 6%;
    margin-bottom: 33px;
  }

  .handicap > input {
    outline: none;
    width: 11%;
    position: absolute;
    top: 9%;
    left: 7.5%;
    height: 54px;
    background: transparent;
    border: 0px;
    text-align: center;
    font-size: 2.5rem;
  }

  .handicap > img{
     width: 103%;    
  }
/* fin css vista handicap jugador*/

.course-line {
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 33px;
}
.course-line > .holes {
    display: table-cell;
    padding: 4px 6px;
    width: 2%;
    margin-bottom: 0;
    position: relative; /**agregado**/
}
.holes > img {
    width: 100%;
    height: auto;
}
.course-line-btn-clear{
    text-align: right;
}

.course-line {
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
    margin: 0 auto;
    /*margin-bottom: 54px;*/
    margin-bottom: 9px;
}
.course-line > .holes {
    display: table-cell;
    padding: 4px 6px;
    width: 2%;
    margin-bottom: 0;
}
.holes > img {
    width: 100%;
    height: auto;
}
.texto-head-out {
    float: right;
    margin-right: 49px;
    margin-top: 41px;
    font-size: 18px;
}
.texto-head {
    float: left;
    margin-left: 49px;
    margin-top: 20px;
    font-size: 60px;
    
}
.contenedor-color {
    margin: 0 auto;
    width: 231px;
}
.numeros-course {
    font-family: OpenSans-Bold;
    color: #5a5a5a;
}
.color-cont {
    height: 36px;
    margin-bottom: 40px;
}
.color-title {
    float: left;
    margin-right: 10px;
    font-family: OpenSans-Light;
    font-size: 24px;
}

.color-handicap {
    margin-right: 10px;
    font-family: OpenSans-Bold;
    font-size: 20px;
}

.form-control {
    width: 467px;
    height: 69px;
    margin-top: 8px;
    font-family: OpenSans-Bold;
    color: #636363;
    font-size: 16px;
}

/*
a:hover{
    color: #ffffff !important;
    border: 1px solid #6f6f6f !important;
    background: #6b6b6b !important;
    
}*/

/*a:visited {
    color: #ffffff !important;
    border: 1px solid #6f6f6f !important;
    background: #6b6b6b !important;
}    
*/

/*************************/
.img-hitek{
    height: 77% !important;
    width: 87% !important;
}
/*************************/

.grafico-hitex img {
    width: 100%;
    height: auto;
    padding: 6px;
    padding-top: 10px;
}

.grafico-hitek img {
    width: 273px;
    height: 277px;
    padding: 6px;
    padding-top: 10px;
}
.choose-view {
    width: 170px;
    text-align: center;
    margin: 0 auto;
    /*margin-top: 32px;*/
}
.select-location {
    margin: 55px;
    width: 170px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
}
.locations {
    margin: 55px;
    width: 170px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
}
.contenedor-hitek {
    text-align: center;
    margin: 0 auto;
}

.c_svg_n{
        width:19px;
        height:18px;
        margin-left: 7px;
     } 

.c_svg_rn{
        width:27px;
        height:26px;
     } 

.c_svg{
        width:26px;
        height:25px;
     }  

.td_global{
    width: 50%; height: 461px;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}



@media screen and (max-width: 768px) and (min-width: 513px) {
     .c_svg{
        width:25px;
        height:24px;
     }   
     
     .c_svg_n{
        width:19px;
        height:18px;
        margin-left: 7px;
     }  

     .c_svg_rn{
        width:27px;
        height:26px;
     } 

     .titulos-caja {
        font-family: bradley;
        font-size: 6rem;
        margin: 0%;
        padding: 0%;
        color:black;
     }

    /*********************/
    .titulos-caja-hitek {
        font-family: bradley;
        font-size: 6rem ;
        margin: 0% ;
        padding: 1.1% 0% 1% 0% ;
        color:black ;
    }



    .texto-rotado span{
       display: inline-block;
       -webkit-transform: rotate(-270deg);
         margin-right: 3%;
         font-size: 5.5rem !important; 
     }

     .td_global{width: 50%; height:408px;}

     .img-hitek{height: 86%;
                width: 86%; }

    /*********************/ 

    .texto-head {
        float: left;
        margin-left: 35px;
        margin-top: 57px;
        font-size: 48px;
    }
    .titulo-holes{
        margin-left: 11px;
    }
   
    
}



@media screen and (max-width: 512px) and (min-width: 461px) {
     .c_svg_rn{
        width:17px;
        height:16px;
     } 

     .c_svg_n{
        width:11px;
        height:10px;
        margin-left: 7px;
     } 
     .c_svg{
        width:22px ;
        height:21px ;
     }   

     .titulos-caja {
        font-family: bradley;
        font-size: 4rem;
        margin: 0%;
        padding: 0%;
        color:black;
     }

     /*********************/
        .titulos-caja-hitek {
            font-family: bradley;
            font-size: 4rem ;
            margin: 0% ;
            padding: 1.1% 0% 1% 0% ;
            color:black ;
        }

        .texto-rotado span{
           display: inline-block;
           -webkit-transform: rotate(-270deg);
             margin-right: 3%;
              font-size: 3.5rem !important;
         }
 
          .td_global{width: 50%; height:339px;}

          .img-hitek{height: 86.5%;
                     width: 86.5%;}
     /*********************/

    

     /* style - checkbox */
        .styled-checkbox + label:before{
            width: 20px;
            height: 20px;
        }
        .styled-checkbox:checked + label:after {
        width: 20px;
        height: 20px;
        }
    /* style - checkbox */

      .form-control{
        width: 428px;
      }
    .sub-sub-index{
        margin-left: 223px;
      }
    .sub-sub-index-2{
        margin-left: 248px;
      }

}



@media screen and (max-width: 460px) {

     .c_svg{
        width:13px ;
        height:12px ; 
     }

     .c_svg_n{
        width:11px;
        height:10px;
        margin-left: 0px;
     } 
     .c_svg_rn{
        width:12px ;
        height:11px ; 
     }

     .titulos-caja {
        font-family: bradley;
        font-size: 3rem;
        margin: 0%;
        padding: 0%;
        color:black;
     }

     /*********************/
        .titulos-caja-hitek {
            font-family: bradley;
            font-size: 4rem ;
            margin: 0% ;
            padding: 1.1% 0% 1% 0% ;
            color:black ;
        }

        .texto-rotado span{
           display: inline-block;
           -webkit-transform: rotate(-270deg);
             margin-right: 3%;
              font-size: 2.5rem !important;
         }

         .img-hitek{height: 77%;
                 width: 77%;}

         .td_global{width: 50%; height:314px;}

        /*********************/

     .texto-head {
            float: left;
            margin-left: 17px;
            /**margin-top: 61px;*/
            margin-top: 37px;
            font-size: 30px;
        }

   /*choose-position-view*/
    .graficos-position-2 {
        margin: 0 auto;
        height: 44px;
    }
    .positions-container {
        margin-top: 37px;
    }
    .positions-container-2 {
        padding-bottom: 52px;
    }
    .title-positions {
        text-align: center;
    }
   /*choose-position-view*/

    .shape-line{
            margin-bottom: 33px;
        }
    .shape-line > .shape{
            padding: 4px 12px;
        }

   /****Agregado************/
     .shape-line > .line{
            padding: 4px 19px !important;
        } 
     
     .lineCirculo{
          width: 52% !important;
     }    

     .line > img {
           width: 64%;
           height: auto;
     }  

     .checkbox-line-circulo{
            margin-top: 15px !important;
            margin-left: 7px;
     }

     .td-texto{
        width: 12px !important;
        margin-top: 170%;
        font-size: 0.9rem !important;
        word-wrap: break-word;
        letter-spacing: 4px !important;
      }

     .texto-rotado-oxo span{
          font-size: 2.4rem !important;
      }

     .holes > input {
        top: 48% !important;
        font-size: 1.6rem !important;
     }  

     .texto-sub-tarjeta-1 {
        margin-left: 17% !important;
        font-size: 0.9rem !important;
        clear: both;
    }
    .texto-sub-tarjeta-2 {
        margin-left: -5% !important;
        font-size: 0.9rem !important;
    }

    .texto-sub-tarjeta-3 {
        margin-left: -12%;
        font-size: 0.9rem !important;
        padding-left: 14%;

    } 

    .rotado-4{
        font-size: 0.8rem !important;
    }

    .rotado-4-2{
        font-size: 0.8rem  !important;
    }

    .rotado-4-3{
        font-size: 0.8rem  !important;
     }

     .table_td_text_sph{padding-left:0% !important; }

     .table_oxo{
           padding:0% 0% 0% 4% !important;
       }

    .texto-sub-tarjeta-4-1-score{
        font-size:0.5rem !important; 
    }
    .texto-sub-tarjeta-4-2-score{
        font-size:0.5rem !important;
    }

    .texto-sub-tarjeta-4-3-score{
        font-size:0.5rem !important;
        padding-left: 4%;
    }
   /****************************/

    .checkbox-inline input[type=checkbox] {
        width: 18px;
        height: 15px;
    }

    
    .course-filas{
        padding-left: 12px;
        padding-right: 12px;
    }
    .numeros-course{
        font-size: 18px;
    }
    .course-line{
        margin-bottom: 0px;
    }
    .titulo-holes{
        margin-top: 26px;
    }
    .titulo-design{
        font-size: 15px;
        margin-left: 118px;
    }
    .form-control{
        width: 270px;
    }
        .sub-sub-index{
        margin-left: 67px;
    }
        .sub-sub-index-2{
        margin-left: 90px;
    }

    .texto-sub-tarjeta-1-preview-sph{
        margin-left: 17px;
        font-size: 8px;
    }
    .texto-sub-tarjeta-2-preview-sph {
        margin-left: -13px;
        font-size: 8px;
    }
    .texto-sub-tarjeta-2-1-preview-oxo {
        font-size: 8px;
        margin-left: -2px;
    }
    .texto-sub-tarjeta-3-preview-sph {
        margin-left: -16px;
        font-size: 8px;
    }
}