body { background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 16px; font-weight: normal; line-height: 1.1875; margin: 0; padding: 0; } #HorizontalLine6 { border-bottom-width: 33px; border-color: transparent; border-left: 0; border-right: 0; border-style: solid; border-top: 0; height: 0 !important; line-height: 0 !important; margin: 0; padding: 0; } #HorizontalLine5 { border-bottom-width: 9px; border-color: #F8F8F8; border-color: rgba(248,248,248,0.00); border-left: 0; border-right: 0; border-style: solid; border-top: 0; height: 0 !important; line-height: 0 !important; margin: 0; padding: 0; } #wb_Text7 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 0; text-align: left; } #wb_Text7 div { text-align: left; } #wb_Text7 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #HorizontalLine4 { border-bottom-width: 8px; border-color: #F8F8F8; border-color: rgba(248,248,248,0.00); border-left: 0; border-right: 0; border-style: solid; border-top: 0; height: 0 !important; line-height: 0 !important; margin: 0; padding: 0; } #wb_LayoutGrid11 { background-color: #FFFFFF; background-image: none; border: 0px solid #DEE2E6; border-radius: 0px; box-sizing: border-box; clear: both; display: table; margin: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid11 { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; margin-left: auto; margin-right: auto; padding: 5px 0 5px 0; } #LayoutGrid11 > .col-1, #LayoutGrid11 > .col-2, #LayoutGrid11 > .col-3 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } #LayoutGrid11 > .col-1, #LayoutGrid11 > .col-2, #LayoutGrid11 > .col-3 { flex: 0 0 auto; } #LayoutGrid11 > .col-1 { align-content: flex-start; align-items: flex-start; align-self: stretch; background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid11 > .col-2 { align-content: flex-start; align-items: flex-start; align-self: stretch; background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 41.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 41.66666667%; text-align: left; } #LayoutGrid11 > .col-3 { align-content: flex-start; align-items: flex-start; align-self: stretch; background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 41.66666667%; flex-wrap: wrap; justify-content: center; max-width: 41.66666667%; text-align: center; } @media (max-width: 768px) { #LayoutGrid11 > .col-1, #LayoutGrid11 > .col-2, #LayoutGrid11 > .col-3 { flex-basis: 100% !important; max-width: 100% !important; } } #wb_LayoutGrid7 { background-color: #FFFFFF; background-image: none; border: 0px solid #DEE2E6; border-radius: 0px; box-sizing: border-box; clear: both; display: table; margin: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid7 { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; margin-left: auto; margin-right: auto; padding: 2px 0 2px 0; } #LayoutGrid7 > .col-1, #LayoutGrid7 > .col-2, #LayoutGrid7 > .col-3 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } #LayoutGrid7 > .col-1, #LayoutGrid7 > .col-2, #LayoutGrid7 > .col-3 { flex: 0 0 auto; } #LayoutGrid7 > .col-1 { align-content: flex-start; align-items: flex-start; align-self: stretch; background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid7 > .col-2 { align-content: flex-start; align-items: flex-start; align-self: stretch; background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 41.66666667%; flex-wrap: wrap; justify-content: center; max-width: 41.66666667%; text-align: center; } #LayoutGrid7 > .col-3 { align-content: flex-start; align-items: flex-start; align-self: stretch; background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 41.66666667%; flex-wrap: wrap; justify-content: center; max-width: 41.66666667%; text-align: center; } @media (max-width: 480px) { #LayoutGrid7 > .col-1, #LayoutGrid7 > .col-2, #LayoutGrid7 > .col-3 { flex-basis: 100% !important; max-width: 100% !important; } } #wb_LayoutGrid10 { background-color: #FFFFFF; background-image: none; border: 0px solid #DEE2E6; border-radius: 0px; box-sizing: border-box; clear: both; display: table; margin: 0 0 10px 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid10 { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; margin-left: auto; margin-right: auto; padding: 0; } #LayoutGrid10 > .col-1, #LayoutGrid10 > .col-2, #LayoutGrid10 > .col-3, #LayoutGrid10 > .col-4, #LayoutGrid10 > .col-5, #LayoutGrid10 > .col-6 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } #LayoutGrid10 > .col-1, #LayoutGrid10 > .col-2, #LayoutGrid10 > .col-3, #LayoutGrid10 > .col-4, #LayoutGrid10 > .col-5, #LayoutGrid10 > .col-6 { flex: 0 0 auto; } #LayoutGrid10 > .col-1 { align-content: center; align-items: center; align-self: stretch; background-image: linear-gradient(to top, #FFA500 0%, #6495ED 100%); border: 0px solid #FFFFFF; border-radius: 5px; display: flex; flex-basis: 16.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-2 { align-content: center; align-items: center; align-self: stretch; background-image: linear-gradient(to top, #FFA500 0%, #6495ED 100%); border: 0px solid #FFFFFF; border-radius: 5px; display: flex; flex-basis: 16.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-3 { align-content: center; align-items: center; align-self: stretch; background-image: linear-gradient(to top, #FFA500 0%, #6495ED 100%); border: 0px solid #FFFFFF; border-radius: 5px; display: flex; flex-basis: 16.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-4 { align-content: center; align-items: center; align-self: stretch; background-image: linear-gradient(to top, #FFA500 0%, #6495ED 100%); border: 0px solid #FFFFFF; border-radius: 5px; display: flex; flex-basis: 16.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-5 { align-content: center; align-items: center; align-self: stretch; background-image: linear-gradient(to top, #FFA500 0%, #6495ED 100%); border: 0px solid #FFFFFF; border-radius: 5px; display: flex; flex-basis: 16.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-6 { align-content: center; align-items: center; align-self: stretch; background-image: linear-gradient(to top, #FFA500 0%, #6495ED 100%); border: 0px solid #FFFFFF; border-radius: 5px; display: flex; flex-basis: 16.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-6 > .col-6-padding { box-sizing: border-box; padding: 0 20px 0 0; width: 100%; } @media (max-width: 580px) { #LayoutGrid10 > .col-1, #LayoutGrid10 > .col-2, #LayoutGrid10 > .col-3, #LayoutGrid10 > .col-4, #LayoutGrid10 > .col-5, #LayoutGrid10 > .col-6 { flex-basis: 100% !important; max-width: 100% !important; } } #wb_LayoutGrid9 { background-color: #FFFFFF; background-image: none; border: 0px solid #DEE2E6; border-radius: 0px; box-sizing: border-box; clear: both; display: table; margin: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid9 { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; margin-left: auto; margin-right: auto; padding: 2px 0 2px 0; } #LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2, #LayoutGrid9 > .col-3 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } #LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2, #LayoutGrid9 > .col-3 { flex: 0 0 auto; } #LayoutGrid9 > .col-1 { align-content: flex-start; align-items: flex-start; align-self: stretch; background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid9 > .col-2 { align-content: flex-start; align-items: flex-start; align-self: stretch; background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 41.66666667%; flex-wrap: wrap; justify-content: flex-start; max-width: 41.66666667%; text-align: left; } #LayoutGrid9 > .col-3 { align-content: center; align-items: center; align-self: stretch; background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 41.66666667%; flex-wrap: wrap; justify-content: center; max-width: 41.66666667%; text-align: center; } @media (max-width: 768px) { #LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2, #LayoutGrid9 > .col-3 { flex-basis: 100% !important; max-width: 100% !important; } } #wb_LayoutGrid1 { background-color: #FFFFFF; background-image: none; border: 0px solid #DEE2E6; border-radius: 0px; box-sizing: border-box; clear: both; display: table; margin: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid1 { box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 0 0 10px 0; } #LayoutGrid1 > .row { margin-left: 0; margin-right: 0; } #LayoutGrid1 > .row > .col-1 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } #LayoutGrid1 > .row > .col-1 { float: left; } #LayoutGrid1 > .row > .col-1 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: 100%; } #LayoutGrid1:before, #LayoutGrid1:after, #LayoutGrid1 .row:before, #LayoutGrid1 .row:after { content: " "; display: table; } #LayoutGrid1:after, #LayoutGrid1 .row:after { clear: both; } @media (max-width: 480px) { #LayoutGrid1 > .row > .col-1 { float: none; width: 100% !important; } } #wb_LayoutGrid2 { background-color: #FFFFFF; background-image: none; border: 0px solid #DEE2E6; border-radius: 0px; box-sizing: border-box; clear: both; display: table; margin: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid2 { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1100px; padding: 5px 60px 10px 60px; } #LayoutGrid2 > .row { margin-left: -60px; margin-right: -60px; } #LayoutGrid2 > .row > .col-1 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 60px; padding-right: 60px; position: relative; } #LayoutGrid2 > .row > .col-1 { float: left; } #LayoutGrid2 > .row > .col-1 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: 100%; } #LayoutGrid2:before, #LayoutGrid2:after, #LayoutGrid2 .row:before, #LayoutGrid2 .row:after { content: " "; display: table; } #LayoutGrid2:after, #LayoutGrid2 .row:after { clear: both; } @media (max-width: 480px) { #LayoutGrid2 > .row > .col-1 { float: none; width: 100% !important; } } #Table1 { background-color: transparent; background-image: none; border: 1px solid #999999; border-collapse: collapse; border-radius: 0px; border-spacing: 0px; margin: 0; } #Table1 td, #Table1 th { padding: 4px 4px 4px 4px; } #Table1 p, #Table1 ul { margin: 0; padding: 0; } #Table1 .cell0 { background-color: transparent; background-image: none; border-bottom-color: #999999; border-bottom-style: solid; border-bottom-width: 2px; border-left-color: #999999; border-left-style: solid; border-left-width: 1px; border-right-color: #999999; border-right-style: solid; border-right-width: 1px; border-top-color: #999999; border-top-style: solid; border-top-width: 1px; color: #000000; font-family: "Poppins"; font-size: 20px; font-weight: 700; line-height: 35px; text-align: left; vertical-align: top; } #Table1 .cell1 { background-color: transparent; background-image: none; border-bottom-color: #999999; border-bottom-style: solid; border-bottom-width: 2px; border-left-color: #999999; border-left-style: solid; border-left-width: 1px; border-right-color: #999999; border-right-style: solid; border-right-width: 1px; border-top-color: #999999; border-top-style: solid; border-top-width: 1px; color: #000000; font-family: "Poppins"; font-size: 20px; font-weight: 700; line-height: 35px; text-align: left; vertical-align: middle; } #Table1 .cell2 { background-color: transparent; background-image: none; border-bottom-color: #999999; border-bottom-style: solid; border-bottom-width: 2px; border-left-color: #999999; border-left-style: solid; border-left-width: 1px; border-right-color: #999999; border-right-style: solid; border-right-width: 1px; border-top-color: #999999; border-top-style: solid; border-top-width: 1px; color: #000000; font-family: "Livvic"; font-size: 20px; font-weight: 900; line-height: 29px; text-align: left; vertical-align: middle; } #Table1 .cell3 { background-color: transparent; background-image: none; border: 1px #999999 solid; font-size: 0; text-align: left; vertical-align: top; } #Table1 .cell4 { background-color: transparent; background-image: none; border: 1px #999999 solid; font-size: 0; text-align: left; vertical-align: middle; } #wb_LayoutGrid3 { background-color: transparent; background-image: none; border-bottom-color: #000000; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 0px; border-left-color: #000000; border-left-style: solid; border-left-width: 0px; border-right-color: #000000; border-right-style: solid; border-right-width: 0px; border-top-color: #000000; border-top-left-radius: 14px; border-top-right-radius: 14px; border-top-style: solid; border-top-width: 0px; box-sizing: border-box; clear: both; display: table; margin: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid3 { box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 0; } #LayoutGrid3 > .row { margin-left: 0; margin-right: 0; } #LayoutGrid3 > .row > .col-1 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } #LayoutGrid3 > .row > .col-1 { float: left; } #LayoutGrid3 > .row > .col-1 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: 100%; } #LayoutGrid3:before, #LayoutGrid3:after, #LayoutGrid3 .row:before, #LayoutGrid3 .row:after { content: " "; display: table; } #LayoutGrid3:after, #LayoutGrid3 .row:after { clear: both; } @media (max-width: 480px) { #LayoutGrid3 > .row > .col-1 { float: none; width: 100% !important; } } #HorizontalLine1 { border-bottom-width: 3px; border-color: #0000FF; border-left: 0; border-right: 0; border-style: solid; border-top: 0; height: 0 !important; line-height: 0 !important; margin: 0; padding: 0; } #wb_LayoutGrid4 { background-color: #FFFFFF; background-image: none; border: 0px solid #DEE2E6; border-radius: 0px; box-sizing: border-box; clear: both; display: table; margin: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid4 { box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 5px 5px 5px 5px; } #LayoutGrid4 > .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2, #LayoutGrid4 > .row > .col-3 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 5px; padding-right: 5px; position: relative; } #LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2, #LayoutGrid4 > .row > .col-3 { float: left; } #LayoutGrid4 > .row > .col-1 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: calc((100% - 300px) / 1); } #LayoutGrid4 > .row > .col-2 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: 150px; } #LayoutGrid4 > .row > .col-3 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: 150px; } #LayoutGrid4:before, #LayoutGrid4:after, #LayoutGrid4 .row:before, #LayoutGrid4 .row:after { content: " "; display: table; } #LayoutGrid4:after, #LayoutGrid4 .row:after { clear: both; } @media (max-width: 5px) { #LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2, #LayoutGrid4 > .row > .col-3 { float: none; width: 100% !important; } } #wb_Text1 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 0; text-align: right; } #wb_Text1 { color: #000000; font-family: "Oswald"; font-size: 24px; font-weight: 500; } #wb_Text1 div { text-align: right; } #wb_Text1 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #wb_LayoutGrid5 { background-color: #FFFFFF; background-image: none; border: 0px solid #DEE2E6; border-radius: 0px; box-sizing: border-box; clear: both; display: table; margin: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid5 { box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 5px 5px 5px 5px; } #LayoutGrid5 > .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid5 > .row > .col-1, #LayoutGrid5 > .row > .col-2, #LayoutGrid5 > .row > .col-3 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 5px; padding-right: 5px; position: relative; } #LayoutGrid5 > .row > .col-1, #LayoutGrid5 > .row > .col-2, #LayoutGrid5 > .row > .col-3 { float: left; } #LayoutGrid5 > .row > .col-1 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: calc((100% - 300px) / 1); } #LayoutGrid5 > .row > .col-2 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: 150px; } #LayoutGrid5 > .row > .col-3 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: 150px; } #LayoutGrid5:before, #LayoutGrid5:after, #LayoutGrid5 .row:before, #LayoutGrid5 .row:after { content: " "; display: table; } #LayoutGrid5:after, #LayoutGrid5 .row:after { clear: both; } @media (max-width: 5px) { #LayoutGrid5 > .row > .col-1, #LayoutGrid5 > .row > .col-2, #LayoutGrid5 > .row > .col-3 { float: none; width: 100% !important; } } #wb_Text2 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 0; text-align: right; } #wb_Text2 { color: #000000; font-family: "Oswald"; font-size: 24px; font-weight: 500; } #wb_Text2 div { text-align: right; } #wb_Text2 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #wb_LayoutGrid6 { background-color: #FFFFFF; background-image: none; border-bottom-color: #0000FF; border-bottom-style: solid; border-bottom-width: 3px; border-left-color: #0000FF; border-left-style: solid; border-left-width: 0px; border-right-color: #0000FF; border-right-style: solid; border-right-width: 0px; border-top-color: #DEE2E6; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; clear: both; display: table; margin: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid6 { box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 5px 5px 5px 5px; } #LayoutGrid6 > .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2, #LayoutGrid6 > .row > .col-3 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 5px; padding-right: 5px; position: relative; } #LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2, #LayoutGrid6 > .row > .col-3 { float: left; } #LayoutGrid6 > .row > .col-1 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: center; width: calc((100% - 300px) / 1); } #LayoutGrid6 > .row > .col-2 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: 150px; } #LayoutGrid6 > .row > .col-3 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: 150px; } #LayoutGrid6:before, #LayoutGrid6:after, #LayoutGrid6 .row:before, #LayoutGrid6 .row:after { content: " "; display: table; } #LayoutGrid6:after, #LayoutGrid6 .row:after { clear: both; } @media (max-width: 5px) { #LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2, #LayoutGrid6 > .row > .col-3 { float: none; width: 100% !important; } } #wb_Text3 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 0; text-align: right; } #wb_Text3 { color: #000000; font-family: "Oswald"; font-size: 21px; font-weight: 700; } #wb_Text3 div { text-align: right; } #wb_Text3 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #wb_Text4 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 0; text-align: left; } #wb_Text4 { color: #FF7E09; font-family: "Oswald"; font-size: 24px; font-weight: 600; } #wb_Text4 div { text-align: left; } #wb_Text4 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #wb_LayoutGrid8 { background-color: #FFFFFF; background-image: none; border: 0px solid #DEE2E6; border-radius: 0px; box-sizing: border-box; clear: both; display: table; margin: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; } #LayoutGrid8 { box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 0; } #LayoutGrid8 > .row { margin-left: 0; margin-right: 0; } #LayoutGrid8 > .row > .col-1 { box-sizing: border-box; font-size: 0; min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; } #LayoutGrid8 > .row > .col-1 { float: left; } #LayoutGrid8 > .row > .col-1 { background-color: transparent; background-image: none; border: 0px solid #FFFFFF; border-radius: 0px; text-align: left; width: 100%; } #LayoutGrid8:before, #LayoutGrid8:after, #LayoutGrid8 .row:before, #LayoutGrid8 .row:after { content: " "; display: table; } #LayoutGrid8:after, #LayoutGrid8 .row:after { clear: both; } @media (max-width: 480px) { #LayoutGrid8 > .row > .col-1 { float: none; width: 100% !important; } } #wb_Image2 { margin: 0; vertical-align: top; } #Image2 { border: 1px solid rgba(0,0,0,0.00); border-radius: 20px; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 1005px; padding: 0; vertical-align: top; width: 100%; } #wb_Text10 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 14px 0 14px 0; text-align: right; } #wb_Text10 div { text-align: right; } #wb_Text10 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #wb_Text11 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 14px 0 14px 0; text-align: right; } #wb_Text11 div { text-align: right; } #wb_Text11 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #wb_Text12 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 0; text-align: left; } #wb_Text12 div { text-align: left; } #wb_Text12 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #precio1 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #precio1:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #item1 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #item1:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #stotal { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #000000; font-family: Arial; font-size: 16px; font-style: normal; font-weight: bold; line-height: 25px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #stotal:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #tx { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #000000; font-family: Arial; font-size: 16px; font-style: normal; font-weight: bold; line-height: 25px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #tx:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #totp { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #000000; font-family: Arial; font-size: 16px; font-style: normal; font-weight: bold; line-height: 25px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #totp:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #sl1 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #sl1:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #sl2 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #sl2:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #sl3 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #sl3:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #sl4 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #sl4:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #sl5 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #sl5:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #sl6 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #sl6:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #item6 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #item6:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #item5 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #item5:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #item4 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #item4:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #item3 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #item3:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #item2 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #item2:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #precio6 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #precio6:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #precio5 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #precio5:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #precio4 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #precio4:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #precio3 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #precio3:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #precio2 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #precio2:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #Am6 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #Am6:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #Am5 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #Am5:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #Am4 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #Am4:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #Am3 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #Am3:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #Am2 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #Am2:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #HorizontalLine2 { border-bottom-width: 4px; border-color: #F8F8F8; border-left: 0; border-right: 0; border-style: solid; border-top: 0; height: 0 !important; line-height: 0 !important; margin: 0; padding: 0; } #HorizontalLine3 { border-bottom-width: 5px; border-color: #F8F8F8; border-left: 0; border-right: 0; border-style: solid; border-top: 0; height: 0 !important; line-height: 0 !important; margin: 0; padding: 0; } #wb_Text5 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 14px 0 14px 0; text-align: right; } #wb_Text5 div { text-align: right; } #wb_Text5 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #invoiceNO { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 19px; font-style: normal; font-weight: normal; line-height: 18px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #invoiceNO:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #PrevB { background-color: transparent; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #FFFFFF; font-family: Arial; font-size: 19px; font-style: normal; font-weight: bold; line-height: 18px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #PrevB:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #CurB { background-color: transparent; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #FFFFFF; font-family: Arial; font-size: 19px; font-style: normal; font-weight: bold; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #CurB:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #Am1 { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #Am1:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #btnClear { cursor: pointer; display: inline-block; font-family: "Poppins"; font-size: 16px; font-style: normal; font-weight: 600; overflow: visible; position: relative; text-decoration: none; user-select: none; vertical-align: middle; } #wb_btnClear { border-radius: 300px; margin: 0; vertical-align: top; } #btnClear { box-sizing: border-box; padding: 0 10px 0 5px; text-align: center; } #wb_btnClear .ui-button { align-items: center; display: flex; justify-content: center; margin: 0; } #btnClear { color: inherit; } #wb_btnClear .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23D99100%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M23%2023%20L71%2023%20L71%2031%20L23%2031Z%20%20M9%2058%20L9%2049%20L58%2049%20L58%2058Z%20%20M16%2044%20L16%2036%20L64%2036%20L64%2044Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; display: inline-block; height: 20px; margin-right: 5px; overflow: visible; transition: all 155ms ease-in-out; vertical-align: middle; width: 20px; } #wb_btnClear:hover .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23191970%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M23%2023%20L71%2023%20L71%2031%20L23%2031Z%20%20M9%2058%20L9%2049%20L58%2049%20L58%2058Z%20%20M16%2044%20L16%2036%20L64%2036%20L64%2044Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_btnClear:active .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M23%2023%20L71%2023%20L71%2031%20L23%2031Z%20%20M9%2058%20L9%2049%20L58%2049%20L58%2058Z%20%20M16%2044%20L16%2036%20L64%2036%20L64%2044Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_btnClear .ui-corner-all, #wb_btnClear .ui-corner-left { border-bottom-left-radius: 300px; border-top-left-radius: 300px; } #wb_btnClear .ui-corner-all, #wb_btnClear .ui-corner-right { border-bottom-right-radius: 300px; border-top-right-radius: 300px; } #wb_btnClear .ui-button { background-color: #191970; background-image: none; border: 0px solid #000080; color: #FFFFFF; transition: all 155ms ease-in-out; } #wb_btnClear .ui-state-hover, #wb_btnClear .ui-button:hover { background-color: #D99100; background-image: none; border-color: #D99100; color: #000080; } #wb_btnClear .ui-button:disabled { opacity: .5; pointer-events: none; } #wb_btnClear .ui-state-active, #wb_btnClear .ui-button:active { background-color: #0A58CA; background-image: none; border-color: #0A53BE; color: #FFFFFF; } #wb_Text6 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 0; text-align: left; } #wb_Text6 div { text-align: left; } #wb_Text6 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #wb_Text8 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 0; text-align: left; } #wb_Text8 div { text-align: left; } #wb_Text8 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #wb_Text9 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 0; text-align: left; } #wb_Text9 div { text-align: left; } #wb_Text9 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #address { background-color: #FFFFFF; background-image: none; border: 1px solid #DCDCDC; border-radius: 4px; box-sizing: border-box; color: #000000; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 18px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #address:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #phone { background-color: #FFFFFF; background-image: none; border: 1px solid #DCDCDC; border-radius: 4px; box-sizing: border-box; color: #000000; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 18px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #phone:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #name { background-color: #FFFFFF; background-image: none; border: 1px solid #DCDCDC; border-radius: 4px; box-sizing: border-box; color: #000000; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 18px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #name:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #wb_Text13 { background-color: transparent; background-image: none; border: 0px solid #000000; border-radius: 0px; margin: 0; padding: 0; text-align: center; } #wb_Text13 div { text-align: center; } #wb_Text13 { box-sizing: border-box; display: block; margin: 0; width: 100%; } #date { background-color: #FFFFFF; background-image: none; border: 1px solid #F5F5F5; border-radius: 4px; box-sizing: border-box; color: #000000; font-family: Arial; font-size: 19px; font-style: normal; font-weight: normal; line-height: 18px; margin: 0; padding: 4px 4px 4px 4px; text-align: center; } #date:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #newv { cursor: pointer; display: inline-block; font-family: "Poppins"; font-size: 16px; font-style: normal; font-weight: 600; overflow: visible; position: relative; text-decoration: none; user-select: none; vertical-align: middle; } #wb_newv { border-radius: 300px; margin: 0; vertical-align: top; } #newv { box-sizing: border-box; padding: 0 10px 0 5px; text-align: center; } #wb_newv .ui-button { align-items: center; display: flex; justify-content: center; margin: 0; } #newv { color: inherit; } #wb_newv .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23D99100%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M68%2047%20L68%2031%20L65%2031%20L65%2046%20L60%2046%20L60%2034%20L57%2034%20L57%2046%20L52%2046%20L52%2031%20L49%2031%20L49%2047%20C49%2048%2c%2050%2048%2c%2050%2049%20C51%2049%2c%2051%2049%2c%2052%2049%20L65%2049%20C66%2049%2c%2066%2049%2c%2067%2049%20C67%2048%2c%2068%2048%2c%2068%2047%20Z%20M44%2034%20L44%2031%20L33%2031%20L33%2049%20L44%2049%20L44%2047%20L36%2047%20L36%2042%20L44%2042%20L44%2039%20L36%2039%20L36%2034Z%20%20M28%2049%20L28%2031%20L25%2031%20L25%2043%20L15%2031%20L13%2031%20L13%2049%20L15%2049%20L15%2038%20L25%2049Z%20%20M67%2013%20C69%2013%2c%2071%2013%2c%2072%2015%20C74%2016%2c%2074%2018%2c%2074%2020%20L74%2060%20C74%2062%2c%2074%2064%2c%2072%2066%20C71%2067%2c%2069%2068%2c%2067%2068%20L13%2068%20C11%2068%2c%2010%2067%2c%208%2066%20C7%2064%2c%206%2062%2c%206%2060%20L6%2020%20C6%2018%2c%207%2016%2c%208%2015%20C10%2013%2c%2011%2013%2c%2013%2013%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; display: inline-block; height: 20px; margin-right: 5px; overflow: visible; transition: all 155ms ease-in-out; vertical-align: middle; width: 20px; } #wb_newv:hover .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23191970%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M68%2047%20L68%2031%20L65%2031%20L65%2046%20L60%2046%20L60%2034%20L57%2034%20L57%2046%20L52%2046%20L52%2031%20L49%2031%20L49%2047%20C49%2048%2c%2050%2048%2c%2050%2049%20C51%2049%2c%2051%2049%2c%2052%2049%20L65%2049%20C66%2049%2c%2066%2049%2c%2067%2049%20C67%2048%2c%2068%2048%2c%2068%2047%20Z%20M44%2034%20L44%2031%20L33%2031%20L33%2049%20L44%2049%20L44%2047%20L36%2047%20L36%2042%20L44%2042%20L44%2039%20L36%2039%20L36%2034Z%20%20M28%2049%20L28%2031%20L25%2031%20L25%2043%20L15%2031%20L13%2031%20L13%2049%20L15%2049%20L15%2038%20L25%2049Z%20%20M67%2013%20C69%2013%2c%2071%2013%2c%2072%2015%20C74%2016%2c%2074%2018%2c%2074%2020%20L74%2060%20C74%2062%2c%2074%2064%2c%2072%2066%20C71%2067%2c%2069%2068%2c%2067%2068%20L13%2068%20C11%2068%2c%2010%2067%2c%208%2066%20C7%2064%2c%206%2062%2c%206%2060%20L6%2020%20C6%2018%2c%207%2016%2c%208%2015%20C10%2013%2c%2011%2013%2c%2013%2013%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_newv:active .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M68%2047%20L68%2031%20L65%2031%20L65%2046%20L60%2046%20L60%2034%20L57%2034%20L57%2046%20L52%2046%20L52%2031%20L49%2031%20L49%2047%20C49%2048%2c%2050%2048%2c%2050%2049%20C51%2049%2c%2051%2049%2c%2052%2049%20L65%2049%20C66%2049%2c%2066%2049%2c%2067%2049%20C67%2048%2c%2068%2048%2c%2068%2047%20Z%20M44%2034%20L44%2031%20L33%2031%20L33%2049%20L44%2049%20L44%2047%20L36%2047%20L36%2042%20L44%2042%20L44%2039%20L36%2039%20L36%2034Z%20%20M28%2049%20L28%2031%20L25%2031%20L25%2043%20L15%2031%20L13%2031%20L13%2049%20L15%2049%20L15%2038%20L25%2049Z%20%20M67%2013%20C69%2013%2c%2071%2013%2c%2072%2015%20C74%2016%2c%2074%2018%2c%2074%2020%20L74%2060%20C74%2062%2c%2074%2064%2c%2072%2066%20C71%2067%2c%2069%2068%2c%2067%2068%20L13%2068%20C11%2068%2c%2010%2067%2c%208%2066%20C7%2064%2c%206%2062%2c%206%2060%20L6%2020%20C6%2018%2c%207%2016%2c%208%2015%20C10%2013%2c%2011%2013%2c%2013%2013%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_newv .ui-corner-all, #wb_newv .ui-corner-left { border-bottom-left-radius: 300px; border-top-left-radius: 300px; } #wb_newv .ui-corner-all, #wb_newv .ui-corner-right { border-bottom-right-radius: 300px; border-top-right-radius: 300px; } #wb_newv .ui-button { background-color: #191970; background-image: none; border: 0px solid #000080; color: #FFFFFF; transition: all 155ms ease-in-out; } #wb_newv .ui-state-hover, #wb_newv .ui-button:hover { background-color: #D99100; background-image: none; border-color: #D99100; color: #000080; } #wb_newv .ui-button:disabled { opacity: .5; pointer-events: none; } #wb_newv .ui-state-active, #wb_newv .ui-button:active { background-color: #0A58CA; background-image: none; border-color: #0A53BE; color: #FFFFFF; } #btnSave { cursor: pointer; display: inline-block; font-family: "Poppins"; font-size: 16px; font-style: normal; font-weight: 600; overflow: visible; position: relative; text-decoration: none; user-select: none; vertical-align: middle; } #wb_btnSave { border-radius: 300px; margin: 0; vertical-align: top; } #btnSave { box-sizing: border-box; padding: 0 10px 0 5px; text-align: center; } #wb_btnSave .ui-button { align-items: center; display: flex; justify-content: center; margin: 0; } #btnSave { color: inherit; } #wb_btnSave .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23D99100%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M67%2039%20L67%2020%20L53%206%20L13%206%20C11%206%2c%209%207%2c%207%209%20C6%2010%2c%205%2012%2c%205%2014%20L5%2061%20C5%2063%2c%206%2064%2c%207%2066%20C9%2067%2c%2011%2068%2c%2013%2068%20L38%2068Z%20%20M45%2047%20C45%2049%2c%2045%2051%2c%2044%2052%20C43%2053%2c%2042%2054%2c%2041%2055%20C39%2056%2c%2038%2056%2c%2036%2056%20C34%2056%2c%2033%2056%2c%2032%2055%20C30%2054%2c%2029%2053%2c%2028%2052%20C27%2051%2c%2027%2049%2c%2027%2047%20C27%2045%2c%2027%2044%2c%2028%2042%20C29%2041%2c%2030%2040%2c%2032%2039%20C33%2038%2c%2034%2038%2c%2036%2038%20C38%2038%2c%2039%2038%2c%2041%2039%20C42%2040%2c%2043%2041%2c%2044%2043%20C45%2044%2c%2045%2046%2c%2045%2047%20Z%20M17%2018%20L45%2018%20L45%2030%20L17%2030Z%20%20M63%2051%20L70%2057%20L52%2075%20L45%2075%20L45%2068Z%20%20M74%2053%20L71%2056%20L64%2049%20L67%2046%20C68%2045%2c%2068%2045%2c%2069%2045%20C70%2045%2c%2070%2045%2c%2071%2046%20L74%2049%20C75%2050%2c%2075%2050%2c%2075%2051%20C75%2052%2c%2075%2052%2c%2074%2053%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; display: inline-block; height: 20px; margin-right: 5px; overflow: visible; transition: all 155ms ease-in-out; vertical-align: middle; width: 20px; } #wb_btnSave:hover .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23191970%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M67%2039%20L67%2020%20L53%206%20L13%206%20C11%206%2c%209%207%2c%207%209%20C6%2010%2c%205%2012%2c%205%2014%20L5%2061%20C5%2063%2c%206%2064%2c%207%2066%20C9%2067%2c%2011%2068%2c%2013%2068%20L38%2068Z%20%20M45%2047%20C45%2049%2c%2045%2051%2c%2044%2052%20C43%2053%2c%2042%2054%2c%2041%2055%20C39%2056%2c%2038%2056%2c%2036%2056%20C34%2056%2c%2033%2056%2c%2032%2055%20C30%2054%2c%2029%2053%2c%2028%2052%20C27%2051%2c%2027%2049%2c%2027%2047%20C27%2045%2c%2027%2044%2c%2028%2042%20C29%2041%2c%2030%2040%2c%2032%2039%20C33%2038%2c%2034%2038%2c%2036%2038%20C38%2038%2c%2039%2038%2c%2041%2039%20C42%2040%2c%2043%2041%2c%2044%2043%20C45%2044%2c%2045%2046%2c%2045%2047%20Z%20M17%2018%20L45%2018%20L45%2030%20L17%2030Z%20%20M63%2051%20L70%2057%20L52%2075%20L45%2075%20L45%2068Z%20%20M74%2053%20L71%2056%20L64%2049%20L67%2046%20C68%2045%2c%2068%2045%2c%2069%2045%20C70%2045%2c%2070%2045%2c%2071%2046%20L74%2049%20C75%2050%2c%2075%2050%2c%2075%2051%20C75%2052%2c%2075%2052%2c%2074%2053%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_btnSave:active .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M67%2039%20L67%2020%20L53%206%20L13%206%20C11%206%2c%209%207%2c%207%209%20C6%2010%2c%205%2012%2c%205%2014%20L5%2061%20C5%2063%2c%206%2064%2c%207%2066%20C9%2067%2c%2011%2068%2c%2013%2068%20L38%2068Z%20%20M45%2047%20C45%2049%2c%2045%2051%2c%2044%2052%20C43%2053%2c%2042%2054%2c%2041%2055%20C39%2056%2c%2038%2056%2c%2036%2056%20C34%2056%2c%2033%2056%2c%2032%2055%20C30%2054%2c%2029%2053%2c%2028%2052%20C27%2051%2c%2027%2049%2c%2027%2047%20C27%2045%2c%2027%2044%2c%2028%2042%20C29%2041%2c%2030%2040%2c%2032%2039%20C33%2038%2c%2034%2038%2c%2036%2038%20C38%2038%2c%2039%2038%2c%2041%2039%20C42%2040%2c%2043%2041%2c%2044%2043%20C45%2044%2c%2045%2046%2c%2045%2047%20Z%20M17%2018%20L45%2018%20L45%2030%20L17%2030Z%20%20M63%2051%20L70%2057%20L52%2075%20L45%2075%20L45%2068Z%20%20M74%2053%20L71%2056%20L64%2049%20L67%2046%20C68%2045%2c%2068%2045%2c%2069%2045%20C70%2045%2c%2070%2045%2c%2071%2046%20L74%2049%20C75%2050%2c%2075%2050%2c%2075%2051%20C75%2052%2c%2075%2052%2c%2074%2053%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_btnSave .ui-corner-all, #wb_btnSave .ui-corner-left { border-bottom-left-radius: 300px; border-top-left-radius: 300px; } #wb_btnSave .ui-corner-all, #wb_btnSave .ui-corner-right { border-bottom-right-radius: 300px; border-top-right-radius: 300px; } #wb_btnSave .ui-button { background-color: #191970; background-image: none; border: 0px solid #000080; color: #FFFFFF; transition: all 155ms ease-in-out; } #wb_btnSave .ui-state-hover, #wb_btnSave .ui-button:hover { background-color: #D99100; background-image: none; border-color: #D99100; color: #000080; } #wb_btnSave .ui-button:disabled { opacity: .5; pointer-events: none; } #wb_btnSave .ui-state-active, #wb_btnSave .ui-button:active { background-color: #0A58CA; background-image: none; border-color: #0A53BE; color: #FFFFFF; } #btnSearch { cursor: pointer; display: inline-block; font-family: "Poppins"; font-size: 16px; font-style: normal; font-weight: 600; overflow: visible; position: relative; text-decoration: none; user-select: none; vertical-align: middle; } #wb_btnSearch { border-radius: 35px; margin: 0; vertical-align: top; } #btnSearch { box-sizing: border-box; padding: 0 10px 0 5px; text-align: center; } #wb_btnSearch .ui-button { align-items: center; display: flex; justify-content: center; margin: 0; } #btnSearch { color: inherit; } #wb_btnSearch .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23D99100%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M15%2018%20L20%2018%20L20%2028%20L55%2028%20L55%2018%20L60%2018%20L60%2034%20L68%2034%20L68%2017%20C68%2015%2c%2067%2013%2c%2066%2012%20C64%2010%2c%2063%209%2c%2060%209%20L47%209%20C47%208%2c%2045%206%2c%2043%205%20C42%203%2c%2040%203%2c%2037%203%20C35%203%2c%2033%203%2c%2031%205%20C29%206%2c%2028%208%2c%2027%209%20L14%209%20C12%209%2c%2010%2010%2c%208%2012%20C7%2013%2c%206%2015%2c%206%2017%20L6%2064%20C6%2066%2c%207%2067%2c%208%2069%20C10%2070%2c%2012%2071%2c%2014%2071%20L31%2071%20L31%2063%20L15%2063Z%20%20M37%2011%20C38%2011%2c%2038%2011%2c%2039%2012%20C39%2012%2c%2040%2013%2c%2040%2014%20C40%2014%2c%2039%2015%2c%2039%2015%20C38%2016%2c%2038%2016%2c%2037%2016%20C36%2016%2c%2036%2016%2c%2035%2015%20C35%2015%2c%2035%2014%2c%2035%2014%20C35%2013%2c%2035%2012%2c%2035%2012%20C36%2011%2c%2036%2011%2c%2037%2011%20Z%20M66%2063%20C66%2062%2c%2067%2061%2c%2067%2060%20C68%2058%2c%2068%2057%2c%2068%2055%20C68%2052%2c%2067%2050%2c%2066%2047%20C64%2045%2c%2063%2043%2c%2060%2042%20C58%2040%2c%2055%2039%2c%2052%2039%20C49%2039%2c%2046%2040%2c%2044%2042%20C42%2043%2c%2040%2045%2c%2038%2047%20C37%2050%2c%2036%2052%2c%2036%2055%20C36%2058%2c%2037%2061%2c%2038%2063%20C40%2066%2c%2042%2067%2c%2044%2069%20C46%2070%2c%2049%2071%2c%2052%2071%20C54%2071%2c%2055%2071%2c%2057%2070%20C58%2070%2c%2059%2069%2c%2060%2069%20L69%2078%20L75%2072Z%20%20M52%2063%20C50%2063%2c%2048%2062%2c%2047%2061%20C45%2059%2c%2045%2057%2c%2045%2055%20C45%2053%2c%2045%2051%2c%2047%2050%20C48%2048%2c%2050%2048%2c%2052%2048%20C54%2048%2c%2056%2048%2c%2057%2050%20C59%2051%2c%2060%2053%2c%2060%2055%20C60%2057%2c%2059%2059%2c%2057%2061%20C56%2062%2c%2054%2063%2c%2052%2063%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; display: inline-block; height: 20px; margin-right: 5px; overflow: visible; transition: all 155ms ease-in-out; vertical-align: middle; width: 20px; } #wb_btnSearch:hover .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23191970%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M15%2018%20L20%2018%20L20%2028%20L55%2028%20L55%2018%20L60%2018%20L60%2034%20L68%2034%20L68%2017%20C68%2015%2c%2067%2013%2c%2066%2012%20C64%2010%2c%2063%209%2c%2060%209%20L47%209%20C47%208%2c%2045%206%2c%2043%205%20C42%203%2c%2040%203%2c%2037%203%20C35%203%2c%2033%203%2c%2031%205%20C29%206%2c%2028%208%2c%2027%209%20L14%209%20C12%209%2c%2010%2010%2c%208%2012%20C7%2013%2c%206%2015%2c%206%2017%20L6%2064%20C6%2066%2c%207%2067%2c%208%2069%20C10%2070%2c%2012%2071%2c%2014%2071%20L31%2071%20L31%2063%20L15%2063Z%20%20M37%2011%20C38%2011%2c%2038%2011%2c%2039%2012%20C39%2012%2c%2040%2013%2c%2040%2014%20C40%2014%2c%2039%2015%2c%2039%2015%20C38%2016%2c%2038%2016%2c%2037%2016%20C36%2016%2c%2036%2016%2c%2035%2015%20C35%2015%2c%2035%2014%2c%2035%2014%20C35%2013%2c%2035%2012%2c%2035%2012%20C36%2011%2c%2036%2011%2c%2037%2011%20Z%20M66%2063%20C66%2062%2c%2067%2061%2c%2067%2060%20C68%2058%2c%2068%2057%2c%2068%2055%20C68%2052%2c%2067%2050%2c%2066%2047%20C64%2045%2c%2063%2043%2c%2060%2042%20C58%2040%2c%2055%2039%2c%2052%2039%20C49%2039%2c%2046%2040%2c%2044%2042%20C42%2043%2c%2040%2045%2c%2038%2047%20C37%2050%2c%2036%2052%2c%2036%2055%20C36%2058%2c%2037%2061%2c%2038%2063%20C40%2066%2c%2042%2067%2c%2044%2069%20C46%2070%2c%2049%2071%2c%2052%2071%20C54%2071%2c%2055%2071%2c%2057%2070%20C58%2070%2c%2059%2069%2c%2060%2069%20L69%2078%20L75%2072Z%20%20M52%2063%20C50%2063%2c%2048%2062%2c%2047%2061%20C45%2059%2c%2045%2057%2c%2045%2055%20C45%2053%2c%2045%2051%2c%2047%2050%20C48%2048%2c%2050%2048%2c%2052%2048%20C54%2048%2c%2056%2048%2c%2057%2050%20C59%2051%2c%2060%2053%2c%2060%2055%20C60%2057%2c%2059%2059%2c%2057%2061%20C56%2062%2c%2054%2063%2c%2052%2063%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_btnSearch:active .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M15%2018%20L20%2018%20L20%2028%20L55%2028%20L55%2018%20L60%2018%20L60%2034%20L68%2034%20L68%2017%20C68%2015%2c%2067%2013%2c%2066%2012%20C64%2010%2c%2063%209%2c%2060%209%20L47%209%20C47%208%2c%2045%206%2c%2043%205%20C42%203%2c%2040%203%2c%2037%203%20C35%203%2c%2033%203%2c%2031%205%20C29%206%2c%2028%208%2c%2027%209%20L14%209%20C12%209%2c%2010%2010%2c%208%2012%20C7%2013%2c%206%2015%2c%206%2017%20L6%2064%20C6%2066%2c%207%2067%2c%208%2069%20C10%2070%2c%2012%2071%2c%2014%2071%20L31%2071%20L31%2063%20L15%2063Z%20%20M37%2011%20C38%2011%2c%2038%2011%2c%2039%2012%20C39%2012%2c%2040%2013%2c%2040%2014%20C40%2014%2c%2039%2015%2c%2039%2015%20C38%2016%2c%2038%2016%2c%2037%2016%20C36%2016%2c%2036%2016%2c%2035%2015%20C35%2015%2c%2035%2014%2c%2035%2014%20C35%2013%2c%2035%2012%2c%2035%2012%20C36%2011%2c%2036%2011%2c%2037%2011%20Z%20M66%2063%20C66%2062%2c%2067%2061%2c%2067%2060%20C68%2058%2c%2068%2057%2c%2068%2055%20C68%2052%2c%2067%2050%2c%2066%2047%20C64%2045%2c%2063%2043%2c%2060%2042%20C58%2040%2c%2055%2039%2c%2052%2039%20C49%2039%2c%2046%2040%2c%2044%2042%20C42%2043%2c%2040%2045%2c%2038%2047%20C37%2050%2c%2036%2052%2c%2036%2055%20C36%2058%2c%2037%2061%2c%2038%2063%20C40%2066%2c%2042%2067%2c%2044%2069%20C46%2070%2c%2049%2071%2c%2052%2071%20C54%2071%2c%2055%2071%2c%2057%2070%20C58%2070%2c%2059%2069%2c%2060%2069%20L69%2078%20L75%2072Z%20%20M52%2063%20C50%2063%2c%2048%2062%2c%2047%2061%20C45%2059%2c%2045%2057%2c%2045%2055%20C45%2053%2c%2045%2051%2c%2047%2050%20C48%2048%2c%2050%2048%2c%2052%2048%20C54%2048%2c%2056%2048%2c%2057%2050%20C59%2051%2c%2060%2053%2c%2060%2055%20C60%2057%2c%2059%2059%2c%2057%2061%20C56%2062%2c%2054%2063%2c%2052%2063%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_btnSearch .ui-corner-all, #wb_btnSearch .ui-corner-left { border-bottom-left-radius: 35px; border-top-left-radius: 35px; } #wb_btnSearch .ui-corner-all, #wb_btnSearch .ui-corner-right { border-bottom-right-radius: 35px; border-top-right-radius: 35px; } #wb_btnSearch .ui-button { background-color: #191970; background-image: none; border: 0px solid #000080; color: #FFFFFF; transition: all 155ms ease-in-out; } #wb_btnSearch .ui-state-hover, #wb_btnSearch .ui-button:hover { background-color: #D99100; background-image: none; border-color: #D99100; color: #000080; } #wb_btnSearch .ui-button:disabled { opacity: .5; pointer-events: none; } #wb_btnSearch .ui-state-active, #wb_btnSearch .ui-button:active { background-color: #0A58CA; background-image: none; border-color: #0A53BE; color: #FFFFFF; } #btnDeleteRec { cursor: pointer; display: inline-block; font-family: "Poppins"; font-size: 16px; font-style: normal; font-weight: 600; overflow: visible; position: relative; text-decoration: none; user-select: none; vertical-align: middle; } #wb_btnDeleteRec { border-radius: 300px; margin: 0; vertical-align: top; } #btnDeleteRec { box-sizing: border-box; padding: 0 10px 0 5px; text-align: center; } #wb_btnDeleteRec .ui-button { align-items: center; display: flex; justify-content: center; margin: 0; } #btnDeleteRec { color: inherit; } #wb_btnDeleteRec .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23D99100%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M64%2013%20L64%2021%20L16%2021%20L16%2013%20L28%2013%20L32%209%20L49%209%20L52%2013Z%20%20M19%2064%20L19%2023%20L61%2023%20L61%2064%20C61%2065%2c%2060%2067%2c%2059%2069%20C57%2070%2c%2055%2071%2c%2053%2071%20L27%2071%20C25%2071%2c%2023%2070%2c%2022%2069%20C20%2067%2c%2019%2065%2c%2019%2064%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; display: inline-block; height: 20px; margin-right: 5px; overflow: visible; transition: all 155ms ease-in-out; vertical-align: middle; width: 20px; } #wb_btnDeleteRec:hover .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23191970%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M64%2013%20L64%2021%20L16%2021%20L16%2013%20L28%2013%20L32%209%20L49%209%20L52%2013Z%20%20M19%2064%20L19%2023%20L61%2023%20L61%2064%20C61%2065%2c%2060%2067%2c%2059%2069%20C57%2070%2c%2055%2071%2c%2053%2071%20L27%2071%20C25%2071%2c%2023%2070%2c%2022%2069%20C20%2067%2c%2019%2065%2c%2019%2064%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_btnDeleteRec:active .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M64%2013%20L64%2021%20L16%2021%20L16%2013%20L28%2013%20L32%209%20L49%209%20L52%2013Z%20%20M19%2064%20L19%2023%20L61%2023%20L61%2064%20C61%2065%2c%2060%2067%2c%2059%2069%20C57%2070%2c%2055%2071%2c%2053%2071%20L27%2071%20C25%2071%2c%2023%2070%2c%2022%2069%20C20%2067%2c%2019%2065%2c%2019%2064%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_btnDeleteRec .ui-corner-all, #wb_btnDeleteRec .ui-corner-left { border-bottom-left-radius: 300px; border-top-left-radius: 300px; } #wb_btnDeleteRec .ui-corner-all, #wb_btnDeleteRec .ui-corner-right { border-bottom-right-radius: 300px; border-top-right-radius: 300px; } #wb_btnDeleteRec .ui-button { background-color: #191970; background-image: none; border: 0px solid #000080; color: #FFFFFF; transition: all 155ms ease-in-out; } #wb_btnDeleteRec .ui-state-hover, #wb_btnDeleteRec .ui-button:hover { background-color: #D99100; background-image: none; border-color: #D99100; color: #000080; } #wb_btnDeleteRec .ui-button:disabled { opacity: .5; pointer-events: none; } #wb_btnDeleteRec .ui-state-active, #wb_btnDeleteRec .ui-button:active { background-color: #0A58CA; background-image: none; border-color: #0A53BE; color: #FFFFFF; } #searchQ { background-color: #FFFFFF; background-image: none; border: 1px solid #DEE2E6; border-radius: 4px; box-sizing: border-box; color: #212529; font-family: Arial; font-size: 16px; font-style: normal; font-weight: normal; line-height: 18px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; } #searchQ:focus { border-color: #66AFE9; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60); outline: 0; } #btnPDF { cursor: pointer; display: inline-block; font-family: "Poppins"; font-size: 16px; font-style: normal; font-weight: 600; overflow: visible; position: relative; text-decoration: none; user-select: none; vertical-align: middle; } #wb_btnPDF { border-radius: 35px; margin: 0; vertical-align: top; } #btnPDF { box-sizing: border-box; padding: 0 10px 0 5px; text-align: center; } #wb_btnPDF .ui-button { align-items: center; display: flex; justify-content: center; margin: 0; } #btnPDF { color: inherit; } #wb_btnPDF .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23D99100%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M46%2039%20L46%2028%20L51%2028%20L51%2039Z%20%20M14%2019%20L14%2066%20L61%2066%20L61%2074%20L13%2074%20C11%2074%2c%2010%2074%2c%208%2072%20C7%2071%2c%206%2069%2c%206%2067%20L6%2019Z%20%20M29%2033%20L29%2028%20L34%2028%20L34%2033Z%20%20M68%2028%20L68%2024%20L59%2024%20L59%2043%20L63%2043%20L63%2036%20L68%2036%20L68%2033%20L63%2033%20L63%2028Z%20%20M54%2039%20L54%2029%20C54%2027%2c%2054%2026%2c%2053%2026%20C52%2025%2c%2051%2024%2c%2050%2024%20L43%2024%20L43%2043%20L50%2043%20C51%2043%2c%2052%2042%2c%2053%2041%20C54%2041%2c%2054%2040%2c%2054%2039%20Z%20M38%2032%20L38%2029%20C38%2027%2c%2037%2026%2c%2036%2026%20C35%2025%2c%2035%2024%2c%2033%2024%20L26%2024%20L26%2043%20L29%2043%20L29%2036%20L33%2036%20C35%2036%2c%2036%2036%2c%2036%2035%20C37%2034%2c%2038%2033%2c%2038%2032%20Z%20M67%206%20C69%206%2c%2071%207%2c%2072%208%20C74%2010%2c%2074%2012%2c%2074%2014%20L74%2054%20C74%2055%2c%2074%2057%2c%2072%2059%20C71%2060%2c%2069%2061%2c%2067%2061%20L27%2061%20C25%2061%2c%2023%2060%2c%2022%2059%20C20%2057%2c%2019%2055%2c%2019%2054%20L19%2014%20C19%2012%2c%2020%2010%2c%2022%208%20C23%207%2c%2025%206%2c%2027%206%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; display: inline-block; height: 20px; margin-right: 5px; overflow: visible; transition: all 155ms ease-in-out; vertical-align: middle; width: 20px; } #wb_btnPDF:hover .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23191970%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M46%2039%20L46%2028%20L51%2028%20L51%2039Z%20%20M14%2019%20L14%2066%20L61%2066%20L61%2074%20L13%2074%20C11%2074%2c%2010%2074%2c%208%2072%20C7%2071%2c%206%2069%2c%206%2067%20L6%2019Z%20%20M29%2033%20L29%2028%20L34%2028%20L34%2033Z%20%20M68%2028%20L68%2024%20L59%2024%20L59%2043%20L63%2043%20L63%2036%20L68%2036%20L68%2033%20L63%2033%20L63%2028Z%20%20M54%2039%20L54%2029%20C54%2027%2c%2054%2026%2c%2053%2026%20C52%2025%2c%2051%2024%2c%2050%2024%20L43%2024%20L43%2043%20L50%2043%20C51%2043%2c%2052%2042%2c%2053%2041%20C54%2041%2c%2054%2040%2c%2054%2039%20Z%20M38%2032%20L38%2029%20C38%2027%2c%2037%2026%2c%2036%2026%20C35%2025%2c%2035%2024%2c%2033%2024%20L26%2024%20L26%2043%20L29%2043%20L29%2036%20L33%2036%20C35%2036%2c%2036%2036%2c%2036%2035%20C37%2034%2c%2038%2033%2c%2038%2032%20Z%20M67%206%20C69%206%2c%2071%207%2c%2072%208%20C74%2010%2c%2074%2012%2c%2074%2014%20L74%2054%20C74%2055%2c%2074%2057%2c%2072%2059%20C71%2060%2c%2069%2061%2c%2067%2061%20L27%2061%20C25%2061%2c%2023%2060%2c%2022%2059%20C20%2057%2c%2019%2055%2c%2019%2054%20L19%2014%20C19%2012%2c%2020%2010%2c%2022%208%20C23%207%2c%2025%206%2c%2027%206%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_btnPDF:active .ui-primary { background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2080%2080%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M46%2039%20L46%2028%20L51%2028%20L51%2039Z%20%20M14%2019%20L14%2066%20L61%2066%20L61%2074%20L13%2074%20C11%2074%2c%2010%2074%2c%208%2072%20C7%2071%2c%206%2069%2c%206%2067%20L6%2019Z%20%20M29%2033%20L29%2028%20L34%2028%20L34%2033Z%20%20M68%2028%20L68%2024%20L59%2024%20L59%2043%20L63%2043%20L63%2036%20L68%2036%20L68%2033%20L63%2033%20L63%2028Z%20%20M54%2039%20L54%2029%20C54%2027%2c%2054%2026%2c%2053%2026%20C52%2025%2c%2051%2024%2c%2050%2024%20L43%2024%20L43%2043%20L50%2043%20C51%2043%2c%2052%2042%2c%2053%2041%20C54%2041%2c%2054%2040%2c%2054%2039%20Z%20M38%2032%20L38%2029%20C38%2027%2c%2037%2026%2c%2036%2026%20C35%2025%2c%2035%2024%2c%2033%2024%20L26%2024%20L26%2043%20L29%2043%20L29%2036%20L33%2036%20C35%2036%2c%2036%2036%2c%2036%2035%20C37%2034%2c%2038%2033%2c%2038%2032%20Z%20M67%206%20C69%206%2c%2071%207%2c%2072%208%20C74%2010%2c%2074%2012%2c%2074%2014%20L74%2054%20C74%2055%2c%2074%2057%2c%2072%2059%20C71%2060%2c%2069%2061%2c%2067%2061%20L27%2061%20C25%2061%2c%2023%2060%2c%2022%2059%20C20%2057%2c%2019%2055%2c%2019%2054%20L19%2014%20C19%2012%2c%2020%2010%2c%2022%208%20C23%207%2c%2025%206%2c%2027%206%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center; } #wb_btnPDF .ui-corner-all, #wb_btnPDF .ui-corner-left { border-bottom-left-radius: 35px; border-top-left-radius: 35px; } #wb_btnPDF .ui-corner-all, #wb_btnPDF .ui-corner-right { border-bottom-right-radius: 35px; border-top-right-radius: 35px; } #wb_btnPDF .ui-button { background-color: #191970; background-image: none; border: 0px solid #000080; color: #FFFFFF; transition: all 155ms ease-in-out; } #wb_btnPDF .ui-state-hover, #wb_btnPDF .ui-button:hover { background-color: #D99100; background-image: none; border-color: #D99100; color: #000080; } #wb_btnPDF .ui-button:disabled { opacity: .5; pointer-events: none; } #wb_btnPDF .ui-state-active, #wb_btnPDF .ui-button:active { background-color: #0A58CA; background-image: none; border-color: #0A53BE; color: #FFFFFF; } #wb_LayoutGrid3 { overflow: hidden; } #HorizontalLine5 { display: inline-block; width: 180px; z-index: 25; } #HorizontalLine2 { left: 14px; position: absolute; top: 515px; width: 3px; z-index: 270; } #wb_btnPDF { display: inline-block; height: 40px; width: 50px; z-index: 70; } #wb_btnSearch { display: inline-block; height: 40px; width: 50px; z-index: 68; } #CurB { display: inline-block; height: 30px; width: 130px; z-index: 33; } #HorizontalLine3 { left: 11px; position: absolute; top: 540px; width: 3px; z-index: 271; } #Am5 { display: inline-block; height: 30px; width: 135px; z-index: 53; } #Table1 { display: table; height: 285px; width: 100%; z-index: 58; } #PrevB { display: block; height: 28px; width: 100%; z-index: 31; } #totp { display: block; height: 35px; width: 100%; z-index: 72; } #wb_btnDeleteRec { display: inline-block; height: 40px; width: 50px; z-index: 69; } #stotal { display: block; height: 35px; width: 100%; z-index: 61; } #Am4 { display: inline-block; height: 30px; width: 135px; z-index: 49; } #wb_Image2 { display: block; height: auto; width: 100%; z-index: 17; } #HorizontalLine1 { display: block; width: 100%; z-index: 80; } #Am6 { display: inline-block; height: 30px; width: 135px; z-index: 57; } #precio5 { display: inline-block; height: 30px; width: 135px; z-index: 52; } #precio4 { display: inline-block; height: 30px; width: 135px; z-index: 48; } #Am1 { display: inline-block; height: 30px; width: 135px; z-index: 37; } #sl1 { display: inline-block; height: 30px; width: 86px; z-index: 34; } #invoiceNO { display: block; height: 28px; width: 100%; z-index: 29; } #btnClear { height: 100%; width: 100%; } #sl2 { display: inline-block; height: 30px; width: 86px; z-index: 38; } #precio6 { display: inline-block; height: 30px; width: 135px; z-index: 56; } #Am3 { display: inline-block; height: 30px; width: 135px; z-index: 45; } #sl3 { display: inline-block; height: 30px; width: 86px; z-index: 42; } #item1 { display: inline-block; height: 30px; width: 567px; z-index: 35; } #searchQ { display: inline-block; height: 28px; width: 218px; z-index: 27; } #sl4 { display: inline-block; height: 30px; width: 86px; z-index: 46; } #Am2 { display: inline-block; height: 30px; width: 135px; z-index: 41; } #item2 { display: inline-block; height: 30px; width: 567px; z-index: 39; } #precio1 { display: inline-block; height: 30px; width: 135px; z-index: 36; } #sl5 { display: inline-block; height: 30px; width: 86px; z-index: 50; } #item3 { display: inline-block; height: 30px; width: 567px; z-index: 43; } #btnSave { height: 100%; width: 100%; } #sl6 { display: inline-block; height: 30px; width: 86px; z-index: 54; } #item4 { display: inline-block; height: 30px; width: 567px; z-index: 47; } #precio3 { display: inline-block; height: 30px; width: 135px; z-index: 44; } #phone { display: inline-block; height: 28px; width: 450px; z-index: 26; } #item5 { display: inline-block; height: 30px; width: 567px; z-index: 51; } #precio2 { display: inline-block; height: 30px; width: 135px; z-index: 40; } #date { display: inline-block; height: 28px; width: 153px; z-index: 23; } #btnSearch { height: 100%; width: 100%; } #wb_btnClear { display: inline-block; height: 40px; width: 50px; z-index: 65; } #item6 { display: inline-block; height: 30px; width: 567px; z-index: 55; } #address { display: inline-block; height: 28px; width: 450px; z-index: 22; } #name { display: inline-block; height: 28px; width: 450px; z-index: 19; } #HorizontalLine6 { display: inline-block; width: 505px; z-index: 16; } #btnDeleteRec { height: 100%; width: 100%; } #wb_newv { display: inline-block; height: 40px; width: 50px; z-index: 66; } #tx { display: block; height: 35px; width: 100%; z-index: 64; } #btnPDF { height: 100%; width: 100%; } #wb_btnSave { display: inline-block; height: 40px; width: 50px; z-index: 67; } #newv { height: 100%; width: 100%; } #HorizontalLine4 { display: inline-block; width: 649px; z-index: 74; } @media only screen and (min-width: 980px) and (max-width: 1199px) { body { background-color: #FFFFFF; background-image: none; } #wb_Text7 { display: block; visibility: visible; } #wb_Text7 { margin: 0; padding: 0; } #wb_LayoutGrid11 { display: table; visibility: visible; } #wb_LayoutGrid11 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid11 { height: auto; padding: 5px 0 5px 0; } #LayoutGrid11 > .col-1, #LayoutGrid11 > .col-2, #LayoutGrid11 > .col-3 { padding-left: 0px; padding-right: 0px; } #LayoutGrid11 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid11 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 41.66666667%; justify-content: flex-start; max-width: 41.66666667%; text-align: left; } #LayoutGrid11 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 41.66666667%; justify-content: flex-start; max-width: 41.66666667%; text-align: left; } #wb_LayoutGrid10 { display: table; visibility: visible; } #wb_LayoutGrid10 { height: auto; margin-bottom: 10px; margin-top: 0px; } #LayoutGrid10 { height: auto; padding: 0; } #LayoutGrid10 > .col-1, #LayoutGrid10 > .col-2, #LayoutGrid10 > .col-3, #LayoutGrid10 > .col-4, #LayoutGrid10 > .col-5, #LayoutGrid10 > .col-6 { padding-left: 15px; padding-right: 15px; } #LayoutGrid10 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-4 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-5 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-6 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-6 > .col-6-padding { padding: 0; width: 100%; } #wb_LayoutGrid9 { display: table; visibility: visible; } #wb_LayoutGrid9 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid9 { height: auto; padding: 2px 0 2px 0; } #LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2, #LayoutGrid9 > .col-3 { padding-left: 0px; padding-right: 0px; } #LayoutGrid9 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid9 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 41.66666667%; justify-content: flex-start; max-width: 41.66666667%; text-align: left; } #LayoutGrid9 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 41.66666667%; justify-content: flex-start; max-width: 41.66666667%; text-align: left; } #wb_LayoutGrid1 { display: table; visibility: visible; } #wb_LayoutGrid1 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid1 { height: auto; padding: 0 0 10px 0; } #LayoutGrid1 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid1 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid1 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #wb_LayoutGrid2 { display: table; visibility: visible; } #wb_LayoutGrid2 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid2 { height: auto; padding: 5px 30px 10px 30px; } #LayoutGrid2 .row { margin-left: -30px; margin-right: -30px; } #LayoutGrid2 > .row > .col-1 { padding-left: 30px; padding-right: 30px; } #LayoutGrid2 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #Table1 { background-color: transparent; background-image: none; border: 1px solid #C0C0C0; display: table; visibility: visible; } #Table1 .cell0 { font-size: 20px; line-height: 36px; text-align: left; } #Table1 .cell1 { font-size: 20px; line-height: 36px; text-align: left; } #Table1 .cell2 { font-size: 20px; line-height: 29px; text-align: center; } #Table1 .cell3 { font-size: 16px; line-height: 18px; text-align: left; } #Table1 .cell4 { font-size: 16px; line-height: 18px; text-align: left; } #wb_LayoutGrid3 { background-color: transparent; background-image: none; border-bottom-color: #000000; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 0px; border-left-color: #000000; border-left-style: solid; border-left-width: 0px; border-right-color: #000000; border-right-style: solid; border-right-width: 0px; border-top-color: #000000; border-top-left-radius: 14px; border-top-right-radius: 14px; border-top-style: solid; border-top-width: 0px; display: table; visibility: visible; } #wb_LayoutGrid3 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid3 { height: auto; padding: 0; } #LayoutGrid3 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid3 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid3 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #HorizontalLine1 { display: block; height: 3px; margin: 0; visibility: visible; width: 100%; } #HorizontalLine1 { border-bottom-width: 3px; border-color: #0000FF; } #wb_LayoutGrid4 { display: table; visibility: visible; } #wb_LayoutGrid4 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid4 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid4 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2, #LayoutGrid4 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid4 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 280px) / 1); } #LayoutGrid4 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 140px; } #LayoutGrid4 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 140px; } #wb_Text1 { display: block; visibility: visible; } #wb_Text1 { font-size: 24px; margin: 0; padding: 0; text-align: right; } #wb_LayoutGrid5 { display: table; visibility: visible; } #wb_LayoutGrid5 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid5 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid5 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid5 > .row > .col-1, #LayoutGrid5 > .row > .col-2, #LayoutGrid5 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid5 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 280px) / 1); } #LayoutGrid5 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 140px; } #LayoutGrid5 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 140px; } #wb_Text2 { display: block; visibility: visible; } #wb_Text2 { font-size: 24px; margin: 0; padding: 0; text-align: right; } #wb_LayoutGrid6 { display: table; visibility: visible; } #wb_LayoutGrid6 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid6 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid6 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2, #LayoutGrid6 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid6 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 280px) / 1); } #LayoutGrid6 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 140px; } #LayoutGrid6 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 140px; } #wb_Text3 { display: block; visibility: visible; } #wb_Text3 { font-size: 24px; margin: 0; padding: 0; text-align: right; } #wb_Text4 { display: block; visibility: visible; } #wb_Text4 { font-size: 24px; margin: 0; padding: 0; text-align: left; } #wb_LayoutGrid8 { display: table; visibility: visible; } #wb_LayoutGrid8 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid8 { height: auto; padding: 0; } #LayoutGrid8 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid8 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid8 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #wb_Image2 { display: block; margin: 0; padding: 0; visibility: visible; width: 100%; } #Image2 { margin-left: auto; margin-right: auto; } #wb_Text10 { display: block; visibility: visible; } #wb_Text10 { margin: 0; padding: 14px 0 14px 0; } #wb_Text11 { display: block; visibility: visible; } #wb_Text11 { margin: 0; padding: 14px 0 14px 0; } #wb_Text12 { display: block; visibility: visible; } #wb_Text12 { margin: 0; padding: 0; } #wb_Text5 { display: block; visibility: visible; } #wb_Text5 { margin: 0; padding: 14px 0 14px 0; } #wb_btnClear { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnClear { font-size: 16px; } #wb_btnClear .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_newv { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #newv { font-size: 16px; } #wb_newv .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnSave { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnSave { font-size: 16px; } #wb_btnSave .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnSearch { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnSearch { font-size: 16px; } #wb_btnSearch .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnDeleteRec { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnDeleteRec { font-size: 16px; } #wb_btnDeleteRec .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnPDF { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnPDF { font-size: 16px; } #wb_btnPDF .ui-button { line-height: 44px; padding: 0 10px 0 5px; } } @media only screen and (min-width: 768px) and (max-width: 979px) { body { background-color: #FFFFFF; background-image: none; } #wb_Text7 { display: block; visibility: visible; } #wb_Text7 { margin: 0; padding: 0; } #wb_LayoutGrid11 { display: table; visibility: visible; } #wb_LayoutGrid11 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid11 { height: auto; padding: 5px 0 5px 0; } #LayoutGrid11 > .col-1, #LayoutGrid11 > .col-2, #LayoutGrid11 > .col-3 { padding-left: 0px; padding-right: 0px; } #LayoutGrid11 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid11 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid11 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #wb_LayoutGrid10 { display: table; visibility: visible; } #wb_LayoutGrid10 { height: auto; margin-bottom: 10px; margin-top: 0px; } #LayoutGrid10 { height: auto; padding: 0; } #LayoutGrid10 > .col-1, #LayoutGrid10 > .col-2, #LayoutGrid10 > .col-3, #LayoutGrid10 > .col-4, #LayoutGrid10 > .col-5, #LayoutGrid10 > .col-6 { padding-left: 15px; padding-right: 15px; } #LayoutGrid10 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-4 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-5 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-6 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 16.66666667%; justify-content: flex-start; max-width: 16.66666667%; text-align: left; } #LayoutGrid10 > .col-6 > .col-6-padding { padding: 0; width: 100%; } #wb_LayoutGrid9 { display: table; visibility: visible; } #wb_LayoutGrid9 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid9 { height: auto; padding: 2px 0 2px 0; } #LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2, #LayoutGrid9 > .col-3 { padding-left: 0px; padding-right: 0px; } #LayoutGrid9 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid9 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid9 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #wb_LayoutGrid1 { display: table; visibility: visible; } #wb_LayoutGrid1 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid1 { height: auto; padding: 0 0 10px 0; } #LayoutGrid1 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid1 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid1 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #wb_LayoutGrid2 { display: table; visibility: visible; } #wb_LayoutGrid2 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid2 { height: auto; padding: 40px 15px 10px 15px; } #LayoutGrid2 .row { margin-left: -15px; margin-right: -15px; } #LayoutGrid2 > .row > .col-1 { padding-left: 15px; padding-right: 15px; } #LayoutGrid2 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #Table1 { background-color: transparent; background-image: none; border: 1px solid #C0C0C0; display: table; visibility: visible; } #Table1 .cell0 { font-size: 20px; line-height: 36px; text-align: left; } #Table1 .cell1 { font-size: 20px; line-height: 36px; text-align: left; } #Table1 .cell2 { font-size: 20px; line-height: 29px; text-align: center; } #Table1 .cell3 { font-size: 16px; line-height: 18px; text-align: left; } #Table1 .cell4 { font-size: 16px; line-height: 18px; text-align: left; } #wb_LayoutGrid3 { background-color: transparent; background-image: none; border-bottom-color: #000000; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 0px; border-left-color: #000000; border-left-style: solid; border-left-width: 0px; border-right-color: #000000; border-right-style: solid; border-right-width: 0px; border-top-color: #000000; border-top-left-radius: 14px; border-top-right-radius: 14px; border-top-style: solid; border-top-width: 0px; display: table; visibility: visible; } #wb_LayoutGrid3 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid3 { height: auto; padding: 0; } #LayoutGrid3 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid3 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid3 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #HorizontalLine1 { display: block; height: 3px; margin: 0; visibility: visible; width: 100%; } #HorizontalLine1 { border-bottom-width: 3px; border-color: #0000FF; } #wb_LayoutGrid4 { display: table; visibility: visible; } #wb_LayoutGrid4 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid4 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid4 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2, #LayoutGrid4 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid4 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 220px) / 1); } #LayoutGrid4 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 110px; } #LayoutGrid4 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 110px; } #wb_Text1 { display: block; visibility: visible; } #wb_Text1 { font-size: 21px; margin: 0; padding: 0; text-align: right; } #wb_LayoutGrid5 { display: table; visibility: visible; } #wb_LayoutGrid5 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid5 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid5 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid5 > .row > .col-1, #LayoutGrid5 > .row > .col-2, #LayoutGrid5 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid5 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 220px) / 1); } #LayoutGrid5 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 110px; } #LayoutGrid5 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 110px; } #wb_Text2 { display: block; visibility: visible; } #wb_Text2 { font-size: 21px; margin: 0; padding: 0; text-align: right; } #wb_LayoutGrid6 { display: table; visibility: visible; } #wb_LayoutGrid6 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid6 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid6 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2, #LayoutGrid6 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid6 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 220px) / 1); } #LayoutGrid6 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 110px; } #LayoutGrid6 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 110px; } #wb_Text3 { display: block; visibility: visible; } #wb_Text3 { font-size: 21px; margin: 0; padding: 0; text-align: right; } #wb_Text4 { display: block; visibility: visible; } #wb_Text4 { font-size: 24px; margin: 0; padding: 0; text-align: left; } #wb_LayoutGrid8 { display: table; visibility: visible; } #wb_LayoutGrid8 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid8 { height: auto; padding: 0; } #LayoutGrid8 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid8 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid8 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #wb_Image2 { display: block; margin: 0; padding: 0; visibility: visible; width: 100%; } #Image2 { margin-left: auto; margin-right: auto; } #wb_Text10 { display: block; visibility: visible; } #wb_Text10 { margin: 0; padding: 14px 0 14px 0; } #wb_Text11 { display: block; visibility: visible; } #wb_Text11 { margin: 0; padding: 14px 0 14px 0; } #wb_Text12 { display: block; visibility: visible; } #wb_Text12 { margin: 0; padding: 0; } #wb_Text5 { display: block; visibility: visible; } #wb_Text5 { margin: 0; padding: 14px 0 14px 0; } #wb_btnClear { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnClear { font-size: 16px; } #wb_btnClear .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_newv { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #newv { font-size: 16px; } #wb_newv .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnSave { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnSave { font-size: 16px; } #wb_btnSave .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnSearch { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnSearch { font-size: 16px; } #wb_btnSearch .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnDeleteRec { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnDeleteRec { font-size: 16px; } #wb_btnDeleteRec .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnPDF { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnPDF { font-size: 16px; } #wb_btnPDF .ui-button { line-height: 44px; padding: 0 10px 0 5px; } } @media only screen and (min-width: 580px) and (max-width: 767px) { body { background-color: #FFFFFF; background-image: none; } #wb_Text7 { display: block; visibility: visible; } #wb_Text7 { margin: 0; padding: 0; } #wb_LayoutGrid11 { display: table; visibility: visible; } #wb_LayoutGrid11 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid11 { height: auto; padding: 5px 0 5px 0; } #LayoutGrid11 > .col-1, #LayoutGrid11 > .col-2, #LayoutGrid11 > .col-3 { padding-left: 0px; padding-right: 0px; } #LayoutGrid11 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid11 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid11 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #wb_LayoutGrid10 { display: table; visibility: visible; } #wb_LayoutGrid10 { height: auto; margin-bottom: 10px; margin-top: 0px; } #LayoutGrid10 { height: auto; padding: 0; } #LayoutGrid10 > .col-1, #LayoutGrid10 > .col-2, #LayoutGrid10 > .col-3, #LayoutGrid10 > .col-4, #LayoutGrid10 > .col-5, #LayoutGrid10 > .col-6 { padding-left: 15px; padding-right: 15px; } #LayoutGrid10 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-4 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-5 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-6 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-6 > .col-6-padding { padding: 0; width: 100%; } #wb_LayoutGrid9 { display: table; visibility: visible; } #wb_LayoutGrid9 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid9 { height: auto; padding: 2px 0 2px 0; } #LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2, #LayoutGrid9 > .col-3 { padding-left: 0px; padding-right: 0px; } #LayoutGrid9 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid9 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid9 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #wb_LayoutGrid1 { display: table; visibility: visible; } #wb_LayoutGrid1 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid1 { height: auto; padding: 0 0 10px 0; } #LayoutGrid1 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid1 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid1 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #wb_LayoutGrid2 { display: table; visibility: visible; } #wb_LayoutGrid2 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid2 { height: auto; padding: 40px 10px 10px 10px; } #LayoutGrid2 .row { margin-left: -10px; margin-right: -10px; } #LayoutGrid2 > .row > .col-1 { padding-left: 10px; padding-right: 10px; } #LayoutGrid2 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #Table1 { background-color: transparent; background-image: none; border: 1px solid #C0C0C0; display: table; visibility: visible; } #Table1 .cell0 { font-size: 19px; line-height: 31px; text-align: left; } #Table1 .cell1 { font-size: 19px; line-height: 31px; text-align: left; } #Table1 .cell2 { font-size: 19px; line-height: 26px; text-align: center; } #Table1 .cell3 { font-size: 16px; line-height: 18px; text-align: left; } #Table1 .cell4 { font-size: 16px; line-height: 18px; text-align: left; } #wb_LayoutGrid3 { background-color: transparent; background-image: none; border-bottom-color: #000000; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 0px; border-left-color: #000000; border-left-style: solid; border-left-width: 0px; border-right-color: #000000; border-right-style: solid; border-right-width: 0px; border-top-color: #000000; border-top-left-radius: 14px; border-top-right-radius: 14px; border-top-style: solid; border-top-width: 0px; display: table; visibility: visible; } #wb_LayoutGrid3 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid3 { height: auto; padding: 0; } #LayoutGrid3 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid3 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid3 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #HorizontalLine1 { display: block; height: 3px; margin: 0; visibility: visible; width: 100%; } #HorizontalLine1 { border-bottom-width: 3px; border-color: #0000FF; } #wb_LayoutGrid4 { display: table; visibility: visible; } #wb_LayoutGrid4 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid4 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid4 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2, #LayoutGrid4 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid4 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 210px) / 1); } #LayoutGrid4 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 110px; } #LayoutGrid4 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100px; } #wb_Text1 { display: block; visibility: visible; } #wb_Text1 { font-size: 20px; margin: 0; padding: 0; text-align: right; } #wb_LayoutGrid5 { display: table; visibility: visible; } #wb_LayoutGrid5 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid5 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid5 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid5 > .row > .col-1, #LayoutGrid5 > .row > .col-2, #LayoutGrid5 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid5 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 210px) / 1); } #LayoutGrid5 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 110px; } #LayoutGrid5 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100px; } #wb_Text2 { display: block; visibility: visible; } #wb_Text2 { font-size: 20px; margin: 0; padding: 0; text-align: right; } #wb_LayoutGrid6 { display: table; visibility: visible; } #wb_LayoutGrid6 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid6 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid6 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2, #LayoutGrid6 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid6 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 210px) / 1); } #LayoutGrid6 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 110px; } #LayoutGrid6 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100px; } #wb_Text3 { display: block; visibility: visible; } #wb_Text3 { font-size: 21px; margin: 0; padding: 0; text-align: right; } #wb_Text4 { display: block; visibility: visible; } #wb_Text4 { font-size: 24px; margin: 0; padding: 0; text-align: left; } #wb_LayoutGrid8 { display: table; visibility: visible; } #wb_LayoutGrid8 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid8 { height: auto; padding: 0; } #LayoutGrid8 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid8 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid8 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #wb_Image2 { display: block; margin: 0; padding: 0; visibility: visible; width: 100%; } #Image2 { margin-left: auto; margin-right: auto; } #wb_Text10 { display: block; visibility: visible; } #wb_Text10 { margin: 0; padding: 14px 0 14px 0; } #wb_Text11 { display: block; visibility: visible; } #wb_Text11 { margin: 0; padding: 14px 0 14px 0; } #wb_Text12 { display: block; visibility: visible; } #wb_Text12 { margin: 0; padding: 0; } #precio1 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #precio1 { line-height: 25px; } #item1 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 166px; } #item1 { line-height: 25px; } #stotal { display: block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 100%; } #stotal { line-height: 25px; } #tx { display: block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 100%; } #tx { line-height: 25px; } #totp { display: block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 100%; } #totp { line-height: 25px; } #sl1 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #sl1 { line-height: 25px; } #sl2 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #sl2 { line-height: 25px; } #sl3 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #sl3 { line-height: 25px; } #sl4 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #sl4 { line-height: 25px; } #sl5 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #sl5 { line-height: 25px; } #sl6 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #sl6 { line-height: 25px; } #item6 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 166px; } #item6 { line-height: 25px; } #item5 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 166px; } #item5 { line-height: 25px; } #item4 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 166px; } #item4 { line-height: 25px; } #item3 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 166px; } #item3 { line-height: 25px; } #item2 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 166px; } #item2 { line-height: 25px; } #precio6 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 80px; } #precio6 { line-height: 25px; } #precio5 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 80px; } #precio5 { line-height: 25px; } #precio4 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 80px; } #precio4 { line-height: 25px; } #precio3 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 80px; } #precio3 { line-height: 25px; } #precio2 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 80px; } #precio2 { line-height: 25px; } #Am6 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 73px; } #Am6 { line-height: 25px; } #Am5 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 73px; } #Am5 { line-height: 25px; } #Am4 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 73px; } #Am4 { line-height: 25px; } #Am3 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 73px; } #Am3 { line-height: 25px; } #Am2 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 73px; } #Am2 { line-height: 25px; } #wb_Text5 { display: block; visibility: visible; } #wb_Text5 { margin: 0; padding: 14px 0 14px 0; } #wb_btnClear { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnClear { font-size: 16px; } #wb_btnClear .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_newv { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #newv { font-size: 16px; } #wb_newv .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnSave { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnSave { font-size: 16px; } #wb_btnSave .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnSearch { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnSearch { font-size: 16px; } #wb_btnSearch .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnDeleteRec { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnDeleteRec { font-size: 16px; } #wb_btnDeleteRec .ui-button { line-height: 44px; padding: 0 10px 0 5px; } #wb_btnPDF { display: inline-block; height: 44px; margin: 0; visibility: visible; width: 161px; } #btnPDF { font-size: 16px; } #wb_btnPDF .ui-button { line-height: 44px; padding: 0 10px 0 5px; } } @media only screen and (max-width: 579px) { body { background-color: #FFFFFF; background-image: none; } #HorizontalLine6 { display: inline-block; height: 33px; margin: 0; visibility: visible; width: 480px; } #HorizontalLine6 { border-bottom-width: 33px; border-color: transparent; } #HorizontalLine5 { display: inline-block; height: 9px; margin: 0; visibility: visible; width: 180px; } #HorizontalLine5 { border-bottom-width: 9px; border-color: rgba(248,248,248,0.00); } #wb_Text7 { display: block; visibility: visible; } #wb_Text7 { margin: 0; padding: 0; } #HorizontalLine4 { display: inline-block; height: 8px; margin: 0; visibility: visible; width: 470px; } #HorizontalLine4 { border-bottom-width: 8px; border-color: rgba(248,248,248,0.00); } #wb_LayoutGrid11 { display: table; visibility: visible; } #wb_LayoutGrid11 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid11 { height: auto; padding: 5px 0 5px 0; } #LayoutGrid11 > .col-1, #LayoutGrid11 > .col-2, #LayoutGrid11 > .col-3 { padding-left: 0px; padding-right: 0px; } #LayoutGrid11 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid11 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid11 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #wb_LayoutGrid7 { display: table; visibility: visible; } #wb_LayoutGrid7 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid7 { height: auto; padding: 2px 0 2px 0; } #LayoutGrid7 > .col-1, #LayoutGrid7 > .col-2, #LayoutGrid7 > .col-3 { padding-left: 0px; padding-right: 0px; } #LayoutGrid7 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid7 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid7 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #wb_LayoutGrid10 { display: table; visibility: visible; } #wb_LayoutGrid10 { height: auto; margin-bottom: 10px; margin-top: 0px; } #LayoutGrid10 { height: auto; padding: 0; } #LayoutGrid10 > .col-1, #LayoutGrid10 > .col-2, #LayoutGrid10 > .col-3, #LayoutGrid10 > .col-4, #LayoutGrid10 > .col-5, #LayoutGrid10 > .col-6 { padding-left: 15px; padding-right: 15px; } #LayoutGrid10 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-4 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-5 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-6 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid10 > .col-6 > .col-6-padding { padding: 0; width: 100%; } #wb_LayoutGrid9 { display: table; visibility: visible; } #wb_LayoutGrid9 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid9 { height: auto; padding: 2px 0 2px 0; } #LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2, #LayoutGrid9 > .col-3 { padding-left: 0px; padding-right: 0px; } #LayoutGrid9 > .col-1 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid9 > .col-2 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #LayoutGrid9 > .col-3 { align-content: flex-start; align-items: flex-start; border: 0px solid #FFFFFF; border-radius: 0px; display: flex; flex-basis: 100%; justify-content: flex-start; max-width: 100%; text-align: left; } #wb_LayoutGrid1 { display: table; visibility: visible; } #wb_LayoutGrid1 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid1 { height: auto; padding: 0 0 10px 0; } #LayoutGrid1 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid1 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid1 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #wb_LayoutGrid2 { display: table; visibility: visible; } #wb_LayoutGrid2 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid2 { height: auto; padding: 10px 5px 10px 5px; } #LayoutGrid2 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid2 > .row > .col-1 { padding-left: 5px; padding-right: 5px; } #LayoutGrid2 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #Table1 { background-color: transparent; background-image: none; border: 1px solid #C0C0C0; display: table; visibility: visible; } #Table1 .cell0 { font-size: 17px; line-height: 30px; text-align: left; } #Table1 .cell1 { font-size: 17px; line-height: 30px; text-align: left; } #Table1 .cell2 { font-size: 17px; line-height: 25px; text-align: center; } #Table1 .cell3 { font-size: 16px; line-height: 18px; text-align: left; } #Table1 .cell4 { font-size: 16px; line-height: 18px; text-align: left; } #wb_LayoutGrid3 { background-color: transparent; background-image: none; border-bottom-color: #000000; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 0px; border-left-color: #000000; border-left-style: solid; border-left-width: 0px; border-right-color: #000000; border-right-style: solid; border-right-width: 0px; border-top-color: #000000; border-top-left-radius: 14px; border-top-right-radius: 14px; border-top-style: solid; border-top-width: 0px; display: table; visibility: visible; } #wb_LayoutGrid3 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid3 { height: auto; padding: 0; } #LayoutGrid3 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid3 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid3 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #HorizontalLine1 { display: block; height: 3px; margin: 0; visibility: visible; width: 100%; } #HorizontalLine1 { border-bottom-width: 3px; border-color: #0000FF; } #wb_LayoutGrid4 { display: table; visibility: visible; } #wb_LayoutGrid4 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid4 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid4 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2, #LayoutGrid4 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid4 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 180px) / 1); } #LayoutGrid4 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100px; } #LayoutGrid4 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 80px; } #wb_Text1 { display: block; visibility: visible; } #wb_Text1 { font-size: 19px; margin: 0; padding: 0; text-align: right; } #wb_LayoutGrid5 { display: table; visibility: visible; } #wb_LayoutGrid5 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid5 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid5 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid5 > .row > .col-1, #LayoutGrid5 > .row > .col-2, #LayoutGrid5 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid5 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: calc((100% - 180px) / 1); } #LayoutGrid5 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100px; } #LayoutGrid5 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 80px; } #wb_Text2 { display: block; visibility: visible; } #wb_Text2 { font-size: 19px; margin: 0; padding: 0; text-align: right; } #wb_LayoutGrid6 { display: table; visibility: visible; } #wb_LayoutGrid6 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid6 { height: auto; padding: 5px 5px 5px 5px; } #LayoutGrid6 .row { margin-left: -5px; margin-right: -5px; } #LayoutGrid6 > .row > .col-1, #LayoutGrid6 > .row > .col-2, #LayoutGrid6 > .row > .col-3 { padding-left: 5px; padding-right: 5px; } #LayoutGrid6 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: center; width: calc((100% - 180px) / 1); } #LayoutGrid6 > .row > .col-2 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100px; } #LayoutGrid6 > .row > .col-3 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 80px; } #wb_Text3 { display: block; visibility: visible; } #wb_Text3 { font-size: 15px; margin: 0; padding: 0; text-align: right; } #wb_Text4 { display: block; visibility: visible; } #wb_Text4 { font-size: 20px; margin: 0; padding: 0; text-align: left; } #wb_LayoutGrid8 { display: table; visibility: visible; } #wb_LayoutGrid8 { height: auto; margin-bottom: 0px; margin-top: 0px; } #LayoutGrid8 { height: auto; padding: 0; } #LayoutGrid8 .row { margin-left: 0px; margin-right: 0px; } #LayoutGrid8 > .row > .col-1 { padding-left: 0px; padding-right: 0px; } #LayoutGrid8 > .row > .col-1 { border: 0px solid #FFFFFF; border-radius: 0px; display: block; text-align: left; width: 100%; } #wb_Image2 { display: block; margin: 0; padding: 0; visibility: visible; width: 100%; } #Image2 { margin-left: auto; margin-right: auto; } #wb_Text10 { display: block; visibility: visible; } #wb_Text10 { margin: 0; padding: 14px 0 14px 0; } #wb_Text11 { display: block; visibility: visible; } #wb_Text11 { margin: 0; padding: 14px 0 14px 0; } #wb_Text12 { display: block; visibility: visible; } #wb_Text12 { margin: 0; padding: 0; } #precio1 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #precio1 { line-height: 25px; } #item1 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 82px; } #item1 { line-height: 25px; } #stotal { display: block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 100%; } #stotal { line-height: 25px; } #tx { display: block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 100%; } #tx { line-height: 25px; } #totp { display: block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 100%; } #totp { line-height: 25px; } #sl1 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 76px; } #sl1 { line-height: 25px; } #sl2 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 76px; } #sl2 { line-height: 25px; } #sl3 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 76px; } #sl3 { line-height: 25px; } #sl4 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 76px; } #sl4 { line-height: 25px; } #sl5 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 76px; } #sl5 { line-height: 25px; } #sl6 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 76px; } #sl6 { line-height: 25px; } #item6 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 82px; } #item6 { line-height: 25px; } #item5 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 82px; } #item5 { line-height: 25px; } #item4 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 82px; } #item4 { line-height: 25px; } #item3 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 82px; } #item3 { line-height: 25px; } #item2 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 82px; } #item2 { line-height: 25px; } #precio6 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #precio6 { line-height: 25px; } #precio5 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #precio5 { line-height: 25px; } #precio4 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #precio4 { line-height: 25px; } #precio3 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #precio3 { line-height: 25px; } #precio2 { display: inline-block; height: 35px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 78px; } #precio2 { line-height: 25px; } #Am6 { display: inline-block; height: 30px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 108px; } #Am6 { line-height: 20px; } #Am5 { display: inline-block; height: 30px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 108px; } #Am5 { line-height: 20px; } #Am4 { display: inline-block; height: 30px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 108px; } #Am4 { line-height: 20px; } #Am3 { display: inline-block; height: 30px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 108px; } #Am3 { line-height: 20px; } #Am2 { display: inline-block; height: 30px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 108px; } #Am2 { line-height: 20px; } #HorizontalLine2 { display: inline; height: 4px; left: 14px; margin: 0; top: 515px; visibility: visible; width: 3px; } #HorizontalLine2 { border-bottom-width: 4px; border-color: #F8F8F8; } #HorizontalLine3 { display: inline; height: 5px; left: 11px; margin: 0; top: 540px; visibility: visible; width: 3px; } #HorizontalLine3 { border-bottom-width: 5px; border-color: #F8F8F8; } #wb_Text5 { display: block; visibility: visible; } #wb_Text5 { margin: 0; padding: 14px 0 14px 0; } #invoiceNO { display: block; height: 28px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 100%; } #invoiceNO { line-height: 18px; } #PrevB { display: block; height: 28px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 100%; } #PrevB { line-height: 18px; } #CurB { display: inline-block; height: 30px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 130px; } #CurB { line-height: 20px; } #Am1 { display: inline-block; height: 30px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 108px; } #Am1 { line-height: 20px; } #wb_btnClear { display: inline-block; height: 40px; margin: 0; visibility: visible; width: 40px; } #btnClear { font-size: 16px; } #wb_btnClear .ui-button { line-height: 40px; padding: 0 10px 0 5px; } #wb_Text6 { display: block; visibility: visible; } #wb_Text6 { margin: 0; padding: 0; } #wb_Text8 { display: block; visibility: visible; } #wb_Text8 { margin: 0; padding: 0; } #wb_Text9 { display: block; visibility: visible; } #wb_Text9 { margin: 0; padding: 0; } #address { display: inline-block; height: 28px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 450px; } #address { line-height: 18px; } #phone { display: inline-block; height: 28px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 450px; } #phone { line-height: 18px; } #name { display: inline-block; height: 28px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 450px; } #name { line-height: 18px; } #wb_Text13 { display: block; visibility: visible; } #wb_Text13 { margin: 0; padding: 0; } #date { display: inline-block; height: 28px; margin: 0; padding: 4px 4px 4px 4px; text-align: center; visibility: visible; width: 153px; } #date { line-height: 18px; } #wb_newv { display: inline-block; height: 40px; margin: 0; visibility: visible; width: 40px; } #newv { font-size: 16px; } #wb_newv .ui-button { line-height: 40px; padding: 0 10px 0 5px; } #wb_btnSave { display: inline-block; height: 40px; margin: 0; visibility: visible; width: 40px; } #btnSave { font-size: 16px; } #wb_btnSave .ui-button { line-height: 40px; padding: 0 10px 0 5px; } #wb_btnSearch { display: inline-block; height: 40px; margin: 0; visibility: visible; width: 40px; } #btnSearch { font-size: 16px; } #wb_btnSearch .ui-button { line-height: 40px; padding: 0 10px 0 5px; } #wb_btnDeleteRec { display: inline-block; height: 40px; margin: 0; visibility: visible; width: 40px; } #btnDeleteRec { font-size: 16px; } #wb_btnDeleteRec .ui-button { line-height: 40px; padding: 0 10px 0 5px; } #searchQ { display: inline-block; height: 28px; margin: 0; padding: 4px 4px 4px 4px; text-align: left; visibility: visible; width: 218px; } #searchQ { line-height: 18px; } #wb_btnPDF { display: inline-block; height: 40px; margin: 0; visibility: visible; width: 40px; } #btnPDF { font-size: 16px; } #wb_btnPDF .ui-button { line-height: 40px; padding: 0 10px 0 5px; } } /* Ajuste final real de filas dinámicas del invoice */ #Table1 { width: 100% !important; table-layout: fixed !important; height: auto !important; } #Table1 col:nth-child(1) { width: 12% !important; } #Table1 col:nth-child(2) { width: 52% !important; } #Table1 col:nth-child(3) { width: 18% !important; } #Table1 col:nth-child(4) { width: 18% !important; } #Table1 tr > td:nth-child(1) { width: 12% !important; } #Table1 tr > td:nth-child(2) { width: 52% !important; } #Table1 tr > td:nth-child(3) { width: 18% !important; } #Table1 tr > td:nth-child(4) { width: 18% !important; } #invoiceRows tr.invoice-row { height: auto !important; } #invoiceRows tr.invoice-row td { height: auto !important; padding: 3px !important; vertical-align: middle !important; } #invoiceRows tr.invoice-row td:nth-child(1) { width: 12% !important; } #invoiceRows tr.invoice-row td:nth-child(2) { width: 52% !important; } #invoiceRows tr.invoice-row td:nth-child(3) { width: 18% !important; } #invoiceRows tr.invoice-row td:nth-child(4) { width: 18% !important; } #invoiceRows tr.invoice-row input.invoice-input { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 35px !important; margin: 0 !important; padding: 4px 6px !important; box-sizing: border-box !important; background-color: #FFFFFF !important; background-image: none !important; border: 1px solid #DEE2E6 !important; border-radius: 4px !important; color: #212529 !important; font-family: Arial !important; font-size: 16px !important; font-style: normal !important; font-weight: normal !important; line-height: 25px !important; text-align: left !important; box-shadow: none !important; visibility: visible !important; } #invoiceRows tr.invoice-row input.invoice-input:focus { border-color: #66AFE9 !important; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60) !important; outline: 0 !important; } #invoiceRows tr.invoice-row input.qty-input, #invoiceRows tr.invoice-row input.desc-input, #invoiceRows tr.invoice-row input.price-input, #invoiceRows tr.invoice-row input.amount-input { width: 100% !important; }