<<<<<<< HEAD .dot-container{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dot-container img{width:100%;position:absolute}.dot-container .caption-text{color:hsla(0,0%,100%,.6392156862745098);float:left;position:absolute;top:35%;width:40%;left:10vw}@media only screen and (min-width:1366px)and (max-width:1919px){.dot-container .caption-text{top:35%}}@media only screen and (min-width:1920px){.dot-container .caption-text{top:31%}}.dot-container .caption-text .header{font-size:1.7em}@media only screen and (min-width:1366px)and (max-width:1919px){.dot-container .caption-text .header{font-size:1.5em}}@media only screen and (min-width:1920px){.dot-container .caption-text .header{font-size:1.4em}}.dot-container .caption-text .main{margin-top:5%;margin-bottom:10%}.dot-container .caption-text .footer .el-button,.dot-container .caption-text .footer .el-button--text:focus{color:hsla(0,0%,100%,.6392156862745098);border:1px solid hsla(0,0%,100%,.6392156862745098);padding:5px 20px;border-radius:2%;font-size:2.3vh}.dot-container .caption-text .footer .el-button--text:hover{background-color:rgba(39,148,39,.7058823529411765)}.signin-card{grid-column-start:3!important;grid-column-end:6!important;height:100%}.signin-card .el-alert .el-alert__description{margin:0}.signin-card .el-alert__closebtn{top:10px}.signin-card .card{height:100%}.signin-card .card .card-subtitle{text-align:center;line-height:.8;margin-top:15px}.signin-card .card .card-subtitle .header{margin-bottom:2px;font-size:1.1em}@media only screen and (min-width:1366px)and (max-width:1919px){.signin-card .card .card-subtitle .header{font-size:1.1em}}@media only screen and (min-width:1920px){.signin-card .card .card-subtitle .header{font-size:1em}}.signin-card .card .card-subtitle .title{font-size:.9em}@media only screen and (min-width:1366px)and (max-width:1919px){.signin-card .card .card-subtitle .title{font-size:.8em}}@media only screen and (min-width:1920px){.signin-card .card .card-subtitle .title{font-size:.8em}}.signin-card .el-card__body{padding:0 5em 2em 4em}.signin-card .btn_forgot-password{padding:0 0 15px 0}.signin-card .btn-container{min-width:300px;line-height:2;padding:40px 10px 20px}.signin-card .company_info_sign{position:fixed;bottom:2px;left:2px}@media only screen and (min-width:1366px)and (max-width:1919px){.signin-card .company_info_sign{bottom:4px}}@media only screen and (min-width:1920px){.signin-card .company_info_sign{bottom:6px}}@media only screen and (min-width:1366px)and (max-width:1919px){.signin-card .company_info_sign{left:4px}}@media only screen and (min-width:1920px){.signin-card .company_info_sign{left:6px}}@media only screen and (min-width:316px)and (max-width:991px){.signin-card .sign-up-message{display:none}}.tooltip{display:block!important;z-index:10000;font-size:.5rem}@media screen and (max-width:1440px){.tooltip{font-size:.8rem}}.tooltip .tooltip-inner{background:#508ff4;color:#fff;border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#508ff4;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;-webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);box-shadow:0 5px 30px rgba(0,0,0,.1)}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;-webkit-transition:opacity .15s,visibility .15s;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;-webkit-transition:opacity .15s;transition:opacity .15s}.signup-card{grid-column-start:5!important;grid-column-end:8!important}.signup-card .el-card__header{padding:1.2em 3em}.signup-card .el-card__body{padding:0 2em 0 2em}.signup-card .card-subtitle{width:14em;margin-top:15px}.signup-card .card-subtitle .header{margin-bottom:2px;font-size:1.1em}@media only screen and (min-width:1366px)and (max-width:1919px){.signup-card .card-subtitle .header{font-size:1.1em}}@media only screen and (min-width:1920px){.signup-card .card-subtitle .header{font-size:1.2em}}.signup-card .card-subtitle .title{font-size:.9em}@media only screen and (min-width:1366px)and (max-width:1919px){.signup-card .card-subtitle .title{font-size:.8em}}@media only screen and (min-width:1920px){.signup-card .card-subtitle .title{font-size:.8em}}.signup-card .el-select{width:100%}.signup-card .user-properties-element{text-align:center;display:block}.signup-card .btn-container{line-height:2;padding:.2em}.signup-card .company_info{position:fixed;bottom:2px;right:2px}@media only screen and (min-width:1366px)and (max-width:1919px){.signup-card .company_info{bottom:4px}}@media only screen and (min-width:1920px){.signup-card .company_info{bottom:6px}}@media only screen and (min-width:1366px)and (max-width:1919px){.signup-card .company_info{right:4px}}@media only screen and (min-width:1920px){.signup-card .company_info{right:6px}}.country-code-popper{width:10%!important;margin-top:5px}.country-code-popper li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1}.country-code-popper li .country{width:30%;margin:0 10px;right:0;text-align:left}.country-code-popper li .country-code{width:70%;margin:0 10px;left:0}.country-code-popper .popper__arrow{left:12%!important} ======= .dot-container { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dot-container img { width: 100%; position: absolute; } .dot-container .caption-text { color: hsla(0, 0%, 100%, 0.6392156862745098); float: left; position: absolute; top: 35%; width: 40%; left: 10vw; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dot-container .caption-text { top: 35%; } } @media only screen and (min-width: 1920px) { .dot-container .caption-text { top: 31%; } } .dot-container .caption-text .header { font-size: 1.7em; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .dot-container .caption-text .header { font-size: 1.5em; } } @media only screen and (min-width: 1920px) { .dot-container .caption-text .header { font-size: 1.4em; } } .dot-container .caption-text .main { margin-top: 5%; margin-bottom: 10%; } .dot-container .caption-text .footer .el-button, .dot-container .caption-text .footer .el-button--text:focus { color: hsla(0, 0%, 100%, 0.6392156862745098); border: 1px solid hsla(0, 0%, 100%, 0.6392156862745098); padding: 5px 20px; border-radius: 2%; font-size: 2.3vh; } .dot-container .caption-text .footer .el-button--text:hover { background-color: rgba(39, 148, 39, 0.7058823529411765); } .signin-card { grid-column-start: 3 !important; grid-column-end: 6 !important; height: 100%; } .signin-card .el-alert .el-alert__description { margin: 0; } .signin-card .el-alert__closebtn { top: 10px; } .signin-card .card { height: 100%; } .signin-card .card .card-subtitle { text-align: center; line-height: 0.8; margin-top: 15px; } .signin-card .card .card-subtitle .header { margin-bottom: 2px; font-size: 1.1em; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .signin-card .card .card-subtitle .header { font-size: 1.1em; } } @media only screen and (min-width: 1920px) { .signin-card .card .card-subtitle .header { font-size: 1em; } } .signin-card .card .card-subtitle .title { font-size: 0.9em; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .signin-card .card .card-subtitle .title { font-size: 0.8em; } } @media only screen and (min-width: 1920px) { .signin-card .card .card-subtitle .title { font-size: 0.8em; } } .signin-card .el-card__body { padding: 0 5em 2em 4em; } .signin-card .btn_forgot-password { padding: 0 0 15px 0; } .signin-card .btn-container { min-width: 300px; line-height: 2; padding: 40px 10px 20px; } .signin-card .company_info_sign { position: fixed; bottom: 2px; left: 2px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .signin-card .company_info_sign { bottom: 4px; } } @media only screen and (min-width: 1920px) { .signin-card .company_info_sign { bottom: 6px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .signin-card .company_info_sign { left: 4px; } } @media only screen and (min-width: 1920px) { .signin-card .company_info_sign { left: 6px; } } @media only screen and (min-width: 316px) and (max-width: 991px) { .signin-card .sign-up-message { display: none; } } .tooltip { display: block !important; z-index: 10000; font-size: 0.5rem; } @media screen and (max-width: 1440px) { .tooltip { font-size: 0.8rem; } } .tooltip .tooltip-inner { background: #508ff4; color: #fff; border-radius: 16px; padding: 5px 10px 4px; } .tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; border-color: #508ff4; z-index: 1; } .tooltip[x-placement^="top"] { margin-bottom: 5px; } .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="bottom"] { margin-top: 5px; } .tooltip[x-placement^="bottom"] .tooltip-arrow { border-width: 0 5px 5px 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="right"] { margin-left: 5px; } .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip[x-placement^="left"] { margin-right: 5px; } .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip.popover .popover-inner { background: #f9f9f9; color: #000; padding: 24px; border-radius: 5px; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .tooltip.popover .popover-arrow { border-color: #f9f9f9; } .tooltip[aria-hidden="true"] { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.15s, visibility 0.15s; transition: opacity 0.15s, visibility 0.15s; } .tooltip[aria-hidden="false"] { visibility: visible; opacity: 1; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } .signup-card { grid-column-start: 5 !important; grid-column-end: 8 !important; } .signup-card .el-card__header { padding: 1.2em 3em; } .signup-card .el-card__body { padding: 0 2em 0 2em; } .signup-card .card-subtitle { width: 14em; margin-top: 15px; } .signup-card .card-subtitle .header { margin-bottom: 2px; font-size: 1.1em; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .signup-card .card-subtitle .header { font-size: 1.1em; } } @media only screen and (min-width: 1920px) { .signup-card .card-subtitle .header { font-size: 1.2em; } } .signup-card .card-subtitle .title { font-size: 0.9em; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .signup-card .card-subtitle .title { font-size: 0.8em; } } @media only screen and (min-width: 1920px) { .signup-card .card-subtitle .title { font-size: 0.8em; } } .signup-card .el-select { width: 100%; } .signup-card .user-properties-element { text-align: center; display: block; } .signup-card .btn-container { line-height: 2; padding: 0.2em; } .signup-card .company_info { position: fixed; bottom: 2px; right: 2px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .signup-card .company_info { bottom: 4px; } } @media only screen and (min-width: 1920px) { .signup-card .company_info { bottom: 6px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .signup-card .company_info { right: 4px; } } @media only screen and (min-width: 1920px) { .signup-card .company_info { right: 6px; } } .country-code-popper { width: 10% !important; margin-top: 5px; } .country-code-popper li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; } .country-code-popper li .country { width: 30%; margin: 0 10px; right: 0; text-align: left; } .country-code-popper li .country-code { width: 70%; margin: 0 10px; left: 0; } .country-code-popper .popper__arrow { left: 12% !important; } >>>>>>> e3e3b39a8456ce624c95ac31e95c0aadd30519c6