/*  PÁGINAS EN GENERAL */
/* width */



::-webkit-scrollbar {
    transition: 250ms;
    width: 10px;
  }

::-webkit-scrollbar:hover {
    transition: 100ms;
    width: 15px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #dfdfdf;
  }

  /* barrita del scroll */
  ::-webkit-scrollbar-thumb {
    /* background: rgb(212, 21, 21);*/
    background: rgba(0, 26, 143, 0.699);
    border-radius: 20px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    /* background: #555; */
    background: rgba(0, 80, 199, 0.938);
    width: 15px;
  }

html{
    min-height: 100%;
    position: relative;
}

body {
    background: rgb(235, 235, 235);
    background: rgb(0,101,222);
    background: -moz-linear-gradient(0deg, rgba(0,101,222,1) 0%, rgba(0,159,200,1) 47%, rgba(143,245,255,1) 81%);
    background: -webkit-linear-gradient(0deg, rgba(0,101,222,1) 0%, rgba(0,159,200,1) 47%, rgba(143,245,255,1) 81%);
    background: linear-gradient(0deg, rgba(0,101,222,1) 0%, rgba(0,159,200,1) 47%, rgba(143,245,255,1) 81%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0065de",endColorstr="#8ff5ff",GradientType=1);
    padding-top: 4.5em;
    /*background-image: url("https://i1.wp.com/rte.mx/wp-content/uploads/2020/10/545x315_Reach_Family_NEW.jpg?w=545&ssl=1");*/


}

footer {
    background-color: rgb(0, 10, 76);
    position: absolute;
    bottom: 0;
    width: 100%;
  }


.card {

    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;;
    border: none;

    background: rgba(1, 81, 105, 0.556);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.253);
    backdrop-filter: blur( 15.5px );
    -webkit-backdrop-filter: blur( 15.5px );
}

.card:hover{

}

.card-header{
    background: rgba(0, 0, 0, 0.466);

    font-size: 1.5em;
}

.btn-raymond{
    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    background: rgba(0, 97, 253, 0.733);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.253);
    backdrop-filter: blur( 15.5px );
    -webkit-backdrop-filter: blur( 15.5px );
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color:rgb(235, 235, 235);
}

/* DASHBOARD LATERAL */

.dashboard {
    transition: 300ms;
    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;;
    border: 1px solid rgba(255, 255, 255, 0.18);

    background: rgba(185, 0, 0, 0.623);
    box-shadow: 0 8px 32px 0 rgba(173, 6, 6, 0.383);
    backdrop-filter: blur( 15.5px );
    -webkit-backdrop-filter: blur( 15.5px );
    margin-left: 10px;
    border: none;
}

.dashboardd:hover {
    transition: 220ms;
    box-shadow: 5px 15px 20px 0 rgba(0, 0, 0, 0.486);
    backdrop-filter: blur( 15.5px );
    -webkit-backdrop-filter: blur( 0px );
    margin-left: 8px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.grid-title{
    background: rgba(0, 20, 68, 0.719);

    font-size: 1.2em;
}


.grid {
    transition: 300ms;
    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: rgba(134, 0, 0, 0.808);
    box-shadow: 0 8px 32px 0 rgba(126, 2, 2, 0.603);
    backdrop-filter: blur( 15.5px );
    -webkit-backdrop-filter: blur( 15.5px );
    margin-left: 10px;
    min-height: 150px;
    text-align: center;
    color:#dbdbdb;
    margin:auto;
    width: 100%;
    margin-top: 1.5rem;
    border-radius: 2px;
    padding-top: 4em;


}

/* DASHBOARD LATERAL DERECHO*/

.acciones {
    transition: 300ms;
    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;;
    background: rgba(131, 131, 131, 0.623);
    box-shadow: 0 8px 32px 0 rgba(173, 6, 6, 0.383);
    backdrop-filter: blur( 15.5px );
    -webkit-backdrop-filter: blur( 15.5px );
    margin-left: 10px;
    border: none;
}

.accionesd:hover {
    transition: 220ms;
    box-shadow: 5px 15px 20px 0 rgba(0, 0, 0, 0.486);
    backdrop-filter: blur( 15.5px );
    -webkit-backdrop-filter: blur( 0px );
    margin-left: 8px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.grid-title{
    background: rgba(148, 1, 1, 0.719);

    font-size: 1.2em;
}


.grid {
    transition: 300ms;
    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: rgba(134, 0, 0, 0.808);
    box-shadow: 0 8px 32px 0 rgba(126, 2, 2, 0.603);
    backdrop-filter: blur( 15.5px );
    -webkit-backdrop-filter: blur( 15.5px );
    margin-left: 10px;
    min-height: 150px;
    text-align: center;
    color:#dbdbdb;
    margin:auto;
    width: 100%;
    margin-top: 1.5rem;
    border-radius: 2px;
    padding-top: 4em;


}

.grid:hover {
    border-color: #bb0000;
    transition: all 150ms ease-in-out;
    box-shadow: 5px 15px 20px 0 rgba(0, 0, 0, 0.486);
    backdrop-filter: blur( 0spx );
    -webkit-backdrop-filter: blur( 0px );
    color: white;
    background: rgba(97, 2, 2, 0.959);
    box-shadow: 0 0 10px 0 #494949 inset, 0 0 10px 4px #ffffff;
}

.grid:hover .icon-grid{
    transition: all 500ms ease-in-out;
    font-size: 2.5rem;
}



/* TABLAS */

.raymond-table {
    position: relative;
    height: 12rem;
    overflow: auto;
    background-color: rgb(190, 190, 190);
    font-size: 12px;

    padding-top: 3px;
    margin: 0px;
    }

.raymond-scroll {
    display: block;
    }

.input-captura{
    font-size: x-large;
    text-align: center;

    width: 7em;
}


/* FUENTES */






/*  PÁGINAS EN GENERAL */
/* width */

a {
    text-decoration: none;
    color: #dfdfdf;
}

a:hover {
    color: azure;
}

::-webkit-scrollbar {
    transition: 250ms;
    width: 10px;
}

::-webkit-scrollbar:hover {
    transition: 100ms;
    width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #00c3ff7b;
}

/* barrita del scroll */
::-webkit-scrollbar-thumb {
    /* background: rgb(212, 21, 21);*/
    background: rgba(1, 171, 245, 0.699);
    border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    /* background: #555; */
    background: rgba(6, 72, 238, 0.938);
    width: 15px;
}

html {
    min-height: 100%;
    position: relative;
}

body {
    background: rgb(0,86,222);
background: -moz-linear-gradient(0deg, rgba(0,86,222,1) 0%, rgba(0,159,200,1) 47%, rgba(143,245,255,1) 81%);
background: -webkit-linear-gradient(0deg, rgba(0,86,222,1) 0%, rgba(0,159,200,1) 47%, rgba(143,245,255,1) 81%);
background: linear-gradient(0deg, rgba(0,86,222,1) 0%, rgba(0,159,200,1) 47%, rgba(143,245,255,1) 81%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0056de",endColorstr="#8ff5ff",GradientType=1);


    /*background-image: url("https://i1.wp.com/rte.mx/wp-content/uploads/2020/10/545x315_Reach_Family_NEW.jpg?w=545&ssl=1");*/


}

footer {
    background-color: black;
    position: absolute;
    bottom: 0;
    width: 100%;
}

nav {

    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(13.5px);
    border-bottom-right-radius: 500px;
    border-bottom-left-radius: 500px;
    border: none;
    background: linear-gradient(to right, rgb(225, 246, 255), rgba(2, 66, 184, 0.712), rgba(0, 51, 146, 0.712));
    box-shadow: 0 2px 8px 0 rgba(0, 68, 255, 0.37);
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(15.5px);
    padding-left: 75px;
    padding-right: 25px;
    height:5em;
    padding-left: 2em;
    padding-right: 3em;
}

.nav-tt {

    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border:none;


    background: rgba(0, 40, 173, 0.693);
    box-shadow: 0 8px 32px 0 rgba(0, 149, 255, 0.37);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
}

.card {

    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    ;
    border: none;

    background: rgba(0, 48, 108, 0.749);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.253);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    width: 100%;
    height: 100%;
    border: none;

}

.card:hover {
    transition: 1000ms;
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.657);
}

.card:hover .card-header {
    transition: 1200ms;
    font-size: 1.4rem;
}

.card-header {
    color: snow;
    background: rgba(0, 0, 0, 0.466);

    font-size: 1.6em;
    text-align: center;
}

/* DASHBOARD LATERAL */

.dashboard {
    transition: 300ms;
    backdrop-filter: blur(13.5px);
    -webkit-backdrop-filter: blur(13.5px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    ;
    border: 1px solid rgba(255, 255, 255, 0.18);

    background: rgba(18, 0, 185, 0.623);
    box-shadow: 0 8px 32px 0 rgba(173, 6, 6, 0.383);
    backdrop-filter: blur(15.5px);
    -webkit-backdrop-filter: blur(15.5px);
    margin-left: 10px;
    border: none;
}

.grid-title {
    background: rgba(1, 43, 148, 0.719);

    font-size: 1.2em;
}

/* DASHBOARD LATERAL DERECHO*/


.grid:hover {
    border-color: #0385e29d;
    transition: all 150ms ease-in-out;
    box-shadow: 5px 15px 20px 0 rgba(0, 0, 0, 0.486);
    backdrop-filter: blur(0spx);
    -webkit-backdrop-filter: blur(0px);
    color: white;
    background: rgba(2, 13, 97, 0.959);
    box-shadow: 0 0 10px 0 #494949 inset, 0 0 10px 4px #ffffff;
}

.grid:hover .icon-grid {
    transition: all 500ms ease-in-out;
    font-size: 2.5rem;
}



/* TABLAS */

.raymond-table {
    position: relative;
    height: 12rem;
    overflow: auto;
    background-color: rgb(190, 190, 190);
    font-size: 12px;

    padding-top: 3px;
    margin: 0px;
}

.raymond-scroll {
    display: block;
}

.matchList-matched-hdg, .js-matchListView-item, .vList vList_tiny {
    list-style-type: none;
}


/* FUENTES */


.mass-effect {
    box-shadow: inset 0 0 0 0 #00b3ffc0;
    transition: color .1s ease-in-out, box-shadow .3s ease-in-out;
    border-radius: 20px;
  }

.mass-effect:hover {
    color: #fff;
    box-shadow: inset 300px 0 0 0 #00c0dedf;
    background: linear-gradient(90deg, rgba(0, 61, 173, 0.727) 0%, rgba(118, 118, 118, 0.521) 35%, rgba(0, 0, 0, 0.395) 100%);
    border-radius: 20px;
  }

  /* Presentational styles */
.mass-effect{
    line-height: 1.5;
    text-decoration: none;
  }


.mass-effect-blue {
    box-shadow: inset 0 0 0 0 #009be3c0;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  }

.mass-effect-blue:hover {
    color: #fff;
    box-shadow: inset 300px 0 0 0 #74747400;
    background: linear-gradient(90deg, rgba(36, 0, 0, 0.641) 0%, rgba(118, 118, 118, 0.521) 35%, rgba(0, 0, 0, 0.395) 100%);
    border-radius: 20px;
  }

  /* Presentational styles */
.mass-effect-blue{
    line-height: 1.5;
    text-decoration: none;
  }




  /* LIGA MASTERS * */

  .master-bg{
    background-color: rgba(0, 63, 122, 0.584)
  }