.morning_section, .afternoon_section {
    background: url('../Content/images/schedulerbg.png') repeat;
}
/*************************************************************
    width
**************************************************************/
.fill-input {
    width: 98% !important;
}

.small-input, .k-numerictextbox.small-number-input, .k-datepicker.small-number-input {
    width: 100px !important;
}

.max-fill-input.small-number-input, .max-fill-input.small-input {
    width: 100% !important;
    max-width: 100px !important;
}

.x-small-input, .k-numerictextbox.x-small-number-input, .k-datepicker.x-small-number-input, .k-combobox.x-small-number-input {
    width: 150px !important;
}

    .k-numerictextbox.x-small-number-input input[type=text] {
        width: 125px !important;
    }

.max-fill-input.x-small-number-input, .max-fill-input.x-small-input {
    width: 100% !important;
    max-width: 150px !important;
}

.medium-input, .k-numerictextbox.medium-number-input, .k-datepicker.medium-number-input, .k-combobox.medium-number-input {
    width: 200px !important;
}

.s-medium-input {
    width: 210px !important;
}

.x-medium-input, .k-numerictextbox.x-medium-number-input, .k-datepicker.x-medium-number-input, .k-combobox.x-medium-number-input {
    width: 250px !important;
}


.large-input, .k-combobox.large-number-input {
    width: 300px !important;
}

.x-large-input, .k-combobox.x-large-number-input {
    width: 400px !important;
}


.k-datepicker.small-number-input {
    width: 100px !important;
}

.label-extend {
    width: 120px !important;
}


/*************************************************************
    Icon
**************************************************************/

.k-button {
    font-family: Tahoma !important;
    font-size: 12px !important;
    padding: 2px 5px 2px 10px !important;
}

.k-grid tbody .k-button {
    /*min-width: 40px !important;
    margin-left: -2px;
    margin-right: 2px;*/
    min-width: 25px !important;
}

.p-i-save, .p-i-back, .p-i-next, .p-i-accept, .p-i-add, .p-i-delete, .p-i-edit, .p-i-print, .p-i-print1, .p-i-print2,
.p-i-reset, .p-i-search, .p-i-mail, .p-i-mail-send, .p-i-refresh, .p-i-refresh1, .p-i-refresh2, .p-i-cancel-changes,
.p-i-detail, .p-i-chart, .p-i-sort-asc, .p-i-sort-desc, .p-i-tree, .p-i-copy, .p-i-sync,
.p-i-import, .p-i-importData, .p-i-exportData, .p-i-barcode, .p-i-Thanhly, .p-i-Thanhly_gray, .p-i-restore, .p-i-restore_gray, .p-i-transfer, .p-i-clear, .p-i-recycle, .p-i-Bienban,
.p-i-close, .p-i-Export, .p-i-Phanquyen, .p-i-Quyetdinhtuyendung, .p-i-Danhgiagiaovien, .p-i-down, .p-i-up, .p-i-map, .p-i-GiaoVien, .p-i-school, .p-i-Xet, .p-i-document, .p-i-linechart, .p-i-TuyChon, .p-i-ThaoTac, .p-i-userGroup,.p-i-recycle_restore, .p-i-copy-row, .p-i-abc, .p-i-remove-view, .p-i-view, .p-i-hand, .p-i-gear, .p-i-document-add
, .p-i-number {
    padding-left: 20px !important;
    padding-top: 2px;
    padding-bottom: 6px;
    margin-left: -5px;
}

.p-i-date-add{
    padding-right: 19px !important;
    padding-top: 2px;
    padding-bottom: 6px;
    margin-left: -5px;
}

.p-i-TuyChon {
    background: url('images/icons/TuyChon.png') 0px 0px no-repeat !important;
}

.p-i-ThaoTac {
    background: url('images/icons/ThaoTac.png') 0px 0px no-repeat !important;
}

.p-i-Xet {
    background: url('images/icons/Xet.png') 0px 0px no-repeat !important;
}

.p-i-GiaoVien {
    background: url('images/icons/GiaoVien.png') 0px 0px no-repeat !important;
}

.p-i-save {
    background: url('images/icons/save.png') 0px 0px no-repeat !important;
}

.p-i-close {
    background: url('images/icons/close.png') 0px 0px no-repeat !important;
}

.p-i-back {
    background: url('images/icons/close.png') 0px 0px no-repeat !important;
}

.p-i-next {
    background: url('images/icons/next.png') 0px 0px no-repeat !important;
}

.p-i-accept {
    background: url('images/icons/accept.png') 0px 0px no-repeat !important;
}
.p-i-accept.disabled {
    background: url('images/icons/accept_gray.png') 0px 0px no-repeat !important;
}

.p-i-add {
    background: url('images/icons/add.png') 0px 0px no-repeat !important;
}

.p-i-delete {
    background: url('images/icons/delete.png') 0px 0px no-repeat !important;
}

    .p-i-delete.disabled {
        background: url('images/icons/delete_gray.png') 0px 0px no-repeat !important;
    }

.p-i-edit {
    background: url('images/icons/edit.png') 0px 0px no-repeat !important;
}
    .p-i-edit.disabled {
        background: url('images/icons/edit_gray.png') 0px 0px no-repeat !important;
    }

.p-i-print {
    background: url('images/icons/print.png') 0px 0px no-repeat !important;
}

.p-i-print.disabled {
    background: url('images/icons/print_gray.png') 0px 0px no-repeat !important;
}

.p-i-print1 {
    background: url('images/icons/print_orange.png') 0px 0px no-repeat !important;
}

.p-i-print2 {
    background: url('images/icons/print_green.png') 0px 0px no-repeat !important;
}

.p-i-reset {
    background: url('images/icons/refresh.png') 0px 0px no-repeat !important;
}

.p-i-search {
    background: url('images/icons/search.png') 0px 0px no-repeat !important;
}

.p-i-mail {
    background: url('images/icons/mail.png') 0px 0px no-repeat !important;
}

.p-i-mail-send {
    background: url('images/icons/mail_send.png') 0px 0px no-repeat !important;
}

.p-i-refresh {
    background: url('images/icons/refresh.png') 0px 0px no-repeat !important;
}

.p-i-refresh1 {
    background: url('images/icons/refresh1.png') 0px 0px no-repeat !important;
}

.p-i-refresh2 {
    background: url('images/icons/refresh2.png') 0px 0px no-repeat !important;
}

.p-i-cancel-changes {
    background: url('images/icons/cancel_changes.png') 0px 0px no-repeat !important;
}
.p-i-cancel-changes.disabled {
    background: url('images/icons/cancel_changes_gray.png') 0px 0px no-repeat !important;
}

.p-i-detail {
    background: url('images/icons/detail.png') 0px 0px no-repeat !important;
}

.p-i-chart {
    background: url('images/icons/chart.png') 0px 0px no-repeat !important;
}

.p-i-sort-desc {
    background: url('images/icons/sort-desc.png') 0px 0px no-repeat !important;
}

.p-i-sort-asc {
    background: url('images/icons/sort-asc.png') 0px 0px no-repeat !important;
}

.p-i-tree {
    background: url('images/icons/tree.png') 0px 0px no-repeat !important;
}

.p-i-copy {
    background: url('images/icons/copy.png') 0px 0px no-repeat !important;
}

.p-i-sync {
    background: url('images/icons/sync.png') 0px 0px no-repeat !important;
}

.p-i-import {
    background: url('images/icons/import.png') 0px 0px no-repeat !important;
}
.p-i-importData {
    background: url('images/icons/ImportData.png') 0px 0px no-repeat !important;
}
.p-i-exportData{
    background: url('images/icons/ExportData2.png') 0px 0px no-repeat !important;
}

.p-i-barcode {
    background: url('images/icons/barcode20x20.png') 0px 0px no-repeat !important;
}

.p-i-Thanhly {
    background: url('images/icons/Thanhly.png') 0px 0px no-repeat !important;
}

.p-i-restore {
    background: url('images/icons/restore.png') 0px 0px no-repeat !important;
}

.p-i-transfer {
    background: url('images/icons/next.png') 0px 0px no-repeat !important;
}

    .p-i-transfer.disabled {
        background: url('images/icons/next_gray.png') 0px 0px no-repeat !important;
    }

.p-i-clear {
    /*background: url('images/icons/clear.png') 0px 0px no-repeat !important;*/
    background: url('images/icons/back.png') 0px 0px no-repeat !important;
}

.p-i-recycle {
    background: url('images/icons/recycle_bin.png') 0px 0px no-repeat !important;
}

    .p-i-recycle.disabled {
        background: url('images/icons/recycle_bin_gray.png') 0px 0px no-repeat !important;
    }

.p-i-Export {
    background: url('images/icons/Export.png') 0px 0px no-repeat !important;
}

.p-i-Thanhly_gray {
    background: url('images/icons/Thanhly_gray.png') 0px 0px no-repeat !important;
}

.p-i-restore_gray {
    background: url('images/icons/restore_gray.png') 0px 0px no-repeat !important;
}

.p-i-Bienban {
    background: url('images/icons/Bienban.png') 0px 0px no-repeat !important;
}

.p-i-Phanquyen {
    background: url('images/icons/Phanquyen.png') 0px 0px no-repeat !important;
}

    .p-i-Phanquyen.disabled {
        background: url('images/icons/Phanquyen_gray.png') 0px 0px no-repeat !important;
    }

.p-i-Quyetdinhtuyendung {
    background: url('images/icons/Bienban.png') 0px 0px no-repeat !important;
}

    .p-i-Quyetdinhtuyendung.disabled {
        background: url('images/icons/Bienban_gray.png') 0px 0px no-repeat !important;
    }

.p-i-Danhgiagiaovien {
    background: url('images/icons/DanhGiaGiaoVien.png') 0px 0px no-repeat !important;
    background-size: 20px 20px;
}

.p-i-up {
    background: url('images/icons/up.png') 0px 0px no-repeat !important;
}

.p-i-down {
    background: url('images/icons/down.png') 0px 0px no-repeat !important;
}

    .p-i-down.disabled {
        background: url('images/icons/down_gray.png') 0px 0px no-repeat !important;
    }

.p-i-map {
    background: url('images/icons/map.png') 0px 0px no-repeat !important;
}

.p-i-school {
    background: url('images/icons/school.png') 0px 0px no-repeat !important;
}

.p-i-document {
    background: url('images/icons/document.png') 0px 0px no-repeat !important;
}

.p-i-linechart {
    background: url('images/icons/linechart.png') 0px 0px no-repeat !important;
}

.p-i-date-add {
    background: url('images/icons/date_add.png') 0px 0px no-repeat !important;
    background-size: 24px 24px;
}

.p-i-number {
    background: url('images/icons/number.png') 0px 0px no-repeat !important;
}

.p-i-userGroup {
    background: url('images/icons/user-group.png') 0px 0px no-repeat !important;
}

.p-i-recycle_restore {
    background: url('images/icons/recycle-restore.png') 0px 0px no-repeat !important;
}

.p-i-copy-row
{
    background: url('images/icons/transfer_top_bottom.png') 0px 0px no-repeat !important;
}

.p-i-abc
{
    background: url('images/icons/abc.png') 0px 0px no-repeat !important;
}


.p-i-view
{
    background: url('images/icons/view.png') 0px 0px no-repeat !important;
}

.p-i-remove-view
{
    background: url('images/icons/unview.png') 0px 0px no-repeat !important;
}

.p-i-hand
{
    background: url('images/icons/hand.png') 0px 0px no-repeat !important;
}
.p-i-gear
{
    background: url('images/icons/DoubleGear1.png') 0px 0px no-repeat !important;
}

.p-i-document-add
{
    background: url('images/icons/document-add.png') 0px 0px no-repeat !important;
}


/*.p-i-save:hover
    {
        background-color: #AFE4FA !important;
    }*/

.field-validation-error {
    color: red;
}

/*MENU*/

.widget-menu {
    background: url('images/bgmenu.png') !important;
    height: 30px;
    color: white !important;
    font-weight: bold;
    border-radius: 5px;
}


    .widget-menu .k-menu .k-item > .k-link {
        padding: 0px .9em 0px !important;
        line-height: 30px !important;
    }



    .widget-menu .k-state-highlight {
        background-color: transparent !important;
        background-image: none !important;
        background-image: none,-webkit-linear-gradient(top,transparent 0,transparent 0%) !important;
    }

    .widget-menu .k-state-hover {
        background-image: none,-webkit-linear-gradient(top,transparent 0,transparent 0%) !important;
        background-color: transparent !important;
    }

    .widget-menu .k-state-active {
        background-color: transparent !important;
        color: yellow !important;
    }
    /*menu cap 2*/
    .widget-menu .k-group {
        background-color: white !important;
    }

    .widget-menu .k-item {
        /*padding: 0 10px;*/
    }

    .widget-menu .k-state-default {
        border-color: transparent !important;
        background: url('images/splitmenu.png') right no-repeat !important;
    }

    .widget-menu .k-link:link, .widget-menu .k-link:visited {
        color: white !important;
    }

    .widget-menu .k-state-hover > .k-link {
        color: yellow !important;
    }

    .widget-menu .k-group .k-item > .k-link {
        color: black !important;
    }

    .widget-menu .k-group .k-state-hover {
        background-color: #A50000 !important;
    }

        .widget-menu .k-group .k-state-hover > .k-link {
            color: white !important;
        }

    .widget-menu .k-popup {
        border: solid 1px #A50000 !important;
    }

    .widget-menu .k-icon {
        background-image: url('themes/default/sprite.png') !important;
        border-color: transparent;
    }

    .widget-menu .k-state-active .k-icon {
        background-image: url('themes/default/sprite.png') !important;
        background-position: -16px -32px !important;
    }

/*************************************************************
    Editor
**************************************************************/

/*hiển thị dấu * ở sau các lable required */
.editor table td.label .required {
    font-weight: normal !important;
}

    .editor table td.label .required:after {
        content: " *";
        color: red;
    }

label.required:after, .required:after {
    content: " *";
    color: red;
    display: inline-block;
}

label.blue-required:after {
    /*content: "*";
    color: blue;
    display: inline-block;*/
}

/*canh lại khoảng cách các tr*/
.editor > table > tr, .editor > table > thead > tr, .editor > table > tbody > tr {
    height: 30px;
}

.editor .space {
    height: 5px !important;
}

.editor > table tr.textarea {
    height: 52px;
}

.editor > table textarea {
    height: 40px;
}

.editor table td.label {
    text-align: left !important;
}


/*************************************************************
    Alignment
**************************************************************/

.JustifyLeft {
    text-align: left;
}

.JustifyRight {
    text-align: right;
}

.JustifyCenter {
    text-align: center;
}

.JustifyFull {
    text-align: justify;
}

/*loading*/
.k-loading-mask {
    z-index: 10000000;
}

/*************************************************************
    Window
**************************************************************/
.k-window-titlebar {
    padding-bottom: 0 !important;
    height: 25px !important;
}

.k-window td.button-container, .k-window div.button-container {
    text-align: center !important;
}

    .k-window td.button-container .k-button ~ .k-button {
        margin-left: 15px;
    }

.k-window .field label ~ input[type=radio] {
    margin-left: 15px !important;
}

/*************************************************************
    Grid
**************************************************************/

.k-grid .link {
    font-weight: bold;
    cursor: pointer;
}

.k-grid .linkUnderline {
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    color: #003F59;
}

.k-grid td.td-button {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.k-grid td .p-text {
    padding-left: 5px !important;
    padding-right: 10px !important;
}

.k-grid .col-header {
    text-align: center !important;
    font-weight: bold !important;
}

.k-grid .g-editable {
    background-color: papayawhip;
}

    .k-grid .g-editable ~ tr td .g-editable {
        border-top: 1px solid;
    }

    .wrap-header {
        overflow: visible !important;
        white-space: normal !important;
    }


/*************************************************************
    Font
**************************************************************/
.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

/*************************************************************
    Visual
**************************************************************/
.hide {
    display: none !important;
}

/*
*/
.settings-button span {
    background: transparent url('images/icons/icon-cog-small.png') no-repeat top left;
    width: 19px;
    height: 18px;
    display: block;
    margin: 5px auto 0px auto;
    cursor: pointer;
}


/*************************************************************
    Color
**************************************************************/
.title-color {
    color: red;
}

/*************************************************************
    General
**************************************************************/

.fixed-table {
    table-layout: fixed;
}

/*************************************************************
    PanelBar
**************************************************************/
.demo-section {
    margin: 0 auto 15px auto;
    padding: 10px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.2);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.07) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0.07)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054c4c4c', endColorstr='#21131313',GradientType=0 ); /* IE6-9 */
}



.allowEdit {
    background-color: rgb(253, 251, 229);
}

.col100Center {
    width: 100px;
    text-align: center;
}

.col100Left {
    width: 100px;
    text-align: left;
}

.col100Right {
    width: 100px;
    text-align: right;
}

.marginTopButton {
    margin-top: 7px;
}

.divTemplateUpload {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    overflow-y: scroll;
    height: 0px;
}

.wrapText{
    overflow: visible; 
    white-space: normal;
}
/*************************************************************
    Combobox
**************************************************************/
.hideArrow > span {
    /*padding: 1px 1px 1px 1px !important;*/
    padding: 0px 1px 0px 1px !important;
}

    .hideArrow > span > span {
        display: none !important;
    }


/****************
* MAP
**************/

span.labelMarker {
     /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255) !important;
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.5) !important;
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF)";
}
.hand {
    cursor: pointer;
}

/***** NOTICE PAGE *****/
.pmt-notice-page {
    position:relative;
    
}
.pmt-notice-page .pmt-padding {
    padding-top:140px;
}
.pmt-notice-page .notice-image {
    width:35%;
    display:block;
    float:left;
    margin-right:20px;
}
.pmt-notice-page .notice-image span.notice-icon {
    width:140px;
    height:140px;
    display:block;
    float:right;
}
    .pmt-notice-page .notice-content {
        font-size:14px;
        line-height:28px;
    }
    .pmt-notice-page .notice-content p {
        max-width:410px;
        float:left;
    }
    .pmt-notice-page .notice-content .notice-title {
        font-size:30px;
        margin-bottom:20px;
    }

.notice-success {
    background:url('../Content/frontend/notice-success.png') no-repeat;
}

.notice-warning {
    background:url('../Content/frontend/notice-warning.png') no-repeat;
}

.notice-info {
    background:url('../Content/frontend/notice-information.png') no-repeat;
}

.pmt-link{
    text-decoration: underline;
    font-style: italic;
}