.fl { 
 float:left;}
.fr {
 float:right;}
 
.al{ text-align:left;}
.ar{ text-align:right;}
.btn{ font-weight:bold; }
.hz-table {margin:0;
}
.hz-table .table-title, .hz-table .radio, .hz-table .checkbox, .hz-table .radio-inline, .hz-table .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0; 
}

.hz-table li {list-style:none; list-style-type:none;
    margin: 24px -12px;
}

    .hz-table li:before, .hz-table li:after {
        display: table;
        content: " ";
    }

    .hz-table li:after {
        clear: both;
    }

    .hz-table li:before, .hz-table li:after {
        display: table;
        content: " ";
    }

    .hz-table li:after {
        clear: both;
    }

@media (min-width:768px) {
    .hz-table .table-title

{
    text-align: right;
}

}



.hz-table li .table-title,.hz-table li .table-text {
    position: relative;
    padding-right: 12px;
    padding-left: 12px; padding-right: 0;
}


.hz-table li .table-text .input-group-table{ width:100%; position:relative;}
.hz-table li .table-text .input-group-time{ width:100%; position:relative;}
  .hz-table li .table-text input[type=Text],.hz-table li .table-text select  {width: 99%;
        }
.input-group-table .input-group-addon{border-radius: 0!important;display: table-cell;position:absolute; right:1%;top:0px; width:36px; padding:5px 12px;}

.input-group-time .input-group-time-left { width:45%; float:left;}
.input-group-time .input-group-time-right { width:45%; float:right;}
.input-group-time .input-group-time-left .input-group-addon{border-radius: 0!important;display: table-cell;position:absolute; left:0;top:0px; width:36px; padding:5px 12px;}
.input-group-time .input-group-time-left .date-picker{ display:block; margin:0 0 0 36px!important; width:100%;}
.input-group-time .input-group-time-right .input-group-addon{border-radius: 0!important;display: table-cell;position:absolute; right:0;top:0px; width:36px; padding:5px 12px;}
.input-group-time .input-group-time-right .date-picker{ display:block; margin:0 36px 0 0 !important;width:100%;}
@media (min-width:768px) {
    .container {
        max-width: 744px;
    }
    .hz-table li .table-title {float: left;width: 30%;
    }
    .hz-table li .table-text{float: left;width: 70%;
    }
        .hz-table li .table-text input[type=Text],.hz-table li .table-text select {width: 50%;
        }
          .hz-table li .table-text .sign-group input[type=Text] {width: 100%;
    }

.hz-table li .table-text .input-group-time{ width:50%; position:relative;}
.hz-table li .table-text .input-group-table .input-group-addon{border-radius: 0!important;display: table-cell;position:absolute; left:50%;top:0px; width:36px; padding:5px 12px;}

.hz-table li .table-text .input-group-time .input-group-time-left .date-picker{ display:block; margin:0 0 0 36px!important; width:100%;}
.hz-table li .table-text .input-group-time .input-group-time-right .date-picker{ display:block; margin:0 36px 0 0 !important;width:100%;}
}

.sign-group { float:left;
width:50%; position:relative;}
.help-block {float:right;  padding-left:12px; display:inline-block;
width:50%; position:relative;
}

    .sign-group > [class*='icon-'] { left:auto; right:3px;
    }
    .sign-group input[type=Text] {width: 100%;
    }

.hz-list{ width:100%;}
.hz-list .list-title, .hz-list .radio, .hz-list .checkbox, .hz-list .radio-inline, .hz-list .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0; 
}

        .hz-list input[type=Text],.hz-list select {width: 100%;
        }
.hz-list .input-group-time{ position:relative;}

@media (min-width:768px) {
 .hz-list .list-title

{
    text-align: right;
}

        .hz-list input[type=Text],.hz-list select {width: 100%;
        }
.hz-list .input-group-time{ position:relative;}
}