/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 6, 2020, 9:50:27 AM
    Author     : jonathan sb
*/

.categoria_seleccionada
{
    border-style: solid none none none; border-width:0.4em; border-color:black;
}

.bg-white {
  background: #fefefe;
}

.adm_class1 {
    padding-left:1em;
    padding-right:1em;
    background-color:#e3f2f9;
    border-radius: 1em;
}

.adm_class1:hover {
    background-color:#82c7e3;
    border-radius: 0.5em;
}

.adm_class1_active {
    font-weight: bold;
    padding-left:1em;
    padding-right:1em;
    background-color:#82c7e3;
    border-radius: 1em;
}

.adm_class1_active:hover {
    border-radius: 0.5em;
}

.adm_class2 {
    padding-top:0.35em;
    color:blue;
}

.adm_class2:hover {
    padding-top:0.35em;
    color:blueviolet;
}

.adm_class2_active {
    padding-top:0.35em;
    color:blueviolet;
    font-weight: bold;
}

.cancel_button
{
    margin-top: 0.25em;
    color:whitesmoke;
/*    border-color:#676476;*/
    border-color:#000000;
    background-color:#676476;
    padding:0.5em 1em 0.5em 1em;
}

.almost_main_btn
{
    margin-top: 0.25em;
    color:white;
/*    border-color:#676476;*/
    border-color:#000000;
    background-color:#000000;
    padding:0.5em 1em 0.5em 1em;
}


.range_element
{
	-webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 40px; /* Specified height */
  background: transparent; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  border: none;
}

.range_element:hover {
	opacity: 1; /* Fully shown on mouse-over */
	border: none;
}

.range_element:focus {
	border: none;
}

.range_element::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 10px; /* Set a specific slider handle width */
  height: 22px; /* Slider handle height */
  background: #731313; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border: none;
}

.range_element::-moz-range-thumb {
  width: 10px; /* Set a specific slider handle width */
  height: 22px; /* Slider handle height */
  background: #731313; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border: none;
}

.range_element::-webkit-slider-runnable-track {
  background: #b93a45;
  border: 0.2px solid #fff;
  border-radius: 5px;
  width: 100%;
  height: 8.4px;
  cursor: pointer;
}

.range_element::-moz-range-track {
  background: #b93a45;
  border: 0.2px solid #fff;
  border-radius: 5px;
  width: 100%;
  height: 8.4px;
  cursor: pointer;
}

.keypad_input
{
/*    color:#731313;*/
    background-color: #0972a5;
    color:white;
    width:97%;
    padding-left: 1em;
    margin-bottom: 0.3em;
    text-alig:center;
}

.keypad_input:hover
{
    background-color: #248ec1;
}