.tr-row{margin-left:-15px;margin-right:-15px;}.tr-row:before,.tr-row:after{content:" ";display:table;}
.tr-row:after{clear:both;}
.tr-col-md-8{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
.tr-col-md-4{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
.tr-col-md-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
.tr-last {margin-right: 0;padding-right: 0;}
.tr-padding{padding: 0 15px;}
@media (min-width:768px){.tr-container{width:750px;} .tr-col-md-4, .tr-col-md-8{float:left;} .tr-col-md-12{width:100%;}.tr-col-md-12{width:100%;}.tr-col-md-8{width:66.66666666666666%;} .tr-col-md-4{width:33.33333333333333%;} 

.tr-title {
    margin: 18px 0;
}
.tr-title h1 {
    margin: 0;
}
.tr-title span {
    color: #7f7f7f;
    font-size: 12px;
}

.tr-records-button {
    background-color: #f6f4f5;
    border-radius: 4px;
    padding: 12px;
    float: left;
    width: 100%;
    border: 1px solid #cdcdcd;
}
.tr-records-button img {
    float: left;
}
.tr-records-button h2 {
    margin: 0;
    float: left;
    padding-left: 12px;
    border-left: 1px solid #E6E6E6;
    margin-left: 12px;
}

.tr-lgtgrey {
    border: 1px solid #BDBCBC;
    border-radius: 4px;
    background: #fff; 
    background: -moz-linear-gradient(top,  #fff 0%, #ececed 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ececed)); 
    background: -webkit-linear-gradient(top,  #fff 0%,#ececed 100%); 
    background: -o-linear-gradient(top,  #fff 0%,#ececed 100%); 
    background: -ms-linear-grafffdient(top,  #fff 0%,#ececed 100%); 
    background: linear-gradient(to bottom,  #fff 0%,#ececed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ececed',GradientType=0 ); 
}

.tr-float {
    float: left;
}

.tr-bold {
    font-weight: 700;
}

.tr-toprounded {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.tr-botrounded {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


/**
*
* Information
*
**/

.tr-info {
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    padding: 12px;
    width: 100%; 
    float: left;
    box-sizing: border-box;
}

.tr-info span {
    color: #000;
    float: left;
    font-size: 12px;
}
.tr-info span.tr-field {
    width: 100px;
    text-align: right;
    margin-right: 6px;
    color: #65656c;
}
.tr-info span.tr-clear {
    clear: left;
}
.tr-info h5 {
    margin-bottom: 6px;
    margin-top: 18px;
    font-weight: 100;
    font-size: 13px;
}
.tr-info select {
    width: 100%;
}


/**
*
* Records
*
**/

.tr-records .tr-title {
    padding: 6px 8px;
    margin-bottom: 0;
    border-bottom: none;
}
.tr-records .tr-title span  {
    font-size: 12px;
    font-weight: 700;
    color: #65656c;
}
.tr-headers {
    float: left;
    width: 100%;
    padding: 6px 0;
    background: #f4f4f4; 
    border: 1px solid #BDBCBC;
    border-bottom: none;
    border-top: 1px solid #bcbcbc;
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #e3e3e3 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e3e3e3)); 
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e3e3e3 100%); 
    background: -o-linear-gradient(top,  #f4f4f4 0%,#e3e3e3 100%); 
    background: -ms-linear-graf4f4f4dient(top,  #f4f4f4 0%,#e3e3e3 100%); 
    background: linear-gradient(to bottom,  #f4f4f4 0%,#e3e3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e3e3e3',GradientType=0 ); 
}
.tr-headers div:first-child {
    margin-left: 45px;
}
.tr-headers span {
    font-size: 12px;
    
}
.tr-records table {
    width: 100%;
    border-right: 1px solid #BDBCBC;
    border-left: 1px solid #BDBCBC;
    background-color: white;
}
.tr-records table tbody {
    padding-right: 12px;
    float: left;
    color: #000;
    font-size: 12px;
    width: 100%;
    line-height: 27px;
}
.tr-records table tr td:first-child {
    width: 40px;
    text-align: center;
    border-right: 1px solid #BDBCBC
}
.tr-records table .tr-data {
    width: 180px;
    margin: 0 9px;
    float: left;
    border-right: 1px solid #BDBCBC;
}
.tr-records table .tr-red {
    color: #ed1c24;
}
.tr-records .tr-pagination {
    margin-top: 0;
    border-bottom: 1px solid #BDBCBC;
    float: left;
}
.tr-records .tr-pagination > span {
    float: right;
}
.tr-records .tr-pagination > span span,
.tr-records .tr-pagination > span a {
    font-size: 10px;
}
.tr-records .tr-pagination > span a {
    color: #2f71a7;
}


.tr-records .tr-fieldNameTitle {
    width: 180px;
    float: left;
    font-weight:bold;
}
.tr-records .tr-descriptionTitle {
    width: 300px;
    float: left;
    font-weight:bold;
}
.tr-records .tr-informationTitle {
    width: 400px;
    float: left;
    font-weight:bold;
}

.tr-records table .tr-fieldName {
    width: 180px;
    padding-left: 5px;
    float: left;
    font-weight:bold;
}
.tr-records table .tr-description {
    width: 300px;
    padding-left: 5px;
    float: left;
}
.tr-records table .tr-information {
    width: 400px;
    padding-left: 5px;
    float: left;
}