body{display: none;margin:0px;padding:0px;font-family:"lucida grande",verdana,sans-serif;color:#000000;overflow-y: scroll;}
body table{border-collapse:collapse;/*cellspacing = "0"*/width:100%;}
body th, body tr, body td{padding:0;/*cellpadding = "0"*/}
body {font-size:11px;}
body p{font-size:11px;}
body h1{font-size:30px;}
body h2{font-size:24px;}
body h3{font-size:20px;}
body h4{font-size:18px;}
body h5{font-size:16px;}
body h6{font-size:14px;}
body h1, body h2, body h3, body h4, body h5, body h6, body p{margin:0px;}
body ul, body li{list-style:none;margin:0px;padding:0px;}
body img{border:none; vertical-align: bottom}
body hr{margin:0;height:1px;border: none;background: #666666;}
body a:link{text-decoration:none;}
a, a:visited, a:hover, a:active {color: inherit;}

body .relative{position: relative;}
body .absolute{position: absolute;}
body .fixed{position: fixed;}
body .static{position: static;}
body .float_left{float:left;}
body .float_right{float:right;}
body .clear_both{clear:both;}
body .justify{text-align: justify;}
body .block{display: inline-block;}

body .transparent{background:url('../images/white_50.png');}

body .top{vertical-align:top;}
body .middle{ display: table-cell; vertical-align: middle;}
body .bottom{vertical-align:bottom;}

body .left{text-align:left;}
body .right{text-align:right;}
body .center{text-align:center;}

body .bold{font-weight:bold;}
body .italic{font-style:italic;}
body .underline{text-decoration:underline;}
body .strip{text-decoration:line-through;}

body .hidden{display:none;}
body .show{display:block;}
body .pointer{cursor:pointer;}

#content{height:100%;}

.table_content,
.table_content th,
.table_content td{ border:1px #cccccc solid; }
.table_head{background-color: #1d388d; color:#EFEFEF; height: 30px; }
.table_content tr:nth-child(odd){ background-color: #e9ebef;}
.table_content tr:nth-child(even){ background-color: #ffffff;}
table p,table h1,table h2,table h3,table h4,table h5,table h6{ margin:1px 5px;}

#gridMainContainer{
    display: grid;
    height:100vh;
    grid-template-areas:
        'left header right'
        'left navigator right'
        'left content right'
        'left footer right';
    grid-template-rows: 60px 40px auto 40px;
}
#gridMainHeader{
    grid-area: header;
}
    #gridMainHeaderDiv{margin:5px}
    #gridMainHeaderTable{vertical-align: middle;}

#gridMainNavigator{
    grid-area: navigator;
    position: sticky;top: 0;
    z-index:9997;
    display: grid;
    grid-gap: 2px;
    grid-template-columns: auto 150px 170px 130px 180px auto;
}
    #gridMainNavigator p{line-height: 40px;font-size:16px;}
    #Navigator1{grid-column: 2;}
    #Navigator2{grid-column: 3;}
    #Navigator3{grid-column: 4;}
    #Navigator4{grid-column: 5;}

#gridMainContent{
    grid-area: content;
}

#gridMainFooter{
    grid-area: footer;
    display: grid;
}

#mask{
    background-color:#333333;
    z-index:9998;
    top:0px;
    left:0px;
}
#message{
    background-color:#efefef;
    z-index:9999;
    padding:20px;
    padding:20px;
    border:#cccccc solid 1px;
}
#message_detail{
    width:400px;
}
#message_detail .img_close{
    top:20px;
    right:20px;
}

.k-editor-inline {margin: 0;border-width: 0;box-shadow: none;background: none;}
.k-editor-inline.k-state-active {border-width: 1px;background: none;}
.file-icon{display: inline-block;float: left;width: 48px;height: 48px;margin-left: 10px;margin-top: 13.5px;}
li.k-file .file-wrapper .k-upload-action{position: absolute;top: 0;right: 0;}
li.k-file div.file-wrapper{position: relative;}
.k-button{min-width:0px !important;}
.k-content, .k-input{ background: none !important; }
.k-content .chart-wrapper .k-tooltip{ background: #efefef !important; }

.k-grid-border-top td { border-top: 2px solid gray;}

.k-numeric-wrap {padding-right: 28px;}
.k-numeric-wrap .k-input {text-align: right;padding-right: 5px;}
.k-grid-header{padding-right: 16px !important}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 0; }
}
.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink.75s linear infinite;
 }
