html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 70px;
    margin-bottom: 50px;
}

.edit-page-padding {
    padding-bottom: 71px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    border-top: 1px solid #d8d8d8;
    text-align: center;
}

    footer > p {
        font-style: italic;
        margin-top: 15px;
    }

.copyright {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    text-align: center;
}

    .copyright > p {
        font-style: italic;
        margin-top: 15px;
    }

/* login form */

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}

.tooltip-inner {
    padding: 8px !important;
}

/* forms */
.bootstrap-select > .btn-default {
    background: white !important;
    color: black !important;
}

.bootstrap-select > .btn-blue {
    background: #c8cfe8 !important;
    color: black !important;
}

.btn-blue, .btn-blue:focus {
    background: #aac0e0;
    background: -moz-linear-gradient(top, #aac0e0 0%, #5389d6 100%);
    background: -webkit-linear-gradient(top, #aac0e0 0%,#5389d6 100%);
    background: linear-gradient(to bottom, #aac0e0 0%,#5389d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aac0e0', endColorstr='#5389d6',GradientType=0 );
    color: #3d3d3d;
}

    .btn-blue:hover {
        background: #8fadd8;
        background: -moz-linear-gradient(top, #8fadd8 0%, #417ed3 100%);
        background: -webkit-linear-gradient(top, #8fadd8 0%,#417ed3 100%);
        background: linear-gradient(to bottom, #8fadd8 0%,#417ed3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fadd8', endColorstr='#417ed3',GradientType=0 );
        color: black;
    }

.bootstrap-select > .btn-danger {
    background: #e8c8c8 !important;
    color: black !important;
}

.btn-danger, .btn-danger:focus {
    background: #e5acac;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1YWNhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMDU3NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e5acac 0%, #e05757 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5acac), color-stop(100%,#e05757));
    background: -webkit-linear-gradient(top,  #e5acac 0%,#e05757 100%);
    background: -o-linear-gradient(top,  #e5acac 0%,#e05757 100%);
    background: -ms-linear-gradient(top,  #e5acac 0%,#e05757 100%);
    background: linear-gradient(to bottom,  #e5acac 0%,#e05757 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5acac', endColorstr='#e05757',GradientType=0 );
    color: #3d3d3d;
}

    .btn-danger:hover {
        background: #e29393;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyOTM5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #e29393 0%, #dd4444 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e29393), color-stop(100%,#dd4444));
        background: -webkit-linear-gradient(top, #e29393 0%,#dd4444 100%);
        background: -o-linear-gradient(top, #e29393 0%,#dd4444 100%);
        background: -ms-linear-gradient(top, #e29393 0%,#dd4444 100%);
        background: linear-gradient(to bottom, #e29393 0%,#dd4444 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e29393', endColorstr='#dd4444',GradientType=0 );
        color: black;
    }

.bootstrap-select > .btn-success {
    background: #c9e8c8 !important;
    color: black !important;
}

.btn-success, .btn-success:focus {
    background: #ace2ac;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjZTJhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OWQ4NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ace2ac 0%, #49d849 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ace2ac), color-stop(100%,#49d849));
    background: -webkit-linear-gradient(top,  #ace2ac 0%,#49d849 100%);
    background: -o-linear-gradient(top,  #ace2ac 0%,#49d849 100%);
    background: -ms-linear-gradient(top,  #ace2ac 0%,#49d849 100%);
    background: linear-gradient(to bottom,  #ace2ac 0%,#49d849 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ace2ac', endColorstr='#49d849',GradientType=0 );
    color: #3d3d3d;
}

    .btn-success:hover {
        background: #8adb93;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhZGI5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYmQzMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #8adb93 0%, #3bd339 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8adb93), color-stop(100%,#3bd339));
        background: -webkit-linear-gradient(top,  #8adb93 0%,#3bd339 100%);
        background: -o-linear-gradient(top,  #8adb93 0%,#3bd339 100%);
        background: -ms-linear-gradient(top,  #8adb93 0%,#3bd339 100%);
        background: linear-gradient(to bottom,  #8adb93 0%,#3bd339 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8adb93', endColorstr='#3bd339',GradientType=0 );
        color: #3d3d3d;
    }

.error {
    background: #e8c8c8;
}

.success {
    background-color: #c9e8c8;
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.validation-summary-errors ul, .validation-summary-errors {
    list-style: none;
    margin: 0;
    padding:0;
    display: inline-block;
}

.bootstrap-select > .disabled {
    background: #eeeeee !important;
}

.has-feedback .glyphicon {
    display: none;
}

.has-success .glyphicon-ok {
    display: block !important;
    z-index: 3;
}

.has-success .glyphicon-remove {
    display: none !important;
}

.has-error .glyphicon-ok {
    display: none !important;
}

.has-error .glyphicon-remove {
    display: block !important;
    z-index: 3;
}

.locWrapper > .input-group > .bootstrap-select, .locWrapper > .input-group > .bootstrap-select > button {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.locWrapper > .input-group > .bootstrap-select {
    min-width: 150px;
}
.locWrapper > .input-group .glyphicon {
    right: 0 !important;
}
.locWrapper > .input-group > .form-control {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.has-success .bootstrap-select i.glyphicon {
    display: none !important;
}

textarea.form-control {
    resize: none;
}

.form-control.datepicker {
    padding-left: 10px !important;
}

/* above modal z-index */
.datepicker.dropdown-menu {
    z-index: 1051; 
}

/* autocomplete ("dropdown" z-index for modal + background/border color) */
.ui-widget {
    z-index:1051;
}

.autocomplete-input:not([disabled]):not([readonly]):not(.error):not(.success) {
    background-color: #deefff !important;
    border-color: #98bede !important;
}

/* file upload */
.ibt-file-upload {
    background-color: #e1e1e1;
    border: 1px solid #ccc;
    cursor: pointer;
    padding: 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    display: block;
}

/* pt ca CSS */
.navbar-fixed-top {
    min-height: 60px;
}

.navbar-fixed-bottom {
    background-color: #f5f5f5;
    min-height: 70px;
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 60px;
}

div.context-menu hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-color: #e2e2e2;
}

div.context-menu ul.dropdown {
    background: #FBFBFB;
}

div.context-menu ul li > a {
    cursor: pointer;
}

div.context-menu ul li.disabled,
div.context-menu ul li.disabled:hover,
div.context-menu ul li.disabled:active,
div.context-menu ul li.disabled:focus,
div.context-menu ul li[disabled],
div.context-menu ul li[disabled]:hover,
div.context-menu ul li[disabled]:active,
div.context-menu ul li[disabled]:focus {
    cursor: not-allowed;
    outline: none;
    user-select: none;
    background-color: inherit;
}

.context-header {
    padding-left: 10px;
    font-weight: bold;
    padding-right: 10px;
    white-space: nowrap;
    cursor: default;
}

.panel-info {
    margin-bottom: 10px;
}

.panel-info > .panel-heading {
    background: #deefff !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZWZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OGJlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top,  #deefff 0%, #98bede 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deefff), color-stop(100%,#98bede)) !important;
    background: -webkit-linear-gradient(top,  #deefff 0%,#98bede 100%) !important;
    background: -o-linear-gradient(top,  #deefff 0%,#98bede 100%) !important;
    background: -ms-linear-gradient(top,  #deefff 0%,#98bede 100%) !important;
    background: linear-gradient(to bottom,  #deefff 0%,#98bede 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ) !important;
    color: #336198 !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    text-decoration: none;
    color: #ffffff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.erpModalSuccess .modal-body {
    color: #3e893e;
}

.erpModalErr .modal-body {
    color: #a30000;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
  }

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
 }