/* Responsive styles are restricted to phones and touch tablets. No print overrides. */
@media screen and (max-width:767px), screen and (max-device-width:1366px) and (hover:none) and (pointer:coarse) {
 body { -webkit-text-size-adjust:100%; }
 input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=image]), select, textarea {font-size:16px; min-height:40px; box-sizing:border-box; max-width:100%;}
 button, input[type=submit], input[type=button], .btn {min-height:40px; touch-action:manipulation;}
 .touch-table-scroll {width:calc(100vw - 32px);max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;margin:16px auto;border:1px solid #d5dce6;border-radius:8px;background:white;}
 .touch-table-scroll::before{content:"Swipe sideways to see all columns";display:block;position:sticky;left:0;padding:8px 12px;text-align:left;font-size:12px;color:#53657d;background:#f3f6fa;}
 .touch-table-scroll > table {width:100%;margin:0;table-layout:auto;}
 .touch-table-scroll th,.touch-table-scroll td {padding:10px 12px;line-height:1.45;font-size:14px;}
 .touch-table-scroll th {white-space:nowrap;}
 .touch-table-scroll:focus-visible {outline:3px solid #2fa8df;outline-offset:2px;}
 .modal {max-width:calc(100vw - 24px);}
 .modal-body {max-height:70vh;overflow:auto;}
}
@media screen and (max-width:767px){
 input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=image]),select,textarea{font-size:16px!important;}
 .modal:not(.overlayPageContent){left:12px!important;right:12px!important;width:auto!important;margin-left:0!important;}
 .modal-dialog{width:auto;margin:10px 0;}
}
@media screen and (max-width:767px), screen and (max-device-width:1366px) and (hover:none) and (pointer:coarse) {
 body{margin:0;background:#f3f6fa;font-size:14px;}
 .callout_main,.main_page{width:100%;background:#f3f6fa;}
 #quick_menu{width:100%;border:0;background:#182b52;}
 #quick_menu>tbody>tr{display:block;}
 #quick_menu .quick_menu_left{display:block;width:auto!important;white-space:normal;padding:18px 20px;font-size:15px;line-height:1.6;}
 #quick_menu .header_title{display:block;font-size:20px;color:#fff;font-weight:600;}
 #quick_menu td.quick_menu_tabs{display:block;width:100%;}
 #quick_menu table.quick_menu_tabs{display:block;width:100%;background:#21385e;border:0;}
 #quick_menu table.quick_menu_tabs>tbody{display:block;}
 #quick_menu table.quick_menu_tabs>tbody>tr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 12px;gap:4px;}
 #quick_menu .quick_menu_tab{display:block;height:auto;padding:0;border:0;background:none;text-align:center;white-space:normal;}
 #quick_menu .quick_menu_tab a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:8px;font-size:13px;line-height:1.35;border-radius:6px;}
 #quick_menu .quick_menu_tab a:hover,#quick_menu .quick_menu_tab a:focus-visible{background:#33537f;}
 #quick_menu .quick_menu_tab a span{display:none;}
 .touch-module-layout{display:block;width:auto!important;margin:16px;}
 .touch-module-layout>tbody,.touch-module-layout>tbody>tr,.touch-module-layout>tbody>tr>td{display:block;width:auto!important;padding:0;}
 table.main_menu{display:block;width:100%;margin:0 0 20px;}
 table.main_menu>tbody{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}
 table.main_menu>tbody>tr{display:block;min-width:0;}
 table.main_menu td{display:block;height:auto;background:#fff;border:1px solid #dce3ed;border-radius:7px;}
 table.main_menu td a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:5px 7px;box-sizing:border-box;font-size:13px;line-height:1.3;color:#253c5e;text-align:center;white-space:normal;}
 table.main_menu .main_menu_selected{background:#182b52;border-color:#182b52;}
 table.main_menu .main_menu_selected a{color:#fff;}
 table.touch-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;width:100%;}
 table.touch-groups>tbody,table.touch-groups>tbody>tr{display:contents;}
 table.touch-groups>tbody>tr>.menu_group_headers{grid-column:var(--group-column);grid-row:1;width:auto;min-width:0;background:#fff;border:1px solid #dce3ed;border-bottom:2px solid #2fa8df;border-radius:9px 9px 0 0;padding:12px;}
 .menu_group_headers table{background:transparent;border:0;width:100%;}
 .menu_group_headers_text{font-size:15px;line-height:1.4;}
 .menu_group_headers img{width:24px;height:24px;object-fit:contain;margin-right:6px;}
 table.touch-groups>tbody>tr>.menu_group_items{grid-column:var(--group-column);grid-row:2;min-width:0;width:auto;padding:6px 12px 12px;background:#fff;border:1px solid #dce3ed;border-top:0;border-radius:0 0 9px 9px;}
 .table_index{width:100%;background:transparent;}
 .table_index .menu_group_item{padding:0;background:#fff;border-bottom:1px solid #eef1f5;}
 .menu_group_item p{margin:0;text-indent:0;font-size:0;}
 .menu_group_item a{display:block;min-height:44px;box-sizing:border-box;padding:12px 0;font-size:14px;line-height:1.45;overflow-wrap:anywhere;}
 .touch-form{width:calc(100% - 32px);max-width:100%;margin:16px auto;border-spacing:8px;}
 .touch-form td{font-size:14px;line-height:1.5;white-space:normal;}
 .page_title_text{font-size:20px;}
 .limiter,#MainOuterContainer{width:auto!important;max-width:100%;margin:0 12px;box-sizing:border-box;}
 #footer{margin-top:20px;}#footer td{padding:8px;}
}
@media screen and (max-width:600px){
 #quick_menu table.quick_menu_tabs>tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;}
 #quick_menu .quick_menu_left{padding:14px;}
 .touch-module-layout{margin:12px;}
 table.main_menu>tbody{grid-template-columns:repeat(2,minmax(0,1fr));}
 table.touch-groups{grid-template-columns:minmax(0,1fr);gap:0;}
 table.touch-groups>tbody>tr>.menu_group_headers,table.touch-groups>tbody>tr>.menu_group_items{grid-column:1;grid-row:auto;order:var(--group-order);}
 table.touch-groups>tbody>tr>.menu_group_items{margin-bottom:16px;}
 .touch-form:not(.touch-table-scroll table)>tbody>tr>td{display:block;width:auto!important;text-align:left;}
 #container:has(#login_box){width:calc(100% - 24px);max-width:340px;box-sizing:border-box;margin-top:24px;padding:24px 16px;}
 #login_logo img{max-width:100%;}
 .tableLogin{max-width:100%;}
}
