a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;vertical-align:top;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}td,th{text-align:left}button:focus{outline:0;background-color:#f3f3f3;border-radius:.5rem}tr:nth-child(odd) button:focus{background-color:#fff}button,input[type=button],input[type=email],input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-appearance:none}button{cursor:pointer}div{position:relative}html{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-moz-box-sizing:inherit;-webkit-box-sizing:inherit;box-sizing:inherit}body,html{height:100%;min-width:100%}

::selection {
    background: #1792e5;
    color: #fff;
}
::-moz-selection {
    background: #1792e5;
    color: #fff;
}
::-webkit-selection {
    background: #1792e5;
    color: #fff;
}

@font-face { 
    font-family: "Honeywell Sans Book"; 
    src: url("HoneywellSansWeb-Book.eot");
    src: url("HoneywellSansWeb-Book.woff");
    src: url("HoneywellSansWeb-Book.woff2");
}
@font-face { 
    font-family: "Honeywell Sans Medium"; 
    src: url("HoneywellSansWeb-Medium.eot");
    src: url("HoneywellSansWeb-Medium.woff");
    src: url("HoneywellSansWeb-Medium.woff2");
}
@font-face { font-family: "Honeywell Sans Bold";
    src: url("HoneywellSansWeb-Bold.eot");
    src: url("HoneywellSansWeb-Bold.woff");
    src: url("HoneywellSansWeb-Bold.woff2");
}
@font-face { font-family: "Honeywell Sans ExtraBold";
    src: url("HoneywellSansWeb-ExtraBold.eot");
    src: url("HoneywellSansWeb-ExtraBold.woff");
    src: url("HoneywellSansWeb-ExtraBold.woff2");
}

@-webkit-keyframes slide-up {
    0% { top: 20px; }

    100% { top: 0; }
}

@-moz-keyframes slide-up {
    0% { top: 20px; }

    100% { top: 0; }
}

@keyframes slide-up {
    0% { top: 20px; }

    100% { top: 0; }
}

@-webkit-keyframes fade-in {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@-moz-keyframes fade-in {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@keyframes fade-in {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

body {
    font-family: "Honeywell Sans Book", sans-serif;
    line-height: 1.7;
    color: #fff;
    min-width: 0;
    background-color: #0f0f0f;
}

body > * {
    font-size: 16px;
    letter-spacing: 1px;
}

b {
    font-family: "Honeywell Sans ExtraBold", sans-serif;
}

.login-group {
    position: absolute;
    width: 90%;
    max-width: 400px;
    top: 50%;
    left: 50%;
    padding: 10px;
    transform: translate(-50%, -50%);
    animation: fade-in .4s .3s backwards ease-out;
}

@media screen and (max-height: 760px) {
    .login-group {
        margin: 0 auto;
        margin-top: 96px;
        position: relative;
        transform: none;
        top: 0;
        left: 0;
    }
}

.header h1 {
    font: 0/0 a;
    color: transparent;
    display: block;
    height: 42px;
    background-image: url("logo-honeywell-movilizer-platform_default.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 18px;
}

.header h2 {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 60px;
}

#pharma {
    background-image: url("trackandtrace03.png");
}

#tpd {
    background-image: url("logo-honeywell-movilizer-platform_default.svg");
}

.bg-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("bg-earth-responsive.jpg");
    background-repeat: no-repeat;
    background-color: #0a0a0a;
    background-size: cover;
    background-position: center;
    animation:  slide-up .4s .2s backwards ease-out, 
                fade-in .6s backwards ease-out;
}

.form-group {
    margin: 15px 0;
}

.form-group:last-child {
    margin-bottom: 0;
}

.form-group label {
    display: block;
    margin-bottom: 3px;
}

.form-group input {
    width: 100%;
    outline: none;
    -webkit-border-radius: 0;
    font-size: 16px;
    letter-spacing: 1px;
    touch-action: manipulation;
}

.form-group input[type=email],
.form-group input[type=password],
.form-group input[type=text] {
    background: transparent;
    border: 1px solid #fff;
    padding: 5px 10px;
    transition: border-color .4s;
    height: 50px;
}

.form-group input[type=email]:focus,
.form-group input[type=password]:focus,
.form-group input[type=text]:focus {
    border: 1px solid #1792e5;
}

.form-group input[type=submit] {
    margin-top: 20px;
    background-color: #1792e5;
    text-transform: uppercase;
    padding: 5px 10px;
    border: none;
    font-family: "Honeywell Sans Medium", sans-serif;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    transition: background-color .2s;
}

.form-group input[type=submit]:focus,
.form-group input[type=submit]:hover,
.form-group input[type=submit]:active {
    background-color: #1271b1;
}

:-webkit-input-placeholder {
  opacity: .58;
}

:-moz-placeholder {
  opacity: .58;
}

:-ms-input-placeholder {
  opacity: .58;
}

::placeholder {
  opacity: .58;
}

.form-group a {
    width: 100%;
}

a {
    outline: none;
    touch-action: manipulation;
    display: inline-block;
    color: #cfcfcf;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;    
    text-shadow: 2px 2px 2px rgba(0,0,0,.5);
    transition: color .2s;
}

.form-group a:focus,
.form-group a:hover {
    color: #fff;
}

.footer {
    padding-top: 48px;
    text-align: center;
    display: inline-block;
}

.footer a {
    margin-right: 12px;
    opacity: .65;
    font-family: "Honeywell Sans Bold", sans-serif
}

.footer a:last-child {
    margin-right: 0;
}

/* Icons */

.icon {
    width: 56px;
    height: 56px;
    background-size: contain;
    margin: 0 auto;
}

.icon.success {
    background-image: url("icon-success.svg");
}

.icon.warning {
    background-image: url("icon-warning.svg");
}

/* Notifications */

.notification {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0;
    transition: opacity .3s, top 1s;
    animation: fade-in .3s .6s backwards ease-out;
    transform-origin: center top;
}

.notification.hidden {
    opacity: 0;
    top: -100px;
}

.notification .inner {
    background: #0e0e0e;
    color: #fff;
    border: 2px solid #303030;
    border-left: 48px solid #303030;
    padding: 16px;
    padding-right: 46px;
    font-size: 14px;
}

.notification .inner:before {
    content: "";
    display: block;
    position: absolute;
    left: -42px;
    top: 0;
    width: 36px;
    height: 100%;
    background: no-repeat left center;
    background-size: contain;
}

.notification .button.close {
    display: block;
    position: absolute;
    right: 12px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 0;
    width: 32px;
    height: 100%;
    background: no-repeat left center;
    background-size: contain;
    cursor: pointer;
    background-image: url('icon-close.svg');
}

.notification h4 {
    font-family: "Honeywell Sans Bold", sans-serif;
    text-transform: uppercase;
}

.notification span {
    margin-right: 6px;
}

.notification a {
    color: #1792e5;
    margin-top: 1px;
    font-family: "Honeywell Sans Bold", sans-serif
}

.notification a:hover {
    color: #8bc9f2;
}

.notification.error .inner {
    border-color: #ee3124;
}

.notification.error .inner:before { 
    background-image: url('icon-error.svg');
}

.notification.info .inner {
    border-color: #1792e5;
}

.notification.info .inner:before { 
    background-image: url('icon-success.svg');
}

.notification.browser {
    bottom: 0;
    top: auto;
    cursor: pointer;
}

.form-hint {
    display: none;
    animation: fade-in .3s backwards ease-out;
}

.form-info {
    color: #ffffff;
}

.form-warning {
    color: #ffe393;    
}

.form-error {
    color: #ee3124;
}

.privacy-link::after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMCAxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMDA2NkZGO30KCS5zdDJ7ZmlsbDojRkZGRkZGO30KCS5zdDN7ZmlsbDojMDA2NkZGO30KPC9zdHlsZT4KPGc+Cgk8ZyBpZD0iZmluYWwtLS1kZWMuMTEtMjAyMF8xXyI+CgkJPGcgaWQ9Il94MzBfMjA4LW91ci10b2dnbGVfMl8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjc1LjAwMDAwMCwgLTIwMC4wMDAwMDApIj4KCQkJPGcgaWQ9IkZpbmFsLUNvcHktMl8yXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI3NS4wMDAwMDAsIDIwMC4wMDAwMDApIj4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03LjQsMTIuOGg2LjhsMy4xLTExLjZINy40QzQuMiwxLjIsMS42LDMuOCwxLjYsN1M0LjIsMTIuOCw3LjQsMTIuOHoiLz4KCQkJPC9nPgoJCTwvZz4KCTwvZz4KCTxnIGlkPSJmaW5hbC0tLWRlYy4xMS0yMDIwIj4KCQk8ZyBpZD0iX3gzMF8yMDgtb3VyLXRvZ2dsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNzUuMDAwMDAwLCAtMjAwLjAwMDAwMCkiPgoJCQk8ZyBpZD0iRmluYWwtQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjc1LjAwMDAwMCwgMjAwLjAwMDAwMCkiPgoJCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIyLjYsMEg3LjRjLTMuOSwwLTcsMy4xLTcsN3MzLjEsNyw3LDdoMTUuMmMzLjksMCw3LTMuMSw3LTdTMjYuNCwwLDIyLjYsMHogTTEuNiw3YzAtMy4yLDIuNi01LjgsNS44LTUuOAoJCQkJCWg5LjlsLTMuMSwxMS42SDcuNEM0LjIsMTIuOCwxLjYsMTAuMiwxLjYsN3oiLz4KCQkJCTxwYXRoIGlkPSJ4IiBjbGFzcz0ic3QyIiBkPSJNMjQuNiw0YzAuMiwwLjIsMC4yLDAuNiwwLDAuOGwwLDBMMjIuNSw3bDIuMiwyLjJjMC4yLDAuMiwwLjIsMC42LDAsMC44Yy0wLjIsMC4yLTAuNiwwLjItMC44LDAKCQkJCQlsMCwwbC0yLjItMi4yTDE5LjUsMTBjLTAuMiwwLjItMC42LDAuMi0wLjgsMGMtMC4yLTAuMi0wLjItMC42LDAtMC44bDAsMEwyMC44LDdsLTIuMi0yLjJjLTAuMi0wLjItMC4yLTAuNiwwLTAuOAoJCQkJCWMwLjItMC4yLDAuNi0wLjIsMC44LDBsMCwwbDIuMiwyLjJMMjMuOCw0QzI0LDMuOCwyNC40LDMuOCwyNC42LDR6Ii8+CgkJCQk8cGF0aCBpZD0ieSIgY2xhc3M9InN0MyIgZD0iTTEyLjcsNC4xYzAuMiwwLjIsMC4zLDAuNiwwLjEsMC44bDAsMEw4LjYsOS44QzguNSw5LjksOC40LDEwLDguMywxMGMtMC4yLDAuMS0wLjUsMC4xLTAuNy0wLjFsMCwwCgkJCQkJTDUuNCw3LjdjLTAuMi0wLjItMC4yLTAuNiwwLTAuOGMwLjItMC4yLDAuNi0wLjIsMC44LDBsMCwwTDgsOC42bDMuOC00LjVDMTIsMy45LDEyLjQsMy45LDEyLjcsNC4xeiIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
    width: 32px;
    top: 2px;
    position: relative;
    left: 5px;
    display: inline-block;
}

.multiline {
    white-space: pre-wrap;
}