html,
body {
    height: 100%;
}
h1 {
    margin-top: 0px;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 90px 15px 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/*----------------------------------------------------------------------------------------------------*/
body
{
    overflow: hidden;
}
body>.wrap>.container
{
    position: absolute;
    width: 100%;
    /*
        left: 1%;
    padding-right: 3%;
    */
    padding: 90px 0 3%;
    /*
    padding-bottom: 15%;//smartphone
    */
}
body>.footer>.container
{
    position: absolute;
    width: 100%;
    left: 5%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    /*
    top: 5px;//smartphone
    */
}
.navbar-header
{
    left: 5%;
    position: absolute;
    width: 100%;
}
/*
.collapse.navbar-collapse
{
    right: 5%;
    position: absolute;
    min-width: 320px;
}
*/
.navbar-right
{
    /*
    float: right !important;
    margin-right: -15px;
    */
    font-size: 14px;
    padding: 15px 50px;
    text-align: left;
}
.navbar-inverse .navbar-brand
{
    color: blue;
    font-size: 50px;
    font-weight: bolder;
    padding-left: 1.8%;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:active
{
    color: #005F95;
}
.navbar-inverse.navbar-fixed-top.navbar
{
    background: #fff;
    border-color: #fff;
}
div.navbar-header a.navbar-brand img
{
    max-height: unset;
    height: 40px;
    position: relative;
    top: -10px;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form
{
    background: #fff;
    padding-top: 15px;
    position: absolute;
    left: 25%;
    right: 25%;
}

.right
{
    text-align: right;
}
.center
{
    text-align: center;
}
.chbClass
{
    padding-top: 30px;
}
.chbClassForBtn
{
    padding-top: 25px;
    display: flex;
}
.chbClassForBtn>button
{
    /*margin-right: 20px;*/
    margin-right: 5px;
    padding: 5px;
}

.field-loginform-username,
.field-loginform-password,
.field-forgotpassword-username
{
    padding-right: 30px;
}

/*
.breadcrumb > li + li:before {
    color: #ccc;
    content: "";
    padding: 0 5px;
}
.breadcrumb > li + li.active:before {
    color: #ccc;
    content: "/ ";
    padding: 0 5px;
}
*/

.navbar-toggle
{
    display: block !important;
    right: -10px;
}

/*
.navbar-toggle.collapsed
{
    right: 0px;
}
*/
/*
.revizit-children-grid-title.topLine
{
    border-top: 1px solid #cccccc;
}
*/

table.kv-grid-table>thead>tr.filters.skip-export>td>input
{
    padding: 6px 5px;
    font-size: 12px;
}
table.kv-grid-table>thead>tr.filters.skip-export>td>select
{
    padding: 6px 0px;
    font-size: 12px;
}

.tab-content
{
    margin-bottom: 15px;
    position: relative;
}

.krajee-datepicker[readonly],
.krajee-datetimepicker[readonly]
{
    background-color: #fff !important;
}

.krajee-datepicker[disabled],
.krajee-datetimepicker[disabled]
{
    background-color: #eee !important;
}

.kv-expand-header-icon,
.kv-expand-header-icon>span
{
    display: none;
}

.pagination
{
    margin: 0;
}

.col_crud_action
{
    min-width: 72px;
    max-width: 72px;
    width: 72px;
}

/*
#menu_config_gridview_all-container,
#menu_config_gridview-container
{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
*/
#menu_config_view_all,
#menu_config_by_user,
#menu_config_by_menu
{
    margin-bottom: 0;
}

.kv-grid-loading
{
    background: none;
}

.kv-grid-table>tbody>tr>td
{
    padding: 8px 4px;
}

td>input,
td>select
{
    padding: 6px 2px !important;
}
td>div>input
{
    padding: 6px 8px !important;
}
td>input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: textfield;
    padding: 6px 2px !important;
}

.view_remain_hours_audit_history,
.view_remain_hours_history_pm
{
    right: -3px !important;
    cursor: pointer;
}
/*
.estimateHoursCls
{
    max-width: 89% !important;
}
*/

/* Adjust margin of expander grid: parent & child */
.kv-expanded-row>div>div>div>div>table,
.kv-expanded-row>div>div>div>table,
.table-responsive.kv-grid-container>table
{
    margin: 0;
}

.pagination
{
    margin-top: 10px;
}

.revizit-children-grid>.container
{
    margin-top: 0px;
}

.ias_trigger_img_loading
{
    background-image: url(../images/download.gif);
    background-repeat: no-repeat;
    width: 22px;
    height: 23px;
    background-size: 15px 15px;
    font-size: 25px;
}
.krajee-datepicker
{
    text-align: center;
}

.fa.fa-filter
{
    background-image: url(../images/ClearFilter-16.jpg);
    background-repeat: no-repeat;
    width: 26px;
    height: 30px;
    background-size: 26px 30px;
}

.fa.fa-filter:before
{
    content: "";
}

.glyphicon.glyphicon-sort
{
    background-image: url(../images/clear-sorter.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    top: 2px;
	position: absolute;
    right: 20px;
}
.glyphicon.glyphicon-sort:before
{
    content: "";
}

/*
.btnReturnParentIndex,
.btnReturnParentIndex:active,
.btnReturnParentIndex:hover
{
    color: #fff !important;
    background-color: #d58512 !important;
    border-color: #985f0d !important;
}
*/

.glyphicon.glyphicon-cog
{
    text-decoration: none;
    font-size: 30px;
    z-index: 1;
}

#systemexporttemplate-export_template_id.error
{
    border: 1px solid #a94442;
}

#btnNewExportTmpl,
#btnSaveExportTmpl
{
    width: 100%;
}

/*
 * Truc: added at 2019/10/28
 */
 .field-forgotpassword-username
 {
    padding-left: 15px;
 }
 /* Brand Form */
.btnHeaderArea
{
    margin-bottom: 10px;
}
/*
.btnHeaderArea>div:first-child
{
    margin-left: 15px;
}
*/
.btnHeaderArea>div>button
{
    width: 100%;
}
#btnSameAsBilling
{
    top: 45px;
    position: relative;
    z-index: 1;
}
#man_panel1_form-container>.tab-content
{
    min-height: 163px;
}
#ams_system_gridview_index-container
{
    border: 2px solid #ddd;
}
#ams_system_gridview_index-container>table
{
    margin-top: -2px;
}
/* Tab -> gridview */
#grid_product_index-container,
#grid_part_index-container,
#customer_sales_order_gridview-container
{
    max-height: 300px;
    overflow: auto;
    border: 2px solid #ddd;
}
#grid_product_index-container>table,
#grid_part_index-container>table,
#customer_sales_order_gridview-container>table
{
    margin-top: -2px;
}

.panel_right_area>div
{
    margin-right: 0px;
}
.nav-tabs
{
    border: 1px solid #ddd;
    border-radius: 4px;
}
.btnZipCodeLookup
{
    border: none;
    background: url(../images/lookup.png) no-repeat;
    width: 24px;
    height: 24px;
    background-color: transparent;
    position: absolute;
    top: 28px;
    left: 0px;
    z-index: 1;
}
#man_panel1_form,
#man_panel2_form
{
    background-color: #f5f5f5;
}
.tab-pane
{
    margin-right: 15px;
}

/* Customer Form */
.field-tablecustomer-concierge_on_site,
.field-tablecustomer-shp_prefer
{
    display: flex;
}
#tablecustomer-concierge_on_site>label,
#tablecustomer-shp_prefer>label
{
    margin-left: 30px;
}
.agrees_to_be_contact>div
{
    margin-left: 30px;
    margin-right: 30px;
}
.highlighted
{
    background: #a6e8f7;
}
tr.highlighted td
{
    background: #a6e8f7;
}

/* Interaction Form */
.field-tablecustomer-concierge_on_site,
.field-tablecustomer-shp_prefer
{
    display: flex;
}
#tablecustomer-concierge_on_site>label,
#tablecustomer-shp_prefer>label
{
    margin-left: 30px;
}
.agrees_to_be_contact>div
{
    margin-left: 30px;
    margin-right: 30px;
}
#group_by_cls
{
    _background: #80A0FD;
    /*margin: 15px 30px;*/
    margin: 0px 30px;
    border-radius: 8px;
    /*border: 1px solid #eee;*/
}
.group_by_cls_top
{
    margin-top: -15px;
}
.group_by_cls
{
    _background: aliceblue;
    /*margin-right: 15px;*/
    margin: 15px;
    border-radius: 8px;
    border: 1px solid #eee;
}
.group_by_cls>div
{
    margin-left: 15px;
    margin-right: 15px;
}
/*
#interaction-right_input_area>div
{
    margin-right: 15px;
}
*/
.labelcls
{
    margin-top: 5px;
    /*margin-left: -15px;*/
}
.add_on_btn
{
    padding: 15px 0px;
}
.rc-handle-container
{
    display: none !important;
}
.narrow_cls>div>div>.form-group
{
    margin-top: -15px;
}
.btn-danger
{
    width: 100%;
    padding: 6px;
}

/* Order Form * /
#sales-order-right_input_area>div
{
    margin-left: 15px;
    margin-right: -15px;
}
*/

/* Part popup */
.btnShipPartsLookup
{
    border: none;
    background: url(../images/lookup.png) no-repeat;
    width: 24px;
    height: 24px;
    background-color: transparent;
    position: absolute;
    top: 28px;
    left: 0px;
    z-index: 1;
}
.btnShipPartsLookup
{
    position: relative;
    top: 0px;
}
.btn-submit-mwq,
.btn-reassign-auwq
{
    padding: 2px 6px;
    width: 100%;
}

.btn-combine-multi
{
    padding: 2px 6px;
}

.close:hover,
.close:active,
.close:focus
{
    background-color: red;
    border-radius: 10px;
    padding: 0px 4px;
    margin: -5px;
}
#btnCloseModal.btn.btn-warning,
#btnCloseLookupProductsModal.btn.btn-warning,
#btnCloseSOPartsModal.btn.btn-warning,
#btnCloseProductDtlsModal.btn.btn-warning
{
    min-width: 120px;
}
button.close,
button#btnCloseModal,
button#btnCloseLookupProductsModal,
button#btnCloseSOPartsModal,
button#btnCloseProductDtlsModal
{
    display: initial !important;
}

#zc-modal
{
    z-index: 1053 !important;
    overflow-y: auto !important;
}
.form-control
{
    padding: 4px !important;
}