﻿.ttd {
    padding: 4px!important;
    border: 1px solid #BDBDBD!important;
    width: 42px;
    text-align: center;
}
.ttd:active {
    transform: translateY(2px);
    background-color: #3949AB;
    color:#ffffff;
}

.noclick {
    opacity: 0.2;
}

.today {
    background-color: #e1e1e1;
}

.selectable {
    cursor: pointer;
}

.chbtn {
}

.prev-btn {
    position: absolute;
    left: 0;
    top: 12px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    outline: none;
    color: #C5CAE9
}

.nxt-btn {
    position: absolute;
   right:0;
    top: 12px;
    background-color:#ffffff;
    border:none;
    outline:none;
    color:#C5CAE9
}

.datetxt {
    padding: 5px;
    
    top: 12px;
    position: absolute;
    left: 30%;
    right: 0;
    
}
.cal-tbl{
    margin-top:47px;
}
.dis-time-txt {
    position: absolute;
    top: 12px;
    font-size: 14px;
    left:20px

}
.botmin {
    margin-bottom: 8px;
}
.cl-lbl, .cl-lbl:hover {
    border: 1px solid #707dd5;
    color: #3949ab;
    padding: 4px 14px !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    border-radius: 5px !important;
    margin-right: -14px !important;
    opacity: 0.8;
}
/*#datetime {
    margin-top: -15px;
    width: 275px;
}*/
/*.dis-time {
    position: absolute;
    left: 121px;
    top: 12px;
}*/
/*.minute {
    margin-left: -18px;
}*/
.second {
    top: 0px;
    left: 80px
}
.timer{
    
    padding:22px;
    background-color:#fafafa;
}
#clmi {
    font-size: 14px;
    padding-left: 13px;
    
}
#clhr {
    font-size: 14px;
    padding-left: 13px;
  
}
.timer-btn {
    background-color: #ffffff;
    border: none;
    outline: none;
    color: transparent
}
    .timer-btn:active, .timer-btn:focus {
        background-color: #ffffff;
        border: none;
        outline: none;
        color: #C5CAE9
    }
.timer-btn-txt {
    position: absolute;
    top: -2px;
   
    margin-left: -4px;
}
.btn-img {
    width: 30px;
    cursor:pointer
}
.rig {
    transform: rotate(180deg);
}
.timer-img {
    width: 20px;
}