.timepiker_cr ul {
padding: 0;
margin: 20px 0px 0px 0px;
}
.timepiker_cr ul li {
display: inline-block;
width: 41px;
height: 23px;
/* background: aliceblue; */
text-align: center;
font-size: 14px;
margin: 1px 0px;
color: #000;
box-shadow: 0 0 1px 0px gray inset;
cursor: pointer;
font-family: sans-serif;
}
.timepiker_cr {
width: 270px;
padding: 4px;
height: 178px;
overflow: hidden;
overflow-y: auto;
}
.timepiker_cr ul li span {
vertical-align: middle;
}
.timepiker_cr .disabled {
color: #A9A7A7;
cursor: not-allowed;
}
.desplieguedehoras .hidden {
display: inherit !important;
}
.timepiker_cr > * {
display: inline-block;
vertical-align: top;
width: 28%;
}
.timepiker_cr > div > p {
position: absolute;
background: #797979;
border-bottom: 1px solid #5F5F5F;
margin: -4px;
text-align: center;
color: #FFF;
}
.timepiker_cr::-webkit-scrollbar {
width: 10px;
}
.timepiker_cr::-webkit-scrollbar-track {
background-color:#EEE;
} 
.timepiker_cr::-webkit-scrollbar-thumb {
background: #C8DFF3;
}.timepiker_cr > div:nth-child(1) {
    width: 70%;
}.timepiker_cr div:nth-child(2) li {
    width: 46%;
}.timepiker_cr > div:nth-child(1) > p {
    width: 187px;
}.timepiker_cr > div:nth-child(2) > p {
    width: 83px;
}
.clickedHora {
background: #A7C2DE;
color: #FFF !important;
}