@charset "utf-8"; @font-face { font-family: fonte; font-display:swap; src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(/anglee/fonts/roboto.woff) format('woff'); } *{ caret-color:#000; font-family: fonte;} *::selection {color: #fff; background:#000; border-radius:100%; outline:0; } *, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } *:focus { outline: none; border: none; } a{color:#555;text-decoration:none; } div{ cursor:pointer; } .skiptranslate{  display: none !important;  } #google_translate_element { display: none; } .goog-te-banner-frame { display: none !important; } .goog-te-gadget-simple  { background-color: white !important; border: 1px solid white !important; padding: 8px!important; border-radius: 4px!important; font-size: 1rem!important; line-height:2rem!important; display: inline-block; color:#000; } .goog-te-banner-frame.skiptranslate {display: none!important;} html, body { font-size: 62.5%; height: 100%; width:100%; max-height:100%; overflow: auto; } @media (max-width: 768px) { html, body { font-size: 50%; } } body { box-sizing: border-box; font-family: fonte; margin: 0px; width:100%; height: 100%; max-height:100%; overflow-x:hidden; overflow-y:hidden; background-clip: padding-box; background-color: #fff; min-height: 20px; min-width: 20px; -webkit-tap-highlight-color: transparent; } select{border:none;outline:0; font-size:13px;} .select{position:relative;height:20px;background:0 0;width:160px} .select:after{content:'';position:absolute;top:0;width:0;height:0;right:10px;bottom:0;margin:auto;border-style:solid;border-width:5px 5px 0 5px; border-color:#e2e2e2 transparent transparent transparent;pointer-events:none} .select:hover:after{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .select:before{width:30px;position:absolute;top:1px;right:1px;bottom:1px;background:0 0;content:'';pointer-events:none} .select:hover:before{background:0 0} .select select{font-size:13px;border:none;font-family:fonte;border-radius:0;background:0 0;height:100%;width:100%;cursor:pointer;outline:0;padding-right:35px;padding-left:15px;border:1px solid transparent;-moz-appearance:none;-webkit-appearance:none} .select select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000} .select select::-ms-expand{display:none} .select select:focus{border-color:transparent} .central{margin:auto;left:0;right:0;top:0;bottom:0;z-index:500;position:absolute;width:auto;height:auto;background:#fff;text-align:center} .centrost{margin:auto;left:0;right:0;top:0;padding:5px;position:absolute;width:100%;height:auto;background-color:#fff;text-align:center;} .centrosb{ /*text-overflow:ellipsis; overflow:hidden;*/ overflow:auto; letter-spacing:.3px;white-space:nowrap;margin:auto;left:0;right:0;bottom:1px;padding:5px;position:absolute;width:100%;height:auto;background-color:#fff;text-align:center; border-bottom:1px solid #fff;} .linha{position:relative;display:block;max-width:300px; height:10px;} .linha:before,.linha:after{content:'';height:1px;width:50%;bottom:1px;position:absolute;background:#e2e2e2;transition:all 0.2s ease} .linha:before{left:50%} .linha:after{right:50%} .login__row svg { display: inline-block; width: 23px; height: 23px; overflow: auto; } .svg-icon { cursor: pointer; } .svg-icon path { stroke: #000 ; fill: none; stroke-width: 1; } input, button,span { outline: none; border: none; } input{  border-bottom:1px solid #e2e2e2; font-size:13px; } .cont { position: relative; height: 100%; background-size: 100% 100%; overflow: hidden; font-family: fonte; } .demo { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; overflow: auto; overflow-x: hidden; border-radius:0px; font-size:13px; } .login { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; overflow: auto; overflow-x: hidden; background: rgba(255, 255, 255, 0.9); -webkit-transition: opacity 0.1s, -webkit-transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25); transition: opacity 0.1s, -webkit-transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25); transition: opacity 0.1s, transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25); transition: opacity 0.1s, transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25), -webkit-transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25); -webkit-transform: scale(1); transform: scale(1); } .rec { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; overflow: auto; background: rgba(255, 255, 255, 1); -webkit-transition: opacity 0.1s, -webkit-transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25); transition: opacity 0.1s, -webkit-transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25); transition: opacity 0.1s, transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25); transition: opacity 0.1s, transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25), -webkit-transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25); -webkit-transform: scale(1); transform: scale(1); } .login.inactive { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); } .login__check { position: absolute; top: 16rem; left: 13.5rem; width: 14rem; height: 2.8rem; background: #fff; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .login__check:before { content: ""; position: absolute; left: 0; bottom: 100%; width: 2.8rem; height: 5.2rem; background: #fff; } .login__form {  margin:auto;top:0;left:0;right:0;top:0;bottom:0;position:absolute;width:300px;height:300px; background:0 0;text-align:center; z-index:900;  } .login__row { height: 5rem; padding-top: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .login__icon { margin-bottom: -0.4rem; margin-right: 0.5rem; } .login__icon.name path { stroke-dasharray: 73.50196075439453; stroke-dashoffset: 73.50196075439453; -webkit-animation: animatePath 2s 0.5s forwards; animation: animatePath 2s 0.5s forwards; } .login__icon.pass path { stroke-dasharray: 92.10662841796875; stroke-dashoffset: 92.10662841796875; -webkit-animation: animatePath 2s 0.5s forwards; animation: animatePath 2s 0.5s forwards; } input::-webkit-input-placeholder { color: #e2e2e2; } input:-moz-placeholder { color: #e2e2e2; } .login__input { display: inline-block; width: 30rem; height: 100%; padding-left: 1.5rem; font-size: 13px; background: transparent; color: #000; } .login__submit { position: relative; width: 100%; height: 4rem; margin: 5rem 0 2.2rem; color: #000; background: #ffffff; font-size:16px; border-radius: 0px;  cursor: pointer; overflow: hidden; -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s; transition: width 0.3s 0.15s, font-size 0.1s 0.15s; } .login__submit:after { content: ""; position: absolute; top: 50%; left: 50%; margin-left: -1.5rem; margin-top: -1.5rem; width: 3rem; height: 3rem; border: 2px dotted #fff; border-radius: 50%; border-left: none; border-bottom: none; -webkit-transition: opacity 0.1s 0.4s; transition: opacity 0.1s 0.4s; opacity: 0; } 


html{
	
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}
.login__submit.success { -webkit-transition: opacity 0.1s 0.3s, background-color 0.1s 0.3s, -webkit-transform 0.3s 0.1s ease-out; transition: opacity 0.1s 0.3s, background-color 0.1s 0.3s, -webkit-transform 0.3s 0.1s ease-out; transition: transform 0.3s 0.1s ease-out, opacity 0.1s 0.3s, background-color 0.1s 0.3s; transition: transform 0.3s 0.1s ease-out, opacity 0.1s 0.3s, background-color 0.1s 0.3s, -webkit-transform 0.3s 0.1s ease-out; -webkit-transform: scale(30); transform: scale(30); opacity: 0.9; } 

.login__submit.success:after { -webkit-transition: opacity 0.1s 0s; transition: opacity 0.1s 0s; opacity: 0; -webkit-animation: none; animation: none; } .login__signup { position: absolute; top: 3.3rem; right: 3.3rem; width: 4.6rem; height: 4.6rem; margin-right: -2.3rem; margin-bottom: -2.3rem; border-radius: 50%; cursor: pointer; z-index:999; font-size: 1.2rem; color: #ABA8AE; } .login__signupv { cursor:pointer; font-size: 1.2rem; color: #ABA8AE; } .login__signup a { color: #fff; cursor: pointer; } .app {  margin:auto; left:0;right:0;top:0;bottom:0;position:absolute;width:100%;height:75%;  background:0 0;text-align:center;  z-index:900; overflow: hidden; opacity: 0; display: none; -webkit-transition: opacity 0.1s, -webkit-transform 0.3s cubic-bezier(0.68, -0.45, 0.465, 1.25); transition: opacity 0.1s, -webkit-transform 0.3s cubic-bezier(0.68, -0.45, 0.465, 1.25); transition: opacity 0.1s, transform 0.3s cubic-bezier(0.68, -0.45, 0.465, 1.25); transition: opacity 0.1s, transform 0.3s cubic-bezier(0.68, -0.45, 0.465, 1.25), -webkit-transform 0.3s cubic-bezier(0.68, -0.45, 0.465, 1.25); -webkit-transform: scale(1.2); transform: scale(1.2); } .app.active { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .app.active .app__user-photo { -webkit-transform: scale(1); transform: scale(1); } .app.active .app__meeting { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .app.active .app__logout { -webkit-transform: scale(1); transform: scale(1); } .app.active #restaurar { -webkit-transform: scale(1); transform: scale(1); } .app__top { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; overflow: auto; background: rgba(255, 255, 255, 0.5); text-align: center; padding:20px; } .app__bot { position: relative; height: 25rem; background: #fff; } .app__menu-btn { position: absolute; top: 2rem; left: 1.5rem; width: 1.8rem; height: 1.7rem; cursor: pointer; } .app__menu-btn span, .app__menu-btn:before, .app__menu-btn:after { position: absolute; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.6); } .app__menu-btn span { top: 0.8rem; } .app__menu-btn:before { content: ""; top: 0; } .app__menu-btn:after { content: ""; bottom: 0; } .app__icon { position: absolute; top: 2rem; } .app__icon.search { right: 1.5rem; stroke-dasharray: 61.847137451171875; stroke-dashoffset: 61.847137451171875; -webkit-animation: animatePath 0.5s 0.5s forwards; animation: animatePath 0.5s 0.5s forwards; } .app__hello { font-size: 2.2rem; color: #fff; font-weight: normal; margin-bottom: 3rem; } .app__user { position: relative; display: inline-block; width: 9rem; height: 9rem; margin-bottom: 3rem; } .app__user-photo { width: 100%; height: 100%; border-radius: 50%; -webkit-transition: -webkit-transform 0.3s 0.2s cubic-bezier(0.62, 0.35, 0.56, 1.55); transition: -webkit-transform 0.3s 0.2s cubic-bezier(0.62, 0.35, 0.56, 1.55); transition: transform 0.3s 0.2s cubic-bezier(0.62, 0.35, 0.56, 1.55); transition: transform 0.3s 0.2s cubic-bezier(0.62, 0.35, 0.56, 1.55), -webkit-transform 0.3s 0.2s cubic-bezier(0.62, 0.35, 0.56, 1.55); -webkit-transform: scale(0); transform: scale(0); } .app__user-notif { position: absolute; top: 0; right: 0; width: 3rem; height: 3rem; border-radius: 50%; line-height: 3rem; text-align: center; background: #50D2C2; color: #fff; font-size: 1.5rem; } .app__month:after { content: ""; display: table; clear: both; } .app__month-name { display: inline-block; color: rgba(255, 255, 255, 0.6); font-size: 1.2rem; text-transform: uppercase; } .app__month-btn { display: inline-block; width: 1.2rem; height: 1.2rem; border: 1px solid rgba(255, 255, 255, 0.6); border-left: none; border-bottom: none; cursor: pointer; } .app__month-btn.left { float: left; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .app__month-btn.right { float: right; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .app__days { height: 7rem; padding: 1.5rem 2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .app__day { width: 14%; text-align: center; font-size: 1.2rem; } .app__day.weekday { color: #919197; text-transform: uppercase; } .app__day.date { font-size: 1.2rem; font-weight: bold; color: #3C3C43; } .app__meeting { position: relative; height: 6rem; border-top: 1px solid #EEEEEF; padding: 1rem 2rem 1rem 7.5rem; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .app__meeting:nth-child(1) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .app__meeting:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .app__meeting:nth-child(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .app__meeting:nth-child(4) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .app__meeting:nth-child(5) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .app__meeting-photo { position: absolute; left: 2rem; top: 1rem; width: 4rem; height: 4rem; } .app__meeting-name { color: #000; font-size: 1.3rem; } .app__meeting-info { color: #949498; font-size: 1.1rem; } .app__logout { margin:auto; position: fixed; bottom:5px; left:0; right:0; text-align:center; background: transparent; color: #000; font-size: 16px; border-radius: 50%; cursor: pointer; line-height:47px; /* Para alinhar x */ text-indent:0px; -webkit-transition: bottom 0.4s 0.1s, right 0.4s 0.1s, opacity 0.1s 0.7s, background-color 0.1s 0.7s, -webkit-transform 0.4s 0.4s; transition: bottom 0.4s 0.1s, right 0.4s 0.1s, opacity 0.1s 0.7s, background-color 0.1s 0.7s, -webkit-transform 0.4s 0.4s; transition: bottom 0.4s 0.1s, right 0.4s 0.1s, transform 0.4s 0.4s, opacity 0.1s 0.7s, background-color 0.1s 0.7s; transition: bottom 0.4s 0.1s, right 0.4s 0.1s, transform 0.4s 0.4s, opacity 0.1s 0.7s, background-color 0.1s 0.7s, -webkit-transform 0.4s 0.4s; -webkit-transform: scale(0); transform: scale(0); } .app__logout.clicked { bottom: 50%; right: 50%; -webkit-transform: scale(30) !important; transform: scale(30) !important; opacity: 0.9; } .app__logout.clicked svg { opacity: 0; } .app__logout-icon { position: absolute; width: 3rem; height: 3rem; top: 50%; left: 50%; margin-left: -1.5rem; margin-top: -1.5rem; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } .app__logout-icon path { stroke-width: 4px; stroke-dasharray: 64.36235046386719; stroke-dashoffset: 64.36235046386719; -webkit-animation: animatePath 0.5s 0.5s forwards; animation: animatePath 0.5s 0.5s forwards; } .ripple { position: absolute; width: 15rem; height: 15rem; margin-left: -7.5rem; margin-top: -7.5rem; background: rgba(0, 0, 0, 0.4); -webkit-transform: scale(0); transform: scale(0); -webkit-animation: animRipple 0.4s; animation: animRipple 0.4s; border-radius: 50%; } @-webkit-keyframes animRipple { to { -webkit-transform: scale(3.5); transform: scale(3.5); opacity: 0; } } @keyframes animRipple { to { -webkit-transform: scale(3.5); transform: scale(3.5); opacity: 0; } } 

@-webkit-keyframes rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } 

@keyframes rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } 

@-webkit-keyframes animatePath { to { stroke-dashoffset: 0; } } @keyframes animatePath { to { stroke-dashoffset: 0; } } /* Animação */ .erros{ font-size:16px; } .centrob{margin:auto;left:0;right:0;bottom:5px;padding:5px;z-index:900;position:absolute;width:auto;height:auto;font-size:16px;background:transparent;text-align:center} #voltar { margin:auto; position: relative; top:20px; left:0; right:0; text-align:center; background: transparent; z-index:900; cursor: pointer; font-size: 16px; width: 64px; height: 64px; color:#000; display: inline-block; } /* Foto girando */ .circle { position: relative; top:0px; z-index:-1; width: 160px; height: 160px; } .circle img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 120px; border-radius: 0%; } /* Alert*/ 


#snackbar{text-transform:;font-family:fonte;visibility:hidden;text-align:center;padding:16px;z-index:9999999999999999999999999;
font-size:12px; display:inline-block; border:1px solid #fff;border-radius:0px;

color:#000; font-weight:600; background-color:#fff; margin:0;position:fixed;bottom:0;left:0;right:0;} 

#snackbar.showsnack{font-family:15px fonte;visibility:visible;-webkit-animation:fadein.snack 1.5s,fadeout.snack 1s 5s; 
animation:fadein.snack 1.5s,fadeout.snack 1s 5s} @-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 0px; opacity: 1;} } @keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 0px; opacity: 1;} } @-webkit-keyframes fadeout { from {bottom: 0px; opacity: 1;} to {bottom: 0; opacity: 0;} } @keyframes fadeout { from {bottom: 0px; opacity: 1;} to {bottom: 0; opacity: 0;} } /* responsivo */ /* #Tablet (Landscape) ================================================== */ @media only screen and (min-width: 1366px) {  .login__submit{  width:300px;} } @media only screen and (min-width: 1024px) {  .login__submit{  width:300px;} } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) {  } /*  #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) {  } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 500px */ @media all and (min-width: 500px) {  } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) {  } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 700 px */ @media all and (min-width: 700px) {   } a.termo { outline: none; text-decoration:none; color: #000; font-size: 13px; display: block; position:fixed; margin:auto; bottom:5px; padding:1px; left:0; right:0; width:100%; text-align:center; -webkit-transition: transform 0.25s; -moz-transition: transform 0.25s; transition: transform 0.25s; } .intl-tel-input {  font-size: 16px;  } input {  font-size: 100%;  padding:10px; } .iti__country-list{ text-align:left; font-size:16px;} .iti{position:relative;display:inline-block} .iti *{box-sizing:border-box;-moz-box-sizing:border-box} .iti__hide{display:none} .iti__v-hide{visibility:hidden} .iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0} .iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px} .iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px} .iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555} .iti__arrow--up{border-top:none;border-bottom:4px solid #555} .iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px; background-color:#fff;border:1px solid #e2e2e2;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch} .iti__country-list--dropup{bottom:100%;margin-bottom:-1px} @media (max-width:500px){.iti__country-list{white-space:normal} } .iti__flag-box{display:inline-block;width:20px} .iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #e2e2e2} .iti__country{padding:5px 10px;outline:0} .iti__dial-code{color:#999} .iti__country.iti__highlight{background-color:rgba(0,0,0,.05)} .iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle} .iti__country-name,.iti__flag-box{margin-right:6px} .iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0} .iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0} .iti--allow-dropdown .iti__flag-container:hover{cursor:pointer} .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)} .iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default} .iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent} .iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)} .iti--separate-dial-code .iti__selected-dial-code{margin-left:6px} .iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px} .iti--container:hover{cursor:pointer} .iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed} .iti-mobile .iti__country-list{max-height:100%;width:100%} .iti-mobile .iti__country{padding:10px 10px;line-height:1.5em} .iti__flag{width:20px} .iti__flag.iti__be{width:18px} .iti__flag.iti__ch{width:15px} .iti__flag.iti__mc{width:19px} .iti__flag.iti__ne{width:18px} .iti__flag.iti__np{width:13px} .iti__flag.iti__va{width:15px} @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5622px 15px} } .iti__flag.iti__ac{height:10px;background-position:0 0} .iti__flag.iti__ad{height:14px;background-position:-22px 0} .iti__flag.iti__ae{height:10px;background-position:-44px 0} .iti__flag.iti__af{height:14px;background-position:-66px 0} .iti__flag.iti__ag{height:14px;background-position:-88px 0} .iti__flag.iti__ai{height:10px;background-position:-110px 0} .iti__flag.iti__al{height:15px;background-position:-132px 0} .iti__flag.iti__am{height:10px;background-position:-154px 0} .iti__flag.iti__ao{height:14px;background-position:-176px 0} .iti__flag.iti__aq{height:14px;background-position:-198px 0} .iti__flag.iti__ar{height:13px;background-position:-220px 0} .iti__flag.iti__as{height:10px;background-position:-242px 0} .iti__flag.iti__at{height:14px;background-position:-264px 0} .iti__flag.iti__au{height:10px;background-position:-286px 0} .iti__flag.iti__aw{height:14px;background-position:-308px 0} .iti__flag.iti__ax{height:13px;background-position:-330px 0} .iti__flag.iti__az{height:10px;background-position:-352px 0} .iti__flag.iti__ba{height:10px;background-position:-374px 0} .iti__flag.iti__bb{height:14px;background-position:-396px 0} .iti__flag.iti__bd{height:12px;background-position:-418px 0} .iti__flag.iti__be{height:15px;background-position:-440px 0} .iti__flag.iti__bf{height:14px;background-position:-460px 0} .iti__flag.iti__bg{height:12px;background-position:-482px 0} .iti__flag.iti__bh{height:12px;background-position:-504px 0} .iti__flag.iti__bi{height:12px;background-position:-526px 0} .iti__flag.iti__bj{height:14px;background-position:-548px 0} .iti__flag.iti__bl{height:14px;background-position:-570px 0} .iti__flag.iti__bm{height:10px;background-position:-592px 0} .iti__flag.iti__bn{height:10px;background-position:-614px 0} .iti__flag.iti__bo{height:14px;background-position:-636px 0} .iti__flag.iti__bq{height:14px;background-position:-658px 0} .iti__flag.iti__br{height:14px;background-position:-680px 0} .iti__flag.iti__bs{height:10px;background-position:-702px 0} .iti__flag.iti__bt{height:14px;background-position:-724px 0} .iti__flag.iti__bv{height:15px;background-position:-746px 0} .iti__flag.iti__bw{height:14px;background-position:-768px 0} .iti__flag.iti__by{height:10px;background-position:-790px 0} .iti__flag.iti__bz{height:14px;background-position:-812px 0} .iti__flag.iti__ca{height:10px;background-position:-834px 0} .iti__flag.iti__cc{height:10px;background-position:-856px 0} .iti__flag.iti__cd{height:15px;background-position:-878px 0} .iti__flag.iti__cf{height:14px;background-position:-900px 0} .iti__flag.iti__cg{height:14px;background-position:-922px 0} .iti__flag.iti__ch{height:15px;background-position:-944px 0} .iti__flag.iti__ci{height:14px;background-position:-961px 0} .iti__flag.iti__ck{height:10px;background-position:-983px 0} .iti__flag.iti__cl{height:14px;background-position:-1005px 0} .iti__flag.iti__cm{height:14px;background-position:-1027px 0} .iti__flag.iti__cn{height:14px;background-position:-1049px 0} .iti__flag.iti__co{height:14px;background-position:-1071px 0} .iti__flag.iti__cp{height:14px;background-position:-1093px 0} .iti__flag.iti__cr{height:12px;background-position:-1115px 0} .iti__flag.iti__cu{height:10px;background-position:-1137px 0} .iti__flag.iti__cv{height:12px;background-position:-1159px 0} .iti__flag.iti__cw{height:14px;background-position:-1181px 0} .iti__flag.iti__cx{height:10px;background-position:-1203px 0} .iti__flag.iti__cy{height:14px;background-position:-1225px 0} .iti__flag.iti__cz{height:14px;background-position:-1247px 0} .iti__flag.iti__de{height:12px;background-position:-1269px 0} .iti__flag.iti__dg{height:10px;background-position:-1291px 0} .iti__flag.iti__dj{height:14px;background-position:-1313px 0} .iti__flag.iti__dk{height:15px;background-position:-1335px 0} .iti__flag.iti__dm{height:10px;background-position:-1357px 0} .iti__flag.iti__do{height:14px;background-position:-1379px 0} .iti__flag.iti__dz{height:14px;background-position:-1401px 0} .iti__flag.iti__ea{height:14px;background-position:-1423px 0} .iti__flag.iti__ec{height:14px;background-position:-1445px 0} .iti__flag.iti__ee{height:13px;background-position:-1467px 0} .iti__flag.iti__eg{height:14px;background-position:-1489px 0} .iti__flag.iti__eh{height:10px;background-position:-1511px 0} .iti__flag.iti__er{height:10px;background-position:-1533px 0} .iti__flag.iti__es{height:14px;background-position:-1555px 0} .iti__flag.iti__et{height:10px;background-position:-1577px 0} .iti__flag.iti__eu{height:14px;background-position:-1599px 0} .iti__flag.iti__fi{height:12px;background-position:-1621px 0} .iti__flag.iti__fj{height:10px;background-position:-1643px 0} .iti__flag.iti__fk{height:10px;background-position:-1665px 0} .iti__flag.iti__fm{height:11px;background-position:-1687px 0} .iti__flag.iti__fo{height:15px;background-position:-1709px 0} .iti__flag.iti__fr{height:14px;background-position:-1731px 0} .iti__flag.iti__ga{height:15px;background-position:-1753px 0} .iti__flag.iti__gb{height:10px;background-position:-1775px 0} .iti__flag.iti__gd{height:12px;background-position:-1797px 0} .iti__flag.iti__ge{height:14px;background-position:-1819px 0} .iti__flag.iti__gf{height:14px;background-position:-1841px 0} .iti__flag.iti__gg{height:14px;background-position:-1863px 0} .iti__flag.iti__gh{height:14px;background-position:-1885px 0} .iti__flag.iti__gi{height:10px;background-position:-1907px 0} .iti__flag.iti__gl{height:14px;background-position:-1929px 0} .iti__flag.iti__gm{height:14px;background-position:-1951px 0} .iti__flag.iti__gn{height:14px;background-position:-1973px 0} .iti__flag.iti__gp{height:14px;background-position:-1995px 0} .iti__flag.iti__gq{height:14px;background-position:-2017px 0} .iti__flag.iti__gr{height:14px;background-position:-2039px 0} .iti__flag.iti__gs{height:10px;background-position:-2061px 0} .iti__flag.iti__gt{height:13px;background-position:-2083px 0} .iti__flag.iti__gu{height:11px;background-position:-2105px 0} .iti__flag.iti__gw{height:10px;background-position:-2127px 0} .iti__flag.iti__gy{height:12px;background-position:-2149px 0} .iti__flag.iti__hk{height:14px;background-position:-2171px 0} .iti__flag.iti__hm{height:10px;background-position:-2193px 0} .iti__flag.iti__hn{height:10px;background-position:-2215px 0} .iti__flag.iti__hr{height:10px;background-position:-2237px 0} .iti__flag.iti__ht{height:12px;background-position:-2259px 0} .iti__flag.iti__hu{height:10px;background-position:-2281px 0} .iti__flag.iti__ic{height:14px;background-position:-2303px 0} .iti__flag.iti__id{height:14px;background-position:-2325px 0} .iti__flag.iti__ie{height:10px;background-position:-2347px 0} .iti__flag.iti__il{height:15px;background-position:-2369px 0} .iti__flag.iti__im{height:10px;background-position:-2391px 0} .iti__flag.iti__in{height:14px;background-position:-2413px 0} .iti__flag.iti__io{height:10px;background-position:-2435px 0} .iti__flag.iti__iq{height:14px;background-position:-2457px 0} .iti__flag.iti__ir{height:12px;background-position:-2479px 0} .iti__flag.iti__is{height:15px;background-position:-2501px 0} .iti__flag.iti__it{height:14px;background-position:-2523px 0} .iti__flag.iti__je{height:12px;background-position:-2545px 0} .iti__flag.iti__jm{height:10px;background-position:-2567px 0} .iti__flag.iti__jo{height:10px;background-position:-2589px 0} .iti__flag.iti__jp{height:14px;background-position:-2611px 0} .iti__flag.iti__ke{height:14px;background-position:-2633px 0} .iti__flag.iti__kg{height:12px;background-position:-2655px 0} .iti__flag.iti__kh{height:13px;background-position:-2677px 0} .iti__flag.iti__ki{height:10px;background-position:-2699px 0} .iti__flag.iti__km{height:12px;background-position:-2721px 0} .iti__flag.iti__kn{height:14px;background-position:-2743px 0} .iti__flag.iti__kp{height:10px;background-position:-2765px 0} .iti__flag.iti__kr{height:14px;background-position:-2787px 0} .iti__flag.iti__kw{height:10px;background-position:-2809px 0} .iti__flag.iti__ky{height:10px;background-position:-2831px 0} .iti__flag.iti__kz{height:10px;background-position:-2853px 0} .iti__flag.iti__la{height:14px;background-position:-2875px 0} .iti__flag.iti__lb{height:14px;background-position:-2897px 0} .iti__flag.iti__lc{height:10px;background-position:-2919px 0} .iti__flag.iti__li{height:12px;background-position:-2941px 0} .iti__flag.iti__lk{height:10px;background-position:-2963px 0} .iti__flag.iti__lr{height:11px;background-position:-2985px 0} .iti__flag.iti__ls{height:14px;background-position:-3007px 0} .iti__flag.iti__lt{height:12px;background-position:-3029px 0} .iti__flag.iti__lu{height:12px;background-position:-3051px 0} .iti__flag.iti__lv{height:10px;background-position:-3073px 0} .iti__flag.iti__ly{height:10px;background-position:-3095px 0} .iti__flag.iti__ma{height:14px;background-position:-3117px 0} .iti__flag.iti__mc{height:15px;background-position:-3139px 0} .iti__flag.iti__md{height:10px;background-position:-3160px 0} .iti__flag.iti__me{height:10px;background-position:-3182px 0} .iti__flag.iti__mf{height:14px;background-position:-3204px 0} .iti__flag.iti__mg{height:14px;background-position:-3226px 0} .iti__flag.iti__mh{height:11px;background-position:-3248px 0} .iti__flag.iti__mk{height:10px;background-position:-3270px 0} .iti__flag.iti__ml{height:14px;background-position:-3292px 0} .iti__flag.iti__mm{height:14px;background-position:-3314px 0} .iti__flag.iti__mn{height:10px;background-position:-3336px 0} .iti__flag.iti__mo{height:14px;background-position:-3358px 0} .iti__flag.iti__mp{height:10px;background-position:-3380px 0} .iti__flag.iti__mq{height:14px;background-position:-3402px 0} .iti__flag.iti__mr{height:14px;background-position:-3424px 0} .iti__flag.iti__ms{height:10px;background-position:-3446px 0} .iti__flag.iti__mt{height:14px;background-position:-3468px 0} .iti__flag.iti__mu{height:14px;background-position:-3490px 0} .iti__flag.iti__mv{height:14px;background-position:-3512px 0} .iti__flag.iti__mw{height:14px;background-position:-3534px 0} .iti__flag.iti__mx{height:12px;background-position:-3556px 0} .iti__flag.iti__my{height:10px;background-position:-3578px 0} .iti__flag.iti__mz{height:14px;background-position:-3600px 0} .iti__flag.iti__na{height:14px;background-position:-3622px 0} .iti__flag.iti__nc{height:10px;background-position:-3644px 0} .iti__flag.iti__ne{height:15px;background-position:-3666px 0} .iti__flag.iti__nf{height:10px;background-position:-3686px 0} .iti__flag.iti__ng{height:10px;background-position:-3708px 0} .iti__flag.iti__ni{height:12px;background-position:-3730px 0} .iti__flag.iti__nl{height:14px;background-position:-3752px 0} .iti__flag.iti__no{height:15px;background-position:-3774px 0} .iti__flag.iti__np{height:15px;background-position:-3796px 0} .iti__flag.iti__nr{height:10px;background-position:-3811px 0} .iti__flag.iti__nu{height:10px;background-position:-3833px 0} .iti__flag.iti__nz{height:10px;background-position:-3855px 0} .iti__flag.iti__om{height:10px;background-position:-3877px 0} .iti__flag.iti__pa{height:14px;background-position:-3899px 0} .iti__flag.iti__pe{height:14px;background-position:-3921px 0} .iti__flag.iti__pf{height:14px;background-position:-3943px 0} .iti__flag.iti__pg{height:15px;background-position:-3965px 0} .iti__flag.iti__ph{height:10px;background-position:-3987px 0} .iti__flag.iti__pk{height:14px;background-position:-4009px 0} .iti__flag.iti__pl{height:13px;background-position:-4031px 0} .iti__flag.iti__pm{height:14px;background-position:-4053px 0} .iti__flag.iti__pn{height:10px;background-position:-4075px 0} .iti__flag.iti__pr{height:14px;background-position:-4097px 0} .iti__flag.iti__ps{height:10px;background-position:-4119px 0} .iti__flag.iti__pt{height:14px;background-position:-4141px 0} .iti__flag.iti__pw{height:13px;background-position:-4163px 0} .iti__flag.iti__py{height:11px;background-position:-4185px 0} .iti__flag.iti__qa{height:8px;background-position:-4207px 0} .iti__flag.iti__re{height:14px;background-position:-4229px 0} .iti__flag.iti__ro{height:14px;background-position:-4251px 0} .iti__flag.iti__rs{height:14px;background-position:-4273px 0} .iti__flag.iti__ru{height:14px;background-position:-4295px 0} .iti__flag.iti__rw{height:14px;background-position:-4317px 0} .iti__flag.iti__sa{height:14px;background-position:-4339px 0} .iti__flag.iti__sb{height:10px;background-position:-4361px 0} .iti__flag.iti__sc{height:10px;background-position:-4383px 0} .iti__flag.iti__sd{height:10px;background-position:-4405px 0} .iti__flag.iti__se{height:13px;background-position:-4427px 0} .iti__flag.iti__sg{height:14px;background-position:-4449px 0} .iti__flag.iti__sh{height:10px;background-position:-4471px 0} .iti__flag.iti__si{height:10px;background-position:-4493px 0} .iti__flag.iti__sj{height:15px;background-position:-4515px 0} .iti__flag.iti__sk{height:14px;background-position:-4537px 0} .iti__flag.iti__sl{height:14px;background-position:-4559px 0} .iti__flag.iti__sm{height:15px;background-position:-4581px 0} .iti__flag.iti__sn{height:14px;background-position:-4603px 0} .iti__flag.iti__so{height:14px;background-position:-4625px 0} .iti__flag.iti__sr{height:14px;background-position:-4647px 0} .iti__flag.iti__ss{height:10px;background-position:-4669px 0} .iti__flag.iti__st{height:10px;background-position:-4691px 0} .iti__flag.iti__sv{height:12px;background-position:-4713px 0} .iti__flag.iti__sx{height:14px;background-position:-4735px 0} .iti__flag.iti__sy{height:14px;background-position:-4757px 0} .iti__flag.iti__sz{height:14px;background-position:-4779px 0} .iti__flag.iti__ta{height:10px;background-position:-4801px 0} .iti__flag.iti__tc{height:10px;background-position:-4823px 0} .iti__flag.iti__td{height:14px;background-position:-4845px 0} .iti__flag.iti__tf{height:14px;background-position:-4867px 0} .iti__flag.iti__tg{height:13px;background-position:-4889px 0} .iti__flag.iti__th{height:14px;background-position:-4911px 0} .iti__flag.iti__tj{height:10px;background-position:-4933px 0} .iti__flag.iti__tk{height:10px;background-position:-4955px 0} .iti__flag.iti__tl{height:10px;background-position:-4977px 0} .iti__flag.iti__tm{height:14px;background-position:-4999px 0} .iti__flag.iti__tn{height:14px;background-position:-5021px 0} .iti__flag.iti__to{height:10px;background-position:-5043px 0} .iti__flag.iti__tr{height:14px;background-position:-5065px 0} .iti__flag.iti__tt{height:12px;background-position:-5087px 0} .iti__flag.iti__tv{height:10px;background-position:-5109px 0} .iti__flag.iti__tw{height:14px;background-position:-5131px 0} .iti__flag.iti__tz{height:14px;background-position:-5153px 0} .iti__flag.iti__ua{height:14px;background-position:-5175px 0} .iti__flag.iti__ug{height:14px;background-position:-5197px 0} .iti__flag.iti__um{height:11px;background-position:-5219px 0} .iti__flag.iti__un{height:14px;background-position:-5241px 0} .iti__flag.iti__us{height:11px;background-position:-5263px 0} .iti__flag.iti__uy{height:14px;background-position:-5285px 0} .iti__flag.iti__uz{height:10px;background-position:-5307px 0} .iti__flag.iti__va{height:15px;background-position:-5329px 0} .iti__flag.iti__vc{height:14px;background-position:-5346px 0} .iti__flag.iti__ve{height:14px;background-position:-5368px 0} .iti__flag.iti__vg{height:10px;background-position:-5390px 0} .iti__flag.iti__vi{height:14px;background-position:-5412px 0} .iti__flag.iti__vn{height:14px;background-position:-5434px 0} .iti__flag.iti__vu{height:12px;background-position:-5456px 0} .iti__flag.iti__wf{height:14px;background-position:-5478px 0} .iti__flag.iti__ws{height:10px;background-position:-5500px 0} .iti__flag.iti__xk{height:15px;background-position:-5522px 0} .iti__flag.iti__ye{height:14px;background-position:-5544px 0} .iti__flag.iti__yt{height:14px;background-position:-5566px 0} .iti__flag.iti__za{height:14px;background-position:-5588px 0} .iti__flag.iti__zm{height:14px;background-position:-5610px 0} .iti__flag.iti__zw{height:10px;background-position:-5632px 0} .iti__flag{height:15px;background-image:url(flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0} @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(flags@2x.png)} } .iti__flag.iti__np{background-color:transparent} #error-msg { color: red; } #valid-msg { color: #00C900; } input.error { border-bottom: 1px solid #FF7C7C; } .hide { display: none; } .loading { margin:auto; position:absolute; top:0; left:0; bottom:0; right:0; height: 42px;width: 42px;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.meio{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0; max-height:26px; line-height:26px; width:100%; font-size:13px;}

.codigo{position:absolute;top:0%;left:0%;width:100%;height:100%;overflow:auto;background:#fff;}

.agita1{animation:shake 2s cubic-bezier(.36,.07,.19,.97) both infinite;transform:translate3d(0, 0, 0);backface-visibility:hidden; perspective:1000px; 
position:relative;top:0px;left:0px;right:0px}
@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}
20%,80%{transform:translate3d(2px,0,0)}
30%,50%,70%{transform:translate3d(-4px,0,0)}
40%,60%{transform:translate3d(4px,0,0)}
}