.tnl-table,
.tnl-table thead,
.tnl-table > tbody,
.tnl-table tr,
.tnl-table th,
.tnl-table td,
.tnl-table-header,
.tnl-table-footer {
    margin: 0;
    padding: 0;
    border: none;
}

.tnl-table {
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 14px;
    border-spacing: 0;
}

.tnl-table th,
.tnl-table .tnl-table-side-th {
    margin-bottom: 2px;
    padding: 5px 10px 5px;
    color: @COLOR-TNL-GRAY2;
    font-weight: @SEMI-BOLD;
    font-size: 13px;
    vertical-align: bottom;
    background: none;
    border-bottom: 4px double #ccc;
}

.tnl-table th a,
.tnl-table th a:visited,
.tnl-table th a:active,
.tnl-table-side-th a,
.tnl-table-side-th th a:visited,
.tnl-table-side-th th a:active {
    color: @COLOR-TNL-GRAY2;
}

.tnl-table th span,
.tnl-table .tnl-table-side-th span {
    display: inline-block;
    vertical-align: middle;
    float: none; /* In IE7, the icon is vertically aligned incorreclty when floated right. Looks fine not floated. sstanley */  
}

.tnl-table .tnl-table-side-th {
	text-align: left;
}

.tnl-table .tnl-head-2 {
	text-align: left;
	color: @COLOR-TNL-GRAY2;
	background: @COLOR-TNL-GRAY5;
	border-right: none;
}

.tnl-table th.tnl-sort-col:hover {
    cursor: pointer;
    text-decoration: underline;
}

.tnl-table > tbody,
.tnl-table tr.rowcolor1 {
    background: #fff;
}

.tnl-table tr.rowcolor2 {
    background: #f9f9f9;
}

.tnl-table > tbody > tr > td,
.tnl-table > tr > td {
    border-bottom: 1px solid  #ececec;
}

.tnl-table > tbody > tr > td,
.tnl-table > tr > td {
    padding: 10px;
    vertical-align: middle;
}

.tnl-table .tnl-text-link {
	padding: 0;
}

.tnl-table .tnl-table-count {
	width: 24px;
	padding-right: 4px;
	padding-left: 4px;
    color: @COLOR-TNL-GRAY4;
    font-size: 12px;
	text-align: right;
}

.tnl-table .tnl-left {
    text-align: left;
}

.tnl-table .tnl-right {
    text-align: right;
}

.tnl-table .tnl-center {
    text-align: center;
}

.tnl-table tr.tnl-table-delete a {
    color: #fff;
}

.tnl-table .tnl-delete-row:hover {
    cursor: pointer;
    background: #900;
}

.tnl-table th.tnl-toolbar,
.tnl-table td.tnl-toolbar {
    margin: 0;
    padding: 0;
    width: 32px;
    text-align: center;
    background:@COLOR-TNL-GRAY3;
}

.tnl-toolbar {
    margin: 2px 0 10px;
}

.tnl-toolbar-top {
    margin: 4px 0 10px 0 !important;
}

.tnl-toolbar-bottom {
  margin: 10px 0;
}

.tnl-toolbar button {
  margin-right: 10px;
}

.tnl-toolbar .btn-group button {
  margin-right: 0;
}

.tnl-table th.tnl-toolbar,
.tnl-table th.tnl-toolbar:hover {
    background: @COLOR-TNL-GRAY3;
}

.tnl-table td.tnl-toolbar .tnl-icon-wrapper {
	margin-top: 4px;
}

.tnl-table tr.tnl-table-delete,
.tnl-table td.tnl-toolbar:hover {
    background: #990000;
    color: #FFFFFF;
}

.tnl-form-container-fluid {
    &:extend(.container-fluid);
    padding-left:0;
    padding-right:0;
}

.tnl-form-group-collection { 
    margin-bottom: 20px;

    > header {
        margin-bottom: 15px;

        h1, h2, h3, h4, h5 {
            color: @COLOR-TNL-ORANGE1;
            font-size: @FONT-SIZE-MD;
            font-weight: normal;
        }
        p {
            font-size: @FONT-SIZE-SM;

            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}

.form-control {
    color: @COLOR-TNL-GRAY1;

    &:focus {
        border-color: @COLOR-TNL-BLUE2;
        .LESS-BOX-SHADOW-INSET-RESET();
        .LESS-BOX-SHADOW(0 0 8px rgba(145, 180, 206, 0.6));
    }
}

label,
.control-lable,
.has-success .control-label {
    color: @COLOR-TNL-GRAY1;
    font-weight: @SEMI-BOLD;
}

.help-block {
    color: @COLOR-TNL-GRAY2;
    font-size: @FONT-SIZE-XSM;
    margin: 2px 0;
}
    
.form-group {
    margin-bottom: 20px;

    .checkbox,
    .radio {
        margin: 0 0 5px 0;
    }
}
    
fieldset {
    margin: 0;
    padding: 0;

    legend {
        margin: 0;
        padding: 0;
        color: @COLOR-TNL-GRAY1;
        font-size: 15px;
        font-weight: @SEMI-BOLD;
        border: none;
    }

    p {
        margin-bottom: 10px;
        color: @COLOR-TNL-GRAY2;
        font-size: @FONT-SIZE-SM;
    }

    label {
        font-weight: normal;
    }
}

.has-error {
    input,
    select,
    textarea,
    .checkbox,
    .checkbox-inline,
    .radio,
    .radio-inline,
    fieldset legend {
        color: @COLOR-DANGER;
    }
}

.has-error .form-control,
.has-error .form-control:active,
.input-validation-error,
.validation-summary-errors {
    border-color: @COLOR-DANGER;
    .LESS-BOX-SHADOW-RESET();
}

.form-horizontal {
    .control-label {
        margin-bottom: 0;
        padding-top: 7px;
        text-align: left;
        
        @media (max-width: 768px) {
            text-align: left;
        }
    }
}

.form-inline {
    .form-group {
        margin-bottom: 20px;
    }
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

.list-group.list-group-root .list-group {
    margin-bottom: 0;
}

a[disabled], a[disabled]:hover {
   pointer-events: none;
}

.btn {
	height: 32px;
}