/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

/********* ESTE ES EL GENERAL PERO CAMBIO EL MIN Y MAX-WIDTH PARA ADAPTARLO A NUESTRA PLATAFORMA **************/
/*@media (min-width: 768px) and (max-width: 1024px) {
  
  .navbar-nav{
  	border:1px solid red;
  }
}*/

@media (min-width: 990px) and (max-width: 1300px) {


}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .navbar-nav{
  	border:1px solid black;
  }
  
}*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/


/********* ESTE ES EL GENERAL PERO CAMBIO EL MAX-WIDTH PARA ADAPTARLO A NUESTRA PLATAFORMA **************/
/*@media (min-width: 481px) and (max-width: 767px) {

}*/

@media (min-width: 615px) and (max-width: 990px) {
  .container_frontend_left{
    display: none !important;
  } 

  .container_frontend_right{
    padding: 10px !important;
    align-items: baseline !important;
    width: 100% !important;
  }
  
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

/*@media (min-width: 320px) and (max-width: 480px) {
	
}*/

/*@media (min-width: 220px) and (max-width: 615px) {  */
@media (min-width: 220px) and (max-width: 800px) {    
  .action{
    display: inline-block;
  }
  /** Notifications **/
  .dropdown.user a.dropdown-toggle{
    padding: 0 !important;
  }

  .navbar .dropdown-toggle .username{
    font-weight: normal !important;
    font-size: 10px !important;
    padding: 0 !important;
    display: none !important;

  }
  .navbar .dropdown-toggle .idioma{
    font-weight: normal !important;
    font-size: 10px !important;
    padding: 0 !important;
    display: none !important;
    margin-top: 5px !important;

  }

  .navbar-nav.pull-right > li#header-user > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {    
    right: 30px !important;
  }

  .navbar-nav .open .dropdown-menu{
    position: absolute !important;
  }
  /** Fin Notifications **/

  div.popup {
    top:25%;
    max-height: 60%;
    overflow-y: scroll;
  }

  div.popup.big {
    top:10%;
    max-height: 80%;
  }

  /** Menú lateral **/
  #sidebar{
    position: absolute;
    top: 50px;
    left: 0;
    display: none;
    z-index: 1000;
    max-width: 100%;
    background-color: #262626;
  }

  /*#header{
    background-color: #262626;
  }*/

  .login_div{
    display: block;
    background-color: none;
  }

  body #main-content{
    margin-left: 0px !important;
  }

  body #main-content #content{
    padding: 0;
  } 


  /** Fin Menú lateral **/

  .logok_backend img{
    display: none;
  }

  .fecha_div_linea input{
    margin-right: 0px;
    margin-top: 5px;
  }

  .panel-body{
    padding-bottom: 10px !important;
  }

  /** Partidos **/

  .partido_datos_body .bootstrap-select, .partido_datos_body input{
    width: 100% !important;
    float: none !important;
    
  }

  .partido_datos_lugar .partido_datos_body > div > span{
    margin-top: 10px;
  }
  

  .partido_datos_resultado{
    margin-top:15px;
  }

  .partido_datos_generales_container > div{
    margin-bottom: 15px;
  }
  /** Fin Partidos **/

  /** Vista campeonatos **/
  .clasificacion_panel_container,.competicion_view #select_fases,button[data-id='select_fases']{
    margin-top: 20px;
  }

  .competicion_view #select_fases,button[data-id='select_fases']{
    margin-top: 10px;
  }

  .competicion_view #tabla_resultados_jornada{
    padding-top: 10px;
    clear: both;
  }

  .competicion_view_nombre{
    /*padding: 10px !important;*/
    font-size: 16px !important;
  }

  .competicion_view_h2{
    font-size: 16px !important;
    font-weight: 500 !important;
  }

  .competicion_view_header_container .page-header{
    margin-bottom: 5px !important;
  }

  /*.comp_result_jornada_result{
    padding: 5px;
    background-color: #cea144;
    color: white;
  }*/
  /** Calendario **/
  #calendar_partido h2,#calendar_fase h2{
    font-size: 20px;
  }

  .index_calendario_container .panel{
    box-shadow : none !important;
  }
  /** Equipos **/
  .jugadors_container .line_form_item_container,  .jugadors_filial_container .line_form_item_container{
    border: 1px solid #cea144;
    margin-right: 5px;
    padding-bottom: 5px;
  }

  .data_edit_equipo label.h3_subtitulo{
    display: block;
    margin-left: 0 !important;    
    margin-bottom: 0;
    margin-top: 5px;
  }

  /*.jugadors_container .line_form_item_container .col-md-1{
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
  }

  .jugadors_container .line_form_item_container .col-md-1 .text-center{
    margin-left: 25px;
  }

  .jugadors_container .line_form_item_container .div_eliminar_linea{
    
  }*/
  /** Actividades **/
  .actividad_lista_container .buscador_container{
    margin: 5px !important;
  }

  .actividad_lista_container .data-list{
    margin: 10px !important;
  }
  /** Partido **/
  #partido_form .panel-heading{
    font-weight: 600;
  }

  .buscador_container.buscador.buscador-personalizado .col-md-12{
    padding-bottom: 0px;
  }

  #content .page-header{
    min-height: 25px;
  }

  body .container.container_backend{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .data-edit .panel{
    margin:0 5px !important;
  }

  form > .panel{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .marcar_leido{
    margin-left: 0 !important;
    margin-top: 5px !important;
    display: block;
  }

  .actividad-list td{
    border-bottom: 1px solid #ddd;
  }

  .panel_partido_incidencias{
    padding-left: 0 !important;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  /** TABLAS Y LOADING **/

  .pagination li{
    margin-right: 3px;
  }

  .pagination li a{
    padding: 2px 8px !important;
  }

  .data-list{
    background-color: transparent !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .buscador_num_resultados{
    padding-top: 10px;
    display: block;
  }

  .buscador_filtro_item_container,.buscador_filtro_item_container_zona{
    vertical-align: middle;
  }

  .equipo-list .pagination{
    display: none !important;
  }

  /*.table_card{
    padding: 10px;
    background-color: #262626;
    color: #dca500;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
  }*/

  .table_card{
    padding: 15px;
    background-color: white;
    color: #dca500;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
    box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow-bottom: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow-bottom: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
  }

  .table_card table{
    margin-bottom: 15px;
  }

  .table_card td:nth-child(2){
    color: #262626;
    padding-left: 10px;
    text-align: left;
  }

  .table_card td:nth-child(1){
    text-align: right;
    font-weight: bold;
  }

  .table_card tr:nth-child(1) td:nth-child(2){    
    font-weight: bold;
  }

  .table_card td{
    padding-bottom: 10px;
    vertical-align: top;
  }

  .table_card ul:empty{
    display: none;
  }

  .table_card ul{
    margin: 0 !important;
    padding-left: 12px;
  }

  /*.table_card > div{
    padding-top: 5px;
    border-bottom: 1px dashed #444;
    padding-bottom: 5px;    
  }

  .table_card > div.div_dato_card_movil:last-of-type{
    padding-top: 5px;
    border-bottom: none !important;
    padding-bottom: 5px;    
  }

  .table_card > div b{
    color: #a0a0a0;
    font-weight: 500;
  }*/

  .div_action_movil_container{
    margin-top: 10px;
    position: absolute;
    bottom: 15px;
    right: 0;
    display: block;
    border: none !important;
  }

  .div_action_movil_container .action{
    padding: 5px;
    border-radius: 5px;
    background-color: #dca500;
  }

  .div_action_movil_container .action i{
    color: #262626;
  }

  /** FIN TABLAS Y LOADING **/

  .partido_equipo1_container{
    margin-bottom: 10px;
  }

  .partido_equipo2_container{
    margin-top: 10px;
  }

  .enfrentamiento_edit_botonera input{
    margin-bottom: 5px;
  }


  .table_partidos_child{
      width: 50%;
      margin-bottom: 10px;      
      border-bottom: 1px solid #ccc;
  }

  .table_partidos_child:nth-child(1){
    border-right: 1px solid #ccc;
  }

  .table_partidos_child_resultado{
    border: none !important;
    width: 100%;
  }

  .table_partidos_child_resultado > div:nth-child(1){
    border-bottom: none;
  }

  .popup_content{
    /*padding: 5px !important;*/
  }

  #content .page-header{
    margin: 0px !important;
    padding: 0 !important;
  }

  .box-title{
    margin: 0 !important;
    min-height: 0 !important;
  }

  .cuadro_container_competicion{
    overflow-x: scroll;
  }
  
  .container-p-y:not([class^="pt-"]):not([class*=" pt-"]){
    padding-top: 0 !important;
  }

  .body_vuexy .td_edit_jugador_nombre{
    white-space: wrap;
  }

  .container_frontend_left{
    display: none !important;
  } 

  .container_frontend_right{
    padding: 10px !important;
    align-items: baseline !important;
    width: 100% !important;
  }
}