.bodyTTDT {
    height: calc(100% - 120px);
    padding:0 20px;
   
}
.body-ttdt-1 {
    height:100%;
     border: solid 1px #ddd;
      background-color: white;
}
.timkiem-input {
    width: 25%;
    border-radius: 5px;
    height: 28px;
    padding: 0px 10px !important;
    vertical-align: middle;
}


.title-ttdt {
    font-style: italic;
    color: red;
    padding-left:20px;
}

.content-ttdt {
    height: calc(100%);
    display: -webkit-box;
}

.detail-ttdt {
    height: calc(100%);
    
    padding: 0 20px;
    width: 307px;
}

.main-ttdt {
    overflow-x: auto;
    overflow-y: hidden;
    height: calc(100% - 75px);
}

.detail-ttdt-1 {
    background-color: #FAFAFA;
     border-radius: 4px;
    height: calc(100% - 20px);
   
}
.detail-ttdt-1-1 {
    height:calc(100% - 80px);
     overflow-y: auto;
    overflow-x: hidden;
}
.detail-ttdt-1-2 {
    border-top: solid 1px #ddd;
    padding:10px;
}
.detail-ttdt-title {
    font-weight:bold;
}
.add-ttdt {
    vertical-align: middle;
    text-align:center;
}
.detail-ttdt-text {
    padding:5px;
    vertical-align:middle;
}
.detail-ttdt-number {
    padding:5px;
    vertical-align:middle;
    font-weight:bold;
}
.btn-ttdt {
    text-align:right;
}