* { box-sizing:border-box; }
html { height: 100%; overflow:auto; margin:0; padding:0; }
body { height: 100%; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none; }
div { position:relative; vertical-align:top; }
/* a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; vertical-align:middle; } */
a { text-decoration:none;  color: #333333; vertical-align:middle; }
textarea { height:160px; }

#panelApplication { width:100%; height:100%; z-index:0; overflow-x:hidden; overflow-y:hidden; visibility:visible; }

/* Application */
.application { width:100%; height:100%; }

/* Application Header */
.ah { height:25px; border-bottom:solid #666666 1px; }
.ah-left { position:absolute; left:0; top:0; width:10px; background-image:url(../images/dlg_top_center_10.gif); }
.ah-center { margin-left:10px; margin-right:10px; padding-top:6px; font-weight:bold; text-align:center; background-image:url(../images/dlg_top_center_10.gif); }
.ah-right { position:absolute; right:0; top:0; width:10px; background-image:url(../images/dlg_top_center_10.gif); }

/* Application Menu */ 
.application-menu-button { display:inline-block; width:100px; }
.amb-input { border:none; width:80px; height:20px; background-image:url('../images/ib_application_menu.png'); background-size:80px 20px; background-repeat: no-repeat; overflow-y: hidden; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: center; }
.amb-input:focus { outline: none; background-image:url('../images/ib_application_menu_sel.png'); }

/* Application Body */
.application-body { height: calc(100% - 85px); }
.ab { background-color: #cccccc; min-height:25px; }
.ab-left { position:absolute; left:0; top:0; height:100%; }
.ab-center { height:100%; }
.ab-right { position:absolute; right:0; top:0; height:100%; }

/* Application Footer */
.af { height:25px; background-size:10px 25px; }
.af-left { position:absolute; left:0; top:0; width:10px; background-image:url(../images/dlg_bottom_center_10.gif); }
.af-center { margin-left:10px; margin-right:10px; padding-top:6px; font-weight: bold; text-align:right; background-image:url(../images/dlg_bottom_center_10.gif); }
.af-right { position:absolute; right:0; top:0; width:10px; background-image:url(../images/dlg_bottom_center_10.gif); }
.application-status { font-weight:normal; color:#3399ff; text-align:right; padding: 3px 5px 0px 0px; }

/* Application Navigation and Section */
nav { position:relative; float:left; height:100%; width: 345px; margin-left: -345px; transition: margin-left 0.3s; background-color:#FFFFFF; z-index: 2; }
.nav-open { margin-left: 0px; transition: margin-left 0.3s; }
section { position:relative; height:100%; }

.application-main-panel { position:absolute; top:0px; left:0px; width:0%; height:100%; }
.application-main-panel-right { position:absolute; top:0px; right:0px; width:0%; height:100%; }
.application-menu { padding: 4px 10px; }

/* Sidebar Menu */
table { border-collapse:collapse; width:100%; height:100%; }
td { padding:0; font-size:12px; } 

.sidebar-menu-title { text-align: center; height: 20px; border-top: solid 1px #939393; padding-top: 2px; padding-left: 0px; background-image:url("../images/list_title_10.jpg");  background-size:20px 20px; vertical-align: middle; }
.smt-left { position:absolute; left:0; top:0; width:20px; }
.smt-center { margin-left:20px; margin-right:20px; }
.smt-right { position:absolute; right:0; top:0; width:20px; padding: 2px;}
.menu-action-button-more { border:none; width:16px; height:16px; background-image:url('../images/ib_filter_action_more.png'); background-size:16px 16px; overflow-y: hidden; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: center; }
.menu-action-button-more:focus { outline: none; background-image:url('../images/ib_filter_action_more_sel.png'); }

.sidebar-menu-collection { display: block; }
.smc-display-none { display: none; }

.smt-first { border-top: 0px; }
.sidebar-menu-item { display:block; height: 17px; width:100%; padding-top: 1px; padding-left: 3px; }
.sidebar-menu-item:hover { background-image:url("../images/list_header_selected_100.gif"); }
.sidebar_menu_item_notification { display:block; height: 17px; width:100%; padding-top: 1px; padding-left: 3px; color: #ec0000; }

/* Panel */
.application-panel { position:relative; height:100%; border-top: solid 1px #939393; border-bottom: solid 1px #F0F0F0; vertical-align: top; }
.panel-body { -moz-calc(100% - 27px); height: -webkit-calc(100% - 27px); height: calc(100% - 27px); background-color:#FFFFFF; text-align:left; }

/* Dialog */
.dialog { margin: 10px 10px 0px 10px; width: calc(100% - 20px ); }
.dialog-panel { display: inline-block; width: 100%; padding: 10px; background-color: #ddd; border: solid 1px #7F9DB9; border-radius: 10px; }
.dialog-panel-mb { margin-bottom: 10px; }
.dp-mr { margin-right: 10px; }
.dialog-column { display: block; margin-right: 10px; margin-bottom: 10px; }
.dialog-element { display: inline-block; box-sizing: border-box; width: 100px;  padding: 5px; vertical-align: top; font-size:10px; }
#dialogLogin { position:absolute; top:0px; left: 0px; }
 
/* Dialog Header */
.dh { height:25px; border-bottom:solid #666666 1px; background-size:10px 24px; }
.dh-left { position:absolute; left:0; top:0; width:10px; background-image:url(../images/dlg_top_left_10.gif); }
.dh-center { margin-left:10px; margin-right:10px; padding-top:6px; font-weight:bold; text-align:center; background-image:url(../images/dlg_top_center_10.gif); }
.dh-right { position:absolute; right:0; top:0; width:10px; background-image:url(../images/dlg_top_right_10.gif); }

/* Dialog Body */
.db { height: 100%; min-height:25px;  background-color: #cccccc; background-size:10px 100%; }
.db-left { position:absolute; left:0; top:0; width:10px; background-image:url(../images/dlg_left_10.gif); }
.db-center { margin-left:10px; margin-right:10px; padding-top:10px; padding-bottom:10px; }
.db-right { position:absolute; right:0; top:0; width:10px; background-image:url(../images/dlg_right_10.gif); }

/* Dialog Footer */
.df { height:25px; background-size:10px 25px; }
.df-left { position:absolute; left:0; top:0; width:10px; background-image:url(../images/dlg_bottom_left_10.gif); }
.df-center { margin-left:10px; margin-right:10px; text-align:right; background-image:url(../images/dlg_bottom_center_10.gif); }
.df-right { position:absolute; right:0; top:0; width:10px; background-image:url(../images/dlg_bottom_right_10.gif); }

/* Form */
.input { display: block; padding-bottom: 5px; }
.input-label { display: inline-block; width:25%; text-align: left;}
.input-element { display: inline-block; width: 75%; text-align: left; }
.input-select { display: inline-block; margin-left: 5px; margin-top: 10px; text-align: left;}
.form-input { display: inline-block; width: 100%; padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.form-input:focus  { outline: none; background-color: lightblue; }
.form-error-message { color: #FF0000; }
.fi-currency { width: 100px; float:right; text-align: right; }

/* Action Buttons */
.action-button { margin-left: 10px; border:none; width:60px; height:20px; background-image:url('../images/ib_action.png'); background-size:60px 20px; overflow-y: hidden; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: center; }
.action-button:focus { outline: none; background-image:url('../images/ib_action_sel.png'); }
.filter-action-button { margin: 15px 5px 5px 0px; border:none; width:60px; height:20px; background-image:url('../images/ib_filter_action.png'); background-size:60px 20px; overflow-y: hidden; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: center; }
.filter-action-button:focus { outline: none; background-image:url('../images/ib_filter_action_sel.png'); }
.filter-action-button-more { margin: 15px 5px 5px 0px; border:none; width:20px; height:20px; background-image:url('../images/ib_filter_action_more.png'); background-size:20px 20px; overflow-y: hidden; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: center; }
.filter-action-button-more:focus { outline: none; background-image:url('../images/ib_filter_action_more_sel.png'); }
.filter-action-button-previous { margin: 2px 5px 0px 0px; border:none; width:20px; height:20px; background-image:url('../images/ib_filter_action_more.png'); background-size:20px 20px; overflow-y: hidden; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: center; }
.filter-action-button-previous:focus { outline: none; background-image:url('../images/ib_filter_action_more_sel.png'); }
.summary-action-button-more { margin-top: 10px; border:none; width:20px; height:20px; background-image:url('../images/ib_filter_action_more.png'); background-size:20px 20px; overflow-y: hidden; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: center; }
.summary-action-button-more:focus { outline: none; background-image:url('../images/ib_filter_action_more_sel.png'); }

/* Table header column action button */
.thcab { border:none; padding-bottom: 3px; height: 20px; display: flex; background-image: url("../images/list_header_10.gif"); border-right: 1px solid lightgrey; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; }
.thcab:hover { background-image: url("../images/list_header_selected_10.gif"); }
.thcab:focus { background-image: url("../images/list_header_selected_10.gif"); }

/* Record Summary */ 
.record-summary-panel { background-color: #E1E1E1; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; border-width: 0px; }

.rsp-item { display:none; vertical-align:top; width:350px; margin-left:10px; }
.rsp-item-display-fixed { display:inline-block; }
.rsp-item-display-ib { display:inline-block; }

.rsp-item-label { display:inline-block; vertical-align:top; width:100px; font-weight:bold; }
.rsp-item-element { display:inline-block; width:240px; padding-left:10px; }

/* Record Tab Bar */ 
.dialog-tab-bar { height:25px; border-bottom: solid 1px #939393; background-color: #cccccc; }
.dtb-tab { display:inline-block; height:25px; width:100px; padding-top:3px; text-align:center; background-color: #cccccc; border-top: solid 1px #939393; border-right: solid 1px #939393; border-bottom: solid 1px #939393; }
.dtb-tab-sel { background-color: #999999; }

/* Record Body */ 
.record-body { position:relative; z-index:0; overflow-x:hidden; overflow-y:hidden; }
.record-tab { position:absolute; padding: 10px 0px 0px 10px; background-color:#cccccc; height:100%; width:100%; z-index:0; overflow-x:hidden; overflow-y:hidden; visibility:visible; }
.record-panel-footer { background-color:#CCCCCC; height:30px; padding-bottom: 10px; padding-right: 10px; text-align: right; }

/* Record Dialog */ 
.record-dialog { position:absolute; left:0px; top:200px; z-index:-1; width: 100%; }

/* Table */ 
.table { position:relative; height:100%; border-top: solid 1px #939393; border-bottom: solid 1px #F0F0F0; vertical-align: top; }
.table-title { float:left; }
.table-navigation { float:right; }

/* Table Heading */ 
.table-heading { height:27px; font-weight: bold; text-align: left; text-decoration: none; padding: 6px 10px 1px 10px; background-image: url("../images/list_menu_10.gif"); border-bottom:solid #666666 1px; }

/* Table Filter */ 
.table-filter { background-color: #E1E1E1; margin: 0px; padding: 10px 0px 5px 10px; border-width: 0px; min-height:40px; }
.table-filter-hidden { height: 0px; padding: 0px; min-height:0px; visibility:hidden; }

.table-filter-control { display:none; margin: 0px 5px 5px 0px; }
.tfc-display-fixed { display:inline-block; }
.tfc-display-ib { display:inline-block; }

.table-filter-control-title { margin-left: 2px; font-size: 10px; font-weight:bold; color: #333333; text-decoration: none; }
.form-input-filter { display: inline-block; width: 160px; padding: 4px 6px; border: 1px solid #ccc; border-radius: 4px; font-size:11px; }
.form-input-filter:focus  { outline: none; background-color: lightblue; }
.fi-date { width: 140px; }

.fif-date { width: 140px; }
.fif-date-select-table { height: 262px; position: absolute; z-index: 99; margin-top:5px; border:solid #666666 1px; }
.fif-date-select-table-body { height: 197px; }

/* Table Menu */ 
.table-menu { height: 30px; padding: 5px 0px 0px 10px; background-image: url("../images/list_menu_10.gif");  background-size:10px 30px;}
.table-menu-button { display:inline-block; width:80px; margin: 0px 5px 5px 0px; }
.tmb-input { border:none; width:80px; height:20px; background-image:url('../images/ib_menu.png'); background-size:80px 20px; background-repeat: no-repeat; overflow-y: hidden; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: center; }
.tmb-input:focus { outline: none; background-image:url('../images/ib_menu_sel.png'); }

/* Table Header */ 
.table-header { height: 20px; display: flex; background-image: url("../images/list_header_10.gif"); }
.table-header div { padding: 3px 5px 3px 5px; border-right: 1px solid lightgrey; }
.table--header div { border-right: 1px solid lightgrey; }
.table-header div:hover { background-image: url("../images/list_header_selected_10.gif"); }

/* Table Body */ 
.table-body { position:relative; z-index:0; overflow-x:hidden; overflow-y:hidden; background-color:#fff; }

/* Table Row */ 
.table-row { display: flex; }
.table-row div { padding: 10px 5px 10px 5px; border-right: 1px solid lightgrey; }
.table--row div:hover { background-color: #3D80DF; }

.table-column { padding: 10px 5px 10px 5px; border-right: 1px solid lightgrey; }
.table-column-item-schedule { background-color: #ff7f5038; }
.table-column-item-schedule-workComplete { background-color: lightgrey; }

img.table_item_icon_expand { content:url("../images/icon_expand.gif"); }
img.table_item_icon_expand_sel { content:url("../images/icon_expand_sel.gif"); }

.slide { float:left; height: 300px; width: 320px; margin:30px 0px 0px 30px; padding:20px; background-color:#999999; }
.slide-header { height: 30px; background--color:#cc9999; }
.slide-body { display: grid; align-items: center; justify-items: center; height: 200px; background--color:#99cc99; }
.slide-footer { height: 30px; background--color:#9999cc; }

.image-thumbnail { border:1px solid black; width:270px; height:180px; }

.white { background-color: #FFFFFF; }
.blue { background-color: #EDF3FE; }
.selected { background-color: #3D80DF; }
.complete { background-color: lightgrey; }

@media only screen and (max-width:767px) {
  #scheduleTableTable  { overflow-x: auto; }
  #scheduleTableHeader { width:2000px; }
  #scheduleTableBody { width:2000px; }
  #vanOwnerTableTable  { overflow-x: auto; }
  #vanOwnerTableHeader { width:830px; }
  #vanOwnerTableBody { width:830px; }
}

@media only screen and (min-width:768px) and (max-width:1280px) {
  html, body { font-size:18px; }
  .form-section{ height:100%; }

  /* Application Header */
  .ah { height:40px; padding-top:10px; background-size:10px 39px; }

  /* Application Menu */ 
  .application-menu-button { margin-top:2px; }
  .amb-input { border:none; width:120px; height:30px; background-image:url('../images/ib_application_menu.png'); background-size:120px 30px; background-repeat: no-repeat; overflow-y: hidden; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; text-align: center; }
  .amb-input:focus { outline: none; background-image:url('../images/ib_application_menu_sel.png'); }

  /* Sidebar Menu */
  .sidebar-menu-title { height: 25px; padding-top: 2px; background-size:10px 25px; }
  .smt-right { padding: 0px; height: 25px; width: 25px; }
  .menu-action-button-more { width:21px; height:21px; background-size:21px 21px; font-size:11px; vertical-align: middle; }
  .sidebar-menu-item { height: 25px; width:100%; padding-top: 2px; padding-left: 10px; }

  /* Application Body */
  .application-body { height: calc(100% - 120px); }
  .ab { min-height:40px; }

  nav { width: 800px; margin-left: -800px; transition: margin-left 0.6s; }
  .nav-open { transition: margin-left 0.6s; }

  /* Application Footer */
  .af { height:40px; padding-top:10px; background-size:10px 40px; }

  /* Dialog Header */
  .dh { height:40px; padding-top:10px; background-size:10px 39px; }
  
  /* Dialog Body */
  .db { min-height:40px; }

  /* Dialog Footer */
  .df { height:40px; background-size:10px 40px; }

  /* Record Tab Bar */ 
  .dialog-tab-bar { height:40px; }
  .dtb-tab { height:40px; padding-top:8px; width:200px; }

  /* Form */
  .form-input { font-size:18px; }

  /* Action Buttons */
  .action-button { width:90px; height:30px; background-size:90px 30px; font-size:18px; }
  .action-button:focus { outline: none; }
  .filter-action-button { width:90px; height:30px; margin-top: 24px; background-size:90px 30px; font-size:18px; }
  .filter-action-button:focus { outline: none; }
  .filter-action-button-more { width:30px; height:30px; margin-top: 24px; background-size:30px 30px; font-size:18px; }
  .filter-action-button-more:focus { outline: none; }
  .summary-action-button-more { width:30px; height:30px; margin-top: 10px; background-size:30px 30px; font-size:18px; }
  .summary-action-button-more:focus { outline: none; }

  /* Record Body */ 
  .record-body { height: 100%; margin-bottom: 10px; overflow-y:auto;}
  .record-tab { overflow-y:auto; }
  .record-panel-footer { height:40px; padding: 0px 10px 10px 0px; }

  /* Record Summary */ 
  .rsp-item { width:780px; }
  .rsp-item-label { width:200px; }
  .rsp-item-element { width:570px; }

  /* Table Heading */ 
  .table-heading { padding-top:10px; height:40px; background-size:10px 40px; }

  /* Table Filter*/ 
  .table-filter-control-title { margin-left: 3px; font-size:17px; }
  .form-input-filter { width: 240px; padding: 6px 9px; border-radius: 6px; font-size:18px; }
    
  /* Table Menu*/ 
  .table-menu { height:40px; background-size:10px 40px; }
  .table-menu-button { width:120px; }
  .tmb-input { width:120px; height:30px; background-image:url('../images/ib_menu.png'); background-size:120px 30px; font-size:18px; }

  /* Table Header*/ 
  .table-header { height: 30px; background-size:30px 15px; }
  .table-header p { margin: 4px 5px 4px 5px; }

  /* Table Body */ 
  .table-body { overflow-x:auto; overflow-y:auto; }

  /* Table Row */ 
  .table-row p { font-size:18px;}

  #scheduleTableTable  { overflow-x: auto; }
  #scheduleTableHeader { width:2000px; }
  #scheduleTableBody { width:2000px; }
  #vanOwnerTableTable  { overflow-x: auto; }
  #vanOwnerTableHeader { width:1300px; }
  #vanOwnerTableBody { width:1300px; }
}

@media only screen and (min-width:1281px) {
  
  .form-section { width:100%; height:100%; }

  /* Application */
  .application { padding: 5px; }

  /* Application Header */
  .ah-left { background-image:url(../images/dlg_top_left_10.gif); background-size:10px 24px; }
  .ah-right { background-image: url(../images/dlg_top_right_10.gif); background-size:10px 24px; }

  /* Application Menu */
  .application-menu-button { visibility: hidden; margin-top:1px;}

  /* Application Body */
  .ab-left { width:10px; background-image:url(../images/dlg_left_10.gif); background-size:10px 100%; }
  .ab-center { margin-left:10px; margin-right:10px; height:100%; }
  .ab-right { width:10px; background-image: url(../images/dlg_right_10.gif); background-size:10px 100%; }
  
  /* Application Footer */
  .af-left { background-image:url(../images/dlg_bottom_left_10.gif); background-size:10px 25px; }
  .af-right { background-image: url(../images/dlg_bottom_right_10.gif); background-size:10px 25px; }

  /* Application Navigation and Section */
  nav { width:200px; margin-left:0px; }
  section { margin-left:210px; }

  /* Dialog */
  .dialog { width: 400px; margin: 0px; }
  .dialog-column { display: inline-block; width: 500px; }
  .dialog-column-1000 { width: 1000px; }
  .dialog-column-1200 { width: 1200px; }
  #dialogLogin { top:50px; left: 50px; }

  /* Panel */
  .application-panel { border-left: solid 1px #E0E0E0; border-right: solid 1px #E0E0E0; }

  /* Record Body */ 
  .record-body { height: 100%; margin-bottom: 10px; overflow-y:auto;}
  /*.record-body { overflow-y:auto; }*/
  .record-tab { overflow-y:auto; }
  .record-panel-footer { text-align: left; }
  
  /* Record Dialog */ 
  .record-dialog { left:60px; }

  /* Form */
  .form-colspan-1 { width: 500px; }

  /* Action Buttons */
  .summary-action-button-more { margin-top: 0px; }

  /* Table Menu*/ 
  .tmb-input { padding-bottom: 2px; }
  
  /* Table Body */ 
  .table { border-left: solid 1px #E0E0E0; border-right: solid 1px #E0E0E0; }
  .table-body { overflow-x:auto; overflow-y:auto;  }

  .fif-date-select-table { border:solid #666666 1px; }

}