.bodyttct {
    height: calc(100% - 80px);
    padding:0 20px;
   
}
.bodyTTDT {
    height: calc(100% - 70px);
}
.body-ttct-1 {
    height:100%;
     border: solid 1px #ddd;
      background-color: white;
}
.searchContent-ttct {
    text-align: center;
    margin-bottom: 20px;
}
.searchContent-ttdt {
    text-align: center;
    margin-bottom: 20px;
}
.searchContent-ttct .glyphicon{
    top: 3px;
}
.searchContent-ttct .k-dropdown-wrap .k-input, .searchContent-ttct  .k-dropdown-wrap .k-select {
    height: 22px !important;
    line-height: 24px !important;
}
.title-ttct {
    font-style: italic;
    color: red;
    padding-left:20px;
}

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

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

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

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

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}