Licitator/httpdocs/templates/database/components/admin/mobile_steps_css.html.twig

/* HOLON MOBILE STYLES START*/
  @media (min-width: 728px){
  		.navigation-container.mobile {
    		display: none;
		}
    	.navigation-container:not(.mobile) {
    		display: block;
		}
  }
  
  @media (max-width: 727px){
.exercises_links{
	display:none;
}
    .exercises_links_mobile{

    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;

}



.exercises_links_mobile > li.gbc-title > a{
    /*! border: solid 2px #F2932E; */
    border-bottom: solid 10px #e85000;
    /*! border-radius: 5px; */
}

.exercises_links_mobile > li > a{

    font-size: 13px;
    font-weight: 700;
    display: block;
    min-width: 9px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 2px;
    border-bottom: solid 10px #505050;
    color: #505050;
    padding: 0 5px;
    font-family: 'FGrotesk','Open Sans';
}

.exercises_links_mobile > li:not(.gbc-title) > a{
    /**color: transparent;**/
}

.exercises_links_mobile > li.gbc-title > a.no-completada{
    color: #989898;
}
.exercises_links_mobile > li.gbc-title > a.actual{
    color: #e85000;
    border-color: #e85000;
}
.exercises_links_mobile > li:not(.gbc-title) > a.actual{
    color: green;
    border-color: green;
}
.exercises_links_mobile > li > a.no-completada{
    border-color: #989898 !important;
    cursor: default;
}



.exercises_links_mobile > li > a{

    border-color: #e85000;

}

.exercises_links_mobile > li > a.completada):hover{

                                         background: #e85000;

                                     }
.exercises_links_mobile > li > a.actual):hover{

                                     background: #e85000;
                                     border-color: #e85000;
                                 }

.exercises_links_mobile > li:first-child > a{
    border: none;
}
    .navigation-container:not(.mobile) {
    		display: none;
		}
    .navigation-container.mobile {
    		display: block;
		}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-family: 'FGrotesk','Open Sans';
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ffffff;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #e85000;}
.dropdown:hover .dropbtn {color: #ffffff !important;}
  }
  
  /* HOLON MOBILE STYLES END */