body, input, textarea, keygen, select, button { margin: 0; padding: 0; font: 400 12px Arial,Helvetica,sans-serif; }
.menu { vertical-align: top; }
.alertButton { height: 20px; padding: 0 5px; min-width: 60px; }
.confirmImg { background: transparent no-repeat top left; background-image: url('images/icon-question.gif'); }
.alertImg { background: transparent no-repeat top left; background-image: url('images/icon-info.gif'); }
fieldset, .baseBorder, .mainBorder { border-radius: 0; border: 1px solid rgba(0, 24, 37, 0.3); }
.flexlayout { display: flex; display: -webkit-flex; }
.flexlayout > * { min-width: 0; }
.flexlayoutcol { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column }
.flexlayoutcol > * { min-height: 0 }
input[readonly], input[readonly]:hover, textarea[readonly], textarea[readonly]:hover { background-color: #eaeaea }
[readonly].k-input, [readonly].k-input:hover { background-color: #eaeaea }
.menu .k-menu { margin-bottom: 2px; background-color: transparent; background-image: none; border: none; }
.menu .k-menu > .k-item > .k-link { margin-top: 10px; margin-bottom: 5px; border-radius: 0; }
.menu .k-menu > .k-item > .k-link.k-state-active + div { top: 50px !important; }
.menu .k-menu .k-item > .k-link { padding: 0.3em 0.9em; font-size: 13px; font-weight: 700; }
.menu .k-menu .k-item .k-menu-group .k-item > .k-link { padding: 0.4em 1.8em 0.4em 2em; font-size: 12px; font-weight: normal; }
.k-rtl .menu .k-menu .k-item .k-menu-group .k-item > .k-link { padding: 0.4em 2em 0.4em 1.8em; font-size: 12px; font-weight: normal; }
.menu .k-menu .k-item > .k-link > .k-i-arrow-s { display: none; }
.menu .ils-menu .check, .menu .ils-menu .check::before, .menu .ils-menu .check::after { left: 3px; width: 16px; height: 16px; position: absolute; top: 3px; content: "\2713"; font-size: 13px; color: white; }
.menu .ils-menu .check { display: none; }
.k-rtl .menu .ils-menu .check, .k-rtl .toolbar-shortcut .check { right: 5px; }
.menu .activate-window-menu { font-weight: 700; text-decoration: underline; }
.menu .activate-window-menu .check, .menu .activate-ils-menu .check, .toolbar-shortcut .activate-shortcut .check { display: inline-block; }
.menu .k-menu .k-item > .k-link { height: 20px; line-height: 20px; }
.menu .k-menu .k-item.k-state-focused { border: none; box-shadow: none; }
.menu .k-menu > .k-item > .k-link { margin-top: 10px; margin-bottom: 5px; border-radius: 0; }
.main-toolbar, .main-toolbar .k-button, .main-toolbar .k-separator { border: none; background-color: white; }
.menu .k-menu .k-item > .k-link > .k-i-arrow-e { width: 6px; height: 6px; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg); background: none; margin-top: -4px; right: 8px; }
.im-msg-content-message a { cursor: pointer; text-decoration: underline !important; }
.theme, .theme:focus { box-shadow: none; -webkit-box-shadow: none; border: none; }
.activatetheme, .activatetheme:focus { -webkit-box-shadow: none; border: none; border: 2px solid #fff; }
.header { padding: 2px; }
.header ul { list-style: none; padding: 0; margin: 0 }
.panelbar { width: 240px; vertical-align: top; overflow-y: hidden; border-radius: 0; }
.panelbar .k-panel > .k-item > .k-link { font-size: 13px; line-height: 24px; margin: 3px 15px; padding: 3px 5px; display: flex; display: -webkit-flex; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.panelbar .k-panel > .k-item > .k-link > .k-image { width: 24px; margin-left: 10px; margin-top: 0; margin-right: 10px; }
.panelbar .panelbar-dropitem { border-top: 3px solid rgba(254, 189, 80, 1); }
.panelbar, .panelbar .k-panelbar, .panelbar .k-panelbar .k-content, .panelbar .k-panelbar .k-item, .panelbar .k-panelbar .k-panel, .panelbar .k-panel > li.k-item, .panelbar .k-content, .panelbar .k-panelbar > li.k-item, .k-tiles, .panelbar .k-panelbar .k-header { background-color: white; background-image: none; border: none; }

.panelbar .k-panelbar > .k-item > .k-link { border-color: transparent; font-size: 14px; text-align: left; margin: 3px 15px; padding: 0px 15px; line-height: 32px; display: none; }
.panelbar > .k-panelbar { margin-top: 10px; border: none; }
.panelbar .k-i-arrow-s { width: 8px; height: 8px; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(135deg); background: none; right: 10px; }
.panelbar .k-i-arrow-n { width: 8px; height: 8px; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(-45deg); background: none; right: 10px; margin-top: -4px; }
button.btnNotice { background: url("../Images/Notice.png") no-repeat transparent 0 0 / 18px 20px; width: 22px; height: 20px; margin: 13px 5px 0 5px; box-shadow: none; }
.btnNotice .noticeCount { display: none; margin-top: -10px; margin-right: -20px; background-color: #f00; border-radius: 50%; color: white; font-size: 12px; font-weight: bold; }
.btnNotice .noticeCount:before { content: ""; float: left; padding-top: 100%; }
.btnNotice .noticeCount label { margin-top: 7.5px; display: inline-block; }
.announcement-panel { flex: 0 0 300px; -webkit-flex: 0 0 300px; border-left: 1px solid rgba(0, 24, 37, 0.3); padding: 8px 12px; }
.announcement-panel .anmt { padding: 0 8px; margin-bottom: 8px; border-radius: 0; /*max-height: 105px;*/ color: #001825; }
.announcement-panel .anmt-new { border: 1px solid #001825; }
.announcement-panel .anmt-old { border: 0.5px solid #55001825; }
.announcement-panel .anmt-selected { border: 2px solid #115483; }
.announcement-panel .anmt-title { color: #001825; font-weight: bold; word-wrap: break-word; }
.announcement-panel .anmt-message { opacity: 0.8; width: 270px; word-wrap: break-word; /*overflow: hidden;*/ position: relative; line-height: 1.25em; /*max-height: 3.75em;text-align: justify; margin-right: -1em; padding-right: 1em;*/ }
/*.announcement-panel .anmt-message:before { content: '...'; position: absolute; right: 0; bottom: 0; }*/
/*.announcement-panel .anmt-message:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white; }*/
.announcement-panel .anmt-date { opacity: 0.6; font-size: 11px; justify-content: flex-end; -webkit-justify-content: flex-end; }
.announcement-panel .k-state-selected { border: 2px solid #115483; background: none; }
.k-textbox::-moz-placeholder, .k-textbox:-moz-placeholder, .k-textbox:-ms-input-placeholder, .k-textbox::-webkit-input-placeholder { color: rgba(0, 24, 37, 0.5); }
.stripes-cell { height: 1.7em; margin: -0.4em -0.6em; border: 0.5px solid #9da3a7; border-bottom-width: 2px; background-image: repeating-linear-gradient(145deg, #CCC, #CCC 1.89px, #EDEDED 1.89px, #EDEDED 4px); }
.no-shrink { flex-shrink: 0; }

.custom-upload .k-upload { width: 100%; border: 1px dashed #001825; border-radius: 0; height: 104px; overflow: hidden; }
.custom-upload .k-dropzone { text-align: center; background: url(Images/download.png) no-repeat; background-size: auto 35px; background-position: center 5px; height: 100%; padding-top: 47px; }
.custom-upload .k-dropzone em { display: block; }
.custom-upload .k-dropzone:before { content: "Drag and Drop here\A or\A"; white-space: pre; }
.custom-upload .k-dropzone .k-upload-button { color: #15669F; border: 0.5px solid #7c888f; border-radius: 0; background-color: transparent; height: 21px; padding-top: 2px; margin-top: 3px; }

.custom-upload2 .k-upload { width: 100%; border: 1px dashed #001825; border-radius: 0; height: 74px; overflow: hidden; }

.custom-upload2 .k-upload:before { content: "Drag and Drop here"; white-space: pre; position: relative; top: 51px; left: 20px; }

.custom-upload2 .k-dropzone { text-align: center; background: url(Images/download.png) no-repeat; background-size: auto 35px; background-position: 49px 10px; height: 100%; padding-top: 25px; margin-top: -14px; }

.custom-upload2 .k-dropzone em { display: block; }

.custom-upload2 .k-dropzone:before { content: "Or"; white-space: pre; margin: 0 17% 0 46%; }

.custom-upload2 .k-dropzone .k-upload-button { color: #15669F; border: 0.5px solid #7c888f; border-radius: 0; background-color: transparent; height: 21px; padding-top: 2px; margin-top: 3px; }

.custom-upload3 .k-upload { width: 100%; border: 1px dashed #001825; border-radius: 0; height: 74px; overflow: hidden; }

.custom-upload3 .k-upload:before { content: attr(data-firsttitle); white-space: pre; position: relative; top: 51px; left: 20px; }

.custom-upload3 .k-dropzone { text-align: center; background: url(Images/download.png) no-repeat; background-size: auto 35px; background-position: 49px 10px; height: 100%; padding-top: 25px; margin-top: -14px; }

.custom-upload3 .k-dropzone em { display: block; }

.custom-upload3 .k-dropzone:before { content: attr(data-secondtitle); white-space: pre; margin: 0 10% 0 46%; }

.custom-upload3 .k-dropzone .k-upload-button { color: #15669F; border: 0.5px solid #7c888f; border-radius: 0; background-color: transparent; height: 21px; padding-top: 2px; margin-top: 3px; }


.custom-tabstrip .k-tabstrip-items { padding: 0; margin-left: 10px; margin-right: 10px; }
.custom-tabstrip .k-tabstrip-items .k-state-default, .custom-tabstrip .k-tabstrip-items .k-state-hover, .custom-tabstrip .k-tabstrip-items .k-state-active { margin-left: 12px; margin-right: 12px; }
.custom-tabstrip .k-tabstrip > .k-content, .custom-tabstrip .k-panelbar .k-tabstrip > .k-content { padding: 0; margin: 0; }
.custom-tabstrip .k-tabstrip-items .k-link, .custom-tabstrip .k-panelbar .k-tabstrip-items .k-link { padding: 0.44em 0.67em 0.39em 0.67em; }

.grading-file-row { flex: 0 0 16px; -webkit-flex: 0 0 16px; background: url(Images/icon_word.png) no-repeat; background-size: auto 16px; margin-bottom: 8px; }
.grading-file-row .file-title { text-indent: 23px; margin-top: 2px; text-overflow: ellipsis; overflow: hidden; }
.grading-file-row a { text-decoration: none; }
.grading-file-row button { margin-top: 2px; cursor: pointer; background: 0 0 transparent !important; box-shadow: none !important; border: none; }
.grading-file-row button:hover { background-color: #ebebeb !important; }
.grading-file-row button .k-button-icon { width: 14px; height: 14px; display: block; background: url(images/icon_close.png) no-repeat; background-size: 14px auto; }
.icon_word { background-image: url(Images/icon_word.png); }
.icon_pdf { background-image: url(Images/icon_pdf.png); }
.icon_png { background-image: url(Images/icon_png.png); }
.icon_jpg { background-image: url(Images/icon_jpg.png); }
.icon_xls { background-image: url(Images/icon_xls.png); }

/*scrollbar--------------------------------------------start*/
/*chrome--------------------------------------------start*/
::-webkit-scrollbar { width: 8px; height: 8px; }
/* Track */
::-webkit-scrollbar-track { background: rgb(255, 255, 255); border-radius: 8px; }
/* Handle */
::-webkit-scrollbar-thumb { background: rgb(201, 201, 202); border-radius: 8px; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: rgb(162, 162, 163); }
.el-menu::-webkit-scrollbar,
.el-table__body-wrapper::-webkit-scrollbar { display: none; }
.el-menu:hover::-webkit-scrollbar,
.el-table__body-wrapper:hover::-webkit-scrollbar { display: block; }
/*chrome--------------------------------------------end*/
/*IE--------------------------------------------start*/
* { /*三角箭头的颜色*/ scrollbar-arrow-color: #c0c4cc; /*滚动条滑块按钮的颜色*/ scrollbar-face-color: #A2A2A3; /*滚动条整体颜色*/ scrollbar-highlight-color: #A2A2A3; /*滚动条阴影*/ scrollbar-shadow-color: #A2A2A3; /*滚动条轨道颜色*/ scrollbar-track-color: #f4f4f5; /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/ /*scrollbar-3dlight-color:#A2A2A3;*/ /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/ scrollbar-darkshadow-color: #A2A2A3; /*滚动条基准颜色*/ scrollbar-base-color: #f4f4f5; }
.el-table__body-wrapper, .el-menu { /*IE下隐藏*/ -ms-overflow-style: none; }

.el-table__body-wrapper:hover, .el-menu:hover { /*IE下显示*/ -ms-overflow-style: auto; }
/*IE--------------------------------------------end*/
/*scrollbar--------------------------------------------end*/

.customRowStyle .redRow { background-color: #FF5A5A; }
.customRowStyle .yellowRow { background-color: #FAE4A2; }
/*.customRowStyle .k-state-selected { background: linear-gradient(#64a0d3, 90%, #448ccb) !important; }*/
.section-header, .section-header-in-theme { font-weight: bold; padding: 10px 12px; background-color: #E0E3E4; border-radius: 0; border: 0.5px solid #A8B0B4; border-bottom: none; }

.section-content, .section-content-in-theme { border-radius: 0; border: 0.5px solid #BBC1C4; border-top: none; padding: 8px 12px; }

.section-header-in-theme { background-color: #15669F; color: white; padding: .6em .6em .5em .6em }

.attendance-absent, .attendance-absent-unexcused { background-color: #FF5A5A; }

.attendance-late { background-color: #FAE4A2; }

.attendance-early-departure { background-color: #A2E0FA; }

.attendance-late-early-departure { background-color: #FAA2EF; }

.attendance-absent-excused { background-color: #d65aff }

.floatright { float: right; }

.k-rtl .floatright { float: left; }

.cutom-multiselect { height: 1.9em; }
.cutom-multiselect .k-multiselect-wrap { height: 1.75em; min-height: 1.75em; }
.cutom-multiselect .k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close,
.cutom-multiselect .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close { display: none; }
.cutom-multiselect .k-multiselect-wrap ul { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cutom-multiselect .k-multiselect-wrap ul li { float: none; border: none; background: none; }

.compact-upload .k-upload { border-width: 0; }
.compact-upload .k-upload .k-dropzone { padding: 0; }
.compact-upload .k-upload-status-total { display: none; }
.compact-upload .k-dropzone em { display: none; }
.compact-upload .k-button { color: #15669F; box-sizing: border-box; box-shadow: -1px -1px 2px 1px rgba(0,24,37,0.15), 0px 0px 2px 1px rgba(0,24,37,0.15); -webkit-box-shadow: 0px 0px 1px 0px rgba(0,24,37,0.15), 0px 0px 2px 2px rgba(0,24,37,0.15); background: white; border: 1px solid #fff; }
/*.custom-multiSelect-2 .k-multiselect-wrap { min-height: 1.75em; } 
.custom-multiSelect-2 .k-multiselect-wrap li { background: none; border: none; }
.custom-multiSelect-2 .k-multiselect > .k-multiselect-wrap > .k-i-close,
.custom-multiSelect-2 .k-multiselect .k-state-hover > .k-multiselect-wrap > .k-i-close { display: none; }*/

.custom-multiSelect .k-multiselect-wrap { min-height: 1.85em; }
.custom-multiSelect .k-multiselect-wrap li { background: #FFF; border: none; }
.custom-multiSelect .k-input { display: none; }

.msgButton { width: 60px; }
.msgButtonW { width: 70px; }
.msgImgBox { background: transparent no-repeat top left; background-size: 35px; }
.iscMsg .Error { background-image: url('../images/message/Error.png'); }
.iscMsg .Critical { background-image: url('../images/message/Critical.png'); }
.iscMsg .Question { background-image: url('../images/message/Question.png'); }
.iscMsg .WellDone { background-image: url('../images/message/WellDone.png'); }
.iscMsg .Information { background-image: url('../images/message/Information.png'); }
.iscMsg .Warnning { background-image: url('../images/message/Warnning.png'); }

.btnSharedADIconButton {
   width: 20px;
   height: 20px;
   background-color: transparent;
   border: none;
   cursor: pointer;
}

.btnSharedAddIconButton .btnSprite {
   display: block;
   background: #66747C url(images/add.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}

.btnSharedDeleteIconButton .btnSprite {
   display: block;
   background: #66747C url(images/Delete.png) no-repeat;
   background-size: 13px auto;
   margin: 1px 0 0 3px;
   width: 13px;
   height: 17px;
}


.isc-psw { position: relative; display: inline-flex; }
.isc-psw ::-ms-reveal { display: none; }
.isc-psw .isc-reveal { margin: 0; padding: 0; position: absolute; top: 0px; right: 3px; background: none; width: 21px; height: 21px; border: none !important; }
.isc-psw .isc-reveal > .isc-icon { display:inline-block; margin: 0; padding: 0; width: 21px; height: 21px; background-size: 21px; }
.isc-psw .isc-reveal > .reveal { background-image: url(Images/eye-icon.png); }
.isc-psw .isc-reveal > .not-reveal { background-image: url(Images/eye-slash-icon.png); }

.i-bambora-textbox { height: 1.75em; line-height: 1.25em; border: solid 1px #d5d5d5; text-indent: 0.33em; padding: 0 0.3em; background-color: #fff; color: #2e2e2e; box-sizing: border-box; -webkit-box-sizing: border-box; }
.i-bambora-textbox-focus { border-color:#15669F !important; }