@font-face {
 font-family:IonIcons;
 src:url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1);
 src:url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix) format("embedded-opentype"),
 url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1) format(".style3 truetype"),
 url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1) format("woff"),
 url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons) format("svg")
}
.style3 {
 color:#222;
/* font-size:14px;*/
 font-size:16px;
/* line-height:1;*/
 line-height:1.5;
 padding:.2%;
 width:100%;
 word-break:normal
}
.style3 li,
.style3 ul {
 list-style:none
}
.style3 a {
 background:transparent;
 font-size:100%;
 margin:0;
 padding:0;
 text-decoration:none;
 vertical-align:baseline
}
.style3 div.po-canentryform {
 margin-bottom:15px
}
.style3 button {
 background-color:transparent;
 border:none;
 cursor:pointer;
 outline:none;
 padding:0
}
.style3 input:focus {
 outline:0
}
.style3 input,
.style3 label,
.style3 select,
.style3 textarea {
 background-color:transparent;
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 cursor:pointer;
 font-size:1em
}
.style3 button,
.style3 input[type=checkbox],
.style3 input[type=radio] {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.style3 input[type=checkbox],
.style3 input[type=radio] {
 display:none
}
.style3 input[type=file] {
 word-break:break-all
}
.style3 div.po-value,
.style3 span {
 letter-spacing:1px;
 line-height:1.8em;
 width: 90%;
}
.style3 div.po-header {
 border-bottom:3px solid #333;
 clear:both;
 color:#222;
 display:block;
 font-size:1.2em;
 font-weight:700;
 height:50px;
 letter-spacing:3px;
 padding-bottom:10px;
 width:99%
}
.style3 table {
 border-collapse:separate;
 display:table;
 margin:0 auto;
 width:100%
}
.style3 table,
_:-ms-lang(x) {
 border-spacing:0 10px
}
.style3 tr {
 display:table;
 margin:15px auto;
 vertical-align:text-top;
 width:100%
}
.style3 tr.po-single th {
 display:table-cell;
 width:10%
}
.style3 tr.po-single td {
 border-left:3px solid #222;
 display:table-cell;
 padding-left:40px;
 width:90%
}
.style3 tr.po-double th {
 display:table-cell;
 width:10%
}
.style3 tr.po-double td {
 border-left:3px solid #222;
 display:table-cell;
 padding-left:40px;
 width:40%
}
.style3 tr.po-double td.no-column {
 border-left:none
}
.style3 th.po-label {
 color:#222;
 font-size:.9em;
 letter-spacing:.2em;
 line-height:1.8em;
 padding-right:1%;
 text-align:right;
 vertical-align:top
}
.style3 div.po-remark {
 color:#999;
 font-size:.9em;
 letter-spacing:.1em
}
.style3 div.po-validation {
 color:#ff6052;
 font-size:.9em;
 letter-spacing:.1em;
 width:98%
}
.style3 th.po-required span.po-label:before {
 color:#ff6052;
 content:"\f314";
 font-family:IonIcons;
 font-size:6px;
 vertical-align:top
}
.style3 tr.po-double ul,
.style3 tr.po-single ul {
 margin-top:0;
 padding-left:0;
 padding-top:0;
 vertical-align:text-top
}
.style3 tr.po-single td li {
 display:inline-block;
 vertical-align:text-top;
 width:49.5%
}
.style3 tr.po-double td li {
 display:inline-block;
 vertical-align:text-top;
 width:100%
}
.style3 tr.po-double td ul ul li,
.style3 tr.po-single td li li {
 display:inline-block
}
.style3 tr.po-single ul ul {
 margin-top:10px
}
.style3 tr.po-double ul ul:first-child,
.style3 tr.po-single ul ul:first-child {
 margin-top:0
}
.style3 tr.po-double td ul ul li:first-child,
.style3 tr.po-single td ul ul li:first-child {
 display:block;
 overflow:hidden
}
.style3 label.label-checkbox,
.style3 label.label-checkbox-parent,
.style3 label.label-radio {
 color:#222;
 display:block;
 font-weight:400;
 margin-right:16px;
 width:auto
}
.style3 label.label-checkbox span.lever,
.style3 label.label-checkbox-parent span.lever,
.style3 label.label-radio span.lever {
 float:left;
 margin:5px 0;
 text-align:left;
 width:auto
}
.style3 label.label-checkbox-parent span.lever {
 font-weight:700
}
.style3 label.label-checkbox-parent {
 display:block;
 width:auto
}
.style3 label.label-checkbox span.lever:before,
.style3 label.label-checkbox-parent span.lever:before {
 content:"\f372";
 float:left;
 font-family:IonIcons;
 font-size:1.8em;
 font-weight:400;
 margin-right:7px
}
.style3 label.label-checkbox input[type=checkbox]:checked+span.lever:before,
.style3 label.label-checkbox-parent input[type=checkbox]:checked+span.lever:before {
 content:"\f373";
 font-family:IonIcons
}
.style3 label.label-radio span.lever:before {
 content:"\f3a6";
 font-family:IonIcons;
 font-size:1.8em;
 font-weight:400;
 padding-right:7px
}
.style3 label.label-radio input[type=radio]:checked+span.lever:before {
 content:"\f3a7";
 font-family:IonIcons
}
.style3 input[type=text],
.style3 textarea {
 border:1px solid #999;
 padding:6px
}
.style3 select {
 border:1px solid #999;
 padding:5px
}
.style3 input[type=text]:hover,
.style3 select:hover,
.style3 textarea:hover {
 border-color:#666;
 outline:0
}
.style3 input[type=text]:focus,
.style3 select:focus,
.style3 textarea:focus {
 border-color:#666;
 box-shadow:0 0 10px -3px #666;
 outline:0;
 transition:all .2s
}
.style3 textarea {
 min-height:5em
}
.style3 tr.po-double input[type=text],
.style3 tr.po-double select,
.style3 tr.po-double textarea,
.style3 tr.po-single input[type=text],
.style3 tr.po-single select,
.style3 tr.po-single textarea {
 width:95%
}
.style3 select.po-number-selector {
 max-width:10%
}
.style3 input.po-year {
 margin-left:7px;
 margin-right:7px;
 max-width:20%
}
.style3 input.po-day,
.style3 input.po-month {
 margin-left:7px;
 margin-right:7px;
 max-width:10%
}
.style3 input.po-number-selector {
 max-width:66%
}
.style3 div.po-buttons {
 background:#fff;
 border-top:3px solid #222;
 bottom:0;
 display:table;
 margin:0;
 opacity:.9;
 text-align:center;
 width:99%;
 z-index:10
}
.style3 div.po-buttons.fixed-button {
 position:fixed
}
.style3 button {
 border:3px solid #222;
 color:#222;
 display:block;
 font-size:1em;
 font-weight:700;
 letter-spacing:5px;
 margin:10px auto;
 padding:10px;
 width:60%;
 z-index:11
}
.style3 button:hover {
/* background:#555;*/
 background:#229922;
 border:3px solid #555;
 color:#eee;
 transition:all .2s
}
.style3 button.po-button-search:before {
 content:"\f21f";
 font-family:IonIcons;
 font-size:1.3em;
 font-weight:400;
 padding-right:.3em;
 vertical-align:top
}
.style3 button.po-button-apply,
.style3 button.po-button-register,
.style3 button.po-button-send {
/* background:#222!important;*/
 background:#229922 !important;
 color:#eee!important
}
.style3 button.po-button-apply:hover,
.style3 button.po-button-register:hover,
.style3 button.po-button-send:hover {
/* background:#555!important;*/
 background: #00C000 !important;
 border:3px solid #555
}
.style3 div.po-header-left {
 display:block;
 float:left;
 padding-left:10px;
/* padding-top:25px;*/
 padding-top:0px !important;
 width:20%
}
.style3 span.po-count {
 color:#222;
/* font-size:.8em */
 font-size:1.2em !important
}
.style3 div.po-header-right {
 display:block;
 float:right;
 width:42%
}
.style3 div.po-header-right button {
 float:right;
 font-size:.8em;
 margin:inherit;
 margin-right:1%
}
.style3 div.po-header-right button:last-child {
 margin-left:1%;
 margin-right:0
}
.style3 div.po-header-right button.po-button-search {
 display:table-cell;
 float:left;
 vertical-align:middle;
 width:49%
}
.style3 div.po-header-right button.po-button-register {
 float:right;
 width:49%
}
.style3 div.po-job-footer {
 padding:15px 0
}
.style3 div.po-job-separator {
 border-bottom:1px solid #333;
 display:inline-block;
 margin:auto;
 width:98%
}
.style3 div.po-job-separator:last-child {
 border-bottom:none
}
.style3 div.po-job-footer button.po-button-seedetail {
 border:3px solid #222
}
.style3 div.po-job-footer button.po-button-seedetail:hover {
 border:3px solid #555 
}
.style3 div.po-job-footer button.po-button-seedetail:after {
 content:"\f30f";
 float:right;
 font-family:IonIcons;
 font-size:1.3em
}
.style3 div.po-joblist td:first-child div {
 font-size:1em;
 letter-spacing:1px;
 padding:30% 0;
 text-align:center
}
.style3 div.po-iframe iframe {
 border:none;
 display:table;
 padding:3px 0;
 width:100%
}
.style3 div.po-privacy-wrap {
 border:1px solid #999;
 font-size:1em;
 height:15em;
 letter-spacing:1px;
 margin:auto;
 overflow-y:scroll;
 padding:10px;
 width:90%
}
@media only screen and (max-width:1080px) {
 .style3 {
  font-size:14px;
  font-size-adjust:none;
  letter-spacing:1px;
  line-height:1;
  max-width:1080px;
  min-width:0;
  overflow:hidden;
  padding:0;
  width:100%
 }
 .style3 div.po-contents {
  margin-bottom:15px
 }
 .style3 div.po-header {
  letter-spacing:.2em;
  vertical-align:bottom;
  width:99%
 }
 .style3 table {
  display:block;
  width:97%
 }
 .style3 table,
 _:-ms-lang(x) {
  border-spacing:0
 }
 .style3 tr:last-child {
  padding-bottom:15px
 }
 .style3 tr.po-double,
 .style3 tr.po-single {
  display:block;
  margin:auto;
/*  width:97%*/
  width:110%
 }
 .style3 tr.po-double th,
 .style3 tr.po-single th {
  display:block;
  margin-left:5px;
  min-width:0;
  width:89%
 }
 
 .style3 tr.po-single th.po-not-required {
   width:90% !important;
 }
  
 .style3 tr.po-double th,
 .style3 tr.po-single th,
 _:-ms-lang(x) {
  float:left
 }
 .style3 tr.po-double td,
 .style3 tr.po-single td {
/*  border-left:none;*/
/*  border-left: solid 1px #bbb;*/
  border:none;
  font-size:.9em;
  margin-left:5px;
  min-width:290px;
/*  padding:0;*/
  padding-left:15px;
    text-indent:0;
/*  width:30%;*/
  width:100%;
  word-break:normal
 }
 .style3 tr.po-double td,
 .style3 tr.po-single td,
 _:-ms-lang(x) {
  float:left;
  margin:0;
  width:100%
 }
 .style3 tr.po-double th:nth-child(2) {
  margin-top:10px
 }
 .style3 input,
 .style3 input:focus,
 .style3 select,
 .style3 select:focus,
 .style3 textarea,
 .style3 textarea:focus {
  -webkit-appearance:none;
  border-radius:2px
 }
 .style3 tr.po-double td ul,
 .style3 tr.po-single td ul {
  display:block;
  margin-top:0
 }
 .style3 tr.po-double td ul li,
 .style3 tr.po-double td ul ul li,
 .style3 tr.po-double td ul ul li:first-child,
 .style3 tr.po-single td ul li,
 .style3 tr.po-single td ul ul li,
 .style3 tr.po-single td ul ul li:first-child {
  border-bottom:1px solid #999;
  margin-left:0;
  width:100%
 }
 .style3 tr.po-double td ul ul li:first-child,
 .style3 tr.po-single td ul ul li:first-child {
  background:#f9f9f9
 }
 .style3 td ul:first-child {
  border-top:1px solid #999
 }
 .style3 td ul ul:first-child {
  border-top:none
 }
 .style3 label.label-checkbox-parent span.lever {
  font-size:1em
 }
 .style3 label.label-checkbox,
 .style3 label.label-checkbox-parent,
 .style3 label.label-radio {
  display:block;
  margin-right:0;
  padding-bottom:10px;
  padding-top:10px
 }
 .style3 label.label-checkbox span.lever,
 .style3 label.label-checkbox-parent span.lever,
 .style3 label.label-radio span.lever {
  float:none
 }
 .style3 label.label-checkbox span.lever:before,
 .style3 label.label-checkbox-parent span.lever:before,
 .style3 label.label-radio span.lever:before {
  float:left;
  padding-bottom:10px;
  padding-left:5px;
  padding-right:5px
 }
 .style3 tr.po-double input[type=text],
 .style3 tr.po-double select,
 .style3 tr.po-double textarea,
 .style3 tr.po-single input[type=text],
 .style3 tr.po-single select,
 .style3 tr.po-single textarea {
  width:96%
 }
 .style3 tr.po-double input[type=text],
 .style3 tr.po-single input[type=text] {
  padding:10px 2%
 }
 .style3 tr.po-double textarea,
 .style3 tr.po-single textarea {
  display:block;
  margin:0;
  padding:10px 2%
 }
 .style3 tr.po-double select,
 .style3 tr.po-single select {
  padding:10px 2%
 }
 .style3 select.po-number-selector {
  float:left;
  max-width:10%
 }
 .style3 input.po-number-selector {
  float:right;
  max-width:80%;
  min-width:200px
 }
 .style3 input.po-year {
  margin-left:1%;
  margin-right:1%;
  max-width:19%
 }
 .style3 input.po-day,
 .style3 input.po-month {
  margin-left:1%;
  margin-right:1%;
  max-width:15%
 }
 .style3 th.po-label {
  border-left:3px solid #222;
  color:#222;
  margin:20px 10px 5px;
  padding:0 10px;
  text-align:left
 }
 .style3 div.po-count {
  letter-spacing:1px;
  margin-left:5px;
  vertical-align:bottom
 }
 .style3 div.po-header {
  clear:both;
  height:inherit;
  vertical-align:middle
 }
 .style3 div.po-header-left {
  display:table;
  float:none;
  padding-left:10px;
  padding-top:0;
  vertical-align:middle;
  width:100%
 }
 .style3 span.po-count {
  font-size:.8em
 }
 .style3 div.po-header-right {
  display:table;
  float:none;
  margin:15px 0;
  width:100%
 }
 .style3 div.po-job-footer {
  margin:0;
  padding:0
 }
 .style3 div.po-job-footer button.po-button-seedetail {
  line-height:1.5em
 }
 .style3 div.po-job-footer button.po-button-seedetail:before {
  font-size:1.5em
 }
 .style3 div.po-buttons {
  border-top:1px solid #222
 }
 .style3 button {
  font-size:.9em;
  letter-spacing:.3em;
  width:90%
 }
 .style3 button:hover {
  color:#fff;
  transition:none
 }
 .style3 div.po-header-right button.po-button-register,
 .style3 div.po-header-right button.po-button-search {
  font-size:.7em;
  margin:0 1%;
  text-align:center;
  width:48%
 }
 .po-webparts-modal-container.style3 div.po-buttons {
  padding:0;
  width:100%
 }
 .po-webparts-modal-container.style3 div.po-buttons button.po-button-close,
 .po-webparts-modal-container.style3 div.po-buttons button.po-button-send {
  width:90%
 }
 .style3 div.po-privacy-wrap {
/*  font-size:.8em;*/
  font-size:1.2em;
  line-height:1.5em;
  width:90%
 }
}