/*fix kendo css*/
body {
    font-size: 12px;
}

.zp-window, .zp-window .form-group, .zp-window *[class^="col-"], .zp-window .control-label, .zp-window .row, .zp-window * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

    .zp-window .k-textbox > input, .zp-window .k-autocomplete .k-input, .zp-window .k-picker-wrap .k-input, .zp-window .k-numeric-wrap .k-input, .zp-window .k-dropdown-wrap .k-input, .zp-window .k-selectbox .k-input {
        min-height: 2.2em;
        line-height: 2.2em;
        padding: 0;
        text-indent: .8em;
        border: 0;
        margin: 0;
    }

.cursor-pointer {
    cursor: pointer;
}

input.k-textbox {
    height: 2.3em;
}

textarea.k-textbox {
    white-space: normal;
}

.zp-window {
    padding-top: 15px !important;
    padding-bottom: 21px !important;
}

    .zp-window .row, .zp-window .form-group {
        margin-left: 0;
        margin-right: 0;
    }
/*full width 100%*/

.zp-input {
    width: 100% !important;
}
/*set margin cho group action 100%*/

.zp-group {
    margin: 0 15px 15px;
}

.text-red {
    color: red;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.zp-title-box {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: bold;
    /*border-bottom: 1px dashed #333;*/
}

.bd-bottom {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.mg-l-15 {
    margin-left: 15px;
}

.mg-r-15 {
    margin-right: 15px;
}

.k-dropdown {
    background: transparent;
}

#gritter-notice-wrapper {
    z-index: 999999;
}

.k-dropzone {
    padding: 0;
}

.string-by-number {
    text-transform: none;
    font-style: italic;
}

#imageThumbnail .img-thumbnail {
    width: 100%;
}

.k-i-print {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .k-i-print:before {
        content: "\f02f";
    }

.zp-files {
    position: relative;
}

    .zp-files .k-window-action {
        margin-left: 15px;
    }

    .zp-files .k-upload-files.k-reset {
        display: none;
    }

    .zp-files .k-widget.k-upload {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 28px;
        height: 28px;
    }

    .zp-files .k-upload-button {
        min-width: 28px;
        width: 28px;
        min-height: 28px;
        height: 28px;
        margin: 0;
    }

.k-window-action {
    margin-left: 10px !important;
}

.col-xs-8 {
    box-sizing: border-box !important;
}

.zp-window .k-autocomplete.k-state-default,
.zp-window .k-picker-wrap.k-state-default,
.zp-window .k-numeric-wrap.k-state-default,
.zp-window .k-dropdown-wrap.k-state-default {
    margin-bottom: 1px !important;   
}

/*.zp-window .k-picker-wrap.k-state-default,*/
.zp-window .k-numeric-wrap {
    padding-bottom: 1px !important;
}


.zp-window .k-state-default.k-state-focused,
.zp-window .k-state-default.k-state-hover {
    margin-bottom: 1px !important;
}

.zp-window .k-tabstrip-items .k-state-default.k-state-focused,
.zp-window .k-tabstrip-items .k-state-default.k-state-hover {
    margin-bottom: 0 !important;
}


.k-grid-header th.k-header {
    vertical-align: bottom;
    text-align: center;
}

.k-multiselect-wrap .k-input {
    height: 2.0em;
}

.zp-link-open {
    color: #00458a;
}

.k-state-selected .zp-link-open {
    color: #FCB815;
}

.k-grid-content-expander {
    height: 0px !important;
}

input[disabled=disabled],
input[disabled=disabled]:hover,
textarea[disabled=disabled],
textarea[disabled=disabled]:hover {
    border-color: #dbdbde;
    background-color: #f3f3f4;
    color: #b3bac7;
}


.cs-k-icon {
    font-size: 14px;
    background: transparent;
}

.zp-main-title {
    margin: 0;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #184888;
    background-repeat: no-repeat;
    display: inline;
    padding: 6px 30px;
    line-height: 36px;
    position: relative;
    z-index: 0;
    font-weight: 300;
}

div.zp-main-title:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    background-color: #184888;
    position: absolute;
    top: 0px;
    right: -28px;
    z-index: -1;
    border-width: 14px;
    border-style: solid;
    border-top-color: #F9F9F9;
    border-bottom-color: transparent;
    border-right-color: #F9F9F9;
    border-left-color: transparent;
}

.adminPage {
    margin: -1px -24px;
}

    .adminPage div.zp-main-title:after {
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-width: 15px;
        right: -30px;
    }

.zp-user-all-action {
    padding-bottom: 6px;
}

.zp-user-action {
    text-align: right;
    padding-right: 200px;
    padding-top: 2px;
    font-style: italic;
}

body {
    background: #f9f9f9;
}

.k-grid-header th.k-header, .k-filter-row th {
    font-weight: bold;
}

.title-db-bt {
    border-bottom: 1px solid #00458a;
    height: 33px;
    margin-bottom: 4px;
}

/*** ajaxInProgress LongLD */

.ajaxInProgress {
    width: 100%;
    height: 100%;
    background: #000000;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 999999;
}

    .ajaxInProgress img {
        position: absolute;
        top: 45%;
        left: 49%;
    }
/*** End ajaxInProgress */


.zp-user-all-action > span {
    background: #fff;
}

.zp-window .form-horizontal .control-label {
    text-align: left;
}


textarea.k-textbox, textarea.k-textbox:hover {
    height: 27px;
    position: static;
}

.k-grid td {
    border-width: 0 0 1px 1px;
}

.k-grid-header tr:last-child th,
.k-grid tbody tr:last-child td,
.k-grid tfoot tr:last-child td {
    border-bottom-width: 0;
}

th.k-header[role="columnheader"] {
    vertical-align: middle;
}

.k-widget.k-header.k-menu * {
    font-weight: normal;
}

.col-fix {
    padding: 0 15px 0 10px;
}

.cs-btn-table {
    -moz-min-width: 20px !important;
    -ms-min-width: 20px !important;
    -o-min-width: 20px !important;
    -webkit-min-width: 20px !important;
    min-width: 20px !important;
}

    .cs-btn-table .k-icon {
        position: relative;
        top: 2px;
        left: 5px;
    }

.box {
    padding: 1em;
    background-color: rgba(20,53,80,0.038);
    border: 1px solid rgba(20,53,80,0.05);
}

.mg-b-15 {
    margin-bottom: 15px;
}

.zp-cs-file input[type=file] {
    padding: 10px;
    width: 30px;
    height: 30px;
}

.zp-cs-file .k-upload .k-dropzone {
    width: 30px;
    height: 30px;
}

    .zp-cs-file .k-upload .k-dropzone em {
        display: none;
    }

.zp-cs-file .k-upload .k-upload-status {
    display: none;
}

.vp_cn {
    color: red;
}

.cs-action-link {
    min-height: 38px;
}


/* custom grid cs-grid*/
.cs-grid table {
    width: 100%;
}

    .cs-grid table th {
        overflow: hidden;
        border: 1px solid #dbdbde;
        border-width: 1px 0 1px 1px;
        padding: .5em .6em .4em .6em;
        font-weight: bold;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
        background-color: #f3f3f4;
        color: #515967;
    }

        .cs-grid table th:last-child {
            border-width: 1px;
        }

    .cs-grid table td {
        border-style: solid;
        border-width: 0 0 1px 1px;
        padding: .4em .6em;
        overflow: hidden;
        line-height: 1.6em;
        vertical-align: middle;
        text-overflow: ellipsis;
        border-color: #dbdbde;
    }

    .cs-grid table tr td:last-child {
        border-width: 0 1px 1px 1px;
    }

.btn-table > span {
    color: #333;
    padding: 1px;
}

.btn-table {
    /*text-indent: 100%;
    white-space: nowrap;*/
    overflow: hidden;
    min-width: 18px !important;
    height: 30px;
    width: 30px;
}

.select-table {
    padding: 4px;
    /*width: 100%;*/
}

.k-state-selected .select-table {
    color: #333;
}

.td-input {
    padding: 1px 6px !important;
}

.input-100 .k-widget {
    width: 100% !important;
}

.table-in-view {
    cursor: pointer;
}


.adminPage.qlncc .panel .panel-body {
    max-height: 500px;
    overflow: auto;
    margin-right: 1px;
}
.k-grid.k-widget td[role="gridcell"] {
    white-space: nowrap;
}

.k-grid-content .k-loading-image {
    background-image: none;
}
.button-print {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
}

@media print {
    .noprint {
        display: none !important;
    }    
}