.page-header:before,
.page-header:after {
    content: "";
    display: table;
    line-height: 0;
}

.page-header:after {
    clear: right;
}

.padding-left-1 {
    padding-left: 1px;
}

.padding-left-2 {
    padding-left: 2px;
}

.padding-left-3 {
    padding-left: 3px;
}

.padding-left-4 {
    padding-left: 4px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-6 {
    padding-left: 6px;
}

.padding-left-7 {
    padding-left: 7px;
}

.padding-left-8 {
    padding-left: 8px;
}

.padding-left-9 {
    padding-left: 9px;
}

.padding-left-10 {
    padding-left: 10px;
}

.margin-top-1 {
    margin-top: 1px;
}

.margin-top-2 {
    margin-top: 2px;
}

.margin-top-3 {
    margin-top: 3px;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-6 {
    margin-top: 6px;
}

.margin-top-7 {
    margin-top: 7px;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-9 {
    margin-top: 9px;
}

.margin-top-10 {
    margin-top: 10px;
}

/*Overwrite form-group which cause avatar editable control not showing properly*/
.form-horizontal .profile-picture .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

/*Overwrite editable which cause avatar editable control not showing properly*/
.form-horizontal .profile-picture .editable {
    padding-top: 0px;
}

/* Overwrite gap between row in the form*/
.form-horizontal .form-group {
    margin-bottom: 0px;
}

    .form-horizontal .form-group .col-sm-8 {
        padding-bottom: 2px;
    }

.form-group > label[class*="col-"] {
    margin-bottom: 2px;
}

/* Overwrite drop down list font size to match text box*/
.select2 {
    font-size: 13px !important;
}

/* Overwrite drop down list layout to match text box*/
.select2-container .select2-choice {
    height: 28px;
    color: #858585;
    background-color: transparent;
    border: 1px solid #d5d5d5;
}

.mat-control-label {
    color: #336199;
    background-color: #EDF3F4;
    padding: 3px 4px 3px 4px !important;
    display: block;
    min-height: 28px;
    font-size: 14px;
}

.mat-control-value {
    display: block;
    padding: 3px 4px 3px 4px !important;
    min-height: 28px;
}

.mat-no-border {
    border-width: 0 !important;
}

.color-default {
    color: #393939;
}

/*Override - show th cursor as default instead of hand */
.dataTable > thead > tr > th[class*=sort] {
    cursor: default;
}

/*Override - show cursor as default instead of hand */
.tree .tree-branch {
    cursor: default;
}

.tree .tree-item-name {
    cursor: default;
}

/*Override - do not fix tree item height */
.tree .tree-branch .tree-branch-header {
    height: unset;
}

/* Override - Set default width of modal pop up*/
@media (min-width: 768px) {
    .modal-dialog {
        width: 800px;
    }
}

/* Override to have larger login user info space*/
.user-info {
    max-width: 150px;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 24px;
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #d5d5d5;
    background-image: none;
}

    .chosen-container-multi .chosen-choices li.search-choice {
        line-height: 13px;
    }

.input-group-checkbox {
    padding: 6px 12px 0px 0px;
    border-radius: 4px;
    display: table-cell;
    width: 1%;
    vertical-align: middle;
}