@charset "utf-8";

* {box-sizing:border-box;}
body {font-family:Arial,sans-serif;padding:40px}
@media(max-width:800px)
{
	body:not(.staywide) {padding:15px}
}

h1 {font-size:24px}

.retain {page-break-inside:avoid;break-inside:avoid}
.maxwidth {margin:0 auto;text-align:center;max-width:950px}
.inlineimg {height:20px;position:relative;top:5px}

.absolute img,.absolute input {margin:5px;margin-left:0;width:40px;height:24px}
.absolute input {float:left}
.absolute::after {clear:both}

.langbutton {opacity:.8}
.langactive {opacity:1;border:1px solid #00F}

input.submitbtn {height:30px;background: linear-gradient(135deg, rgba(19,19,19,1) 0%,rgba(28,28,28,1) 9%,rgba(43,43,43,1) 24%,rgba(17,17,17,1) 40%,rgba(0,0,0,1) 49%,rgba(79,79,79,1) 50%,rgba(132,132,132,1) 61%,rgba(51,51,51,1) 100%);color:#FFF;border:2px solid #222}
input.submitbtn:hover {background: linear-gradient(135deg, rgba(43,43,43,1) 0%,rgba(60,60,60,1) 9%,rgba(85,85,85,1) 24%,rgba(17,17,17,1) 40%,rgba(0,0,0,1) 49%,rgba(120,120,120,1) 50%,rgba(132,132,132,1) 61%,rgba(80,80,80,1) 100%);color:#FFF;border:2px solid #888}

.jsbanner {background:#FF6;color:#000;border:#D00}

.sxlogo {float:right!important}
.sxlogo::after{clear:both}
.sxlogo img {width:unset!important}

.faqlist {text-align:left}
.faqitem blockquote {text-align:justify;margin-top:10px;margin-bottom:22px;margin-left:35px;margin-right:0}
.backhover {position:fixed;width:59px;height:59px;left:calc(50% - 500px);top:31px}
.backhover img {margin:11px;height:35px}

.tworows {text-align:left;margin:0 auto;padding-top:0;column-count:2;column-gap:65px;column-width:400px;column-fill:balance}
.onerow {text-align:center;margin:0 auto;width:100%;padding-top:0}
.tworows label,.tworows input,.onerow label,.onerow input,.onerow select,.tworows select {text-align:left;width:400px;max-width:100%;display:block;margin:0 0 3px 0}
div#chktype > label.chkbox {width:unset;display:block;height:35px!important;margin:0 0 0 10px}
label + label.chkbox {width:unset;display:block;height:28px;margin:0 0 0 10px}
label.chkbox  > input{width:unset;display:inline!important;margin:10px 10px 10px 0}
input.submit {font-size:15px;padding:3px;text-align:center}
a,a:visited,a:hover,a:active {color:#0000cc!important}
.submitlink,button.submitlink {font-size:16px;color:#0000cc;text-decoration:underline;cursor:pointer;background:none!important;border:none!important;padding:0!important}
.highlightsend {border:1px solid #cc0000;box-shadow:0 0 4px #cc0000}
input[type="file"] {display:none}
.custom-file-upload {border:1px solid #777;display:inline-block;padding:3px 6px;cursor:pointer}
.smalltext {font-size:10px!important}
#smnote {font-size:10px!important;visibility:hidden;display:none}
.smalldrop {width:50px!important}
.smalltextfield {width:345px!important;display:inline!important}
.halftextfield {width:198px!important;display:inline!important}
.singleinput {width:400px;height:27px;padding:3px;max-width:100%}
.multiinput {width:400px;height:207px;max-width:100%}
#inquiry input, #inquiry select, #inquiry textarea, label.uploadicon {border:1px solid #000; border-radius:0!important}
#pan_pre{display:inline-block!important}
label.uploadicon {margin-top:2px}
.selectin {width:400px;height:27px;max-width:100%}
.readonly {background:#ddd}
.indentedlist {margin-left:10px}
fieldset.radioinput {border:none;padding:3px;padding-left:0}
.radioinput input,.radioinput label {display:inline-block;width:unset}
.radioinput label {margin-left:4px;padding-right:30px}
.radioinput label:last-child {padding-right:0}
input#btnSubmit2 {display:none}
#submit-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.8);display:none;justify-content:center;align-items:center;z-index:9999;}
.submit-spinner {width:60px;height:60px;border:6px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite;}
@keyframes spin { to {transform:rotate(360deg);}}

.nutask {position:relative;left:7px;top:-8px;font-size:11px;color:#f77;font-weight:bold}

.leftalign {text-align:left!important}
.leftalign a {float:left}
.leftalign2 {margin-top:10px;text-align:left!important}
.leftalign2 a {float:left}
.leftalign a {margin-right:25px}
.leftalign a:last-child {float:right}
.leftalign a:nth-last-child(2) {float:right;margin-right:0!important}
@media(max-width:900px)
{
	.leftalign {text-align:center!important}
	.leftalign a:first-child {margin-right:0}
	.leftalign a:last-child {float:none;margin-right:0!important}
	.leftalign a {display:block;background:none!important;padding:0!important;float:none;margin:0!important;margin-bottom:15px!important;font-size:16px}
}
@media(max-width:450px)
{
	.radioinput label {width:90%}
	.leftalign {text-align:center!important}
	.leftalign a:first-child {margin-right:0}
	.leftalign a:last-child {float:none;margin-right:0!important}
	.leftalign a {display:block;background:none!important;padding:0!important;float:none;margin:15px;font-size:16px}
}
.success {font-size:14px;position:relative;z-index:99}
span.tooltip {position:relative;background:transparent url(gfx/icon_what.svg) center right no-repeat;background-size:13px;padding-right:20px}
span.tooltip span{position:absolute;z-index:100;width:400px;top:35px;opacity:.8;background:#000;color:#eee;padding:5px;border-radius:5px;display:none}
span.tooltip span::after {content:"";position:absolute;bottom:100%;left:10%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent black transparent}
span.tooltip:hover span {display:block;}
@media(max-width:600px) {span.tooltip {display:none!important}}

.stayatop {position:sticky;top:64px;z-index:9;width:100%;background:#FFF}
.whitespace {position:absolute;top:-64px;width:100%;height:64px;z-index:9;background:#FFF}
.stayatop hr {border:0;border-top:1px solid #000;height:8px;color:#000}
.wrapper {position:relative}
#wrapper1 {width:calc(100% - 329px);height:20px;margin-left:329px;overflow-x:scroll;overflow-y:hidden}
#div1 {height:20px;width:2000px}

#wrapper1,#wrapper2 {overflow-x:scroll;overflow-y:hidden;width:calc(100% - 329px)}
#wrapper1 {height:20px}
#wrapper1>div {width:1000px;overflow-x:scroll;overflow-y:hidden}
#wrapper2>div {width:1000px;height:20px}

input#searchinform:focus {box-shadow:0 0 7px #FF0}

.scrolling {margin-left:329px;overflow-x:scroll;overflow-y:auto;padding-bottom:5px;width:calc(100% - 329px);border-left:3px solid #000;border-right:3px solid #000}
table.result {border-collapse:separate;border-spacing:0;margin:5px;margin-left:0}
table.result tr {border:none;height:45px;max-height:45px}
table.result th {background-color:#ddd;color:#333;font-weight:bold;padding:5px;white-space:nowrap;border:none;border-right:1px solid #000;border-bottom:2px solid #000}
table.result td {padding:1px;text-align:center;min-width:140px;border:none;border-right:1px solid #000;border-bottom:1px solid #000}
table.result td:first-child,table.result th:first-child {border-left:none;}
table.result td:last-child,table.result th:last-child {border-right:none;}
table.result input,table.result option,table.result select {border:1px solid #000}

table.result input[type=number] {-moz-appearance:textfield}

th.staticleft {border:none;border-right:1px solid #000;border-bottom:2px solid #000;height:45px}
.staticleft {left:0;position:absolute;top:auto;height:45px}
.result tr .left0 {border-left:none!important}
.staticleft input {top:1px;position:relative}
.staticleft span {top:7px;position:relative}
table.sortable th.staticleft::after {top:7px;position:relative}
.left0 {left:0;width:65px!important;min-width:unset!important}
.left1 {left:65px;width:265px!important}
.small {min-width:100px!important}
.smaller {width:70px!important;min-width:unset!important}
.smfont {font-size:10px!important}
.verysmall {min-width:35px!important}
.verysmallimg {width:45px!important}
.smallertxt {font-size:13px!important;font-style:italic}
.redtext {color:#DD0000}
.greentext {color:#00BB00}
.italic {font-style:italic}
.displayblock {display:block}
.inlineblock {display:inline-block}
.lefttext {text-align:left}
.centertext {text-align:center}
.justifytext {text-align:justify}
.righttext {text-align:right}
#success_saved {display:none;background:rgba(255,255,0,.2);border:1px solid yellow;font-weight:bold}
.colornotice {padding:6px}
.cn_green {padding:6px;background:rgba(0,255,0,.6)}
.cn_yellow {padding:6px;background:rgba(255,255,0,.6)}
.cn_red {padding:6px;background:rgba(255,0,0,.6)}
.rightsml{float:right}

#pplresult {position:relative;display:block;width:400px;border:1px solid #000;top:0;left:0}

table.result input.tablefield:disabled {border:0;color:#000;background:none}
table.result input:focus,table.result option:focus,table.result select:focus {border:1px solid black;background:#ddd}
.duewarning1 td.left0,.duewarning1 td.left1 {background:rgba(255,255,0,.4)!important}
.duewarning2 td.left0,.duewarning2 td.left1 {background:rgba(255,0,0,.4)!important}
.isclosed td.left0,.isclosed td.left1 {background:rgba(0,255,0,.4)!important}
.duewarning1 td.left0 input,.duewarning1 td.left1 input {background:rgba(255,255,0,.4)!important}
.duewarning2 td.left0 input,.duewarning2 td.left1 input {background:rgba(255,0,0,.4)!important}
.isclosed td.left0 input,.isclosed td.left1 input {background:rgba(0,255,0,.4)!important}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {cursor:pointer;content:"\25B4\25BE"}
table.sortable tbody tr:not(.hiddentr):nth-child(2n) {background:#ccc}
table.sortable tbody tr:not(.hiddentr):nth-child(2n+1) {background:#fff}

.tablefield {width:100%;margin:0;height:40px}
.tablefield_limit {margin:0;height:40px}
.selected td input,.selected td option,.selected td select {background-color:#bbfff7}

.searchicon_button {background:transparent url(gfx/icon_search.svg) 39% 45% no-repeat;background-size:17px;padding-left:21px}
.searchicon {background:transparent url(gfx/icon_search.svg) center right no-repeat;background-size:15px;padding-right:21px}
.protectedicon {background:transparent url(gfx/icon_key.svg) center right no-repeat;background-size:15px;padding-right:21px}
.listicon {background:transparent url(gfx/icon_list.svg) center right no-repeat;background-size:15px;padding-right:21px}
.csvicon {background:transparent url(gfx/icon_csv.svg) center right no-repeat;background-size:15px;padding-right:21px}
.logouticon {background:transparent url(gfx/icon_logout.svg) center right no-repeat;background-size:15px;padding-right:21px}
.faq_b_icon {background:transparent url(gfx/icon_faq.svg) center left no-repeat;background-size:16px;padding-left:22px}
.reloadicon {background:transparent url(gfx/icon_update.svg) center right no-repeat;background-size:15px;padding-right:15px}
.uploadicon {background:transparent url(gfx/icon_upload.svg) 7px 50% no-repeat;background-size:18px;padding-left:33px}
.officon {background:transparent url(gfx/icon_off.svg) 7px 50% no-repeat;background-size:18px;padding-left:33px}
.pdficon {background:transparent url(gfx/icon_pdf.svg) 7px 50% no-repeat;background-size:22px;padding-left:36px}