@import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext);.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{content:"";z-index:-1;border-width:8px;left:-8px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker,.react-datepicker-wrapper{display:inline-block}.react-datepicker{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;position:relative}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{margin-top:10px}.react-datepicker-popper[data-placement^=top]{margin-bottom:10px}.react-datepicker-popper[data-placement^=right]{margin-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{margin-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;border-top-right-radius:.3rem;padding-top:8px;position:relative}.react-datepicker__header--time{padding-bottom:8px}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker__current-month{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker__navigation{line-height:1.7rem;text-align:center;cursor:pointer;position:absolute;top:10px;width:0;border:.45rem solid transparent;z-index:1}.react-datepicker__navigation--previous{left:10px;border-right-color:#ccc}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--next{right:10px;border-left-color:#ccc}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:80px}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px;border-top-color:#ccc}.react-datepicker__navigation--years-previous:hover{border-top-color:#b3b3b3}.react-datepicker__navigation--years-upcoming{top:-4px;border-bottom-color:#ccc}.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:70px;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 0.85rem);overflow-y:scroll;padding-right:30px;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day{cursor:pointer}.react-datepicker__day:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today{font-weight:700}.react-datepicker__day--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block}.react-datepicker__month-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem}.react-datepicker__month-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{border-top-color:#ccc;float:right;margin-left:20px;top:8px;position:relative;border-width:.45rem}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:inline-block;height:0;outline:0;padding:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;bottom:0;box-sizing:border-box;color:#fff;content:"\D7";cursor:pointer;font-size:12px;height:16px;width:16px;line-height:1;margin:-8px auto 0;padding:2px;position:absolute;right:7px;text-align:center;top:50%}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__portal .react-datepicker__navigation{border:.81rem solid transparent}.react-datepicker__portal .react-datepicker__navigation--previous{border-right-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--next{border-left-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:var(--grey)}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:var(--blue)}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#choseWindow{padding:13vh 0;display:flex;justify-content:space-evenly;background-color:var(--lightGreyLoader)}.ChoseWindowKafle{width:350px;border-radius:3px;margin:20px;background-color:#fff;cursor:pointer;transition:1s;padding:20px;border-radius:5px}.ChoseWindowKafle:hover{transform:scale(1.1) translateY(-10px)}#LicenseCheckBox{margin:0 1rem 3rem;font-size:2.3rem}#LicenseCheckBox div{margin-top:1rem}#LicenseCheckBox label,#LicenseCheckBox span{font-size:2.3rem}#checkBox{display:flex;align-items:baseline}#tiles{position:relative}#tiles p{text-align:center;letter-spacing:1px;font-size:2.6rem}#iconTilePlus{position:absolute;width:50px;top:25px;left:40px;animation:pulse 2s infinite}#iconTileArrow{position:absolute;width:40px;top:75px;left:100px;animation:arrow 2.3s infinite}@keyframes arrow{0%{transform:translateX(0);opacity:1}60%{opacity:1}to{transform:translateX(36px);opacity:0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@charset "UTF-8";
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}.pika-single{*zoom:1}.pika-single:after,.pika-single:before{content:" ";display:table}.pika-single:after{clear:both}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0}.pika-label{display:inline-block;*display:inline;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;color:#333;background-color:#fff}.pika-next,.pika-prev{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;opacity:.5;*position:absolute;*top:0}.pika-next:hover,.pika-prev:hover{opacity:1}.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:.2}.is-rtl .pika-next,.pika-prev{float:left;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");*left:0}.is-rtl .pika-prev,.pika-next{float:right;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");*right:0}.pika-select{display:inline-block;*display:inline}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table td,.pika-table th{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.pika-table abbr{border-bottom:none;cursor:help}.pika-button{cursor:pointer;display:block;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button{color:#fff;font-weight:700;background:#3af;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.is-disabled .pika-button,.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-disabled .pika-button{pointer-events:none;cursor:default}.pika-button:hover{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-button .is-selection-disabled{pointer-events:none;cursor:default}.pika-week{font-size:11px;color:#999}.is-inrange .pika-button{background:#d5e9f7}.is-startrange .pika-button{color:#fff;background:#6cb31d;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#3af;box-shadow:none;border-radius:3px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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:"";content:none}table{border-collapse:collapse;border-spacing:0}#Error{color:#000;font-size:5rem;position:absolute;left:50%;top:40%;transform:translateX(-50%)}#Error span{color:var(--errorNumber)}#WrongPage{width:100%;height:100%;background-color:#fff;z-index:15}#WrongPage,.modalBackgroun{position:fixed;top:0;left:0}.modalBackgroun{z-index:100;width:100vw;height:100vh;display:none;background:rgba(0,0,0,.7)}.modalBackgroun:after,.modalWindow:after{position:relative}.modalWindow{position:absolute;top:5vh;left:50%;transform:translateX(-50%);background-color:#fff;width:800px;min-height:80vh;opacity:1;border-radius:5px;overflow:hidden}.modalWindow header{background:var(--blue);top:0;padding:10px 20px}.modalWindow footer,.modalWindow header{position:absolute;left:0;right:0;height:40px}.modalWindow footer{background-color:#eeeef0;bottom:0;display:flex;align-items:center;justify-content:flex-end;padding:27px;border-top:2px solid #dee0e4}.modalWindow h1{font-size:2rem;color:#fff}.modalWindow .modalFooter{display:flex;justify-content:space-between}#modalUserData{padding:7vh 0 16vh;display:flex;justify-content:space-evenly;background-color:var(--lightGreyLoader)}.userModal{align-items:center;grid-template-columns:auto 60vw;grid-column-gap:1vw}@media (max-width:800px) and (min-width:700px){.modalWindow{width:90vw;height:90vh}}button{margin:2.5rem 1rem;font-size:1.6rem;border-radius:.5rem;background:var(--button);border:none;transition:.1s;min-width:130px;height:46px;line-height:46px;cursor:pointer}button:active,button:focus{-moz-outline:none;outline:none}.noActive{color:#a7a7a7}.blueButton{background:#4c93d3;color:#fff}.widerButton{padding:0 40px;font-size:2rem}.blueText{color:#fff}.blueButton:hover{background:#5a9eda}.buttonWhite{background:#fff;border:1px solid #dee4e8;min-width:auto;max-width:auto;margin:4px 1rem 0 0;height:39px}.plus{width:17px;margin:11px;transition:.8s}.non .plus{fill:var(--borderColor)!important;transform:scale(.7)}.buttonWhite:hover{background:#f5f5f5;border:1px solid var(--green)}.closeButton{text-align:right}.closeButton button{margin-right:0}.programInfo{display:inline-flex;flex-wrap:wrap;margin-top:1.5em;max-width:100px}.programInfo div{word-break:normal;text-align:center}.programInfo img{margin:0 auto;display:block}.desc{margin:0 auto}.programInfo div div{padding:5px 10px;font-size:1.4rem}.keyValidation{font-size:2rem}.flex span{margin:auto 0}div i{font-size:3rem}.inline{display:inline-flex;align-items:center;font-size:4rem}.inlineDesc{letter-spacing:3px;padding:0 10px}.outline{margin:0 7px;max-width:min-content;text-align:center;display:inline-block}.windowKafls{background-color:var(--keyListHardware);padding:5px 0;min-height:84px;border:1px solid var(--grey);border-radius:5px;font-size:1.5rem;max-width:81px;min-width:81px;margin:5px}.windowKafls div{margin-top:.5rem}.outlineDesc{font-size:1.7rem}.outline img{margin:.6rem auto 0}.hardware{display:flex;justify-content:flex-end;align-items:center}.listOfPrograms{display:flex;margin:3px}#stepsNav{width:100%;color:#ddd}.selected{color:#84c1da}#nameProgram{justify-content:space-between;padding:0 1.5rem;font-size:2.5rem;border-bottom:2px solid var(--borderColor)}#nameProgram,#titleSteps{display:flex;color:var(--color)}#titleSteps{font-size:2.8rem;align-items:center}#titleSteps span{margin-left:.5rem}#contentMain{margin-top:2rem;background-color:var(--backgrondColor);border:2px solid var(--borderColor);border-radius:var(--radius);padding:2rem;overflow:auto}.form{width:95%;margin:0 auto}input[type=number],input[type=text],select{border-radius:4px;padding:10px;background-color:#fff;color:#5c5c5c;border:1px solid #dee4e8;font-size:2rem;margin:0 .5rem;width:100%;min-width:250px;margin-top:4px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:focus,select:focus{background-color:#fff;color:var(--inputFocus);border:1px solid var(--inputFocus)}input:active,input:focus{-moz-outline:none;outline:none}.inputForm{padding:10px 5px;position:relative;width:100%}.inputForm img{position:absolute;height:15px;top:30px;right:10px}.okAndNotIcon{height:20px;top:27px!important;right:10px}.inputForm i{position:absolute;height:20px;top:23px;right:15px}.inputForm label{padding:0 .8rem}.wrongInput{color:var(--errorNumber)!important;border:1px solid var(--errorNumber)!important}.wrongInput:focus{color:#fd2a2a!important;border:1px solid #fd2a2a!important}.wrong{color:var(--errorNumber);font-size:1.3rem;display:block;text-align:left;margin:.4rem .5rem}.stepsBox{width:20%;text-align:center;z-index:5}.stepsBox figure{display:inline-block;z-index:8;width:70px;height:70px;border-radius:50%;transition:.3s;cursor:pointer}.stepsBox figure:hover{transform:scale(1.15)}.stepsBox figure img{width:35px;margin-top:20px;transition:.4s}.stepsBox span{margin-top:10px;display:block;font-size:2rem;color:var(--color)}#steps{width:100%;position:relative;padding:35px 0;border-bottom:2px solid var(--borderColor);background-color:var(--backgrondColor)}#bar{position:absolute;width:80%;height:10px;background-color:#dbdbdb;top:65px;left:10%;z-index:4}#mainBar{z-index:5;left:0;width:37.5%;background-color:#95c230}#activBar,#mainBar{position:absolute;top:0;bottom:0;transition:1s}#activBar{z-index:6;left:0%;width:12.5%;background-color:var(--blue)}.iconActiv{fill:var(--blue);width:30px}@media (max-width:800px) and (min-width:700px){#steps{padding:10px}.stepsBox figure{width:55px;height:55px}.stepsBox figure img{width:25px;margin:15px}#bar{top:35px;height:7px}.inputForm img{top:45px}.inputForm .addButton{bottom:80px}.hardwareKey .deleteButton img{max-height:28px}}@media (max-width:700px) and (min-width:350px){#steps{padding:10px}.stepsBox figure{width:40px;height:40px}.stepsBox figure img{width:20px;margin:10px}#bar{top:28px;height:7px}.inputForm img{top:40px}.inputForm .addButton{bottom:80px}.hardwareKey .deleteButton img{max-height:28px}}.loaderMain{border:16px solid var(--lightGreyLoader);border-top:16px solid var(--blueLoader);border-radius:50%;width:120px;height:120px;left:45vw;top:45vh}.loaderInput,.loaderMain{animation:spin 2s linear infinite;position:absolute}.loaderInput{border:4px solid var(--lightGreyLoader);border-top:4px solid var(--blueLoader);border-radius:50%;width:25px;height:25px;right:10px;bottom:19px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.activationDenied,.activationSuccess{text-align:center}.activationDenied i,.activationSuccess i{font-size:25rem}.activationSuccess{color:var(--blue)}.activationDenied{color:var(--errorNumber)}.activationText{font-size:2rem}.switchWorkStation section.closeButton{text-align:left}#contentOldReg,#contentTitle{margin-top:2rem;background-color:var(--backgrondColor);border:2px solid var(--borderColor);border-radius:var(--radius);padding:2rem}#contentTitle{border-style:solid none}#contentTitle,#welcome{font-size:3.1rem;color:var(--blue);text-align:center}#fileBox{align-items:flex-end}.inputFile{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}#fileButton{width:250px}#fileBoxSpan img{height:20px;margin:0 2rem}.inputFile+span{background-color:#fff;border:2px solid #99c0d6;border-radius:5px;display:block;font-size:2rem;margin-top:.5em;padding:6px;position:relative;width:fit-content;cursor:pointer;transition:1s;margin:10px 5px}.inputFile+span:hover{background-color:#a8d6f1;border:2px solid #0070b0;color:#fff}.inputFile+span:after{bottom:5px;content:attr(data-file);display:block;font-size:15px;font-style:italic;left:170px;margin-top:.6em;position:absolute;width:300px}.inputfile-6+span+span{width:200px;min-height:2em;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top}.wrongExt{color:var(--errorNumber);font-size:2.3rem;margin-left:1.5rem}.hardwareKey{width:100%;border:1px solid #dee4e8;background-color:var(--keyListHardware)!important;position:relative;margin-bottom:3px;letter-spacing:1.5px;padding:1.5rem;transition:.6s}.hardwareKey:hover{border-color:var(--inputFocus)}.hardwareKey span{color:var(--color);font-size:2.4rem;padding:1rem}.hardwareKey:first-child{border-radius:var(--radius) var(--radius) 0 0}.hardwareKey:last-child{border-radius:0 0 var(--radius) var(--radius);margin-bottom:10px}.deleteButton{position:absolute;right:5px;bottom:7px;z-index:500;width:20px}.addButton img,.deleteButton img{max-height:34px;cursor:pointer}.addButton{width:25px}#listOfKeysBox{margin:1.5rem 1rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Lato,sans-serif}:root{--bacgroundFill:linear-gradient(90deg,#09f,#6cf);--sidebar:linear-gradient(90deg,#3f3f3f,#4f4f4f);--sidebarBorder:linear-gradient(#09f,#0c3);--button:linear-gradient(90deg,#dedede,#e6e6e6);--buttonBlue:linear-gradient(90deg,#09f,#77bdff);--buttonBlueBorder:#06c;--buttonBlueHover:linear-gradient(90deg,#20a6ff,#a3d1ff);--buttonBlueHoverBorder:#278bf0;--blueLoader:#3498db;--lightGreyLoader:#f3f3f3;--green:#95c230;--blue:#4c93d3;--lightblue:#81b4e0;--grey:#dbdbdb;--errorNumber:#f40b0b;--inputFocus:#4c93d3;--borderColor:#c7d0d6;--radius:5px;--color:#7e7e7c;--backgrondColor:#f2f7f9;--keyListHardware:#ffffffbe}html{font-size:9px}#app{padding:10px}body{height:100vh;width:100vw;color:var(--color)}main{width:1050px;margin:0 auto;border:2px solid var(--borderColor);border-radius:var(--radius)}#content{background-color:#fff;min-height:65vh;padding:2rem 1.5rem;width:100%}h1{color:#ddd;font-size:4rem}h1,h2{font-weight:700}h2{font-size:3.5rem;margin:5px 0}label{margin-top:5px;font-size:2rem;display:block}.labelNormal{display:inline-block}p{font-size:2.4rem}u{font-weight:700;font-size:2rem;color:var(--blue);cursor:pointer;margin-left:1rem}u:hover{color:var(--green)}.flex{display:flex}.inlineFlex{display:inline-flex}.alignItemsCenter,.flexWrap{align-items:center}.flexWrap{display:flex;flex-wrap:wrap;margin:1.5rem 3px}.floatLeft{float:left}.contentRight{text-align:right}.clr{clear:both}iframe{display:block;width:100%;min-height:80vh;padding-top:40px;padding-bottom:30px;min-height:87vh}.text{text-align:justify;font-size:2.3rem;padding:2rem}h3{font-weight:700;font-size:2.6rem;margin:10px 0 5px}.span{display:block;font-size:2.3rem;margin-top:.8rem}.blueSpan{color:var(--blue)}.spanBox{display:block;background-color:#fff;padding:4px;font-size:2rem;letter-spacing:1.5px;margin:5px 0;border:1px solid var(--borderColor);border-radius:3px}.signature{font-size:1.8rem;font-style:italic}div .span{display:grid}#link a{font-size:1.6rem;display:block;color:red}.validLabelKey{font-size:1.8rem;color:red;margin:1.5rem 9px}.font2Rem{font-size:2rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#fff;border-left:2px solid #c7d0d6}::-webkit-scrollbar-thumb{background:var(--blue);border-radius:3px;padding:2px}::-webkit-scrollbar-thumb:hover{background:var(--lightblue)}@media (max-width:800px) and (min-width:700px){main{width:100%}html{font-size:7px}button{min-width:100px;height:40px;line-height:40px}#contentMain{min-height:60vh;max-height:60vh}}@media (max-width:700px) and (min-width:350px){main{width:100%}html{font-size:7px}button{min-width:100px;height:40px;line-height:40px}h2{font-size:3rem!important}p{font-size:2.2rem!important;padding:.4rem 0}#contentMain{min-height:60vh;max-height:60vh}.buttonContener{text-align:center;margin-top:40px}.checkBoxBox{margin:10px 0}button{font-size:1.9rem}}#linkButton a{text-decoration:none!important;cursor:pointer;margin:0;padding:0;border:0;font-size:14px;vertical-align:baseline;background:#4c93d3;color:#fff!important;width:130px;height:46px;border-radius:4px;margin-top:5px;align-items:center;justify-content:center;display:flex}#linkButton a:hover{background:#5a9eda}#linkButton{display:flex;justify-content:flex-end}