/* 
    Document   : mobile
    Created on : 21/05/2013, 11:51:13 AM
    Author     : mervin
    Description:
        estilos propios para las paginas de los moviles
*/

.bordes_simple {
    border: 1px solid black;
    border-collapse: collapse;
}

.letra_marcada {
    font-size: .95em;
    font-weight: bold;
}

.fila0 {
    background-color: gray;
}

.fila1 {
    background-color: white;
}

.PENDIENTE {
    color: blue;
}

.GANADOR {
    color: green;
}

.PERDEDOR {
    color: red;
}

.PUSH {
    color: orange;
}

.ANULADO {
    color: black;
}

#popupPanel-popup {
    right: 0 !important;
    left: auto !important;
}

#popupPanel {
    width: 200px;
    border: 1px solid #000;
    border-right: none;
    background: rgba(0, 0, 0, .5);
    margin: -1px 0;
}

#popupPanel .ui-btn {
    margin: 2em 15px;
}

.boton_cuenta {
    background: #37d626;
    /* Old browsers */
    background: -moz-linear-gradient(top, #37d626 0%, #37d626 0%, #52b152 55%, #007f0e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37d626), color-stop(0%, #37d626), color-stop(55%, #52b152), color-stop(100%, #007f0e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #37d626 0%, #37d626 0%, #52b152 55%, #007f0e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #37d626 0%, #37d626 0%, #52b152 55%, #007f0e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #37d626 0%, #37d626 0%, #52b152 55%, #007f0e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #37d626 0%, #37d626 0%, #52b152 55%, #007f0e 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#37d626', endColorstr='#007f0e', GradientType=0);
    /* IE6-9 */
    border: 1px solid black;
}

.boton_referir {

    background: #f85032;
    background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #ff8700 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f85032), color-stop(50%, #f16f5c), color-stop(51%, #f6290c), color-stop(71%, #f02f17), color-stop(100%, #ff8700));
    background: -webkit-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #ff8700 100%);
    background: -o-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #ff8700 100%);
    background: -ms-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #ff8700 100%);
    background: linear-gradient(to bottom, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #ff8700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#ff8700', GradientType=0 );

    border: 1px solid black;
}


a.ui-li-has-count span span.ui-btn-text{
    margin-left: 5px;
    padding-right:0; position:static;
}


div.fb-share-button {
    display: inline !important;
    padding-left: 1rem;
}

div.fb-share-button a {
    vertical-align: top !important;
}

div.twitter-div {
    padding: 1rem !important;
}

a#whatsapp_button {
    padding: 0.2rem;
}

a#whatsapp_button img {
    vertical-align: top !important;
}

div.buttons_container {
    padding: 1rem !important;
    text-align: center !important;
}

.parrafo_16{
    font-size: 16px;
}

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

.ws_btn{
    font-size: 11px;
    background-color: #23A316;
    text-decoration: none;
    font-weight: bold;
    color: #fff !important;
    vertical-align: top !important;
}
.twitter_btn{
    font-size: 11px;
    background-color: #1A91DA;
    text-decoration: none;
    font-weight: bold;
    color: #fff !important;
    vertical-align: top !important;
}
.facebook_btn{
    font-size: 11px;
    background-color: #3A5A9A;
    text-decoration: none;
    font-weight: bold;
    color: #fff !important;
    vertical-align: top !important;
}

.btn {
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}

/* PRUEBA DE ESTILOS  */

/*Inicio: Caja de notificacion*/
.box-notification-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999999;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
.box-notification-request {
    position: fixed;
    background-color: white;
    top: 15px;
    left: 2em;
    padding: 1em;
    border-radius: 0.5em;
    border-left: 6px solid 2196F3!important;
}
.box-notification-request .box-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;

}
.box-notification-request .flex-item {
    -webkit-flex: auto;
    flex: auto;
}
.box-notification-request .text {
    width: 12rem;
    margin: 0.4rem;
}
.box-notification-request .box-buttons {
    text-align: right;
}
/*Fin: Caja de notificacion*/