/* LT4 CENTER-FIX25-RIGHT25-864-1365-1600 */ body { margin: 0; } .lt4 { margin: 0px; width: 100%; } .lt4-menu { position: fixed; top: 0; left: 0; height: 3rem; width: 100%; z-index: 99; background: #FFF; border-bottom: 1px solid #DDD; font-size: 1.1538rem; } .lt4-body { margin-top: 3rem; width: 100%; } @media all and (max-width: 864px) { .lt4-body-main-center, .lt4-body-main-right { display:block; width: 100%; } .lt4-body-footer { width: 100%; } } @media all and (min-width: 865px) { .lt4-body-left { position:fixed; top: 3rem; left: 0; height: calc(100% - 3rem); overflow-y: auto; width: 22rem; } .lt4-body-main-right, .lt4-body-main-center { margin-left: 22rem; width: calc(100% - 22rem - 2px); } .lt4-body-footer { margin-left: 22rem; width: calc(100% - 22rem); } } @media all and (min-width: 1366px) { .lt4-body-main-center, .lt4-body-main-right { display: inline-block; vertical-align: top; } .lt4-body-main-center { margin-right: -2px; width: calc(100% - 22rem - 22rem - 2px); } .lt4-body-main-right { margin-left: -2px; width: 22rem; } .lt4-body { overflow-y: hidden; overflow-x: hidden; } .lt4-body-footer { padding-top: 5rem; } } @media all and (min-width: 1601px) { .lt4-body-left { width: 25rem; } .lt4-body-main-right { width: 25rem; } .lt4-body-main-center { margin-left: 25rem; width: calc(100% - 25rem - 25rem - 2px); } .lt4-body-footer { margin-left: 25rem; width: calc(100% - 25rem); } } @media all and (min-width: 1680px) { .lt4-body-left { width: 30rem; } .lt4-body-main-right { width: 30rem; } .lt4-body-main-center { margin-left: 30rem; width: calc(100% - 30rem - 30rem - 2px); } .lt4-body-footer { margin-left: 30rem; width: calc(100% - 30rem); } } /* LT4 CENTER-FIX25-RIGHT25-864-1365-1600 */ /* LT4 MENU 768-1366 18 */ .lt4-menu-logo, .lt4-menu-button-left, .lt4-menu-button-right, .lt4-menu-content-left, .lt4-menu-content-right, .lt4-menu-content-item { display: inline-block; } .lt4-menu-logo { background: #FFF; text-align: center; } .lt4-menu-content-item { height: 3rem; } .lt4-menu-content-item:hover .cnt-menu-button { border-radius: 0.3rem; -moz-box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; -webkit-box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; box-shadow: 0px 0px 4px #85b2cb, inset 0px 1px 0px #fff; background: #fff; z-index: 99; position: relative; cursor: pointer; } .cnt-menu-header-text { user-select: none; white-space: nowrap; } .lt4-menu-logo { vertical-align: top; margin-top: 0.6rem; } .lt4-menu-button-left:before, .lt4-menu-button-right:before { font-family: FontAwesome; font-size: 2rem; margin-left: 0.6rem; line-height: 3rem; cursor: pointer; } .lt4-menu-button-left:before { content: "\f0c9"; } .lt4-menu-button-right:before { content: "\f013"; } .lt4-menu[data-active-content="right"] .lt4-menu-button-right, .lt4-menu-button-right:hover, .lt4-menu[data-active-content="left"] .lt4-menu-button-left, .lt4-menu-button-left:hover { color: #4882C0; } .cnt-menu-header { padding: 0.1rem; display: block; height: 2.2rem; margin: 0.4rem 0.4rem; } .lt4-menu-content-item > .cnt-menu-header-text { padding: 0.1rem; display: block; height: 2.2rem; margin: 0.4rem 0.4rem; } .lt4-body-footer { margin-top: 5rem; padding-bottom:5rem; border-top: 1px solid #ddd; } @media all and (max-width: 768px) { .lt4-menu-content-left, .lt4-menu-content-right { display:none; } .lt4-menu[data-active-content="left"] .lt4-menu-content-left, .lt4-menu[data-active-content="right"] .lt4-menu-content-right, .lt4-menu-content-item { display: block; background: #FFF; z-index: 99; border-bottom: 1px solid #DDD; } .lt4-menu-button-left, .lt4-menu-button-right { height: 3rem; width: 3rem; } .lt4-menu-button-left { flost: left; margin-right: -2px; } .lt4-menu-button-right { float: right; margin-left: -2px; } .lt4-menu-logo { width: calc(100% - 6rem - 2px); margin-left: -2px; margin-right: -2px; } } @media all and (min-width: 769px) { .lt4-menu-content-left, .lt4-menu-content-right { display:inline-block; } .lt4-menu-content-left { margin-left: 1rem; } .lt4-menu-content-right { float: right; margin-right: 1rem; } .lt4-menu-button-left, .lt4-menu-button-right { display: none; } .lt4-footer-col { display:inline-block; vertical-align:top; width: 33%; width: calc(100% / 3); margin-left: -2px; margin-right: -2px; } .lt4-footer-col .lt4-menu-content-item { display:block; margin-left:auto; margin-right:auto; max-width: 16rem; } } @media all and (min-width: 769px) { .lt4-menu-logo { display:inline-block; width: 18rem; } } .cnt-menu-header-icon, .cnt-menu-header-text { display: inline-block; margin-top: 0.3rem; } .cnt-menu-header-text { padding-right: 0.8rem; } .cnt-menu-header-icon:before { font-family: FontAwesome; } .cnt-menu-header-icon-search:before { content: "\f002" !important; padding: 0rem 0.01rem 0rem 0.2rem !important; } .cnt-menu-header-icon-user:before { content: "\f007" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-db:before { content: "\f1c0" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-report:before { content: "\f1c1" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-cart:before { content: "\f07a" !important; padding: 0rem 0.2rem 0rem 0.2rem !important; } .cnt-menu-header-icon-trash:before { content: "\f1f8" !important; padding: 0rem 0.2rem 0rem 0.1rem !important; } .cnt-menu-header-icon-checkout:before { content: "\f14d" !important; padding: 0rem 0.2rem 0rem 0.2rem !important; } .cnt-menu-header-icon-phone:before { content: "\f095" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-queries:before { content: "\f0c5" !important; padding: 0.1rem 0.01rem 0rem 0.35rem !important; } .cnt-menu-header-icon-login:before { content: "\f090" !important; padding: 0rem 0.01rem 0rem 0.6rem !important; } .cnt-menu-header-icon-logout:before { content: "\f08b" !important; padding: 0rem 0.01rem 0rem 0.6rem !important; } .cnt-menu-header-icon-register:before { content: "\f234" !important; padding: 0rem 0.01rem 0rem 0.6rem !important; } .cnt-menu-header-icon-info:before { content: "\f05a" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-text:before { content: "\f0f6" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-mail:before { content: "\f003" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-bell:before { content: "\f0a2" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } .cnt-menu-header-icon-copyright:before { content: "\f1f9" !important; padding: 0rem 0.2rem 0rem 0.4rem !important; } /* LT4 MENU 768-1366 18 */ /* TEDO FORM */ form { min-width: 210px; margin: 2rem; } form .field, form .label { margin: 0.5rem; display: inline-block; width: calc(100% - 1rem); } form .field.labeled, form .field[data-dc="checkbox"] { border-radius: 0.3rem; position: relative; } form .field.labeled label { position: absolute; display: block; left: 12px; padding: 0; margin: 0; pointer-events: none; font-size: 1.3rem; top: 1.1rem; } form .field.labeled input[type="text"], form .field.labeled input[type="password"], form .field[data-dc="checkbox"] label, form .field.labeled select { border: 1px solid #ddd; border-radius: 0.3rem; -webkit-appearance: none !important; -moz-appearance: none !important; } form .field.labeled.focused input[type="text"], form .field.labeled.focused input[type="password"], form .field[data-dc="checkbox"].focused label { box-shadow: 0 0 0.3rem 0 #4882c0; } form .field[data-empty="1"].labeled label { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } form .field[data-empty="0"].labeled label, form .field.labeled.focused label { color: #4882c0; font-weight: bold; -webkit-transform: translateY(-.8rem) translateX(-1px) scale(.67); -ms-transform: translateY(-.8rem) translateX(-1px) scale(.67); transform: translateY(-.8rem) translateX(-1px) scale(.67); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .field[data-required="1"][data-empty="1"].labeled::after { content: "*"; position: absolute; top: 0; right: 0; color: #C63939; font-size: 1rem; font-weight: bold; } form .field textarea:focus, form .field input:focus { outline: none; } form .field textarea, form .field input, form .field select, form .field[data-dc="checkbox"] label, form .field[data-dc="radio"] label { width: calc(100% - 1rem); margin: 0; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid transparent; border-radius: 0.3rem; font-family: 'Noto Sans',Tahoma; padding: 0.5rem; line-height: 1.5rem; font-size: 1.1rem; text-indent: 5px; } form .field[data-dc="checkbox"] label, form .field[data-dc="radio"] label { display: block; border-radius: 0.3rem; font-size: 1.3rem; padding: 1rem 0.5rem 1rem 3.3rem; width: calc(100% - 3.8rem); text-indent: 0; } form .field[data-dc="radio"] label { border: 1px solid #ddd; } form .field input[type="checkbox"], form .field input[type="radio"] { float: left; margin: 1rem!important; height: 1.6rem; width: 1.3rem; } form .field select { width: calc(100% + 2px); } form .field[data-empty="1"] textarea, form .field[data-empty="1"] input, form .field[data-empty="1"] select { padding-top: 1.8rem; margin-top: 0rem; } form .field[data-empty="1"] input[type="checkbox"]{ border: 1px solid #4882C0; padding-top: .5rem; } form .field[data-empty="0"] input[type="checkbox"]{ padding-top: .5rem; } form .field[data-empty="0"] textarea, form .field[data-empty="0"] input, form .field[data-empty="0"] select, form .field.focused input { margin-top: 0rem; padding-top: 1.8rem; } form .field textarea { border: none; } form .field[data-field="submit"] { text-align: center; } form input[type="submit"] { padding: 10px; background: #4882C0; color: #EEE; font-weight: bold; border-radius: 3px; margin: 0rem 0 1rem 0; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } form input[type="submit"]:hover { background: #AEC9E6!important; color: #616161; cursor: pointer; } form .field .error { color: #C63939; text-align: right; } form .field .info { color: #0c7640; text-align: right; } form .field[data-error="1"] input { border-bottom: 1px solid #C63939; border-radius: 4px 4px 0px 0px; } form .radio-item { margin-bottom: 0.5rem; } form .radio-item > .radio-selector { width: 2rem; display: inline-block; padding: 0.6rem; text-align: center; vertical-align: top; } form .radio-item > .radio-descriptor { width: calc(100% - 4rem); display: inline-block; } form .radio-item .order-item-name { text-transform: uppercase; font-size: 1.3rem; } form .radio-item .order-item-note { float: right; margin-top: -0.5rem; color: #4882c0; font-weight: bold; font-size: 1rem; line-height: 1rem; text-align: center; } form .radio-item .order-item-value { display: inline-block; line-height: 1rem; white-space: nowrap; text-align: center; width: 4rem; padding-top: 0.5rem; } form .radio-item .order-item-desc { display: inline-block; font-size: 0.8rem; line-height: 1rem; padding-left: 1rem; padding-top: 0.5rem; } form .radio-item .order-item-value-footer { font-size: 0.8rem; } form .section { } form .section .section-header { font-size: 1rem; font-weight: bold; padding-left: 0.5rem; } form .section .section-body { } form .label table { width: 100%; } @media only screen and (max-width: 600px) { form { margin:.5rem; } form .form-row { width: 100%; } form .form-col { width: 100%; } } @media only screen and (min-width: 601px) { form .form-col { vertical-align:top; display: inline-block; width: calc(50% - 3px); } form .form-row { width: 100%; } } @media only screen and (min-width: 801px) { form .section .section-body { } form .field { } form .field-wl-c2-01 { width: calc(100% / 12 * 1 - 1.25rem); } form .field-wl-c2-02 { width: calc(100% / 12 * 2 - 1.25rem); } form .field-wl-c2-03 { width: calc(100% / 12 * 3 - 1.25rem); } form .field-wl-c2-04 { width: calc(100% / 12 * 4 - 1.25rem); } form .field-wl-c2-05 { width: calc(100% / 12 * 5 - 1.25rem); } form .field-wl-c2-06 { width: calc(100% / 12 * 6 - 1.25rem); } form .field-wl-c2-07 { width: calc(100% / 12 * 7 - 1.25rem); } form .field-wl-c2-08 { width: calc(100% / 12 * 8 - 1.25rem); } form .field-wl-c2-09 { width: calc(100% / 12 * 9 - 1.25rem); } form .field-wl-c2-10 { width: calc(100% / 12 * 10 - 1.25rem); } form .field-wl-c2-11 { width: calc(100% / 12 * 11 - 1.25rem); } form .field-wl-c2-12 { width: calc(100% / 12 * 12 - 1.25rem); } form .field-col { width: 100%; } } form[data-waiting="1"] > .wait { width: 100%; height: 100%; position: absolute; background: transparent; top: 0; left: 0; z-index:10; } form[data-waiting="1"] > .wait > .body { width:5rem; height:5rem; margin: calc(50% - 2.5rem); display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align:center; -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } form[data-waiting="1"] > .wait > .body:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: "\f110"; font-size:5rem; } .systemerror { font-size:1.2rem; font-weight:bold; color:#C63939; } /* TEDO FORM */ /* jquery modal */ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 101; padding: 20px; box-sizing: border-box; background-color: #000; background-color: rgba(0,0,0,0.75); text-align: center } .blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em } .blocker.behind { background-color: transparent } .modal { display: none; vertical-align: middle; position: relative; z-index: 102; max-width: 800px; box-sizing: border-box; width: 90%; background: #fff; padding: 15px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left } .modal a.close-modal { position: absolute; top: 5px; right: 5px; display: block; width: 30px; height: 30px; color: transparent; } .modal a.close-modal:before:hover { color: #4882C0; } .modal a.close-modal:before { font-family: FontAwesome; text-align: center; content: "\f00d"; font-size: 30px; color: #4E4D4D; } .modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px } .modal-spinner>div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out } .modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s } .modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s } @-webkit-keyframes sk-stretchdelay { 0%,40%,100% { -webkit-transform: scaleY(0.5) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%,40%,100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5) } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0) } } @media only screen and (max-width:800px) { .blocker { padding:0.3rem; overflow-x: hidden; } .modal { width:95%; } } /* jquery modal */ /* TE */ html { font-family: Tahoma, sans-serif; color: #4E4D4D; font-size: 14px; } a { text-decoration: none; color: rgb(97, 97, 97); } a:focus { outline: none; } .hl { } .hl:hover { background: #4882C0 !important; color: #eee; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: all; transition-duration: 0.1s; transition-timing-function: ease-in-out; transition-property: all; } .hl:hover a { color: #EEE; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: all; transition-duration: 0.1s; transition-timing-function: ease-in-out; transition-property: all; } .hl-soft { } .hl-soft:hover { background: #ffe6a3 !important; background: -moz-linear-gradient(bottom, #ffe6a3 0%, #fefefe 150%) !important; background: -webkit-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -o-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: -ms-linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; background: linear-gradient(bottom, #ffe6a3 0%,#fefefe 150%) !important; } .fheader { font-weight: bold; font-size: 16px; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin: 1px 2px; vertical-align: middle; word-wrap: break-word; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } button { color: #4E4D4D; cursor:pointer; } ::-webkit-scrollbar { width: 0.4em; } ::-webkit-scrollbar-thumb { background: #4882C0; opacity: 0.2; border-radius: 0.2em; } ::-moz-scrollbar { width: 0.4em; } ::-moz-scrollbar-thumb { background: #4882C0; opacity: 0.2; border-radius: 0.2em; } .found { color: crimson; font-weight: bold; } /* TE */