Domain Name: CHAZKI.COM
Registry Domain ID: 1858222958_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: https://www.godaddy.com
Updated Date: 2022-07-07T10:25:03Z
Creation Date: 2014-05-11T12:47:43Z
Registrar Registration Expiration Date: 2023-07-06T06:59:59Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: abuse@godaddy.com
Registrar Abuse Contact Phone: +1.4806242505
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Registry Registrant ID: Not Available From Registry
Registrant Name: Registration Private
Registrant Organization: Domains By Proxy, LLC
Registrant Street: DomainsByProxy.com
Registrant Street: 2155 E Warner Rd
Registrant City: Tempe
Registrant State/Province: Arizona
Registrant Postal Code: 85284
Registrant Country: US
Registrant Phone: +1.4806242599
Registrant Phone Ext:
Registrant Fax: +1.4806242598
Registrant Fax Ext:
Registrant Email: Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=CHAZKI.COM
Registry Admin ID: Not Available From Registry
Admin Name: Registration Private
Admin Organization: Domains By Proxy, LLC
Admin Street: DomainsByProxy.com
Admin Street: 2155 E Warner Rd
Admin City: Tempe
Admin State/Province: Arizona
Admin Postal Code: 85284
Admin Country: US
Admin Phone: +1.4806242599
Admin Phone Ext:
Admin Fax: +1.4806242598
Admin Fax Ext:
Admin Email: Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=CHAZKI.COM
Registry Tech ID: Not Available From Registry
Tech Name: Registration Private
Tech Organization: Domains By Proxy, LLC
Tech Street: DomainsByProxy.com
Tech Street: 2155 E Warner Rd
Tech City: Tempe
Tech State/Province: Arizona
Tech Postal Code: 85284
Tech Country: US
Tech Phone: +1.4806242599
Tech Phone Ext:
Tech Fax: +1.4806242598
Tech Fax Ext:
Tech Email: Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=CHAZKI.COM
Name Server: PDNS07.DOMAINCONTROL.COM
Name Server: PDNS08.DOMAINCONTROL.COM
DNSSEC: unsigned
URL of the ICANN WHOIS Data Problem Reporting System: http://wdprs.internic.net/
>>> Last update of WHOIS database: 2022-12-14T14:53:50Z <<<
For more information on Whois status codes, please visit https://icann.org/epp

TERMS OF USE: The data contained in this registrar's Whois database, while believed by the
registrar to be reliable, is provided "as is" with no guarantee or warranties regarding its
accuracy. This information is provided for the sole purpose of assisting you in obtaining
information about domain name registration records. Any use of this data for any other purpose
is expressly forbidden without the prior written permission of this registrar. By submitting
an inquiry, you agree to these terms and limitations of warranty. In particular, you agree not
to use this data to allow, enable, or otherwise support the dissemination or collection of this
data, in part or in its entirety, for any purpose, such as transmission by e-mail, telephone,
postal mail, facsimile or other means of mass unsolicited, commercial advertising or solicitations
of any kind, including spam. You further agree not to use this data to enable high volume, automated
or robotic electronic processes designed to collect or compile this data for any purpose, including
mining this data for your own personal or commercial purposes. Failure to comply with these terms
may result in termination of access to the Whois database. These terms may be subject to modification
at any time without notice.

                             

• GET

  200 OK

  https://maps.googleapis.com/maps/api/mapsjs/gen_204?csp_test=true

• http://correo.chazki.com/ls/click?upn=z-2B-2B-2F0T6-2FC6SNbOsxGsj9-2FgBprDOB0lCqMFn-2BDWJtu8yJRlXY0Sk08Y-2FdXuJvZ8R47pON_gB0BrqabHD18CkgxCEUm-2FwlVaeWJQJPs1jWWB4pVVn-2F37OhrhqHeUlTwn9E5s2MYxmoHMBFwsw-2B0Y-2BBmzV1bXmFZgPcXm95vr4zBJKMLYvSt0f7AhDBoryT2Ydhh-2BgNuE6ZYUgEYWY7YxrHbWPc-2BdFkGs-2FWWgOVs0yJpoqmzVQ38zh6VotNlfly1suX6KVKAJUdxYfeMf0gpHg8s3jtZJxbQt1feOU6-2FjO8BoF8NEf76YhoddpTNchJisJlmciZbuSJWg0u4sakRSB8tiJYQlQTQXwMzGQbeEAVdmGqEJeCTY8z1-2BMaAJcE5Gl-2F95bKrzDOVOmjrCWG3H8PdeaCv1XwUFifsmEMsVeLcqhkB-2BfE-3D https://apps.chazki.com/tracker/NOR1279

<html lang="en"><head>
      <meta charset="utf-8">
      <title>Chazki | Envíalo Tranquilo y Recíbelo Feliz</title>
      <meta name="description" content="Chazki se encarga de la logística urbana, tu servicio privado de delivery y envíos express para e-Commerce - Chazki Argentina">
      <meta name="author" content="Entrega Creativa SRL">
      <meta name="viewport" content="initial-scale=1.0, width=device-width">

      <!--ICONS-->
      <link rel="shortcut icon" type="image/x-icon" href="/public/img/logo.ico">
      <!--FONT-->
      <link href="https://fonts.googleapis.com/css?family=Cousine:400i" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Montserrat:500" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">

      <!--CSS-->
      <link href="/public/css/all.min.css" rel="stylesheet">
      <link rel="stylesheet" href="/public/css/flickity.css" media="screen">
      <link rel="stylesheet" href="https://js.api.here.com/v3/3.0/mapsjs-ui.css" type="text/css">
      <!-- This file will contain all the compiled css -->
   <link href="/dist/main.e854c3bcc4c083c12dc6.css" rel="stylesheet"><style type="text/css">/* Chart.js */
@-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}</style><style type="text/css">address-fix .bg { background-image: url("/public/img/background.png"); height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover; } address-fix #pepito { margin-top: 10px; } address-fix #pepa { padding-top: 70px; margin-top: 0; width: 100vw; } address-fix .panel { background-color: rgb(230, 230, 230, 0.8); border-radius: 1px; padding: 50px; } address-fix #chazkito{ position: absolute; right: 47%; top: 2%; }
area-create #coverage { margin-top: 35px; }
area-management tr { cursor: pointer; } area-management tr.selected { background: rgba(146,134,213,0.33); } area-management td { max-width: 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } area-management div.two.columns { text-align: center; height: 100vh; } area-management div.box-buttons { display: grid; position: fixed; min-width: 150px; }
close-roadmap section { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } close-roadmap h5 { margin-bottom: 4px; } close-roadmap .detail { list-style: none; } close-roadmap .detail li { margin: 0; } close-roadmap .detail li span { font-weight: 600; } close-roadmap span.warning { font-size: 1.3em; font-weight: 800; }
close-roadmap-result h5 { margin-bottom: 4px; } close-roadmap-result .detail { list-style: none; } close-roadmap-result .detail li { margin: 0; } close-roadmap-result .detail li span { font-weight: 600; } close-roadmap-result span.warning { font-size: 1.3em; font-weight: 800; }
create-shipment .box { padding: 2%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); }
create-stock td.warning { background-color: #fae900; color: #FEFEFE; } create-stock td.danger { background-color: #d50a02; color: #FEFEFE; } create-stock .button-container { max-width: 100%; width: 85%; margin: 0 auto; box-sizing: border-box; position: relative; }
create-user .margin-left-20,[data-is="create-user"] .margin-left-20{ margin-left: 20px; }
crud-agent .margin { margin-left: 20px; }
crud-company .margin { margin-left: 20px; }
crud-reason label { display: inline-block; margin-right: 2%; } crud-reason .button-primary { float: right } crud-reason p { margin: 0; }
crud-roadmap .quantity { text-align: center; padding: 0; } crud-roadmap .quantity.link { cursor: pointer; } crud-roadmap .quantity.link:hover { background-color: #007bff; color: #FFF; } crud-roadmap .quantity h6, crud-roadmap .quantity h5 { margin: 0; }
crud-shipment .quantity { text-align: center; padding: 0; } crud-shipment .quantity.link { cursor: pointer; } crud-shipment .quantity.link:hover { background-color: #007bff; color: #FFF; } crud-shipment .quantity h6, crud-shipment .quantity h5 { margin: 0; }
@media (max-width: 600px) { crud-shipment-maintenance .responsiveShow{ display: none; } crud-shipment-maintenance .container { width: 100%; } }
crud-storage .quantity { text-align: center; padding: 0; } crud-storage .quantity.link { cursor: pointer; } crud-storage .quantity.link:hover { background-color: #007bff; color: #FFF; } crud-storage .quantity h6, crud-storage .quantity h5 { margin: 0; }
crud-zone .panel { background-color: #FFF; position: fixed; top: 65px; height: 100vh; width: 20vw; padding: 0 5px; box-shadow: 0px 0px 10px #000; } crud-zone .panel.left { left: 0; } crud-zone .panel.right { right: 0; } crud-zone .toggle { z-index: 99999; position: fixed; top: 50vh; height: 65px; width: 2px; padding: 7px; background-color: #FFFFFF; border: none; } crud-zone .toggle.left { left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 4px 0 10px -4px #000; } crud-zone .toggle.right { right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: -4px 0 10px -4px #000; }
csv .top-30 { margin-top: 30px; } csv .panel { padding: 2%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } csv .progress-container { height: 8px; width: 100%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } csv .progress-bar { height: 100%; max-width: 100%; background-color: #1b6d85; }
csv-client .top-30 { margin-top: 30px; } csv-client .panel { padding: 2%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } csv-client .progress-container { height: 8px; width: 100%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } csv-client .progress-bar { height: 100%; max-width: 100%; background-color: #1b6d85; }
delivery-note div.page { size: 210mm 297mm; height: 297mm; width: 210mm; page-break-after: always; position: relative; } delivery-note h3 { text-align: center; font-weight: 800; font-size: 9mm; } delivery-note h4 { margin: 2mm 0 0 0; font-weight: 600; } delivery-note h5 { border-bottom: 3px solid #000; margin-bottom: 2px; } delivery-note ul { list-style: none; font-size: 1.3em; margin: 0; } delivery-note ul li { margin: 0; } delivery-note ul li span { font-weight: bold; } delivery-note .left { float: left; } delivery-note .right { float: right; } delivery-note div.package-detail { text-align: center; height: 240mm; width: 210mm; margin: 0; } delivery-note div.package-detail > div.left { border-right: 4px solid #999; height: inherit; width: 105mm; margin: 0 -4mm 0 -1mm; } delivery-note div.package-detail > div.right { border-left: 4px solid #999; height: inherit; width: 105mm; margin: 0 -1mm 0 -4mm; } delivery-note div.package-detail table { margin: 0; } delivery-note div.package-detail table th, delivery-note div.package-detail table td { margin: 0; padding: 0; font-weight: 400; font-size: 5mm; } delivery-note div.package-detail table td { border-bottom: 1px dotted #DDD; } delivery-note div.package-detail table td.white { color: #FFFFFF; height: 8mm; } delivery-note div.signature { position: absolute; bottom: 5mm; } delivery-note div.signature > div.left { width: 50mm; } delivery-note div.signature > div.right { width: 50mm; } delivery-note div.signature > div p { border-top: 2px solid #999; margin: 0 1mm; }
delivery-note-customer .shipments { max-height: 50vh; overflow: auto; } delivery-note-customer #checkers { padding-top: 10px; } delivery-note-customer .formattin { margin-top: 10px; }
detail-planning .panel { background-color: #FFF; position: fixed; height: 91vh; width: 250px; padding: 0 5px; box-shadow: 0px 0px 10px #000; z-index: 9994; overflow: auto; } detail-planning .panel.left { top: 65px; left: 0; } detail-planning .panel.right { top: 65px; right: 0; } detail-planning .panel.bottom { bottom: 0; height: 250px; width: 100vw; margin-bottom: 0; z-index: 9993; } detail-planning .toggle { z-index: 9995; position: fixed; height: 65px; width: 2px; padding: 7px; background-color: #FFFFFF; border: none; } detail-planning .toggle.left::after, detail-planning .toggle.right::after, detail-planning .toggle.bottom::after { color: #A9A9A9; content: '||'; position: absolute; top: 15px; left: 5px; } detail-planning .toggle.left { top: 50vh; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 4px 0 10px -4px #000; text-align: left; } detail-planning .toggle.right { top: 50vh; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: -4px 0 10px -4px #000; } detail-planning .toggle.bottom { height: 2px; width: 65px; bottom: 0; left: 49vw; margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0px -4px 10px -4px #000; } detail-planning .toggle.bottom::after { top: -10px; left: 29px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
detail-roadmap section { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } detail-roadmap h5 { margin-bottom: 4px; } detail-roadmap .detail { list-style: none; } detail-roadmap .detail li { margin: 0; } detail-roadmap .detail li span { font-weight: 600; }
detail-shipment section { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } detail-shipment h5 { margin-bottom: 4px; } detail-shipment .detail { list-style: none; } detail-shipment a { text-decoration: none; } detail-shipment .detail li { margin: 0; } detail-shipment .detail li span { font-weight: 600; } detail-shipment .center { text-align: center; } detail-shipment img.thumbnail { cursor: pointer; max-height: 200px; } detail-shipment .full-height { height: 70vh; }
detail-stock th { cursor: pointer; } detail-stock td.warning { background-color: #fae900; } detail-stock td.danger { background-color: #d50a02; } detail-stock td.label { display: inline-block; } detail-stock i { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } detail-stock i.up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); pointer-events: none; } detail-stock i.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); pointer-events: none; }
detail-storage section { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; }
dispatch-roadmap section { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } dispatch-roadmap h5 { margin-bottom: 4px; } dispatch-roadmap .detail { list-style: none; } dispatch-roadmap .detail li { margin: 0; } dispatch-roadmap .detail li span { font-weight: 600; } dispatch-roadmap .validated { font-size: 1.5em; font-weight: 600; } dispatch-roadmap .spacingButton { margin-right: 5px; }
envioya-close form button { margin-top: 29px; }
envioya-dispatch form button { margin-top: 15px; } envioya-dispatch .roadmap-header h4 { cursor: pointer; } envioya-dispatch .roadmap-header h4:hover { color: #444; } envioya-dispatch .roadmap-body ul { list-style: none; } envioya-dispatch .validated { font-size: 1.5em; font-weight: 600; } envioya-dispatch #read { margin-top: 0px; }
error html,[data-is="error"] html{ overflow: hidden; } error #background { height: 100vh; width: 100vw; background-color: #0060B7; z-index: 0; } error .cloud-container { z-index: 1; position: absolute; width: 100vw; height: 50px; } error .cloud-container#cloud-1 { margin-top: 15px; } error .cloud-container#cloud-2 { margin-top: 75px; } error .cloud-container#cloud-3 { margin-top: 150px; } error .cloud { height: 50px; z-index: 1; } error #cloud-1 .cloud { animation: transition-1 linear 10s; -webkit-animation: transition-1 linear 10s; -moz-animation: transition-1 linear 10s; -o-animation: transition-1 linear 10s; -ms-animation: transition-1 linear 10s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%; } error #cloud-2 .cloud { animation: transition-2 linear 8s; -webkit-animation: transition-2 linear 8s; -moz-animation: transition-2 linear 8s; -o-animation: transition-2 linear 8s; -ms-animation: transition-2 linear 8s; animation-iteration-count: infinite; transform-origin: 25% 25%; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 25% 25%; -moz-animation-iteration-count: infinite; -moz-transform-origin: 25% 25%; -o-animation-iteration-count: infinite; -o-transform-origin: 25% 25%; -ms-animation-iteration-count: infinite; -ms-transform-origin: 25% 25%; } error #cloud-3 .cloud { animation: transition-3 linear 16s; -webkit-animation: transition-3 linear 16s; -moz-animation: transition-3 linear 16s; -o-animation: transition-3 linear 16s; -ms-animation: transition-3 linear 16s; animation-iteration-count: infinite; transform-origin: 50% 75%; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 75%; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 75%; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 75%; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 75%; } @keyframes transition-1 { 0% {transform: translate(105vw,0);} 100% {transform: translate(-5vw,0);} } @-moz-keyframes transition-1 { 0% {-moz-transform: translate(105vw,0);} 100% {-moz-transform: translate(-5vw,0);} } @-webkit-keyframes transition-1 { 0% {-webkit-transform: translate(105vw,0);} 100% {-webkit-transform: translate(-5vw,0);} } @-o-keyframes transition-1 { 0% {-o-transform: translate(105vw,0);} 100% {-o-transform: translate(-5vw,0);} } @-ms-keyframes transition-1 { 0% {-ms-transform: translate(105vw,0);} 100% {-ms-transform: translate(-5vw,0);} } @keyframes transition-2 { 0% {transform: translate(150vw,0);} 100% {transform: translate(-15vw,0);} } @-moz-keyframes transition-2 { 0% {-moz-transform: translate(150vw,0);} 100% {-moz-transform: translate(-15vw,0);} } @-webkit-keyframes transition-2 { 0% {-webkit-transform: translate(150vw,0);} 100% {-webkit-transform: translate(-15vw,0);} } @-o-keyframes transition-2 { 0% {-o-transform: translate(150vw,0);} 100% {-o-transform: translate(-15vw,0);} } @-ms-keyframes transition-2 { 0% {-ms-transform: translate(150vw,0);} 100% {-ms-transform: translate(-15vw,0);} } @keyframes transition-3 { 0% {transform: translate(205vw,0);} 100% {transform: translate(-25vw,0);} } @-moz-keyframes transition-3 { 0% {-moz-transform: translate(205vw,0);} 100% {-moz-transform: translate(-25vw,0);} } @-webkit-keyframes transition-3 { 0% {-webkit-transform: translate(205vw,0);} 100% {-webkit-transform: translate(-25vw,0);} } @-o-keyframes transition-3 { 0% {-o-transform: translate(205vw,0);} 100% {-o-transform: translate(-25vw,0);} } @-ms-keyframes transition-3 { 0% {-ms-transform: translate(205vw,0);} 100% {-ms-transform: translate(-25vw,0);} } error #text-container { padding: 150px 30px; color: #FAFAFA; text-shadow: 2px 2px #000000; position: absolute; } error #text-container, error #text-container h1, error #text-container h2, error #text-container h3 { z-index: 10; } error #thing-road { position: absolute; width: 100vw; height: 350px; bottom: 225px; } error #thing-road .tree { position: absolute; height: 840px; width: 350px; margin: 0; float: left; animation: transition-tree linear 15s; -webkit-animation: transition-tree linear 15s; -moz-animation: transition-tree linear 15s; -o-animation: transition-tree linear 15s; -ms-animation: transition-tree linear 15s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%; } error #thing-road .tree.front { z-index: 8; } error #thing-road .tree.back { z-index: 2; } error #thing-road .tree.t1 { background: url("../../../public/img/trees.png") 0 0; background-size: cover; } error #thing-road .tree.t2 { background: url("../../../public/img/trees.png") -350px 0; background-size: cover; } error #thing-road .tree.t3 { background: url("../../../public/img/trees.png") -700px 0; background-size: cover; } error #thing-road .tree.t4 { background: url("../../../public/img/trees.png") -1050px 0; background-size: cover; } error #thing-road .house { position: absolute; height: 1600px; width: 530px; z-index: 1; margin: 0; bottom: -1200px; float: left; animation: transition-tree linear 15s; -webkit-animation: transition-tree linear 15s; -moz-animation: transition-tree linear 15s; -o-animation: transition-tree linear 15s; -ms-animation: transition-tree linear 15s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%; } error #thing-road .house.t1 { background: url("../../../public/img/houses.png") 0 0; background-size: cover; } error #thing-road .house.t2 { background: url("../../../public/img/houses.png") -535px 0; background-size: cover; } error #thing-road .house.t3 { background: url("../../../public/img/houses.png") 0 1065px; background-size: cover; } error #thing-road .house.t4 { background: url("../../../public/img/houses.png") -535px 1065px; background-size: cover; } error #thing-road .house.t5 { background: url("../../../public/img/houses.png") 0 2130px; background-size: cover; } @keyframes transition-tree { 0% {transform: translate(200vw,0);} 100% {transform: translate(-200vw,0);display:none;} } @-moz-keyframes transition-tree { 0% {-moz-transform: translate(200vw,0);} 100% {-moz-transform: translate(-200vw,0);display:none;} } @-webkit-keyframes transition-tree { 0% {-webkit-transform: translate(200vw,0);} 100% {-webkit-transform: translate(-200vw,0);display:none;} } @-o-keyframes transition-tree { 0% {-o-transform: translate(200vw,0);} 100% {-o-transform: translate(-200vw,0);display:none;} } @-ms-keyframes transition-tree { 0% {-ms-transform: translate(200vw,0);} 100% {-ms-transform: translate(-200vw,0);display:none;} } error #moto { z-index: 7; height: 640px; width: 640px; background: url("../../../public/img/moto.png") left top; background-size: cover; -webkit-animation: ride 0.8s steps(2) infinite; -o-animation: ride 0.3s steps(2) infinite; animation: ride 0.3s steps(2) infinite; position: absolute; bottom: 30px; left: 25%; } @keyframes ride { 100% { background-position: 0 1280px; } } error #ground { position: fixed; z-index: 3; width: 100vw; height: 100px; bottom: 0; background-color: #c7985b; background-image: radial-gradient(closest-side, #000 0%, #000 108%, #008116 109%, transparent 110%), radial-gradient(closest-side, #008116 0%, #008116 114%, transparent 115%), radial-gradient(closest-side, #dec058 0%, #dec058 10%, transparent 11%), radial-gradient(closest-side, #dec058 0%, #dec058 10%, transparent 11%), radial-gradient(closest-side, #dec058 0%, #dec058 10%, transparent 11%), radial-gradient(closest-side, #dec058 0%, #dec058 10%, transparent 11%); background-position: 0 -0.7rem, 0 -0.4rem, 0 0, 1rem 2rem, 1rem 2.5rem, 2rem 4rem; background-repeat: repeat-x, repeat-x, repeat; background-size: 1.5rem 1.5rem, 1.5rem 1.5rem, 2rem 2rem, 2.5rem 2.5rem, 3rem 3rem, 4rem 4rem; }
integration .panel { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 5px 10px; margin-bottom: 15px; } integration form { margin-bottom: 4px; } integration .center { text-align: center; } integration .api-logo { max-width: 100px; max-height: 100px; }
kpi-effectiveness .filters { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); width: 80vw; padding: 20px; padding-left: 10vw; position: fixed; background-color: white; z-index: 5000; } kpi-effectiveness .toggle { z-index: 5001; position: fixed; top: 50vh; height: 65px; width: 2px; padding: 7px; background-color: #FFFFFF; border: none; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 4px 0 10px -4px #000; } kpi-effectiveness .toggle.expanded { left: 91vw; }
kpi-orders .filters { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); width: 80vw; padding: 20px; padding-left: 10vw; position: fixed; background-color: white; z-index: 5000; } kpi-orders .toggle { z-index: 5001; position: fixed; top: 50vh; height: 65px; width: 2px; padding: 7px; background-color: #FFFFFF; border: none; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 4px 0 10px -4px #000; } kpi-orders .toggle.expanded { left: 91vw; }
login .container { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); width: 400px; } login .form-box { padding: 2% 4%; }
logs log .pepito,[data-is="logs"] log .pepito{ width: 200px; border-left: 100px; }
password-reset .container { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); width: 400px; } password-reset .form-box { padding: 2% 4%; } password-reset h5,[data-is="password-reset"] h5{ text-align: center; }
password-change .container { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); width: 400px; } password-change .form-box { padding: 2% 4%; } password-change h5,[data-is="password-change"] h5{ text-align: center; }
pick .panel { padding: 2%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); }
print-tags .old-tag { height: 135mm; width: 95mm; padding: 5mm 10mm; margin-top: 10mm; margin-bottom: 0mm; margin-left: 1mm; margin-right: 1mm; border: solid 1mm; font-size: 1.2em; line-height: 1.5; position: relative; } print-tags .tag { width: 95mm; padding: 5mm 10mm; margin-top: 10mm; margin-bottom: 0mm; margin-left: 1mm; margin-right: 1mm; border: solid 1mm; font-size: 1.2em; line-height: 1.5; position: relative; } print-tags img.logo { max-width: 200px; display: block; margin-left: auto; margin-right: auto; } print-tags .tag svg { display: block; margin-left: auto; margin-right: auto; } print-tags div.company-data { margin-top: 0.2cm; margin-bottom: 0.2cm; } print-tags div.contact-data { margin-top: 0.2cm; margin-bottom: 0cm; } print-tags div.api-cod { margin-top: 0.5cm; margin-bottom: 0.2cm; } print-tags .tag ul { list-style: none; margin: 0; } print-tags .tag ul li { margin: 0; font-size: 0.75em; } print-tags .headerLogo { display: block; margin-left: auto; margin-right: auto; } print-tags .code-bar { bottom: 0; left: 0; width: 100%; padding-top: 30px; } print-tags .code-bar-canalization { bottom: 0; left: 0; width: 100%; } print-tags .old-code-bar { position: absolute; bottom: 0; left: 0; width: 100%; } print-tags .copy { font-size: 2em; float: right; } print-tags .canalization-data { display: flex; justify-content: space-between; align-items: center; flex-direction: column; } print-tags .canalization-container { display: flex; justify-content: center; align-items: center; padding-top: 10px; } print-tags .canalization-container p { font-size: 70px; margin-bottom: 0px; line-height: normal; } print-tags .canalization-container label { margin-bottom: 0px; text-decoration: underline; } @media print { print-tags .tag,[data-is="print-tags"] .tag{ page-break-after: always; } }
print-delivery-note div.page { size: 210mm 297mm; height: 297mm; width: 210mm; page-break-after: always; position: relative; } print-delivery-note img.logo { max-width: 170px; display: block; } print-delivery-note .headerLogo { display: block; } print-delivery-note ul { list-style: none; font-size: 1.1em; margin-top: 15px; margin-bottom: 15px; } print-delivery-note ul li { margin: 0; } print-delivery-note ul li span { font-weight: bold; } print-delivery-note .head { border-style: solid; border-width: 1px; border-bottom-width: 0px; border-color: #000000; } print-delivery-note h4 { margin: 0; text-align: center; } print-delivery-note h5 { margin-bottom: 0px; } print-delivery-note .order { border-style: solid; border-width: 1px; border-color: #000000; padding: 20px; margin-bottom: 20px; } print-delivery-note .detail { border-style: solid; border-width: 1px; border-color: #000000; padding: 20px; margin-bottom: 20px; height: 480px; } print-delivery-note table { margin: 0px; } print-delivery-note .signature { margin-top: 60px; margin-bottom: 0; font-size: 1em; } print-delivery-note .left { width: 50%; float: left; text-align: center; border-style: solid; border-width: 1px; } print-delivery-note .right { width: 49%; border-style: solid; border-width: 1px; text-align: center; float: right; } print-delivery-note .hoja { float: right; margin-right: 10px; } print-delivery-note .destination { width: 350px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } print-delivery-note .trackingCode { width: 125px; height: 30px; overflow: hidden; white-space: nowrap; }
real-time .panel { background-color: #FFF; position: fixed; height: 91vh; width: 350px; padding: 0 5px; box-shadow: 0px 0px 10px #000; z-index: 9994; overflow: auto; } real-time .panel.right { top: 65px; right: 0; } real-time .toggle { z-index: 9995; position: fixed; height: 65px; width: 2px; padding: 7px; background-color: #FFFFFF; border: none; } real-time .toggle.right::after { color: #A9A9A9; content: '||'; position: absolute; top: 15px; left: 5px; } real-time .toggle.right { top: 50vh; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: -4px 0 10px -4px #000; }
report-crossdocking-old report-crossdocking .center,[data-is="report-crossdocking-old"] report-crossdocking .center{ text-align: center; } report-crossdocking-old report-crossdocking .container,[data-is="report-crossdocking-old"] report-crossdocking .container{ box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } report-crossdocking-old report-crossdocking .button-primary,[data-is="report-crossdocking-old"] report-crossdocking .button-primary{ margin-top: 5px; margin-left: 5px; } report-crossdocking-old report-crossdocking .data-container,[data-is="report-crossdocking-old"] report-crossdocking .data-container{ width: 100%; overflow: auto; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding-top: 15px; } report-crossdocking-old report-crossdocking h4,[data-is="report-crossdocking-old"] report-crossdocking h4{ display: inline-block; } report-crossdocking-old report-crossdocking label,[data-is="report-crossdocking-old"] report-crossdocking label{ display: inline-block; }
report-crossdocking .container { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } report-crossdocking .button-primary { margin-top: 5px; margin-left: 5px; } report-crossdocking .data-container { width: 100%; overflow: auto; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding-top: 15px; } report-crossdocking h4 { display: inline-block; } report-crossdocking label { display: inline-block; }
report-indicators .panel.indicator { background-color: #FAFAFA; text-align: center; cursor: pointer; } report-indicators .panel.indicator:hover { background-color: #F0F0F0; } report-indicators .panel.indicator label { pointer-events: none; }
report-packages-old report-packages .container,[data-is="report-packages-old"] report-packages .container{ box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } report-packages-old report-packages .button-primary,[data-is="report-packages-old"] report-packages .button-primary{ margin-top: 5px; margin-left: 5px; } report-packages-old report-packages .data-container,[data-is="report-packages-old"] report-packages .data-container{ width: 100%; overflow: auto; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding-top: 15px; } report-packages-old report-packages h4,[data-is="report-packages-old"] report-packages h4{ display: inline-block; } report-packages-old report-packages label,[data-is="report-packages-old"] report-packages label{ display: inline-block; }
report-packages .container { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } report-packages .button-primary { margin-top: 5px; margin-left: 5px; } report-packages .data-container { width: 100%; overflow: auto; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding-top: 15px; } report-packages h4 { display: inline-block; } report-packages label { display: inline-block; }
report-roadmaps-old .container { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } report-roadmaps-old .button-primary { margin-top: 5px; margin-left: 5px; } report-roadmaps-old .data-container { width: 100%; overflow: auto; padding-top: 15px; } report-roadmaps-old h4 { display: inline-block; } report-roadmaps-old label { display: inline-block; } report-roadmaps-old .left { float: left; margin-right: 10px; } report-roadmaps-old ul.tags { margin: 0; padding: 0; list-style: none; } report-roadmaps-old ul.tags li,report-roadmaps-old .tags a,[data-is="report-roadmaps-old"] .tags a{ float: left; height: 24px; line-height: 24px; position: relative; font-size: 15px; } report-roadmaps-old ul.tags a { margin-left: 20px; padding: 0 10px 0 12px; background: #0089e0; color: #fff; text-decoration: none; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } report-roadmaps-old ul.tags a:before { content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #0089e0 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; } report-roadmaps-old ul.tags a:after { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; -moz-box-shadow: -1px -1px 2px #004977; -webkit-box-shadow: -1px -1px 2px #004977; box-shadow: -1px -1px 2px #004977; } report-roadmaps-old ul.tags a:hover { background:#555; } report-roadmaps-old ul.tags a:hover:before { border-color:transparent #555 transparent transparent; }
report-roadmaps .container { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } report-roadmaps .button-primary { margin-top: 5px; margin-left: 5px; } report-roadmaps .data-container { width: 100%; overflow: auto; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding-top: 15px; } report-roadmaps h4 { display: inline-block; } report-roadmaps label { display: inline-block; }
report-roadmaps-assigned report-roadmaps-old .container,[data-is="report-roadmaps-assigned"] report-roadmaps-old .container{ box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } report-roadmaps-assigned report-roadmaps-old .button-primary,[data-is="report-roadmaps-assigned"] report-roadmaps-old .button-primary{ margin-top: 5px; margin-left: 5px; } report-roadmaps-assigned report-roadmaps-old .data-container,[data-is="report-roadmaps-assigned"] report-roadmaps-old .data-container{ width: 100%; overflow: auto; padding-top: 15px; } report-roadmaps-assigned report-roadmaps-old h4,[data-is="report-roadmaps-assigned"] report-roadmaps-old h4{ display: inline-block; } report-roadmaps-assigned report-roadmaps-old label,[data-is="report-roadmaps-assigned"] report-roadmaps-old label{ display: inline-block; } report-roadmaps-assigned report-roadmaps-old .left,[data-is="report-roadmaps-assigned"] report-roadmaps-old .left{ float: left; margin-right: 10px; } report-roadmaps-assigned report-roadmaps-old ul.tags,[data-is="report-roadmaps-assigned"] report-roadmaps-old ul.tags{ margin: 0; padding: 0; list-style: none; } report-roadmaps-assigned report-roadmaps-old ul.tags li,[data-is="report-roadmaps-assigned"] report-roadmaps-old ul.tags li,report-roadmaps-assigned .tags a,[data-is="report-roadmaps-assigned"] .tags a{ float: left; height: 24px; line-height: 24px; position: relative; font-size: 15px; } report-roadmaps-assigned report-roadmaps-old ul.tags a,[data-is="report-roadmaps-assigned"] report-roadmaps-old ul.tags a{ margin-left: 20px; padding: 0 10px 0 12px; background: #0089e0; color: #fff; text-decoration: none; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } report-roadmaps-assigned report-roadmaps-old ul.tags a:before,[data-is="report-roadmaps-assigned"] report-roadmaps-old ul.tags a:before{ content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #0089e0 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; } report-roadmaps-assigned report-roadmaps-old ul.tags a:after,[data-is="report-roadmaps-assigned"] report-roadmaps-old ul.tags a:after{ content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; -moz-box-shadow: -1px -1px 2px #004977; -webkit-box-shadow: -1px -1px 2px #004977; box-shadow: -1px -1px 2px #004977; } report-roadmaps-assigned report-roadmaps-old ul.tags a:hover,[data-is="report-roadmaps-assigned"] report-roadmaps-old ul.tags a:hover{ background:#555; } report-roadmaps-assigned report-roadmaps-old ul.tags a:hover:before,[data-is="report-roadmaps-assigned"] report-roadmaps-old ul.tags a:hover:before{ border-color:transparent #555 transparent transparent; }
roadmaps-tags-prints .tag1 { height: 43mm; width: 100mm; padding: 5mm; margin-bottom: 0mm; margin-left: 0mm; margin-right: 1mm; border: solid 0mm; font-size: 2.8mm; line-height: 1.5; text-decoration:none; } @media print { roadmaps-tags-prints .tag,[data-is="roadmaps-tags-prints"] .tag{ page-break-after: always; } } roadmaps-tags-prints .wrapper1,[data-is="roadmaps-tags-prints"] .wrapper1{ overflow: auto; border-radius: 16px; border: 3px solid black; } roadmaps-tags-prints table,[data-is="roadmaps-tags-prints"] table{ border-collapse: separate !important; border-spacing: 7; border-collapse: collapse; border-style: hidden; width:100%; max-width: 100%; font-family: Verdana, sans-serif; text-align: left; } roadmaps-tags-prints td,[data-is="roadmaps-tags-prints"] td{ text-align: left; padding-right: 0mm; }
settlement .top-30 { margin-top: 30px; }
shipment-fix .panel { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } shipment-fix .detail { list-style: none; } shipment-fix .detail li { margin: 1px; } shipment-fix .error { color: #DE2522; } shipment-fix p { margin: 0; }
shipment-handler .boxclose::before,[data-is="shipment-handler"] .boxclose::before{ content: '×'; }
system-metrics-request ul { list-style: none; } system-metrics-request ul li { float: left; margin-right: 15px; } system-metrics-request ul li a { padding: 15px; } system-metrics-request ul li a.active { background-color: #1B2D6D; color: #FAFAFA; }
tracker #navbar { background: #337CE3; } tracker #navbar img { max-height: 30px; padding: 10px 20px; } tracker .loader { position: fixed; top: 35%; left: 41vw; width: 15vw; animation: spin linear 2s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: spin linear 2s; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation: spin linear 2s; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation: spin linear 2s; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation: spin linear 2s; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%; } @keyframes spin { 0% { transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ; } 10% { transform: rotate(90deg) scaleX(1.10) scaleY(1.10) ; } 20% { transform: rotate(180deg) scaleX(1.20) scaleY(1.20) ; } 30% { transform: rotate(270deg) scaleX(1.30) scaleY(1.30) ; } 40% { transform: rotate(360deg) scaleX(1.40) scaleY(1.40) ; } 50% { transform: rotate(450deg) scaleX(1.30) scaleY(1.30) ; } 60% { transform: rotate(540deg) scaleX(1.20) scaleY(1.20) ; } 70% { transform: rotate(630deg) scaleX(1.10) scaleY(1.10) ; } 80% { transform: rotate(720deg) scaleX(1.00) scaleY(1.00) ; } 90% { transform: rotate(720deg) ; } 100% { transform: rotate(720deg) scaleX(1.00) scaleY(1.00) ; } } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ; } 10% { -moz-transform: rotate(90deg) scaleX(1.10) scaleY(1.10) ; } 20% { -moz-transform: rotate(180deg) scaleX(1.20) scaleY(1.20) ; } 30% { -moz-transform: rotate(270deg) scaleX(1.30) scaleY(1.30) ; } 40% { -moz-transform: rotate(360deg) scaleX(1.40) scaleY(1.40) ; } 50% { -moz-transform: rotate(450deg) scaleX(1.30) scaleY(1.30) ; } 60% { -moz-transform: rotate(540deg) scaleX(1.20) scaleY(1.20) ; } 70% { -moz-transform: rotate(630deg) scaleX(1.10) scaleY(1.10) ; } 80% { -moz-transform: rotate(720deg) scaleX(1.00) scaleY(1.00) ; } 90% { -moz-transform: rotate(720deg) ; } 100% { -moz-transform: rotate(720deg) scaleX(1.00) scaleY(1.00) ; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ; } 10% { -webkit-transform: rotate(90deg) scaleX(1.10) scaleY(1.10) ; } 20% { -webkit-transform: rotate(180deg) scaleX(1.20) scaleY(1.20) ; } 30% { -webkit-transform: rotate(270deg) scaleX(1.30) scaleY(1.30) ; } 40% { -webkit-transform: rotate(360deg) scaleX(1.40) scaleY(1.40) ; } 50% { -webkit-transform: rotate(450deg) scaleX(1.30) scaleY(1.30) ; } 60% { -webkit-transform: rotate(540deg) scaleX(1.20) scaleY(1.20) ; } 70% { -webkit-transform: rotate(630deg) scaleX(1.10) scaleY(1.10) ; } 80% { -webkit-transform: rotate(720deg) scaleX(1.00) scaleY(1.00) ; } 90% { -webkit-transform: rotate(720deg) ; } 100% { -webkit-transform: rotate(720deg) scaleX(1.00) scaleY(1.00) ; } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ; } 10% { -o-transform: rotate(90deg) scaleX(1.10) scaleY(1.10) ; } 20% { -o-transform: rotate(180deg) scaleX(1.20) scaleY(1.20) ; } 30% { -o-transform: rotate(270deg) scaleX(1.30) scaleY(1.30) ; } 40% { -o-transform: rotate(360deg) scaleX(1.40) scaleY(1.40) ; } 50% { -o-transform: rotate(450deg) scaleX(1.30) scaleY(1.30) ; } 60% { -o-transform: rotate(540deg) scaleX(1.20) scaleY(1.20) ; } 70% { -o-transform: rotate(630deg) scaleX(1.10) scaleY(1.10) ; } 80% { -o-transform: rotate(720deg) scaleX(1.00) scaleY(1.00) ; } 90% { -o-transform: rotate(720deg) ; } 100% { -o-transform: rotate(720deg) scaleX(1.00) scaleY(1.00) ; } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg) scaleX(1.00) scaleY(1.00) ; } 10% { -ms-transform: rotate(90deg) scaleX(1.10) scaleY(1.10) ; } 20% { -ms-transform: rotate(180deg) scaleX(1.20) scaleY(1.20) ; } 30% { -ms-transform: rotate(270deg) scaleX(1.30) scaleY(1.30) ; } 40% { -ms-transform: rotate(360deg) scaleX(1.40) scaleY(1.40) ; } 50% { -ms-transform: rotate(450deg) scaleX(1.30) scaleY(1.30) ; } 60% { -ms-transform: rotate(540deg) scaleX(1.20) scaleY(1.20) ; } 70% { -ms-transform: rotate(630deg) scaleX(1.10) scaleY(1.10) ; } 80% { -ms-transform: rotate(720deg) scaleX(1.00) scaleY(1.00) ; } 90% { -ms-transform: rotate(720deg) ; } 100% { -ms-transform: rotate(720deg) scaleX(1.00) scaleY(1.00) ; } } tracker section { box-shadow: 0 8px 8px rgba(0, 0, 0, 0.3); padding: 15px; margin: 35px 70px; border-radius: 15px; border: 1px solid #828282; } tracker section#general { border: 2px solid #337CE3; } tracker .pointer { cursor: pointer; } tracker .flex-box { display: flex; flex-direction: row; justify-content: space-around; } tracker .flex-box.flex-start { justify-content: flex-start; } tracker .flex-box.wrap { flex-wrap: wrap; } tracker .flex-box.center { align-items: center; align-content: center; } tracker .flex-box.right { justify-content: right; } tracker .flex-item { flex: 1; } tracker .flex-item.f-0 { flex: 0; } tracker .flex-item.f-2 { flex: 2; } tracker .flex-item.f-3 { flex: 3; } tracker .flex-item.f-4 { flex: 4; } tracker .flex-item.f-5 { flex: 5; } tracker .flex-item.f-6 { flex: 6; } tracker .flex-item.g-1 { flex-grow: 1; } tracker .flex-item.g-2 { flex-grow: 2; } tracker .flex-item.g-3 { flex-grow: 3; } tracker .flex-item.g-4 { flex-grow: 4; } tracker .flex-item.g-5 { flex-grow: 5; } tracker .flex-item.g-6 { flex-grow: 6; } tracker img#chazki-photo { margin: 10px 0 10px 10px; width: 85px; height: 85px; border-radius: 100%; } tracker h4#chazki-default-message { font-size: 18px; margin-left: 20px; margin-bottom: 0; } tracker a#chazki-phone { font-size: 17px; margin-left: 20px; margin-bottom: 0; color: #000; text-decoration: none; } tracker a#chazki-phone i { color: #FFFFFF; background-color: #337CE3; border-radius: 100%; font-size: 10px; padding: 4px; } tracker .text-right { text-align: right; } tracker ul { margin: 0 15px; list-style: none; } tracker ul li { margin: 0px 10px 0px 0; } tracker ul li span { font-weight: 600; } tracker ul li i { color: #337CE3; margin-right: -20px; } tracker .progress-bar { height: 150px; align-items: center; align-content: center; margin: 0 15px; flex-wrap: wrap; display: flex; } tracker .progress-bar .flex-item { margin: 0; height: 3px; width: 100%; background-color: #EAECEE; flex-grow: 0; } tracker .progress-bar .completed { height: 3px; width: 100%; background-color: #34AADC; } tracker .progress-bar .completed.active { width: 50%; } tracker .progress-bar .flex-item.step { text-align: center; } tracker .progress-bar .flex-item.step.long { flex-grow: 2; } tracker .progress-bar .flex-item.step.short { flex-grow: 1; } tracker .progress-bar .flex-item.end { text-align: right; flex-grow: 3; } tracker .progress-bar .flex-item img { float: left; margin-top: -43px; } tracker .progress-bar .flex-item.initial img { margin-left: -22px; } tracker .progress-bar .flex-item.end img { float: right; margin-right: -18px; } tracker .progress-bar .flex-item.step img { margin-left: 42%; margin-top: -60px; max-height: 45px; } tracker .progress-bar .flex-item .info-text { margin: 10px 0 0 38%; font-size: 0.8em; width: 100px; } tracker .progress-bar .flex-item.initial .info-text { margin-left: 0; } tracker .progress-bar .flex-item.end .info-text { margin-right: 0; float: right; } tracker section h6 { font-size: 16px; color: #1680FA; } tracker .collapse { flex: 1; text-align: right; } tracker .collapse i { font-size: 1.3em; color: #6F6F6F; cursor: pointer; } tracker #map { min-height: 300px; width: auto; } tracker .attachment-thumb { max-height: 150px; cursor: pointer; } tracker table { margin: 0; } tracker table thead, tracker table thead tr, tracker table thead tr th { height: 0; padding: 0; } tracker table td { text-align: left; } tracker .attachments { color: #FFFFFF; background-color: #337CE3; border-radius: 100%; font-size: 1.3em; padding: 4px; cursor: pointer; } tracker #carousel { position: fixed; height: 100%; width: 100%; top: 0; background-color: rgba(255, 255, 255, 0.8); cursor: pointer; } tracker #carousel .close { position: fixed; top: 10px; right: 10px; cursor: pointer; } tracker #carousel .carousel { height: 80vh; margin-top: 10vh; } tracker #carousel .carousel img { height: 80vh; } tracker #carousel .carousel .flickity-viewport { height: 80vh !important; margin-top: 10vh !important; } tracker .mobile-shown,[data-is="tracker"] .mobile-shown{ display: none; } @media screen and (max-width: 700px) { tracker .medium-hidden,[data-is="tracker"] .medium-hidden{ display: none; } } @media screen and (max-width: 480px) { tracker .mobile-hidden { display: none; } tracker .mobile-shown { display: flex; } tracker .block { display: block; } tracker #navbar { height: 50px; text-align: center; } tracker ul li { font-size: 10px; } tracker section { padding: 10px; margin: 10px 20px; } tracker img#chazki-photo { width: 45px; height: 45px; } tracker h4 { font-size: 11px; } tracker .loader { left: 30vw; width: 35vw; } tracker .progress-bar { margin: 0 30px; } tracker .thumb-carousel, tracker .thumb-carousel img { height: 268px; } tracker .thumb-carousel .flickity-page-dots { bottom: 10px; } tracker div.mobile-history { margin: 26px 10px; padding: 5px; } tracker div.mobile-history h6 { font-size: 16px; color: #1680FA; font-weight: 600; } tracker div.mobile-history .log-list .log-list-item { border-bottom: 1px solid #D0CDD2; padding: 5px 0 5px 50px; } tracker div.mobile-history .log-list .log-list-item div.step { background-color: #337CE3; float: left; height: 100px; width: 2px; margin-top: -5px; margin-left: -25px; } tracker div.mobile-history .log-list .log-list-item.end div.step { margin-top: 2px; height: 98px; } tracker div.mobile-history .log-list .log-list-item.start div.step { height: 5px; } tracker div.mobile-history .log-list .log-list-item div.step.completed { background-color: #38D430; } tracker div.mobile-history .log-list .log-list-item div.step i { color: #337CE3; font-size: 20px; margin-top: 6px; margin-left: -9px; background-color: white; } tracker div.mobile-history .log-list .log-list-item.end div.step i { margin-top: 0; } tracker div.mobile-history .log-list .log-list-item div.step.completed i { color: #38D430; } tracker div.mobile-history .log-list .log-list-item h4 { font-size: 16px; font-weight: 600; } tracker div.mobile-history .log-list .log-list-item h4 span { font-size: 14px; font-weight: 500; } tracker div.mobile-history .log-list .log-list-item p { margin: 0; } tracker div.mobile-history .log-list .log-list-item i.attachments { float: right; margin: 10% 10px; } }
@media screen and (min-width: 1000px) { tracker-old .center-block { width: 1000px; margin: 68px auto; padding-top: 10px; box-shadow: 0 0 40px 10px #888; height: 100%; position: relative; min-height: -webkit-fill-available; } } @media screen and (min-width: 601px) and (max-width: 999px) { tracker-old .center-block { width: 100%; margin: 49px auto; padding-top: 10px; height: 100%; position: relative; min-height: -webkit-fill-available; } } @media screen and (max-width: 600px) { tracker-old .center-block { width: 100%; margin: 38px auto; padding-top: 10px; height: 100%; position: relative; min-height: -webkit-fill-available; } }
update-shipment-maintenance section { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } update-shipment-maintenance img.thumbnail { cursor: pointer; max-height: 200px; } update-shipment-maintenance section h4 { display: inline; } update-shipment-maintenance section .button { float: right; } update-shipment-maintenance .row ul { list-style: none; } update-shipment-maintenance .row ul li { margin: 1px; } update-shipment-maintenance .row ul li span { font-weight: 600; } update-shipment-maintenance input.read-only { background-color: #FAFAFA; cursor: not-allowed; } update-shipment-maintenance .full-height { height: 70vh; } update-shipment-maintenance .center { text-align: center; } update-shipment-maintenance #buttonPhotosSection { display: "flex"; } update-shipment-maintenance #titlePhotosSection { display: "flex"; justify-content: "space-between"; } @media (max-width: 450px) { update-shipment-maintenance .container { width: 100%; } }
update-shipment section { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } update-shipment section h4 { display: inline; } update-shipment section .button { float: right; } update-shipment .row ul { list-style: none; } update-shipment .row ul li { margin: 1px; } update-shipment .row ul li span { font-weight: 600; } update-shipment input.read-only { background-color: #FAFAFA; cursor: not-allowed; }
update-user .margin-left-20,[data-is="update-user"] .margin-left-20{ margin-left: 20px; }
report-km-roadmaps-old .container { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } report-km-roadmaps-old .button-primary { margin-top: 5px; margin-left: 5px; } report-km-roadmaps-old .data-container { width: 100%; overflow: auto; padding-top: 15px; } report-km-roadmaps-old h4 { display: inline-block; } report-km-roadmaps-old label { display: inline-block; } report-km-roadmaps-old .left { float: left; margin-right: 10px; } report-km-roadmaps-old ul.tags { margin: 0; padding: 0; list-style: none; } report-km-roadmaps-old ul.tags li,report-km-roadmaps-old .tags a,[data-is="report-km-roadmaps-old"] .tags a{ float: left; height: 24px; line-height: 24px; position: relative; font-size: 15px; } report-km-roadmaps-old ul.tags a { margin-left: 20px; padding: 0 10px 0 12px; background: #0089e0; color: #fff; text-decoration: none; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } report-km-roadmaps-old ul.tags a:before { content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #0089e0 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; } report-km-roadmaps-old ul.tags a:after { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; -moz-box-shadow: -1px -1px 2px #004977; -webkit-box-shadow: -1px -1px 2px #004977; box-shadow: -1px -1px 2px #004977; } report-km-roadmaps-old ul.tags a:hover { background:#555; } report-km-roadmaps-old ul.tags a:hover:before { border-color:transparent #555 transparent transparent; }
package-exchange .panel { padding: 2%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); }
validate-exchancing section { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 15px; margin-bottom: 15px; } validate-exchancing h5 { margin-bottom: 4px; } validate-exchancing .detail { list-style: none; } validate-exchancing .detail li { margin: 0; } validate-exchancing .detail li span { font-weight: 600; } validate-exchancing .validated { font-size: 1.5em; font-weight: 600; } validate-exchancing .spacingButton { margin-right: 5px; } validate-exchancing .titleSection { margin-bottom: 4px; margin-top: 4px; font-weight: 800; }
massive-cancellation-csv .top-30 { margin-top: 30px; } massive-cancellation-csv .panel { padding: 2%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } massive-cancellation-csv .progress-container { height: 8px; width: 100%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } massive-cancellation-csv .progress-bar { height: 100%; max-width: 100%; background-color: #1b6d85; }
invoice-shipment-csv .top-30 { margin-top: 30px; } invoice-shipment-csv .panel { padding: 2%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } invoice-shipment-csv .progress-container { height: 8px; width: 100%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } invoice-shipment-csv .progress-bar { height: 100%; max-width: 100%; background-color: #1b6d85; }
flex-list .margin { margin-left: 20px; }
shipments-invoice-csv .button-div { padding-top: 25px; }
shipments-cancellation-csv .button-div { padding-top: 25px; }
input-cancelation-shipment-csv .times { color: #F44; font-weight: 600; font-size: 1.3em; cursor: pointer; } input-cancelation-shipment-csv #file { width: auto; float: left; } input-cancelation-shipment-csv .filenames { width: auto; float: right; }
address-map-here .here-map { height: 300px; width: auto; }
agent-tracker img.agent { box-shadow: 1px 1px 20px #999, -1px -1px 20px #999; width: 200px; height: 200px; float: right; } agent-tracker h5 { color: #666666; font-family: Roboto; } agent-tracker .box-data { border-left: solid 1px #044B91; float: left; margin-right: 80px; } agent-tracker .box-data ul { list-style: none; margin-left: 10px; margin-bottom: 0px; line-height: 1.3em; } agent-tracker .box-data ul li { margin: 0; } agent-tracker .box-data ul li.title { font-size: 1.1em; color: #3880C3; } agent-tracker .box-data ul li.result { color: #044B91; } agent-tracker #google-map { width: 100%; height: 400px; margin-left: 35px; margin-top: 15px; } agent-tracker .center { text-align: center; } @media screen and (max-width: 800px) { agent-tracker img.agent { width: 150px; height: 150px; margin-left: 5px; } agent-tracker .box-data { margin-right: 5px; } } @media screen and (max-width: 550px) { agent-tracker img.agent { width: 100px; height: 100px; margin-left: 5px; } agent-tracker h5 { font-size: 1.3em; } agent-tracker .box-data { font-size: 0.8em; } agent-tracker .five.columns { width: 39.3333333333%; } agent-tracker .seven.columns { width: 56.6666666667%; margin-left: 2px; } agent-tracker #google-map { width: 80%; height: 400px; margin-left: 35px; margin-top: 15px; } }
@media screen and (min-width: 1001px) { banner-tracker .center { width: 895px; margin: 0 auto; } banner-tracker img { margin-top: 10px; } banner-tracker .blue-block { position: absolute; height: 220px; width: 80%; top: 85px; left: 10%; background-color: rgba(4, 75, 145, 0.4); } banner-tracker p.right-block { font-family: 'Cousine', monospace; font-size: 3.7rem; } banner-tracker .right-block { display: block; width: 410px; float: right; color: #fff; margin: 50px 30px; } } @media screen and (min-width: 601px) and (max-width: 1000px) { banner-tracker .center { width: 100%; margin: 0 auto; } banner-tracker img { margin-top: 10px; width: 100%; } banner-tracker .blue-block { position: absolute; height: 150px; width: 100%; top: 65px; background-color: rgba(4, 75, 145, 0.4); } banner-tracker p.right-block { font-family: 'Cousine', monospace; font-size: 2.7rem; } banner-tracker .right-block { display: block; width: 410px; float: right; color: #fff; margin: 50px 30px; } } @media screen and (max-width: 600px) { banner-tracker { display: none; } }
box-assign #agent-filters { height: 100%; padding: 10px; box-shadow: 8px 0 7px -6px black; text-align: center; } box-assign .tag-column { max-width: 5vw; } box-assign .tag { background-color: #31a22b; margin: 0 2px; padding: 5px; border-radius: 10px; color: #FFF; text-transform: uppercase; font-size: 0.7em; overflow: hidden; }
box-filter .container { margin: 2% 1%; width: 98%; } box-filter .align-right { text-align: right; } box-filter .shipment { margin: 5px 10px; padding: 10px; min-height: 130px; } box-filter .shipment.regular { box-shadow: 0 1px 5px 0 rgba(4,129,31,.6),0 2px 2px 0 rgba(4,129,31,.38),0 3px 1px -2px rgba(4,129,31,.34); } box-filter .shipment.express { box-shadow: 0 1px 5px 0 rgba(183,177,6,.6),0 2px 2px 0 rgba(183,177,6,.38),0 3px 1px -2px rgba(183,177,6,.34); } box-filter .shipment.scheduled { box-shadow: 0 1px 5px 0 rgba(67,179,249,.6),0 2px 2px 0 rgba(67,179,249,.38),0 3px 1px -2px rgba(67,179,249,.34); } box-filter .shipment.flex { box-shadow: 0 1px 5px 0 rgba(183,177,6,.6),0 2px 2px 0 rgba(183,177,6,.38),0 3px 1px -2px rgba(183,177,6,.34); } box-filter a,[data-is="box-filter"] a{ box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } box-filter .shipment h5, box-filter .shipment h6, box-filter .shipment p { margin: 0; line-height: 1.0em; } box-filter .shipment h5 { font-size: 1.3em; } box-filter .shipment.regular h5 { background-color: #66ff33; } box-filter .shipment.express h5 { background-color: #ffff00; } box-filter .shipment.scheduled h5 { background-color: #b3d9ff; } box-filter .shipment.flex h5 { background-color: #ffff00; } box-filter .shipment p { font-size: 0.8em; } box-filter .shipment span.warning { color: #AA4444; font-weight: bold; } box-filter .shipment p.danger { font-style: italic; font-size: 0.8em; color: #AA4444; } box-filter .shipment p.success { font-style: italic; font-size: 0.8em; color: #44AA44; margin-bottom: 5px; margin-top: 5px; } box-filter .text-wrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } box-filter .tasks { margin-top: 5px; } box-filter .tasks button { margin: 0; padding: 0 5px; line-height: 25px; height: 25px; } box-filter label.checkbox-column { margin: 0; padding: 1px; line-height: 20px; } box-filter label.checkbox-column input[type="checkbox"] { margin: 0; } box-filter .side-filter { margin: 0; } box-filter #cod { padding-top: 35px; }
box-planning #remove-box { position: fixed; top: 10%; left: 50%; min-height: 100px; min-width: 123px; text-align: center; border-radius: 2px; } box-planning #remove-box h6 { color: rgb(205, 43, 59); text-transform: uppercase; font-weight: 800; } box-planning #remove-box.over { background-color: rgba(205, 43, 59, .6); box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } box-planning #remove-box.over h6 { color: #DDD; } box-planning .container { margin: 0 auto; width: 100%; max-width: 100%; } box-planning #routeNameH,box-planning #total,[data-is="box-planning"] #total{ margin-bottom: 10px; } box-planning .blue { background-color: steelblue; border-color: steelblue; } box-planning .green { background-color: mediumseagreen; border-color: mediumseagreen; } box-planning .isMultiple { border: 5px double black !important; } box-planning .green:hover, box-planning .green:active, box-planning .green:focus { background-color: #2ba260; border-color: #2ba260; } box-planning button:disabled { background-color: grey; border-color: grey; } box-planning button:disabled:hover { background-color: grey; border-color: grey; } box-planning ul { list-style: none; width: 100%; } box-planning ul.section { padding: 10px 0; text-align: center; } box-planning li.cards { width: 300px; height: 150px; display: inline-block; border: 1px grey solid; border-radius: 25px; margin: 10px; overflow: hidden; padding: 2px; } box-planning li.cards-reduced { width: 230px; height: 90px; overflow: hidden; display: inline-block; border: 1px grey solid; border-radius: 25px; margin: 5px; } box-planning span.title { font-weight: bold; } box-planning span.data { font-weight: normal; text-align: left; } box-planning .reduce { margin-bottom: 5px; } box-planning ul.task li { text-align: left; } box-planning .reduced { width: 100px; } box-planning .order-error { box-shadow: 0 1px 5px 0 rgba(205,42,31,.8), 0 2px 2px 0 rgba(205,42,31,.6), 0 3px 1px -2px rgba(205,42,31,.7); } box-planning .hide { display: none; } box-planning .task { position: relative; width: 100%; } box-planning .task-data-big { width: 80%; text-align: left; margin: 10px !important; } box-planning .task-data-big li { width: 80%; text-align: left; margin: 0; margin-left: 10px; } box-planning .task-data-small { width: 80%; text-align: left; height: 90px; margin: 0 !important; } box-planning .task-data-small li { height: 21px; overflow: hidden; margin: 0; margin-left: 10px; } box-planning .taskType { font-weight: bold; color: black; border: 6px solid red; border-radius: 30px; font-size: 20px; background: white; width: 30px; height: 30px; } box-planning .taskType.regular { border: 6px solid #66ff33; } box-planning .taskType.express { border: 6px solid #ffff00; } box-planning .taskType.scheduled { border: 6px solid #b3d9ff; } box-planning .types { position: absolute; top: 5%; right: 0; width: 20%; margin: 1px auto; } box-planning .types li { margin-bottom: 2px; } box-planning #visual-options { height: 100%; min-height: 400px; min-width: 215px; padding: 10px; box-shadow: 8px 0px 7px -6px black; text-align: center; } box-planning #roadmap { margin: 0 auto; } box-planning input { border-radius: 5px; } box-planning input:focus { border-color: mediumseagreen; } box-planning ::-webkit-input-placeholder { text-align: center; } box-planning #scroll-up { position: absolute; top: 0; width: 100%; height: 15px; } box-planning #scroll-down { position: absolute; bottom: 0; width: 100%; height: 15px; } box-planning .scroll,[data-is="box-planning"] .scroll{ display: block; height: 400px; overflow-y: scroll; margin-right: -30px; } box-planning .scrollTable,[data-is="box-planning"] .scrollTable{ overflow:hidden; }
cancel-button label { text-align: left; }
carousel .modal { display: flex; } carousel .body { display: flex; justify-content: space-between; align-items: stretch; width: 100%; } carousel .body .center { flex-grow: 1; display: flex; justify-content: center; align-items: center; } carousel .body .center img { height: 99%; } carousel .body .control { display: flex; align-items: center; } carousel .body .control i { font-size: 35px; cursor: pointer; } carousel .body .carousel-loader { border: 16px solid #f3f3f3; border-top: 16px solid #3498db; border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
city-form .panel-left { background-color: #FFF; position: fixed; height: 91vh; width: 300px; padding: 0 5px; box-shadow: 0px 0px 10px #000; z-index: 9994; overflow: auto; top: 65px; left: 0; } city-form .center-button{ display: flex; justify-content: space-around; align-items: center; }
@media screen and (min-width: 1001px) { cod-tracker #box { position: relative; } cod-tracker #cod-tracker { width: 820px; height: 230px; margin: 0 auto; list-style: none; } cod-tracker li { float: left; width: 200px; font-family: roboto; font-weight: 300; font-size: 20px; line-height: 26px; } cod-tracker li.title { width: 200px; color: #044B91; text-align: right; padding-right: 20px; } cod-tracker li.result { width: 500px; color: #fff; text-align: left; background-color: #78a0c3; border-radius: 8px; padding-right: 10px; } cod-tracker #cod-tracker > li.result > span { padding-left: 10px; } cod-tracker .trackingCode { background-color: #044B91 !important; } } @media screen and (max-width: 1000px) { cod-tracker #box { margin-top: 25px; background-color: rgba(56, 128, 195, 0.55); padding-top: 25px; } cod-tracker #cod-tracker { width: 80vw; height: 230px; list-style: none; margin-left: 10vw; } cod-tracker li { float: left; font-family: roboto; font-weight: 300; font-size: 20px; line-height: 26px; } cod-tracker li.title { width: 20vw; color: #FFF; text-align: right; margin-right: 20px; } cod-tracker li.result { width: 50vw; color: #fff; text-align: left; background-color: #78a0c3; border-radius: 8px; padding-right: 10px; } cod-tracker #cod-tracker > li.result > span { padding-left: 10px; } cod-tracker .trackingCode { background-color: #044B91 !important; } } @media screen and (max-width: 300px) { cod-tracker li { font-size: 15px; line-height: 10px; } cod-tracker li.result { width: 40vw; color: #fff; text-align: left; background-color: #78a0c3; border-radius: 8px; } }
company-form #right { padding-left: 8px; }
operation-center-form company-form #right,[data-is="operation-center-form"] company-form #right{ padding-left: 8px; }
csv-tmp h4 { text-align: center; }
@media screen and (min-width: 1001px) { data-tracker #tracker-data { width: 820px; height: 450px; margin: 0 auto; list-style: none; padding-top: 80px; } data-tracker li { float: left; width: 200px; font-family: roboto; font-weight: 300; font-size: 20px; line-height: 26px; height: 26px; overflow: hidden; } data-tracker li.title { width: 300px; color: #fff; } data-tracker li.result { width: 500px; color: #044B91; } data-tracker .spacer { height: 35px; } data-tracker .date-data { position: absolute; left: 64px; background-color: rgba(56, 128, 195, 0.55); height: 100px; width: 275px; border-radius: 25px; z-index: -1; top: 320px; } data-tracker .data-data { position: absolute; right: 50px; background: #fff; border: 2px solid #044B91; height: 460px; width: 740px; border-radius: 50px; z-index: -3; top: 15px; } data-tracker .title-data { position: absolute; left: 50px; top: 50px; background: #044B91; height: 400px; width: 300px; border-radius: 25px; z-index: -2; } data-tracker .box { position: relative; } data-tracker .date-box { display: none; } } @media screen and (max-width: 1000px) { data-tracker #tracker-data { width: 100vw; margin: 0; list-style: none; } data-tracker li { width: 100%; font-family: roboto; font-weight: 300; overflow: hidden; margin: 2px; padding-left: 10px; } data-tracker li.title { background-color: #E8EAE7; font-size: 2rem; color: #044B91; } data-tracker li.title.dark { background-color: rgba(56, 128, 195, 0.55); } data-tracker li.spacer { display: none; } data-tracker li.result { font-size: 1.4rem; font-weight: 500; color: #044B91; } data-tracker li.result:before { content: ">"; text-indent: -10px; margin-right: 10px; font-size: 1.4rem; font-weight: 800; color: #044B91; } data-tracker li.date { display: none; } data-tracker .spacer { height: 35px; } data-tracker .date-data { display: none; } data-tracker .data-data { display: none; } data-tracker .title-data { display: none; } data-tracker .box { position: relative; } data-tracker .date-box ul { list-style: none; margin: 10px 15px; } data-tracker .date-box ul li { background-color: #E8EAE7; text-align: center; color: #044B91; } data-tracker .date-box ul li.title { font-size: 2rem; } data-tracker .date-box ul li.result { margin-top: 4px; padding-top: 20px; padding-bottom: 20px; } data-tracker .date-box ul li.result:before { content: ""; } }
detail-agents .row { margin-left: 6px; } detail-agents label { cursor: pointer; } detail-agents .show-toggle { font-size: 1.4em; } detail-agents ul { list-style: none; margin-bottom: 0; } detail-agents ul li label { margin-bottom: 0; font-weight: 300; }
detail-planning-filter .row { margin-left: 6px; } detail-planning-filter label { cursor: pointer; } detail-planning-filter .show-toggle { font-size: 1.4em; } detail-planning-filter ul { list-style: none; margin-bottom: 0; } detail-planning-filter ul li label { margin-bottom: 0; font-weight: 300; } detail-planning-filter hr { margin-top: -12px; margin-bottom: 0px; }
detail-planning-map-here #mapContainer { height: 100vh; width: auto; background: grey; } detail-planning-map-here #tasks { position: fixed; bottom: 380px; z-index: 100; color: white; right: 8px; background-color: #1f262a; font-size: 1.3em; padding: 1px 10px 5px; border: none; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(99,99,99,0.2), 0 2px 2px 0 rgba(31,38,42,1), 0 1px 5px 0 rgba(31,38,42,1); } detail-planning-map-here #viewer { position: fixed; bottom: 200px; z-index: 100; right: 8px; background-color: #1f262a; font-size: 1.3em; padding: 1px 10px 5px; border: none; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(99,99,99,0.2), 0 2px 2px 0 rgba(31,38,42,1), 0 1px 5px 0 rgba(31,38,42,1); } detail-planning-map-here .icon-color { color: #FFFFFF; }
detail-planning-search form { margin-right: 4px; } detail-planning-search #cod { padding-top: 35px; } detail-planning-search #checkbox { padding-top: 3px; }
detail-planning-toolbox .box { padding: 4px; } detail-planning-toolbox .box .boxColumns { height: 100vh; } detail-planning-toolbox .box .left { box-shadow: 4px 0 10px -4px #000; } detail-planning-toolbox .box .left button { text-align: center; width: 90%; } detail-planning-toolbox h5 { margin-bottom: 2px; } detail-planning-toolbox .table-container { height: 160px; overflow-y: auto; } detail-planning-toolbox .button-primary.send-to { margin-right: 3px; } detail-planning-toolbox .scroll,[data-is="detail-planning-toolbox"] .scroll{ display: block; height: 400px; overflow-y: scroll; margin-right: -30px; } detail-planning-toolbox .scrollTable,[data-is="detail-planning-toolbox"] .scrollTable{ overflow: hidden; }
form-helper .helper { font-weight: 300; border-bottom: 1px dotted #000; }
history-tracker .box { display: inline-block; text-align: center; } history-tracker ul { list-style: none; margin: 0; } history-tracker ul li { margin: 2px; padding: 0; } history-tracker ul.data { display: inline-block; padding: 2px 15px; text-align: left; margin: 0 30px; } history-tracker ul.data > li { border-bottom-left-radius: 1em; border-top-left-radius: 1em; margin: 0; padding-left: 10px; color: #FFF; background-color: #044B91; width: 150px; float: left; } history-tracker ul.data > li.status { background-color: rgba(56, 128, 195, 1); width: 600px; margin-left: -30px; } history-tracker ul.data > li.agent { border-radius: 0 1em 1em 0; background-color: rgba(56, 128, 195, 1); width: 150px; } @media screen and (max-width: 1000px) { history-tracker ul.data > li { width: 25vw; } } @media screen and (max-width: 600px) { history-tracker { display: none; } }
input-address .warning { margin: 0; font-style: italic; font-size: 0.8em; } input-address .input-container { position: relative; } input-address .not-found { position: absolute; right: 15px; top: 20%; cursor: pointer; } input-address .show-map { cursor: pointer; } input-address .button { float: none !important; }
input-color-picker .colorpicker { background-color: #FFFFFF; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); font-size: 12px; position: absolute; width: 120px; height: 120px; } input-color-picker .picker { cursor: crosshair; border: 0; } input-color-picker .preview { background: url("../../../public/img/select.png") repeat scroll center center transparent; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); border-radius: 1px; cursor: pointer; height: 20px; width: 20px; border-style: solid; border-width: 3px; border-color: #FFFFFF; } input-color-picker #colorPalete { height: 110px; width: 110px; }
input-date .calendar { margin-top: -14px; margin-left: 2px; height: 250px; width: 250px; background-color: #FEFEFE; z-index: 9993; } input-date .calendar.absolute { position: absolute; } input-date .calendar.fixed { position: fixed; } input-date .control { cursor: pointer; } input-date div.control:hover { background-color: #EFEFEF; } input-date div.controls { display: flex; margin-bottom: 2px; } input-date div.controls.date-controls, input-date div.controls.year-controls, input-date div.controls.month-controls { flex-wrap: wrap; align-items: flex-start; } input-date div.controls.special-controls { margin: 0; font-size: 0.8em; } input-date .left-date { width: 12%; margin: 0; padding: 2px; } input-date .left-month { width: 30%; margin: 8px 0 0 0; padding: 8px 2px; } input-date .left-year { width: 23%; margin: 8px 0 0 0; padding: 8px 2px; } input-date .left-date.current, input-date .left-month.current, input-date .left-year.current { background-color: #ABABFF; } input-date .left-25 { width: 25%; margin: 0; padding: 0; } input-date .left-50 { width: 50%; margin: 0; padding: 0; } input-date .text-center { text-align: center; } input-date .text-right { text-align: right; }
input-file-csv .times { color: #F44; font-weight: 600; font-size: 1.3em; cursor: pointer; } input-file-csv #file { width: auto; float: left; } input-file-csv .filenames { width: auto; float: right; }
image-map div.outer-box { text-align: center; } image-map div.inner-box { display: inline-block; position: relative; } image-map img { height: 50vh; } image-map .controls { position: absolute; top: 75%; right: 5%; } image-map .button-control { background-color: #FEFEFE; padding: 0; line-height: 0; margin: 0; height: 20px; width: 20px; font-size: 1.1em; display: block; }
input-search { position: relative; } input-search input { margin: 0; } input-search .option-list { position: absolute; z-index: 9990; left: 0; right: 0; list-style: none; margin: 0; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } input-search .option { background-color: #FFF; border-bottom: 1px solid #AAA; margin: 0; padding: 4px; line-height: 1.3em; cursor: pointer; } input-search .option:hover { background-color: #EEE; }
input-operation-center input-address .warning,[data-is="input-operation-center"] input-address .warning{ margin: 0; font-style: italic; font-size: 0.8em; } input-operation-center input-address .input-container,[data-is="input-operation-center"] input-address .input-container{ position: relative; } input-operation-center input-address .not-found,[data-is="input-operation-center"] input-address .not-found{ position: absolute; right: 15px; top: 20%; cursor: pointer; } input-operation-center input-address .show-map,[data-is="input-operation-center"] input-address .show-map{ cursor: pointer; } input-operation-center input-address .button,[data-is="input-operation-center"] input-address .button{ float: none !important; }
kpi-effectiveness-q-chart div { height: 400px; width: auto; text-align: center; margin-bottom: 19%; }
kpi-effectiveness-results div.container { margin-top: 5px; } kpi-effectiveness-results .contents { display: contents; } kpi-effectiveness-results .top-15 { margin-top: 15px; } kpi-effectiveness-results .left-10 { margin-left: 10px; } kpi-effectiveness-results h4, kpi-effectiveness-results h5 { text-align: center; } kpi-effectiveness-results label.inputs { font-weight: normal; } kpi-effectiveness-results .left { float: left; margin-right: 10px; } kpi-effectiveness-results ul { list-style: none; } kpi-effectiveness-results ul li { display: inline-block; margin-right: 1%; width: 18%; text-align: center; } kpi-effectiveness-results ul li p { margin: 0; } kpi-effectiveness-results button.button.download { color: #fff !important; text-align: center; border: 1px solid #548215; text-shadow: 0 -1px 0 #416510; background-color: #437104; float: right; } kpi-effectiveness-results table { background-color: white; }
kpi-form .row { margin-top: 10px; } kpi-form label.inputs { font-weight: normal; } kpi-form .left { float: left; margin-right: 10px; } kpi-form ul.tags { margin: 0; padding: 0; list-style: none; } kpi-form ul.tags li,kpi-form .tags a,[data-is="kpi-form"] .tags a{ float: left; height: 24px; line-height: 24px; position: relative; font-size: 15px; } kpi-form ul.tags a { margin-left: 20px; padding: 0 10px 0 12px; background: #0089e0; color: #fff; text-decoration: none; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } kpi-form ul.tags a:before { content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #0089e0 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; } kpi-form ul.tags a:after { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; -moz-box-shadow: -1px -1px 2px #004977; -webkit-box-shadow: -1px -1px 2px #004977; box-shadow: -1px -1px 2px #004977; } kpi-form ul.tags a:hover { background:#555; } kpi-form ul.tags a:hover:before { border-color:transparent #555 transparent transparent; } kpi-form button.button-primary { min-width: 116px; } kpi-form i.fa-spinner { color: white; font-size: 1.3em; -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 4000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} }
kpi-orders-results div.container { margin-top: 5px; } kpi-orders-results .contents { display: contents; } kpi-orders-results .top-15 { margin-top: 15px; } kpi-orders-results .left-10 { margin-left: 10px; } kpi-orders-results h4, kpi-orders-results h5 { text-align: center; } kpi-orders-results label.inputs { font-weight: normal; } kpi-orders-results .input-top { border: none; padding: 0; line-height: 24px; height: auto; width: 28px; } kpi-orders-results .left { float: left; margin-right: 10px; } kpi-orders-results ul { list-style: none; } kpi-orders-results ul li { display: inline-block; margin-right: 1%; width: 18%; text-align: center; } kpi-orders-results button.button.download { color: #fff !important; text-align: center; border: 1px solid #548215; text-shadow: 0 -1px 0 #416510; background-color: #437104; float: right; } kpi-orders-results table { background-color: white; }
kpi-orders-chart div { height: 400px; width: auto; text-align: center; margin-bottom: 19%; }
loader { top: 66px; left: 0; position: fixed; height: 3px; width: 100%; z-index: 9999; } loader .load-bar-off { height: 3px; background: transparent; } loader .load-bar { position: relative; width: 100%; height: 3px; background-color: #1b6d85; } loader .bar { content: ""; display: inline; position: absolute; width: 0; height: 100%; left: 50%; text-align: center; } loader .bar:nth-child(1) { background-color: #337EC4; animation: loading 3s linear infinite; } loader .bar:nth-child(2) { background-color: #66B1F3; animation: loading 3s linear 1s infinite; } loader .bar:nth-child(3) { background-color: #99D4FF; animation: loading 3s linear 2s infinite; } @keyframes loading { from {left: 50%; width: 0;z-index:100;} 33.3333% {left: 0; width: 100%;z-index: 10;} to {left: 0; width: 100%;} }
login-form a,[data-is="login-form"] a{ color: #33C3F0; text-decoration: none; }
map-here #mapContainer { height: 100vh; width: auto; background: grey; } map-here #view { position: fixed; bottom: 200px; z-index: 100; right: 8px; background-color: #1f262a; font-size: 1.3em; padding: 1px 10px 5px; border: none; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(99,99,99,0.2), 0 2px 2px 0 rgba(31,38,42,1), 0 1px 5px 0 rgba(31,38,42,1); } map-here .icon-color { color: #FFFFFF; }
map-here-real #mapContainer { height: 100vh; width: auto; background: grey; } map-here-real #view { position: fixed; bottom: 200px; z-index: 100; right: 8px; background-color: #1f262a; font-size: 1.3em; padding: 1px 10px 5px; border: none; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(99,99,99,0.2), 0 2px 2px 0 rgba(31,38,42,1), 0 1px 5px 0 rgba(31,38,42,1); } map-here-real .icon-color { color: #FFFFFF; }
map-zone-here #map-canvas { height: 100vh; width: auto; }
modal .fog { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background-color: rgba(0,0,0,0.44); z-index: 9998; } modal .modal { padding: 10px; position: fixed; top: 15vh; left: 20vw; min-height: 70vh; min-width: 60vw; overflow: hidden; background-color: #FFF; border-radius: 25px; max-height: calc(100vh - 210px); } modal .modal.medium { top: 20vh; min-height: 45vh; } modal .modal.small { top: 30vh; min-height: 25vh; } modal div.close { position: absolute; top: 5px; right: 15px; cursor: pointer; color: #999; } modal h4 { text-align: center; }
navbar-tracker .navbar-tracker { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } @media screen and (min-width: 601px) { navbar-tracker .navbar-tracker { height: 69px; background: #044B91; z-index: 5; position: fixed; top: 0; } navbar-tracker img { margin: 8px 20px; } navbar-tracker h1.nabvar-title { display: block; width: auto; margin-right: 25px; text-transform: uppercase; line-height: 1.4; font-family: Monserrat, sans-serif; color: #fff; font-weight: 600; text-shadow: 1px 1px 3px #222; } } @media screen and (max-width: 600px) { navbar-tracker .navbar-tracker { height: 50px; background: #044B91; z-index: 5; position: fixed; top: 0; } navbar-tracker img { margin: 8px 20px; height: 50%; } navbar-tracker h1.nabvar-title { display: block; width: auto; margin-right: 25px; text-transform: uppercase; line-height: 1.2; font-family: Monserrat, sans-serif; color: #fff; font-weight: 600; text-shadow: 1px 1px 3px #222; font-size: 3.2rem; } } @media screen and (max-width: 350px) { navbar-tracker h1.nabvar-title { display: none; } }
navbar-user-box .dropdown { position: absolute; list-style: none; margin: 0; background-color: #FFF; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); }
navbar { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); z-index: 9995; background-color: white; } navbar .list { list-style: none; margin-bottom: 0; width: 100%; } navbar .logo { width: 200px; line-height: 6.5rem; height: 65px; float: left; margin: 0 10px 0 0; } navbar .img-logo { margin: 8px 3px; height: 40px; } navbar .item { position: relative; float: left; margin-bottom: 0; cursor: pointer; } navbar .item:hover { box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); } navbar .link { text-align: center; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: .2rem; margin-right: 20px; margin-left: 20px; text-decoration: none; line-height: 6.5rem; color: #222; } navbar .pull-right { float: right; } navbar .dropdown { z-index: 1000; position: absolute; list-style: none; margin: 0; background-color: #FFF; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); } navbar .dropdown .item { width: 100%; } navbar .list-options{ display: inline; list-style: none; margin-bottom: 0; margin-top: 0; margin-left: 4%; width: 90%; } navbar .buttonNav{ float: right; display: none; height: 65px; align-items: center; } @media (max-width: 800px){ navbar .list-options{ display: none; list-style: none; margin-bottom: 0; margin-top: 0; margin-left: 4%; width: 90%; } navbar .buttonNav{ float: right; display: flex; height: 65px; align-items: center; } } @media (max-width: 300px){ navbar .dropdown { z-index: 1000; position: absolute; list-style: none; margin: 0; background-color: #FFF; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); height: 100px; overflow-y: scroll; } }
notification .toast { position: fixed; top: 80px; right: 25px; background-color: rgba(0,0,0,0.54); box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); padding: 5px; cursor: pointer; z-index: 9999; } notification .toast ul { display: inline-block; list-style: none; margin: 0 5px; width: 100%; } notification .toast ul li { color: #FFF; margin: 0; font-weight: 600; }
photo-tracker .row { margin-top: 20px; margin-bottom: 20px; } photo-tracker img { max-width: 60vw; max-height: 200px; cursor: pointer; } photo-tracker img.completed { box-shadow: 0px -5px 1px #7ABC43, 0px 2px 5px #444, 0px 70px 1px #7ABC43; } photo-tracker img.failed { box-shadow: 0px -5px 1px #FF1D25, 0px 2px 5px #444, 0px 70px 1px #FF1D25; } photo-tracker .image-text { color: #FFF; font-size: 1.1em; font-family: roboto; } photo-tracker .control { cursor: pointer; font-weight: 800; font-size: 2em; color: #044B91; top: 48%; position: absolute; } photo-tracker .control.left { margin-left: 12px; } photo-tracker .control:hover { color: #022970; } photo-tracker .control:disabled { color: #999; } photo-tracker .center { text-align: center; } photo-tracker .center-modal { margin-left: 25%; } photo-tracker .img-modal { display: block; max-width: 100%; max-height: 70vh; width: auto; height: auto; }
pick-packages .row { margin-top: 5px; } pick-packages a,[data-is="pick-packages"] a{ text-decoration: none; padding: 3px; } pick-packages i.fa-times-circle,[data-is="pick-packages"] i.fa-times-circle{ color: red; } pick-packages i.fa-exclamation-triangle,[data-is="pick-packages"] i.fa-exclamation-triangle{ color: yellow; } pick-packages .active,[data-is="pick-packages"] .active{ background-color: #337CE3; color: white; font-weight: 600; }
popup #element { cursor: pointer; } popup #box { display: none; position: absolute; background-color: #1B2D6D; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); min-width: 50px; min-height: 1.5em; color: white; padding: 5px 10px; z-index: 99999; margin-top: 10px; border-radius: 0.4em; } popup #box:after { content: ""; top: -8px; left: 5px; position: absolute; border-style: solid; border-width: 0 8px 8px 8px; border-color: #1B2D6D transparent; display: block; width: 0; } popup #box > p { font-weight: 500; margin: 0; padding: 0; line-height: 1.5em; }
reason-form label { display: inline-block; margin-right: 2%; } reason-form button { float: right; margin-right: 1%; }
roadmap-notifications { position: fixed; top: 10%; left: 1%; } roadmap-notifications .quantity { background-color: red; padding: 2px; border-radius: 1em; } roadmap-notifications .menu { position: relative; width: 250px; height: 500px; padding: 0px; border-radius: 0.3em; background: #FFF; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); overflow-y: auto; } roadmap-notifications .menu:after { content: ""; position: absolute; top: -8px; left: 40px; border-style: solid; border-width: 0 8px 8px 8px; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; } roadmap-notifications .notification-list { list-style: none; margin: 0; } roadmap-notifications .notification { padding: 4px; margin: 0; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); }
roadmap-planning { position: fixed; width: 150px; height: 50px; margin: 2% auto; left: 0; right: 0; bottom: 1%; z-index: 100; } roadmap-planning .show { bottom: 0; } roadmap-planning .hidden { bottom: -300px; } roadmap-planning .box { height: 300px; width: 100%; background: white; border-top: 1px #ccc solid; box-shadow: 0px 0px 10px #000; overflow: scroll; } roadmap-planning .w-centered { position: fixed; left: 0; right: 0; margin: 0 auto; } roadmap-planning .always-visible { z-index: 9999 !important; margin: 0 auto; text-align: center; } roadmap-planning .planningNavbar { list-style: none; width: 100%; height: 50px; margin-bottom: 0; text-align: center; } roadmap-planning .planningNavbar li { width: auto; margin-left: 20px; display: inline-block; } roadmap-planning button { width: auto; } roadmap-planning .active { background: mediumseagreen; } roadmap-planning .hide { display: none; } roadmap-planning .show { display: block; }
roadmaps-tag-print shipments-tag-print label.type,[data-is="roadmaps-tag-print"] shipments-tag-print label.type{ margin-top: 0.7rem; } roadmaps-tag-print shipments-tag-print #all,[data-is="roadmaps-tag-print"] shipments-tag-print #all{ padding-bottom: 1.8rem; }
roadmaps-tag-search shipments-tag-search form,[data-is="roadmaps-tag-search"] shipments-tag-search form{ margin-bottom: 5px; } roadmaps-tag-search shipments-tag-search form .button-primary,[data-is="roadmaps-tag-search"] shipments-tag-search form .button-primary{ margin-top: 5px; } roadmaps-tag-search shipments-tag-search .shipments,[data-is="roadmaps-tag-search"] shipments-tag-search .shipments{ max-height: 50vh; overflow: auto; } roadmaps-tag-search shipments-tag-search #checkers,[data-is="roadmaps-tag-search"] shipments-tag-search #checkers{ padding-top: 10px; }
role-form tr { cursor: pointer; } role-form tr.selected { background: rgba(146,134,213,0.33); } role-form div.two.columns { text-align: center; height: 100vh; } role-form div.box-buttons { display: grid; position: fixed; min-width: 150px; }
rtc-button label { text-align: left; }
section-contact section { margin: 2% 5%; }
section-footer section { background-color: #044B91; padding: 5px; } section-footer .img-thumbnail { max-width: 10vw; } section-footer .img-icon { max-height: 25px; }
section-tracking .box { background-color: #044B91; width: 100%; height: 80vh; padding-top: 40vh; } section-tracking h2 { text-align: center; color: #FEFEFE; } section-tracking .button.white { background-color: #FEFEFE; }
section-us .people-container { margin: 2% 5%; } section-us .people-box p { font-size: 1.1em; } section-us .img-circle { max-width: 225px; border-radius: 50%; }
select-map #map-canvas { height: 50vh; margin-bottom: 10px; }
shipment-form-address label.radio { font-weight: normal; display: inline; margin-right: 4px; } shipment-form-address .button, shipment-form-address .button-primary { margin-top: 4px; margin-left: 3px; float: right; }
shipment-form-company .button, shipment-form-company .button-primary { margin-top: 4px; margin-left: 3px; float: right; }
shipment-form-detail .detail { list-style: none; } shipment-form-detail .detail li { margin: 0; } shipment-form-detail .detail li span { font-weight: 600; } shipment-form-detail .button, shipment-form-detail .button-primary { margin-top: 4px; margin-left: 3px; float: right; } shipment-form-detail .imgMap { padding-top: 10px; padding-bottom: 10px; width: 95%; height: auto; }
shipment-form-general .button, shipment-form-general .button-primary { margin-top: 4px; margin-left: 3px; float: right; }
shipments-tag-csv table tr td.text-overflow { max-width: 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } shipments-tag-csv .button-add { padding: 0 10px; }
shipments-tag-print label.type { margin-top: 0.7rem; } shipments-tag-print #all { padding-bottom: 1.8rem; }
shipments-tag-route-search form { margin-bottom: 5px; } shipments-tag-route-search form .button-primary { margin-top: 5px; } shipments-tag-route-search .shipments { max-height: 50vh; overflow: auto; }
shipments-tag-search form { margin-bottom: 5px; } shipments-tag-search form .button-primary { margin-top: 5px; } shipments-tag-search .shipments { max-height: 50vh; overflow: auto; } shipments-tag-search #checkers { padding-top: 10px; }
steps-tracker .background-round.active { background-color: #E8EAE7; } @media screen and (min-width: 1001px) { steps-tracker ul.steps { list-style: none; width: 80%; margin: 20px 5%; height: 160px; } steps-tracker ul.steps li { width: 170px; height: 100px; margin-left: 30px; float: left; text-align: center; background-image: url("../../../public/img/iconos_etapas.png"); cursor: pointer; } steps-tracker ul.steps li span { line-height: 10px; font-size: 2rem; width: 100px; font-family: 'Monserrat', monospace; text-transform: uppercase; color: #044B91; letter-spacing: -1px; } steps-tracker .step1 { margin-left: 0px; background-position: -62px 0px; background-repeat-y: no-repeat; } steps-tracker .step2 { background-position: -290px 0px; background-repeat-y: no-repeat; } steps-tracker .step3 { background-position: 492px 0px; background-repeat-y: no-repeat; } steps-tracker .step4 { background-position: 270px 0px; background-repeat-y: no-repeat; } steps-tracker .spacer { height: 85px; width: 100px; } steps-tracker .background-round { width: 200px; height: 50px; border-radius: 20px; padding: 5px; } } @media screen and (min-width: 551px) and (max-width: 1000px) { steps-tracker ul.steps { list-style: none; width: 100%; margin: 20px 5px; height: 160px; } steps-tracker ul.steps li { width: 24%; height: 100px; margin-left: 0; float: left; text-align: center; background-image: url("../../../public/img/iconos_etapas.png"); cursor: pointer; } steps-tracker ul.steps li span { line-height: 10px; font-size: 1.3rem; width: 24%; font-family: 'Monserrat', monospace; text-transform: uppercase; color: #044B91; letter-spacing: -1px; } steps-tracker .step1 { margin-left: 0px; background-position: 8% 0px; background-repeat-y: no-repeat; } steps-tracker .step2 { background-position: 37% 0px; background-repeat-y: no-repeat; } steps-tracker .step3 { background-position: 64% 0px; background-repeat-y: no-repeat; } steps-tracker .step4 { background-position: 95% 0px; background-repeat-y: no-repeat; } steps-tracker .spacer { height: 85px; width: 0; } steps-tracker .background-round { width: 90%; height: 45px; border-radius: 20px; padding: 2%; } } @media screen and (min-width: 700px) and (max-width: 850px) { steps-tracker .step1 { margin-left: 0px; background-position: 9% 0px; background-repeat-y: no-repeat; } steps-tracker .step4 { background-position: 92% 0px; background-repeat-y: no-repeat; } } @media screen and (min-width: 550px) and (max-width: 700px) { steps-tracker .step1 { margin-left: 0px; background-position: 10% 0px; background-repeat-y: no-repeat; } steps-tracker .step4 { background-position: 90% 0px; background-repeat-y: no-repeat; } } @media screen and (max-width: 550px) { steps-tracker ul.steps { list-style: none; width: 100%; height: 80px; } steps-tracker ul.steps li { width: 23%; height: 100px; float: left; text-align: center; cursor: pointer; } steps-tracker ul.steps li span { line-height: 10px; font-size: 1rem; font-family: 'Monserrat', monospace; text-transform: uppercase; color: #044B91; letter-spacing: -1px; } steps-tracker .spacer { height: 25px; } steps-tracker .background-round { width: auto; height: 50px; border-radius: 20px; padding: 5px; margin-left: 4px; } }
user-form tr { cursor: pointer; } user-form tr.selected { background: rgba(146,134,213,0.33); } user-form tr td span.indicator { float: left; } user-form div.two.columns { text-align: center; height: 100vh; } user-form div.box-buttons { display: grid; position: absolute; min-width: 150px; }
zone-list .zone-list { height: 65vh; overflow: hidden; overflow-y: auto; }
multi-select .selectsX { width: 100%; } multi-select .selectBox { position: relative; } multi-select .selectBox select { width: 100%; font-weight: bold; } multi-select .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } multi-select #checkboxesX { padding: 5px; display: none; border: 1px #dadada solid; border-radius: 5px; max-height: 200px; overflow-y: scroll; position: absolute; z-index: 10000; background-color: white; width: 200px; } multi-select #checkboxesX label{ display: flex; height: 25px; } multi-select #checkboxesX label:hover { background-color: #1e90ff; }
select-multioptions .multiselect,[data-is="select-multioptions"] .multiselect{ width: 100%; } select-multioptions .selectBox,[data-is="select-multioptions"] .selectBox{ position: relative; } select-multioptions .selectBox select,[data-is="select-multioptions"] .selectBox select{ width: 100%; font-weight: bold; } select-multioptions .overSelect,[data-is="select-multioptions"] .overSelect{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } select-multioptions #checkboxes,[data-is="select-multioptions"] #checkboxes{ padding: 5px; display: none; border: 1px #dadada solid; border-radius: 5px; max-height: 200px; overflow-y: scroll; position: absolute; z-index: 10000; background-color: white; width: 200px; } select-multioptions #checkboxes label,[data-is="select-multioptions"] #checkboxes label{ display: flex; height: 25px; } select-multioptions #checkboxes label:hover,[data-is="select-multioptions"] #checkboxes label:hover{ background-color: #1e90ff; }
rtc-error-button rtc-button label,[data-is="rtc-error-button"] rtc-button label{ text-align: left; }
upload-file-button .containerTag { display: "flex"; } upload-file-button label{ height: 36px; padding: 0 30px; color: #555; text-align: center; font-size: 11px; font-weight: 600; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 1px solid #bbb; }
exchange-shipment .row-flex { display: flex; } exchange-shipment .box-select { padding-left: 15px; }
exchange-verification .frame-container { margin-top: 0; }
exchange-row-toggle .containerFrame { margin : 5px; width: 100%; } exchange-row-toggle .crop { overflow:hidden; } exchange-row-toggle .containerFrame p{ margin: 0px; } exchange-row-toggle .panel { padding: 2%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } exchange-row-toggle .arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #00f; } exchange-row-toggle .containerArrow { margin-top: 20px; } exchange-row-toggle .fixHr { margin-top: 80px; margin-bottom: 15px; } exchange-row-toggle #checking { cursor: pointer; }
planning-pick .panel { padding: 2%; box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } planning-pick .fix_input { margin-top: 18px; } planning-pick a { text-decoration: none; padding: 3px; } planning-pick .active { color: black; font-weight: 600; }</style><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBbaTxy9N82zrKr1NL7McHMQyfSbXdxsGw&amp;v=3.exp&amp;signed_in=true"></script></head>
   <body>
      <!-- Global Tags -->
      <notification></notification>
      <loader><div class="load-bar-off"></div> <div class="load-bar" style="display: none;" hidden=""> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div></loader>

      <!--LIBS-->
      <script type="text/javascript" src="/public/lib/zepto.min.js"></script>
      <script type="text/javascript" src="/public/lib/moment.min.js"></script>
      <script type="text/javascript" src="/public/lib/moment-timezone.min.js"></script>
      <script type="text/javascript" src="/public/lib/jsbarcode-code128.min.js"></script>
      <script type="text/javascript" src="/public/lib/flickity.min.js"></script>
      <script type="text/javascript" src="/public/lib/chartjs.min.js"></script>
      <script type="text/javascript" src="/samus/faye/client.js"></script>
      <script src="https://js.api.here.com/v3/3.0/mapsjs-core.js" type="text/javascript" charset="utf-8"></script>
      <script src="https://js.api.here.com/v3/3.0/mapsjs-service.js" type="text/javascript" charset="utf-8"></script>
      <script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-ui.js"></script>
      <script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.js"></script>
      <script src="https://www.google.com/recaptcha/enterprise.js?render=6LeaAvciAAAAAEkrj16oU0vLrTf94TGl-VkD6EaO"></script>
      <!-- This script will contain all the compiled tags -->
   <script type="text/javascript" src="/dist/main.320f8a5e5858a422c50e.js"></script><tracker><div id="navbar"> <img src="../../../public/img/chazki2.png" alt="Chazki"> </div>  <div class="container center"> <div class="container center"> <h5>Ingrese su código de orden</h5> <form class="center"> <label for="fname">Código de orden:</label><br> <input type="text" id="fname" name="tracking" value=""><br> <div class="g-recaptcha" id="div" data-sitekey="6LeaAvciAAAAAEkrj16oU0vLrTf94TGl-VkD6EaO"></div> <button class="button-primary">Validar estado</button> </form> </div> </div></tracker>

</body></html>