/* reset everything to the default box model */


*, *::before, *::after {
    box-sizing: content-box;
}

.form-control, .container, .container-fluid, .row, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    box-sizing: border-box;
    /*margin: 0;
    padding: 0;*/
}
.k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox>input, .k-multiselect-wrap {
   color: #000000;
   
    border-color: #000000!important;
   
}

    .k-input:focus, input.k-textbox:focus, textarea.k-textbox:focus, input.k-textbox:focus, textarea.k-textbox:focus {
        background-color:#c0e8f8!important;
   
    }

.k-block, .k-widget, .k-popup, .k-content, .k-dropdown .k-input {
    color: #000000;
}
.k-calendar .k-link {
    color: #000000;
}
.k-grid-toolbar {
    height: 25px;
    line-height: 25px;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 5px;
    color: #000;
    font-weight: 600;
}
/*.k-window-titlebar .k-window-action {
    display: inline-block;
    width: 60px;
    height: 28px;
    text-decoration: none;
    vertical-align: middle;
    opacity: 1;
    position: relative;
    margin-top: -5px;
    margin-right: -6px;
    border: solid 1px #fff!important;
}*/

.k-list-container {
    color: #000000!important;
}

div.k-grid-header .k-header {
    border-bottom-width: 1px;
}
.k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    border-left-width: 1px;
}

.upload-success h3{
    font-family:Arial;
    font-size:13px;
}
.wrong-pass h3{
    font-family:Arial;
    font-size:13px;
}


.dropdown-menu hr {
    margin-top: 2px;
    margin-bottom: 2px;
    border-top: 1px solid #eee;

}

.k-dropdown .k-state-focused .k-input {
    color: #fff !important;
}

    .rowDanger {
        background-color:#E15554!important;
        color:#fff!important;
    }
    
    .rowWarning {
        background-color:#F5B84F!important;
        color:#fff!important;
    }
     
    .rowRed {
        background-color:red!important;
        color:#fff!important;
    }
    .rowBlue {
        background-color:blue!important;
        color:#fff!important;
    }

    .rowSuccess {
        background-color:#5CAD8D!important;
        color:#fff!important;
    }

        .title {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 600;
        }
.k-window-titlebar .k-window-actions {
    background-color: #fff;
    margin-top: .3em;
    padding-top:0;
}

.k-dropdown .k-state-hover .k-input {
    color: #fff !important;
}


    .k-menu .k-item, .k-widget.k-menu-horizontal ul li {
       
        line-height: 25px !important;
        /*min-height:25px;*/
    }


.Trangthai label {
    cursor: pointer;
}

.k-loading-mask {
    z-index: 999999;
}

.k-state-default>.k-select {
    border-color: #98A3A3;
    background-color: #98A3A3;
}
.k-dropdown-wrap .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-datetimepicker .k-select+.k-select, .k-list-container.k-state-border-right {
    border-radius: 0;
    background-color: #ABB7B7;
}
.control-label span {
        color: #FF0000;
    }

.k-grid .k-filter-row {
    overflow:hidden!important;
}
.k-grid .k-filter-row .k-filtercell {
    overflow:hidden!important;
}
.k-grid .k-filter-row .k-header{
    width:100%;
}
.k-grid .k-filter-row .k-header input{
    background-color:#fff !important;
}


.k-grid .k-filter-row .k-button,
.k-grid .k-filter-row .k-dropdown,
.k-grid .k-filter-row .k-loading {
    display:none!important;
}

.clear2 {
    clear: both;
    height: 5px;
}

.k-menu .k-item > .k-link {
    font-weight: bold;
}

.k-loading-image {
    /*background-image: url('Metro/loading-image.gif')!important;*/
    z-index: 99999999 !important;
}

.header-template {
    height: 25px;
}

    .header-template td {
        padding-left: 5px;
    }

.header-button {
    border-bottom: 1px solid rgb(148, 192, 210);
}
.btn-default {
    border-color: #000000!important;
}
.k-grid, .k-grid-pager {
    border-bottom: solid 1px #000000 !important;
    border-top: solid 1px #000000 !important;
}
.k-list {
    color: #000;
    font-weight: 600;
}

.lblPT {
    font-weight: normal;
    padding: 2px 0;
    margin: 0;
    width: 100%;
    cursor: pointer;
}

.k-grid .k-state-selected td .lblPT {
    color: white !important;
}

.k-grid .radio, .k-grid .checkbox {
    padding: 2px 0 !important;
    margin: 0 !important;
}

/*.k-widget, .k-block, .k-inline-block, .k-draghandle {
    border-bottom: none;
    border-top: none;
}*/

.row {
    margin-top: 3px !important;
}

.row-child {
    margin: 0 !important;
}

body {
    color: black;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    /*background-color:rgba(243, 248, 255, 0.55);*/
    
    background-color: rgba(255, 192, 128,1);
}

.icon-save {
    background-position: 0px center;
    background-image: url('../images/icon/filesave.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-play-p {
    background-position: center center;
    background-image: url('../images/icon/play.png');
    background-repeat: no-repeat;
    height: 32px;
    width: 40px;
}

.icon-stop-p {
    background-position: center center;
    background-image: url('../images/icon/stop.png');
    background-repeat: no-repeat;
    height: 32px;
    width: 40px;
}

.icon-play24-p {
    background-position: center center;
    background-image: url('../images/icon/play24.png');
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.icon-stop24-p {
    background-position: center center;
    background-image: url('../images/icon/stop24.png');
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.icon-play18-p {
    background-position: center center;
    background-image: url('../images/icon/play18.png');
    background-repeat: no-repeat;
    height: 18px;
    width: 35px;
}

.icon-stop18-p {
    background-position: center center;
    background-image: url('../images/icon/stop18.png');
    background-repeat: no-repeat;
    height: 18px;
    width: 35px;
}

.icon-edit-b {
    background-position: 0px center;
    background-image: url('../images/icon/pencil.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-del {
    background-position: 0px center;
    background-image: url('../images/icon/edit_remove.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-lock-p {
     background-position: 0px center;
    background-image: url('../images/icon/lock.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-lock2-p {
     background-position: 0px center;
    background-image: url('../images/icon/lock2.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
}
.icon-lock3-p {
     background-position: 0px center;
    background-image: url('../images/icon/lock3.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
}


.icon-unlock-p {
     background-position: 0px center;
    background-image: url('../images/icon/unlock.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}


.icon-undo-b {
    background-position: 0px center;
    background-image: url('../images/icon/cancel.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-add {
    background-position: 0px center;
    background-image: url('../images/icon/edit_add.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-print-p {
    background-position: 0px center;
    background-image: url('../images/icon/print.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-call {
    background-position: 0px center;
    background-image: url('../images/icon/callw.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-reload {
    background-position: 0px center;
    background-image: url('../images/icon/reload.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}


.icon-search-b {
    background-position: 0px center;
    background-image: url('../images/icon/search.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-print-preview {
    background-position: 0px center;
    background-image: url('../images/icon/print-preview.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}


.icon-option {
    background-position: 0px center;
    background-image: url('../images/icon/options.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-excel {
    background-position: 0px center;
    background-image: url('../images/icon/Excel-icon.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-ok-p {
    background-position: 0px center;
    background-image: url('../images/icon/ok.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-help-b {
    background-position: 0px center;
    background-image: url('../images/icon/help.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-edit {
    background-position: 0px center;
    background-image: url('../images/icon/pencil.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-warning {
    background-position: 0px center;
    background-image: url('../images/icon/warning.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-cut {
    background-position: 0px center;
    background-image: url('../images/icon/cut.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.block-ui-overlay {
    border: medium none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10001;
}

.icon-template {
    background-position: 0px center;
    background-image: url('../images/icon/template.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

.icon-clear {
    background-position: 0px center;
    background-image: url('../images/icon/clear.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
}

body > .block-ui > .block-ui-overlay {
    position: fixed;
}

.block-ui-overlay.block-ui-visible {
    background-color: #fff;
    cursor: wait;
    opacity: 0.1;
}

.block-ui-message-container {
    height: 0;
    left: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 20px;
    z-index: 10002;
}

body > .block-ui > .block-ui-message-container {
    position: fixed;
}

.block-ui-message {
    background-color: transparent;
    color: transparent;
    cursor: wait;
    display: inline-block;
    margin-left: 50%;
    margin-top: 50%;
}

.tbold {
    font-weight: 600 !important;
}

.red {
    color: red !important;
}

.blue {
    color: blue !important;
}
.successx {
    color: #1ba6d2 !important;
}


.txtWait {
    text-align: right;
    font-weight: 800;
    color: red !important;
}

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    font-weight: 600;
}

.grid {
    height: calc(100% - 30px) !important;
}

.k-grid-content, k-grid-content-locked {
    height: calc(100% - 93px) !important;
}

.k-notification {
    border: 0;
}

.upload-success .glyphicon, .wrong-pass .glyphicon {
    font-size: 24px;
    position: absolute;
    margin-top: 12px;
}

/* Error template */
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.7);
    color: #ffffff;
}

.wrong-pass {
    width: 300px;
    min-height: 50px;
    padding: 0 10px;
    line-height: 50px;
    font-size: 11px;
}

    .wrong-pass h3 {
        font-size: 14px;
        color: white;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        padding-left: 30px;
    }

/* Success template */
.k-notification-upload-success.k-group {
    background: rgba(0%,60%,0%,.7);
    color: #fff;
}

.upload-success {
    width: 300px;
    min-height: 50px;
    padding: 0 10px;
    line-height: 50px;
    font-size: 11px;
}

    .upload-success h3 {
        font-size: 14px;
        color: white;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        padding-left: 30px;
    }

/*kendo notification material*/
/*.k-widget.k-notification.k-notification-success {
    background-color: #c8e6c9;
    color: #5fb662;
    border-color: #c8e6c9;
}

k-widget.k-notification.k-notification-error {
    background-color: #ffcdd2;
    color: #ff3448;
    border-color: #ffcdd2;
}*/

.k-notification-wrap {
    font-size: 14px;
    padding: 1.500em;
    /*cursor: default;
    position: relative;
    white-space: nowrap;*/
}

/* end kendo notification material*/

.radio, .checkbox {
    margin-top: 3px !important;
    margin-bottom: 0px !important;
}

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        margin-top: 2px !important;
        margin-left: -15px !important;
    }


label {
    font-family: Arial, Helvetica, sans-serif !important;
    color: black;
    display: inline-block;
    font-size: 12px;
    font-weight: initial;
    font-weight: 600;
}

.SHPTControl-label {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 10px;
    white-space: nowrap;
    cursor: pointer;
}

.colLV {
    min-height: 1px;
    padding-right: 5px !important;
    position: relative;
    padding-left: 5px !important;
}

.control-label {
    font-family: Arial, Helvetica, sans-serif !important;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 5px;
    white-space: nowrap;
}

.colrow {
    min-height: 1px;
    padding-right: 5px !important;
    position: relative;
    padding-left: 5px !important;
}

.padding-label {
    float: left;
    padding-right: 0px !important;
    text-align: left;
}

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

.contentDiv {
    background-color: #daecf4;
}


fieldset {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #000000;
    border-radius: 5px;
}

.lvfieldset {
    border-bottom: medium none;
    border-left: medium none;
    border-right: medium none;
    height: 15px;
    margin-bottom: 1em;
    padding-bottom: 0;
    padding-left: 0;
    width: 100%;
}

legend {
    border: 0 none;
    display: block;
    font-size: 12px;
    line-height: inherit;
    margin-bottom: 0;
    padding: 0;
    width: auto;
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
}

.k-textbox, .k-autocomplete.k-header, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active {
    border-color: #abc1de;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    border-color: #000;
}
.k-textbox .k-state-hover{
    border: 1px dotted red !important;
}

.content {
    float: left;
    margin: 0 auto;
    vertical-align: top;
    width: 100%;
}

    .content .form-control, .content .container, .content .container-fluid, .content .row, .content .col-xs-1, .content .col-sm-1, .content .col-md-1, .content .col-lg-1, .content .col-xs-2, .content .col-sm-2, .content .col-md-2, .content .col-lg-2, .content .col-xs-3, .content .col-sm-3, .content .col-md-3, .content .col-lg-3, .content .col-xs-4, .content .col-sm-4, .content .col-md-4, .content .col-lg-4, .content .col-xs-5, .content .col-sm-5, .content .col-md-5, .content .col-lg-5, .content .col-xs-6, .content .col-sm-6, .content .col-md-6, .content .col-lg-6, .content .col-xs-7, .content .col-sm-7, .content .col-md-7, .content .col-lg-7, .content .col-xs-8, .content .col-sm-8, .content .col-md-8, .content .col-lg-8, .content .col-xs-9, .content .col-sm-9, .content .col-md-9, .content .col-lg-9, .content .col-xs-10, .content .col-sm-10, .content .col-md-10, .content .col-lg-10, .content .col-xs-11, .content .col-sm-11, .content .col-md-11, .content .col-lg-11, .content .col-xs-12, .content .col-sm-12, .content .col-md-12, .content .col-lg-12 {
        margin: 0;
        padding: 0;
    }
/*
.navbar-nav {
    margin: 3px 0;
}
    */
.buttons {
    font-family: "Segoe UI";
    height: 26px;
}

    .buttons a, .buttons button {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: transparent;
        border-color: #eee #dedede #dedede #eee;
        border-image: none;
        border-style: solid;
        border-width: 0;
        cursor: pointer;
        height: 19px;
        line-height: 130%;
        margin: 0 7px 0 0;
        padding: 5px 10px 6px 7px;
        text-decoration: none;
    }

    .buttons button {
        overflow: visible;
        padding: 4px 10px 3px 7px;
        text-align: left;
        width: auto;
    }

        .buttons button .tdLabel {
            width: 100% !important;
        }

        .buttons button[type] {
            line-height: 17px;
            padding: 5px 10px 5px 7px;
        }

:first-child + html button[type] {
    padding: 4px 10px 3px 7px;
}

.buttons button img, .buttons a img {
    border: medium none;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    width: 16px;
}

button.disable {
    color: #928d8d !important;
    cursor: default;
}

.disabled, .disabled .tdLabel {
    color: #928d8d !important;
    cursor: default;
}

button.positive, .buttons a.positive {
    color: #000080;
}

    .buttons a.positive:hover, button.positive:hover {
        background-color: #98cd9b;
        border: 0 solid #c6d880;
        color: #529214;
    }

    .buttons a.positive:focus, button.positive:focus {
        background-color: #98cd9b;
        border: 0 solid #c6d880;
        color: #529214;
    }

.buttons a.negative, button.negative {
    color: #d12f19;
}

    .buttons a.negative:hover, button.negative:hover {
        background: #fbe3e4 none repeat scroll 0 0;
        border: 1px solid #fbc2c4;
        color: #d12f19;
    }

.lviconAdd {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/new.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconAdd-UX {
    background: rgba(0, 0, 0, 0) url("../../../../Content/sap/image/Plus-Math-24.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 24px;
}

.lviconPlus-UX {
    background: rgba(0, 0, 0, 0) url("../../../../Content/sap/image/Plus-20.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 20px;
}


.lviconSave {
    background: rgba(0, 0, 0, 0) url("../../../../Content/images/icon/save.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconSave-UX {
    background: rgba(0, 0, 0, 0) url("../../../../Content/images/icon/save.png") no-repeat scroll 0 0;
    background-color: white;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 20px;
}

.lviconEdit {
    background: rgba(0, 0, 0, 0) url("../../../../Content/images/icon/edit.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconDelete {
    background: rgba(0, 0, 0, 0) url("../../../../Content/images/icon/delete.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconCancel-UX {
    background: rgba(0, 0, 0, 0) url("../../../../Content/images/icon/cancel.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 22px;
}

.lviconNext-UX {
    background: rgba(0, 0, 0, 0) url("../../../../Content/sap/image/Next.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 15px;
}

.lviconExpand-UX {
    background: rgba(0, 0, 0, 0) url("../../../../Content/sap/image/Expand-26.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 26px;
}

.lviconCollapse-UX {
    background: rgba(0, 0, 0, 0) url("../../../../Content/sap/image/Collapse-26.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 26px;
}


.lviconResume-UX {
    background: rgba(0, 0, 0, 0) url("../../../../Content/sap/image/Resume-22.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin: 0 2px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 22px;
}

.lviconPrint {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/print.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconChange {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/changepass.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconUndo {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/undo.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconAddDetail {
    background: rgba(0, 0, 0, 0) url("../../../../Content/Images/add-detail.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconRemoveDetail {
    background: rgba(0, 0, 0, 0) url("../../../../Content/Images/remove.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconChoose {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/check.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconClose {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/close.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconSearch {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/find.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconGetSample {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/getSample.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconView {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/view.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconCopy {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/copy.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconCall {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/call.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconCallReturn {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/callreturn.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconCall2 {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/call2.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconCall2Return {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/call2return.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconCall3 {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/call3.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconCall3Return {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/call3return.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconCall4 {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/call4.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconCall4Return {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/call4return.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconSwitch {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/switch.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

.lviconList {
    background: rgba(0, 0, 0, 0) url("../../../../Content/imagesLV/toolbar/list.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}


.lvicon {
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px -3px 0 !important;
    padding: 0;
    text-align: center;
    width: 16px;
}

/*.lviconView {
    background: rgba(0, 0, 0, 0) url("/Content/imagesLV/toolbar/view.png") repeat scroll 0 0;
}*/

.lviconOk {
    background: rgba(0, 0, 0, 0) url("/Content/Images/Popup/ok.png") repeat scroll 0 0;
}
/*
.footer {
    bottom: 0;
    position: fixed;
    text-align: right;
    width: 100%;
}
    */
#pupopbuttom {
    background-color: #9cf;
    border-color: #aaacf4;
    border-top: 1px solid #aaacf4;
    bottom: 0;
    height: 26px;
    /*margin-left: -0.58em;*/
    padding-top: 2px;
    position: fixed;
    width: 100%;
}
.btn-warning {
    border-color: #000000!important;
}
.btn-success {
    border-color: #000000!important;
}

.k-grid td {
    white-space: nowrap;
}

.k-grid tr td {
    color: #000000;    
    font-weight: 600;
}

.k-grid .k-state-selected td {
   background-color: rgba(255, 192, 128,1) !important;
    color: black !important;
    font-weight:600;
}

.k-treeview .k-state-selected p {
    background-color: inherit;
    color: white !important;
}

.k-item td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#dvMenuFuction {
    display: inline-block;
}

    #dvMenuFuction .emptyItem {
        border-right-width: 0;
    }

        #dvMenuFuction .emptyItem > .k-link {
            padding-left: 0 !important;
        }

#main-window {
    -moz-appearance: -moz-win-borderless-glass;
    background-color: transparent !important;
}

#titlebar-buttonbox {
    -moz-appearance: -moz-window-button-box;
    background-color: transparent;
}

#divBarleft {
    overflow: hidden;
}

.divHeaderModule {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(235, 235, 235, 1) 50%, rgba(224, 224, 224, 1) 51%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;*/
    border-bottom: 1px solid #7c8599;
    min-height: 20px;
    overflow: hidden;
    padding: 5px 0;
    white-space: nowrap;
}

.btn-minimize-menu {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    border-color: transparent;
    width: 15px;
}

.divChildModule, .divModuleMoreMenu, .divChildModuleNotHover {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%) repeat scroll 0 0;*/
    border-top: 1px solid #cdc9c9;
    padding: 5px 0;
}

    .divChildModule:hover, .divModuleMoreMenu:hover {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #bdddf7 0%, #b6d9f8 51%, #abcef5 52%, #d7ebfb 100%) repeat scroll 0 0;
        border-color: rgba(163, 207, 240, 1);
    }

    .divChildModule img, .headertitle img, .divModuleMoreMenu img {
        border: 0 none;
        height: 20px;
        margin-left: 10px;
        width: 20px;
    }

#linehmove:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #71aaef 0%, #549cee 51%, #3687f0 52%, #b1cfef 100%) repeat scroll 0 0;
}

.navbar-lv {
    border: 0 none;
    box-shadow: none;
    margin-bottom: 3px;
    min-height: 27px;
    padding-left: 0;
}

    .navbar-lv .navbar-collapse, .navbar-lv .navbar-header {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(193, 239, 220, 0.5) 0%, rgba(115, 189, 159, 0.3) 100%) repeat scroll 0 0;
        border-bottom: 1px solid #94c0d2;
        min-height: 32px;
    }

.navbar-lv-default {
    border-radius: 0;
}

navbar-lv .buttons {
    height: auto;
}

.dropdown-submenu {
    position: relative;
}

.navbar-nav ul {
    border-radius: 0 !important;
}

.dropdown-submenu > .dropdown-menu {
    border-radius: 0 6px 6px;
    left: 100%;
    margin-left: -1px;
    margin-top: -6px;
    top: 0;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a::after {
    border-color: transparent transparent transparent #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover > a::after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        border-radius: 6px 0 6px 6px;
        left: -100%;
        margin-left: 10px;
    }

.navbar-right .dropdown-submenu > .dropdown-menu {
    left: inherit;
    right: 100%;
}

.link-hover a:hover {
    background-image: linear-gradient(to bottom, #5294d0 0%, #297ac5 100%) !important;
}

.lv-link-lv1 {
    padding: 3px 10px 3px 7px !important;
    width: auto;
}

.navbar-default .navbar-nav > .open > a {
    background-color: #297ac5;
    background-image: linear-gradient(to bottom, #5294d0 0%, #297ac5 100%) !important;
    color: #ffffff !important;
}

.navbar-lv .navbar-header .navbar-toggle {
    border-color: #00aaa0;
    margin: 4px 5px;
    padding: 4px;
}

    .navbar-lv .navbar-header .navbar-toggle:focus {
        background-color: rgba(255, 255, 255, 0.72);
        border-color: #00aaa0;
    }

    .navbar-lv .navbar-header .navbar-toggle:hover {
        background-color: rgb(237, 247, 240);
    }

.navbar-lv .icon-bar {
    background-color: #00aaa0 !important;
    width: 18px;
}

.navbar-toggle {
    margin: 4px 10px 4px 0;
    padding: 6px 3px;
}

.navbar-header {
    background-color: rgba(219, 236, 244, 0.61);
}

.k-splitter .k-splitbar-horizontal {
    background-color: #fff;
    width: 1px;
}

.k-splitter .k-splitbar-vertical {
    background-color: #fff;
    height: 1px;
}

    .k-splitter .k-splitbar-horizontal:hover, .k-splitter .k-splitbar-vertical:hover {
        background-color: #fff;
    }

.k-splitbar-vertical .k-resize-handle {
    display: none;
}

.k-splitbar-horizontal .k-resize-handle {
    background-position: 0 center;
}

#MainTabStrip {
    min-height: 33px;
}

.nav-tabs > li > a {
    cursor: pointer;
    padding: 7px 10px;
}

.nav-tabs > li.active {
    background-color: #336699;
}

    .nav-tabs > li.active:hover {
        background-color: #5b84ad;
    }

    .nav-tabs > li.active a {
        background-color: transparent;
        border-bottom: medium none;
        color: whitesmoke;
    }

        .nav-tabs > li.active a:hover {
            background-color: transparent;
            color: whitesmoke;
        }

        .nav-tabs > li.active a:first-child {
            border: medium none;
            border-radius: 0;
            float: left;
            margin: 0;
            padding-top: 7px;
        }

        .nav-tabs > li.active a:nth-child(2) {
            border: medium none;
            border-radius: 0;
            float: right;
            padding: 7px 10px 7px 0;
        }

    .nav-tabs > li.active img {
        cursor: pointer;
    }

#menuTBTemplate {
    border: medium none;
}

    #menuTBTemplate li {
        border: medium none;
    }

.k-textbox {
    text-indent: 0 !important;
}

input.k-textbox .k-selectbox .k-autocomplete {
    height: 2em;
    text-indent: 0.33em;
}

input[disabled] {
    background-color: #edf1fa !important;
    color: black;
    /*color: black;*/
    cursor: not-allowed !important;
    border: solid 1px #abc1de;
}

textarea[disabled] {
    background-color: #edf1fa !important;
    cursor: not-allowed !important;
}

.k-state-disabled {
    border: solid 1px #000000;
    opacity: initial;
}

button[disabled] {
    color: #928d8d !important;
    cursor: not-allowed !important;
}

.buttons {
    height: auto;
}

.dropdown-submenu {
    position: relative;
}

.navbar-nav ul {
    border-radius: 0 !important;
}

.dropdown-submenu > .dropdown-menu {
    border-radius: 0 6px 6px;
    left: 100%;
    margin-left: -1px;
    margin-top: -6px;
    top: 0;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a::after {
    border-color: transparent transparent transparent #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover > a::after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        border-radius: 6px 0 6px 6px;
        left: -100%;
        margin-left: 10px;
    }

.navbar-right .dropdown-submenu > .dropdown-menu {
    left: inherit;
    right: 100%;
}

.link-hover a:hover {
    background-image: linear-gradient(to bottom, #5294d0 0%, #297ac5 100%) !important;
}

    .link-hover a:hover label {
        color: #fff;
    }

.lv-link-lv1 {
    padding: 3px 10px 3px 7px !important;
    width: auto;
}

.navbar-default .navbar-nav > .open > a {
    background-color: #297ac5;
    background-image: linear-gradient(to bottom, #5294d0 0%, #297ac5 100%) !important;
    color: #ffffff !important;
}

div.k-window-content {
    padding: 0;
}

#menuTBTemplate {
    border: medium none;
}

    #menuTBTemplate li {
        border: medium none;
    }

/*.dashboard {
    background: rgba(0, 0, 0, 0) url("../Content/Images/main.jpg") no-repeat scroll center center / cover;
}*/

.btn-cbb {
    background-color: transparent;
    border: 1px solid #7ec6e3;
    border-radius: 13px;
    float: right;
    height: 23px;
    line-height: normal;
    margin: 2px;
    padding: 0;
    width: 23px;
}

    .btn-cbb:hover {
        background: #7ec6e3 linear-gradient(to bottom, #ace3f9 0%, #7bd2f6 100%) repeat scroll 0 0;
        border: 1px solid #7bd2f6;
    }

div.k-window {
    background-color: #dbecf4;
}

.max-lines {
    line-height: 1.8em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.btn-cbb:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.requiredInput {
    border-color: red !important;
}




.heightRow {
    min-height: 26px;
    clear: both;
}

#context-menu img {
    vertical-align: text-bottom;
    width: 16px;
}

#context-menu li > a {
    padding: 3px 10px;
}

.msg-box button img {
    vertical-align: top;
}

.k-window-titlebar {
    background: #3E4B53;
    color: white;
}

.k-header > .k-link {
    margin-right: 0 !important;
    overflow: visible !important;
    text-align: center;
}

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

#moreItemsMenu {
    background-color: transparent;
    background-image: none;
    border: medium none;
    display: none;
    position: absolute;
    top: 0;
}

    #moreItemsMenu:hover {
        background-image: none;
    }

    #moreItemsMenu > li:first-child li {
        width: 200px;
    }

    #moreItemsMenu > li:first-child {
        background-color: transparent;
    }

        #moreItemsMenu > li:first-child > span.k-link {
            background-color: transparent;
            color: transparent;
        }

        #moreItemsMenu > li:first-child > span:first-child span.k-icon {
            display: none !important;
        }

        #moreItemsMenu > li:first-child:hover {
            background-color: transparent;
            border: medium none;
        }

    #moreItemsMenu > ul {
        background-color: transparent;
    }

.btn-show-more {
    background-color: transparent;
    border: medium none;
    margin-right: 3px;
    width: 15px;
}

.no-margin {
    margin: 4px 0 !important;
}

.ico-lang {
    background: url("/favicon.ico") no-repeat center;
    width: 16px;
    height: 16px;
    background-size: contain;
}

.ico-list {
    background: url("/Content/imagesLV/toolbar/list.png") no-repeat center;
    width: 16px;
    height: 16px;
    background-size: contain;
}

.padding15 {
    padding: 15px;
}

.fieldset-border {
    border: 1px solid #94C0D2;
    border-radius: 2px;
    padding: 8px;
    margin-bottom: 0;
}

/*-------------------------------------------------------*/

/*nctruong add chinh font cho more funtion */
.dropdown-toggle {
    color: #666666;
    font-family: Segoe UI;
    font-size: 12px;
}
/*end 23/09/2015*/

/*thnthang show menu item on hover*/
ul.nav li.dropdown:hover > a {
    /*
    background-color: #297ac5;
    background-image: linear-gradient(to bottom, #5294d0 0%, #297ac5 100%) !important;
    color: #ffffff !important;*/
    background-color: #F4F4F4;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    margin: 0;
}


/*nctruong chinh treeview checkbox, image canh giua*/

#treeFunction .k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-sprite, .k-treeview .k-checkbox, .k-treeview .k-in {
    vertical-align: middle;
}

#treeFunction .k-image {
    width: 20px;
    height: 20px;
}

#treeFunction {
    border: none;
}

.col-xs-push-1 {
    left: 8.333333333333332%;
}

.col-xs-push-2 {
    left: 16.666666666666664%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.33333333333333%;
}

.col-xs-push-5 {
    left: 41.66666666666667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.333333333333336%;
}

.col-xs-push-8 {
    left: 66.66666666666666%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.33333333333334%;
}

.col-xs-push-11 {
    left: 91.66666666666666%;
}

.col-xs-pull-1 {
    right: 8.333333333333332%;
}

.col-xs-pull-2 {
    right: 16.666666666666664%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.33333333333333%;
}

.col-xs-pull-5 {
    right: 41.66666666666667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.333333333333336%;
}

.col-xs-pull-8 {
    right: 66.66666666666666%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.33333333333334%;
}

.col-xs-pull-11 {
    right: 91.66666666666666%;
}
/*04/12/2015*/
h4 {
    font-size: 15px;
}

h4, h5, h6 {
    margin-bottom: 0px;
}

.popup-content {
    padding: 10px;
}

/*2016-01-28*/
.img-context-mnu-size {
    width: 16px;
    height: 16px;
}


span.k-numerictextbox {
    padding: 0px;
}

span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown {
    padding: 0px;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    padding: 0px;
}

:-moz-ui-invalid:not(output) {
    box-shadow: none;
}

.bg-shpt {
    width: 100%;
    height: 100%;
}

/* RADIOS & CHECKBOXES STYLES */

/* focus state */
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 1px 2px #abc1de;
    border-radius: 5px;
}


/* input checked border color */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
    border-color: #8ebc00;
}