Quando desativa um funciona o outro e vice versa. obrigado
tooltip
/**/
/* tooltips */
/**/
.sky-form .tooltip {
position: absolute;
z-index: 1;
left: -9999px;
padding: 2px 8px 3px;
font-size: 11px;
line-height: 16px;
font-weight: 400;
background: rgba(0,0,0,0.9);
color: #fff;
opacity: 0;
-ms-transition: margin 0.3s, opacity 0.3s;
-moz-transition: margin 0.3s, opacity 0.3s;
-webkit-transition: margin 0.3s, opacity 0.3s;
}
.sky-form .tooltip:after {
content: '';
position: absolute;
}
.sky-form .input input:focus + .tooltip,
.sky-form .select select:focus + .tooltip,
.sky-form .select:hover select:disabled + .tooltip,
.sky-form .textarea textarea:focus + .tooltip {
opacity: 1;
}
.sky-form .tooltip-top-right
{
bottom: 100%;
margin-bottom: 15px;
}
.sky-form .tooltip-top-right:after
{
top: 100%;
right: 16px;
border-top: 4px solid rgba(0,0,0,0.9);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-top-right,
.sky-form .select select:focus + .tooltip-top-right,
.sky-form .select:hover select:disabled + .tooltip-top-right,
.sky-form .textarea textarea:focus + .tooltip-top-right {
right: 0;
left: auto;
margin-bottom: 5px;
}
.sky-form .tooltip-top-left {
bottom: 100%;
margin-bottom: 15px;
}
.sky-form .tooltip-top-left:after {
top: 100%;
left: 16px;
border-top: 4px solid rgba(0,0,0,0.9);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-top-left,
.sky-form .select select:focus + .tooltip-top-left,
.sky-form .textarea textarea:focus + .tooltip-top-left {
right: auto;
left: 0;
margin-bottom: 5px;
}
.sky-form .tooltip-right {
top: 9px;
white-space: nowrap;
margin-left: 15px;
}
.sky-form .tooltip-right:after {
top: 6px;
right: 100%;
border-top: 4px solid transparent;
border-right: 4px solid rgba(0,0,0,0.9);
border-bottom: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-right,
.sky-form .select select:focus + .tooltip-right,
.sky-form .textarea textarea:focus + .tooltip-right {
left: 100%;
margin-left: 5px;
}
.sky-form .tooltip-left {
top: 9px;
white-space: nowrap;
margin-right: 15px;
}
.sky-form .tooltip-left:after {
top: 6px;
left: 100%;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid rgba(0,0,0,0.9);
}
.sky-form .input input:focus + .tooltip-left,
.sky-form .select select:focus + .tooltip-left,
.sky-form .textarea textarea:focus + .tooltip-left {
right: 100%;
left: auto;
margin-right: 5px;
}
.sky-form .tooltip-bottom-right {
top: 100%;
margin-top: 15px;
}
.sky-form .tooltip-bottom-right:after {
bottom: 100%;
right: 16px;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(0,0,0,0.9);
border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-bottom-right,
.sky-form .select select:focus + .tooltip-bottom-right,
.sky-form .textarea textarea:focus + .tooltip-bottom-right {
right: 0;
left: auto;
margin-top: 5px;
}
.sky-form .tooltip-bottom-left {
top: 100%;
margin-top: 15px;
}
.sky-form .tooltip-bottom-left:after {
bottom: 100%;
left: 16px;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(0,0,0,0.9);
border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-bottom-left,
.sky-form .select select:focus + .tooltip-bottom-right,
.sky-form .textarea textarea:focus + .tooltip-bottom-left {
right: auto;
left: 0;
margin-top: 5px;
}
time pick
.ti_tx,
.mi_tx,
.mer_tx {
width: 100%;
text-align: center;
margin: 10px 0;
}
.time,
.mins,
.meridian {
width: 60px;
float: left;
margin: 0 10px;
font-size: 20px;
color: #2d2e2e;
font-family: arial;
font-weight: 700;
}
.prev,
.next {
cursor: pointer;
padding: 18px;
width: 28%;
border: 1px solid #ccc;
margin: auto;
background: url(../images/arrow.png) no-repeat;
border-radius: 5px;
}
.prev:hover,
.next:hover {
background-color: #ccc;
}
.next {
background-position: 50% 150%;
}
.prev {
background-position: 50% -50%;
}
.time_pick {
}
.timepicker_wrap {
padding: 10px;
border-radius: 5px;
z-index: 998;
display: none;
box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35);
background: #f6f6f6;
border: 1px solid #ccc;
float: left;
position: absolute;
top: 27px;
left: 0;
}
.arrow_top {
position: absolute;
top: -10px;
left: 20px;
background: url(../images/top_arr.png) no-repeat;
width: 18px;
height: 10px;
z-index: 999;
}
input.timepicki-input {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
float: none;
margin: 0;
text-align: center;
width: 70%;
}
a.reset_time {
float: left;
margin-top: 5px;
color: #000;
}