body{font-size:13pt;}
h1, h2, h3, h4, h5{font-weight: normal;}

.display1{font-size: 120%; font-weight: bold; padding:16px; margin:0;}

/* Login */
.login_container{max-width: 400px; margin: 10% auto 0 auto;}
.login_container .login_wrapper{padding: 32px 16px 16px 16px;}
.login_container .logo{width: 200px; height: auto;}
.login_container .login_button{width: 100%; margin-top: 30px;}
.login_container .userid{margin-top: 30px;}
.login_container .password{margin-top: 30px;}

/* Header */
.main_appbar{width: 100%; position: relative}
.main_appbar .main_toolbar{padding-left: 270px}
.main_appbar .main_button{margin: 0 12px 0 -12px;}
.main_appbar .main_title{flex: 1;}
.main_appbar .drawerPaper{position: relative; height: '100%'; width: 250px;}

/* Footer */
.main_footer{margin-top: 64px; margin-bottom: 16px; font-size: 9pt; color: #666;}


/* Contents */
.main_viewport{position: relative;}
.main_contents{margin-left: 250px; margin-top:84px;}
.contents{padding-left: 32px;}

.shipsearch .searchbox{margin-right: 32px; padding:16px; max-width:1024px;}

.shipinfo_contents .wrapper{max-width: 800px;}

.dashbord_contents .wrapper{padding-right: 30px;}
.dashbord_contents .resultbox{max-width: 100%; max-height: 350px; overflow: scroll;}
.dashbord_contents .resultbox table{max-width: 100%;}
.dashbord_contents .resultbox table th,.dashbord_contents .resultbox table td{padding: 5px 10px;}

.editmenu_contents .wrapper{padding-right: 30px;}

.block_order{list-style: none; padding: 0; margin: 0;}
.block_order li{cursor: move; width: 600px; display: flex; justify-content:flex-start; align-items: center; padding:8px; background-color: #fff; border: 4px #ccc solid; margin: 0 0 8px 0;}
.block_order li:last-child{margin: 0;}
.block_order .fix{cursor : inherit;}
.block_order .ico{width: 45px;}
.block_order .title{flex:1; padding-left: 16px; font-weight: bold;}
.block_order .buttons{padding-left: 16px; width: 200px;}

.sidemenu .bold_item span{font-weight: bold; color: #000;}

/* navi */
.main_nav{width: 250px; min-height: 100%;position: relative;}
.drawer_navi{width: 250px;}
.drawerHeader{text-align: center; padding-top: 8px;}
.drawerHeader img{width: auto; height: 47px;}
.drawer_wrapper{width: 250px;}
.drawer_nasted{padding-left: 30px;}

/* Dialog */
ul.error_msg{margin: 16px 0; padding: 0; list-style: none;}
ul.error_msg li{line-height: 170%; font-size: 80%; font-weight: bold; color: red; background-color: #ffecec; padding: 0 8px;}
ul.error_msg li:nth-child(even){background-color: #ffd8d8;}

/* Common */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}

.rightIcon{margin-left: 14px;}
.leftIcon{margin-right: 14px;}

.form_control{margin: 0;}
.field_set_label{font-weight: bold;}
.info_footer{margin-top:32px;}

.pagenation .prev .material-icons{transform: rotate(180deg)}
.pagenation .next{margin-left: 32px;}

.result_container{margin: 16px 16px 16px 0;}
.result_table{border: 1px #eee solid;}
.result_table th{background-color: #004D40; color: #fff; white-space: nowrap;font-size: 12pt;}
.result_table td{font-size: 12pt; white-space: nowrap;background-color: #fff; padding-left: 8px; padding-right: 8px;}
.result_table tr:nth-child(even) td{background-color: #eee;}
.result_table tr:hover td{background-color: #E8F5E9;}
.result_table p{padding:0;margin:0;}
.result_table2{border: 1px #eee solid;}
.result_table2 th{background-color: #004D40; color: #fff; white-space: nowrap;font-size: 12pt; padding: 5px;}
.result_table2 td{font-size: 12pt; background-color: #fff; padding: 5px;}
.result_table2 tr:nth-child(even) td{background-color: #eee;}
.result_table2 tr:hover td{background-color: #E8F5E9;}
.result_table2 p{padding:0;margin:0;}
.nowrap{white-space: nowrap;}

.fix_body thead, .fix_body tbody{display: block;}
.fix_body tbody{overflow-x: hidden;overflow-y: scroll;}

.infobox, .infobox2{border-spacing: 0;}
.infobox th, .infobox2 th{font-size:11pt; padding: 16px; text-align: left; white-space: nowrap;}
.infobox td{padding: 16px 8px; vertical-align: top; font-size: 12pt;}
.infobox2 td{padding: 8px; vertical-align: middle; font-size: 12pt;}
.infobox2 th{padding: 8px 16px;}
.infobox tr:nth-child(even) td{background-color: #eee;}
.infobox tr:nth-child(even) th{background-color: #eee;}

.impactbox{background-color: #f4f7f6; border:1px #64d2b5 solid;}
.impactbox .wrapper{padding: 16px;}

.status_badge{color: #fff; border-radius: 5px; font-size: 80%; padding: 2px 32px;}

.field_s{width: 100px;}
.field_normal{width: 300px;}
.field_xl{width:500px;}
.field_full{width: 100%;}

.bold{font-weight: bold;}
.small{font-size: 80%;}
.tiny{font-size: 60%;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

input[type="text"]:disabled{color: #222;}

.errorbox p{color: red;}

/* Colors */
.pink600{color: #D81B60;}

.snickbar-custom{color:black; background-color: #F48FB1;}

.fix_media_list{position: fixed; width: 100%; height: 150px; background-color: #ffffff; bottom:0; left: 0; border-top: 5px solid #cccccc; white-space: nowrap; z-index: 10000;}
.fix_media_list .wrapper{overflow-x: auto; overflow-y:hidden; height: 140px; padding: 7px 0 0 10px;}
.fix_media_list .fix_item{display:inline-block; padding: 0 10px 0 0;}

.report_box{position: fixed; bottom: 0; right: 0}
.report_box h3{text-align: center; font-size: 90%; font-weight: bold;}
.report_box .box{box-sizing: border-box; overflow-y: scroll; height: 270px;}
.report_box .buttons{box-sizing: border-box; width: 100%; height: 60px; text-align: right; padding-top: 16px; padding-right: 32px;}

.youtube_box {position: relative;width: 100%;}
.youtube_box iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important; }

.no-select{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}