body, input, textarea, keygen, select, button { margin: 0; padding: 0; font: 400 12px Arial,Helvetica,sans-serif; }
.alertButton { height: 16px; padding: 0 20px; }
.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); }
label { text-overflow: ellipsis; }
.panelbar { width: 250px; vertical-align: top; overflow-y: hidden; border-radius: 0; }
.panelbar .k-panel > .k-item > .k-link { font-size: 1em; line-height: 24px; margin: 3px 15px; padding: 3px 5px; display: flex; display: -webkit-flex; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.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; }
.resultbar { width: 200px; vertical-align: top; overflow-y: hidden; border-radius: 0; }
.k-window-title { font-size: 13px; font-weight: 700; }
.header { padding: 2px; }
.header ul { list-style: none; padding: 0; margin: 0 }
.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: 57px !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; }
.main-toolbar-small { height: 30px; line-height: 28px; }
.main-toolbar-small .k-button { height: 30px; }
.main-toolbar-small .k-image, .menu-toolbar-small-overflow .k-image { width: 22px; }
.main-toolbar-large { height: 40px; line-height: 42px; }
.main-toolbar-large .k-button { height: 40px; }
.main-toolbar-large .k-image, .menu-toolbar-large-overflow .k-image { width: 32px; }
.main-toolbar .button-to-add-if-empty .k-image { opacity: 0 !important; }
.main-toolbar .button-to-add-if-empty.not-visible { display: none !important; }
.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; }
.toolbar-shortcut .check { display: none; background: url("kendo/2016.3.1118/Default/sprite.png") no-repeat transparent -32px -32px; position: absolute; left: 5px; width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; }
.k-rtl .menu .ils-menu .check, .k-rtl .toolbar-shortcut .check { right: 5px; }
.menu .activate-window-menu { font-weight: 700; text-decoration: underline; }
.toolbar-shortcut ul { height: 200px !important; }
.toolbar-shortcut ul .k-item > .k-link { padding: 0.2em 1.8em 0.2em 2em !important; }
.k-rtl .toolbar-shortcut ul .k-item > .k-link { padding: 0.2em 2em 0.2em 1.8em !important; }
.menu .activate-window-menu .check, .menu .activate-ils-menu .check, .toolbar-shortcut .activate-shortcut .check { display: inline-block; }
.expanded-panelItem { overflow-y: auto; overflow-x: hidden; }
textarea { resize: none; }
.msgButton { width: 60px; }
.msgButtonW { width: 90px; }
.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'); }
.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; }
.nobackgroundtheme.activatetheme, .nobackgroundtheme.activatetheme:focus { -webkit-box-shadow: none; border: none; border: 2px solid #aaa; }
.ils-safari input.k-checkbox, .ils-safari .k-radio { position: relative; }
.k-webkit fieldset, .k-ff fieldset { padding: 0.2em 0.5em; }
.textleft { text-align: left; }
.k-rtl .textleft { text-align: right; }
.textright { text-align: right; }
.k-rtl .textright { text-align: left; }
.floatleft { float: left; }
.k-rtl .floatleft { float: right; }
.floatright { float: right; }
.k-rtl .floatright { float: left; }
.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 }
.k-grid-editable tr td { padding: .1em .6em; }
.transparentCell { background-color: transparent !important; }
.yellowCell { background-color: yellow; color: black; }
.fixedCell { background-color: ivory; }
.flexlayout > button { align-self: flex-start; }
.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; }
.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; }
.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; }
.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; }
.btnIconButton { background-color: transparent; border: none; cursor: pointer; }
.btnIconButton .btnSprite { display: block; background-repeat: no-repeat; background-position: center bottom; }
.btnIconButton[disabled="disabled"] .btnSprite { background-color: #999; }
.btnFirstIconButton, .btnPreviousIconButton, .btnNextIconButton, .btnLastIconButton, .btnToRightIconButton { border: 1px solid #F7F8F8; border-color: #f7f8f8 #e9ebec #e9ebec #f7f8f8; }
.btnFirstIconButton, .btnLastIconButton, .btnToRightIconButton { padding: 1.5px 5px; }
.btnPreviousIconButton { padding: 1.5px 10px 1.5px 6px; }
.btnNextIconButton { padding: 1.5px 6px 1.5px 10px; }
.btnFirstIconButton .btnSprite { background-image: url(images/iconbuttons/first.png); width: 22px; height: 14px; background-size: cover; }
.btnPreviousIconButton .btnSprite { background-image: url(images/iconbuttons/previous.png); width: 11px; height: 14px; background-size: cover; }
.btnNextIconButton .btnSprite { background-image: url(images/iconbuttons/next.png); width: 11px; height: 14px; background-size: cover; }
.btnLastIconButton .btnSprite, .btnToRightIconButton .btnSprite { background-image: url(images/iconbuttons/last.png); width: 22px; height: 14px; background-size: cover; }
.btnFirstIconButton:focus .btnSprite, .btnFirstIconButton:active .btnSprite, .btnFirstIconButton:focus:active .btnSprite, .btnFirstIconButton:hover .btnSprite, .btnFirstIconButton.k-state-disabled:focus .btnSprite, .btnFirstIconButton.k-state-disabled:active .btnSprite, .btnFirstIconButton.k-state-disabled:focus:active .btnSprite, .btnFirstIconButton.k-state-disabled:hover .btnSprite { background-color: transparent; background-image: url(images/iconbuttons/first_focused.png); }
.btnPreviousIconButton:focus .btnSprite, .btnPreviousIconButton:active .btnSprite, .btnPreviousIconButton:focus:active .btnSprite, .btnPreviousIconButton:hover .btnSprite, .btnPreviousIconButton.k-state-disabled:focus .btnSprite, .btnPreviousIconButton.k-state-disabled:active .btnSprite, .btnPreviousIconButton.k-state-disabled:focus:active .btnSprite, .btnPreviousIconButton.k-state-disabled:hover .btnSprite { background-color: transparent; background-image: url(images/iconbuttons/previous_focused.png); }
.btnNextIconButton:focus .btnSprite, .btnNextIconButton:active .btnSprite, .btnNextIconButton:focus:active .btnSprite, .btnNextIconButton:hover .btnSprite, .btnNextIconButton.k-state-disabled:focus .btnSprite, .btnNextIconButton.k-state-disabled:active .btnSprite, .btnNextIconButton.k-state-disabled:focus:active .btnSprite, .btnNextIconButton.k-state-disabled:hover .btnSprite { background-color: transparent; background-image: url(images/iconbuttons/next_focused.png); }
.btnLastIconButton:focus .btnSprite, .btnLastIconButton:active .btnSprite, .btnLastIconButton:focus:active .btnSprite, .btnLastIconButton:hover .btnSprite, .btnLastIconButton.k-state-disabled:focus .btnSprite, .btnLastIconButton.k-state-disabled:active .btnSprite, .btnLastIconButton.k-state-disabled:focus:active .btnSprite, .btnLastIconButton.k-state-disabled:hover .btnSprite,
.btnToRightIconButton:focus .btnSprite, .btnToRightIconButton:active .btnSprite, .btnToRightIconButton:focus:active .btnSprite, .btnToRightIconButton:hover .btnSprite, .btnToRightIconButton.k-state-disabled:focus .btnSprite, .btnToRightIconButton.k-state-disabled:active .btnSprite, .btnToRightIconButton.k-state-disabled:focus:active .btnSprite, .btnToRightIconButton.k-state-disabled:hover .btnSprite { background-color: transparent; background-image: url(images/iconbuttons/last_focused.png); }
.icon-fieldsdescription { display: block; background-color: transparent; background-image: url(images/icon-tips.png); width: 20px; height: 20px; margin: 0 5px; }
.icon-fieldsdescription-info { display: block; background: #15669F url(images/info.png) no-repeat; background-size: 16px 16px; width: 16px; height: 16px; margin: 0 5px; }
.k-textbox::-moz-placeholder { color: rgba(0, 24, 37, 0.5); }
.k-textbox:-moz-placeholder { color: rgba(0, 24, 37, 0.5); }
.k-textbox:-ms-input-placeholder { color: rgba(0, 24, 37, 0.5); }
.k-textbox::-webkit-input-placeholder { color: rgba(0, 24, 37, 0.5); }

/*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*/

.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; }

.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); }
.main-customcolor-panel { background-color: white; color: black; padding: 10px; border-radius: 0; border: 1px solid rgba(0, 24, 37, 0.25); top: 30px; right: 0px; position: absolute; z-index: 99999; box-shadow: 1px 1px 7px 1px rgba(128,128,128,0.3); }

.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 { 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 }

.customRowStyle .redRow { background-color: #FF5A5A; }
.customRowStyle .yellowRow { background-color: #FAE4A2; }
/*.customRowStyle .k-state-selected { background: linear-gradient(#64a0d3, 90%, #448ccb) !important; }*/
.customRowStyle .greenRow { background-color: #5AFF5A; }
.customRowStyle .redFont { color: #CC0000; }

.customRowStyle2 .redRow { background-color: #FA9494; }
.customRowStyle2 .yellowRow { background-color: #FAE4A2; }
.customRowStyle2 .greenRow { background-color: #C7EBA0; }
.customRowStyle2 .redFont { color: #CC0000; }
.customRowStyle2 .yellowFont { color: #f6f90c; }
.customRowStyle2 .greenFont { color: #568a19; }
.customRowStyle2 .k-state-selected, .customRowStyle2 .k-state-selected:link, .customRowStyle2 .k-state-selected:visited { background-color: rgba(254, 189, 80, 1); }
.customRowStyle2 td.k-state-selected:hover, .customRowStyle2 tr.k-state-selected:hover { background-color: rgba(254, 189, 80, 1); }
 
.custom-delColumn { margin: -0.23em; }
.custom-delColumn img { width: 12px; display: inline-block; cursor: pointer; vertical-align: middle; }

.btnIconCreate { background: url(images/icon-create.png) no-repeat; background-size:14px 14px; }
.btnIconSendSMS .k-sprite.k-icon { background: url(images/icononbuttons/sendSMS.png) no-repeat; background-size: 14px 14px; width: 14px; height: 14px; }
.btnIconSendSMS:focus .k-sprite.k-icon, .btnIconSendSMS:hover .k-sprite.k-icon { background-image: url(images/icononbuttons/sendSMS-focus.png); }

.isms-badge-box { position: relative; min-width: 25px; }
.isms-badge-main { transform: none; right: auto; left: 21px; top: -2px; background-color: #ff2026; box-sizing: border-box; border: 1px solid #fff; color: #fff; width: 20px; border-radius: 0; line-height: 0; overflow: hidden; padding: 0px 1px 0 0.125rem; pointer-events: none; text-align: center; white-space: nowrap; }
.isms-badge-bubble { position: absolute; z-index: 9; }
.isms-badge-msg { font-weight: 700; display: inline-block; letter-spacing: 0rem; line-height: .8125rem; }
.isms-badge-personbar { transform: none; right: auto; left: 21px; top: -6px; background-color: #ff2026; box-sizing: border-box; border: 1px solid #fff; color: #fff; width: 20px; border-radius: 0; line-height: 0; overflow: hidden; padding: 0px 1px 0 0.125rem; pointer-events: none; text-align: center; white-space: nowrap; }

#divAlertsIcons .imgClass { min-width: 28px; padding-right: 4px; }
#divAlertsIcons .imgClass img { /*width: 20px;*/ height: 20px; margin: 2px 3px; }
#divAlertsIcons .imgClassLocation { min-width: 20px; padding-right: 0; }
#divAlertsIcons .imgClassLocation img { /*width: 20px;*/ height: 20px; margin: 2px 3px; }

#divCenterPanel .divSizeIs1px { flex: 0 0 1px; -webkit-flex: 0 0 1px; }
#divCenterPanel .divSizeIs2px { flex: 0 0 2px; -webkit-flex: 0 0 2px; }
#divCenterPanel .divSizeIs3px { flex: 0 0 3px; -webkit-flex: 0 0 3px; }
#divCenterPanel .divSizeIs4px { flex: 0 0 4px; -webkit-flex: 0 0 4px; }
#divCenterPanel .divSizeIs5px { flex: 0 0 5px; -webkit-flex: 0 0 5px; }
#divCenterPanel .divSizeIs8px { flex: 0 0 8px; -webkit-flex: 0 0 8px; }
#divCenterPanel .divSizeIs10px { flex: 0 0 10px; -webkit-flex: 0 0 10px; }
#divCenterPanel .divSizeIs12px { flex: 0 0 12px; -webkit-flex: 0 0 12px; }
#divCenterPanel .divSizeIs15px { flex: 0 0 15px; -webkit-flex: 0 0 15px; }
#divCenterPanel .divSizeIs25px { flex: 0 0 25px; -webkit-flex: 0 0 25px; }
#divCenterPanel .divSizeIs45px { flex: 0 0 45px; -webkit-flex: 0 0 45px; }
#divCenterPanel .divFlexIs1 { flex: 1; -webkit-flex: 1; }
#divCenterPanel .divFlexIs1P3 { flex: 1.3; -webkit-flex: 1.3; }
#divCenterPanel .divJustifyContentIsCenter { justify-content: center; -webkit-justify-content: center; }
#divCenterPanel .divAlignItemsIsCenter { align-items: center; -webkit-align-items: center; }
#divCenterPanel .fontWeightIsBold { font-weight: bold; }
#divCenterPanel .btnSize { width: 17px; height: 17px; background-size: 17px !important; }
/*#divCenterPanel .btnMainHideResult { background-image: url(Images/PersonInfoMinimize.png); background-size: 17px; }
#divCenterPanel .btnMainShowResult { background-image: url(Images/PersonInfoMaximize.png); background-size: 17px; }*/
#divCenterPanel .divOverflowIsHidden { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#divCenterPanel .divLeftTriangleParent { width: 14px; height: 40px; background-color: #115483; border: 1px solid #115483; border-top-left-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; }
#divCenterPanel .divLeftTriangle { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #fff; }
#divCenterPanel .divRightTriangleParent { width: 14px; height: 40px; background-color: #115483; border: 1px solid #115483; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: pointer; }
#divCenterPanel .divRightTriangle { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; }
  
.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 .k-multiselect-wrap { min-height: 1.85em; }
.custom-multiSelect .k-multiselect-wrap li { background: #FFF; border: none; }
/*.custom-multiSelect .k-input { display: none; }*/
.btnSharedADIconButton {
   width: 20px;
   height: 20px;
   background-color: transparent;
   border: none;
   cursor: pointer;
}

.btnSharedADIconButton[disabled="disabled"] .btnSprite, .btnSharedADIconButton[disabled] .btnSprite { background-color: #aaa; }


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

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

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

.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; }

.btnSharedModifyIconButton .btnSprite {
   display: block;
   background: url(images/Modify.png) no-repeat;
   background-size: 18px auto;
   width: 18px;
   height: 18px;
}

.btnSharedCloneIconButton .btnSprite {
   display: block;
   background: url(images/Clone.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}

.btnSharedDropIconButton .btnSprite {
   display: block;
   background: url(images/Drop.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}

.btnSharedTransferIconButton .btnSprite {
   display: block;
   background: url(images/Transfer.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}

.btnSharedRevokeIconButton .btnSprite {
   display: block;
   background: url(images/Revoke.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}

.btnSharedAssignLockerIconButton .btnSprite {
   display: block;
   background: url(images/AssignLocker.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}
/** Fusj add 2023-12-15 ver 3.3.5*/
.btnSharedMassAddIconButton .btnSprite {
   display: block;
   background: #66747C url(images/MassAdd.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}
.btnSharedClearIconButton .btnSprite
{
   display: block;
   background: url(images/Clear.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}
.btnSharedGDIconButton {
   width: 12px;
   height: 14px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   vertical-align: bottom;
}
.btnSharedGDIconButton:disabled {
   opacity: 0.6;
}
.btnSharedGDeleteIconButton .btnSprite {
   display: block;
   background: url(images/TrashCan.png) no-repeat;
   background-size: contain;
   width: 12px;
   height: 14px;
}

.btnSharedGUndoIconButton .btnSprite {
   display: block;
   background: url(images/undo.png) no-repeat;
   background-size: contain;
   width: 12px;
   height: 14px;
}
.btnSharedGroupAddIconButton .btnSprite {
   display: block;
   background: url(images/GroupAdd.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}
.btnSharedDeleteAllIconButton .btnSprite {
   display: block;
   background: url(images/DeleteAll.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}
.btnSharedCheckInIconButton .btnSprite {
   display: block;
   background: url(images/CheckIn.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}
.btnSharedCheckOutIconButton .btnSprite {
   display: block;
   background: url(images/CheckOut.png) no-repeat;
   background-size: 20px 20px;
   width: 20px;
   height: 20px;
}

.icon-coreAlerts { display: block; background:url(images/iconbuttons/CoreAlerts.png) no-repeat; background-size: 16px 16px; width: 16px; height: 16px; margin: 0 5px; }
.btnMainAlert .alertCount {
   display: none;
   margin-top: -10px;
   margin-right: -20px;
   background-color: #f00;
   border-radius: 50%;
   color: white;
   font-size: 12px;
   font-weight: bold;
}

.btnMainAlert .alertCount:before {
   content: "";
   float: left;
   padding-top: 100%;
}

.btnMainAlert .alertCount label {
   margin-top: 7.5px;
   display: inline-block;
}

.btnMainPASI .noticePASI {
   display: none;
   margin-top: -20px;
   margin-right: -20px;
   background-color: #f00;
   border-radius: 50%;
   height: 6px !important;
   width: 6px !important;
}

.btnMainPASI .noticePASI:before {
   content: "";
   float: left;
   padding-top: 100%;
}
.announcement-panel {
   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-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;
}

.icon-district-field {
   display:block; background:url(images/DistrictFieldTag.png) no-repeat; background-size: 16px 16px; width: 16px; height: 16px; margin: 0 5px;
}

img.isc-district-tab { width: 1.2em; height: 1.2em; }
/*fusj add 2024-04-16 ver 2.4.1*/
.icon-grid-district-column { width: 16px; height: 16px; vertical-align: middle; margin-right: 3px; }
.btnIconDistrict { background: url(images/DistrictFieldTag.png) no-repeat; background-size:14px 14px; }

.icon-district-field-tree {
   display: inline-block;
   background: url(images/DistrictFieldTag.png) no-repeat;
   background-size: 16px 16px;
   width: 16px;
   height: 16px;
   margin: 0 5px -3px 5px;
}

.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; }