@import url('/css/shared/font/dosis.css');

.clearfix {
    zoom: 1;
    &:before, &:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }
    &:after {
        clear: both;
    }
}
.transition-smooth {
    -webkit-transition: all 0.25s cubic-bezier(.21,.95,.8,.94);
     -khtml-transition: all 0.25s cubic-bezier(.21,.95,.8,.94);
       -moz-transition: all 0.25s cubic-bezier(.21,.95,.8,.94);
        -ms-transition: all 0.25s cubic-bezier(.21,.95,.8,.94);
         -o-transition: all 0.25s cubic-bezier(.21,.95,.8,.94);
            transition: all 0.25s cubic-bezier(.21,.95,.8,.94);
}

.transition-bounce {
    -webkit-transition: all 360ms cubic-bezier(0.600, 1, 0.000, 0.845);
    -webkit-transition: all 360ms cubic-bezier(0.600, 1.630, 0.000, 0.845);
    -khtml-transition: all 360ms cubic-bezier(0.600, 1.630, 0.000, 0.845);
    -moz-transition: all 360ms cubic-bezier(0.600, 1.630, 0.000, 0.845);
    -ms-transition: all 360ms cubic-bezier(0.600, 1.630, 0.000, 0.845);
    -o-transition: all 360ms cubic-bezier(0.600, 1.630, 0.000, 0.845);
    transition: all 360ms cubic-bezier(0.600, 1.630, 0.000, 0.845);
}

.transition-quick {
    -webkit-transition: all 0.15s cubic-bezier(.21,.95,.8,.94);
     -khtml-transition: all 0.15s cubic-bezier(.21,.95,.8,.94);
       -moz-transition: all 0.15s cubic-bezier(.21,.95,.8,.94);
        -ms-transition: all 0.15s cubic-bezier(.21,.95,.8,.94);
         -o-transition: all 0.15s cubic-bezier(.21,.95,.8,.94);
            transition: all 0.15s cubic-bezier(.21,.95,.8,.94);
}
html, body, form {
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
    background: #fff;
}
.holder {
    display: table;
    width: 130px;
    margin: 0 auto;
    height: 100%;
    margin-top: -150px;
}
.center {
    display: table-cell;
    vertical-align: middle;
}
.logo {
    position: relative;
    width: 300px;
    height: 100px;
}
.loginForm {
    margin-top: 15px;
    margin-left: 74px;
}
.ipt {
    -webkit-transition: all 0.4s cubic-bezier(.08,.96,.11,.99);
     -khtml-transition: all 0.4s cubic-bezier(.08,.96,.11,.99);
       -moz-transition: all 0.4s cubic-bezier(.08,.96,.11,.99);
        -ms-transition: all 0.4s cubic-bezier(.08,.96,.11,.99);
         -o-transition: all 0.4s cubic-bezier(.08,.96,.11,.99);
            transition: all 0.4s cubic-bezier(.08,.96,.11,.99);
    margin-bottom: 1px;
}
.ipt span {
    width: 52px;
    line-height: 21px;
    display: block;
    float: left;
    font-size: 10px;
    font-family: Helvetica;
    background-color: #ddd;
    padding: 0 6px;
    border-radius: 3px 0 0 3px;
    height: 21px;
    border: 0;
    background-color: #666;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 3px center;
}
input {
    background-color: #ddd;
    border: 0;
    height: 19px;
    color: #222;
    outline: none;
    width: 84px;
    -moz-outline: none;
    -webkit-outline: none;
    font-family: Helvetica;
    font-size: 10px;
    border-radius: 0 3px 3px 0;
    padding: 1px 6px;
}
.ipt.hover input, input:focus {
    background-color: #eaeaea;
}
.logo {
    position: relative;
    left: 90px;
}
.component {
    -webkit-transition: all 0.7s cubic-bezier(.08,.96,.11,.99);
     -khtml-transition: all 0.7s cubic-bezier(.08,.96,.11,.99);
       -moz-transition: all 0.7s cubic-bezier(.08,.96,.11,.99);
        -ms-transition: all 0.7s cubic-bezier(.08,.96,.11,.99);
         -o-transition: all 0.7s cubic-bezier(.08,.96,.11,.99);
            transition: all 0.7s cubic-bezier(.08,.96,.11,.99);
            
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform: scale(3.2,3.2);
    -moz-transform: scale(3.2,3.2);
    -ms-transform: scale(3.2,3.2);
    transform: scale(3.2,3.2);
}
.component.cube {
    background-image: url('/img/system/aurora3/auth/a3comp-cube.png');
    width: 48px;
    height: 51px;
    left: 41px;
    margin-top: -200px;
}
.component.cube.faded {
    opacity: 0;
}
.component.a1 {
    background-image: url('/img/system/aurora3/auth/a3comp-a1.png');
    width: 20px;
    height: 25px;
    top: 63px;
    left: 0;
}
.component.u {
    background-image: url('/img/system/aurora3/auth/a3comp-u.png');
    width: 19px;
    height: 25px;
    top: 63px;
    left: 20px;
}
.component.r1 {
    background-image: url('/img/system/aurora3/auth/a3comp-r1.png');
    width: 19px;
    height: 25px;
    top: 63px;
    left: 39px;
}
.component.o {
    background-image: url('/img/system/aurora3/auth/a3comp-o.png');
    width: 19px;
    height: 25px;
    top: 63px;
    left: 58px;
}
.component.r2 {
    background-image: url('/img/system/aurora3/auth/a3comp-r2.png');
    width: 18px;
    height: 25px;
    top: 63px;
    left: 77px;
}
.component.a2 {
    background-image: url('/img/system/aurora3/auth/a3comp-a2.png');
    width: 19px;
    height: 25px;
    top: 63px;
    left: 95px;
}
.component.n3 {
    background-image: url('/img/system/aurora3/auth/a3comp-3.png');
    width: 16px;
    height: 25px;
    top: 63px;
    left: 114px;
}
.component.advanced {
    background-image: url('/img/system/aurora3/auth/a3comp-advanced.png');
    width: 48px;
    height: 8px;
    left: 0;
    top: 92px;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
}
.component.integrative {
    background-image: url('/img/system/aurora3/auth/a3comp-integrative.png');
    width: 62px;
    height: 8px;
    left: 48px;
    top: 92px;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
}
.component.cms {
    background-image: url('/img/system/aurora3/auth/a3comp-cms.png');
    width: 20px;
    height: 8px;
    left: 110px;
    top: 92px;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
}
.component.visible {
    opacity: 1;
    margin-top: 0px;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.component.gone {
    opacity: 0;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
}
.ipt {
    -webkit-transform: scale(1.5,1);
    -moz-transform: scale(1.5,1);
    -o-transform: scale(1.5,1);
    transform: scale(1.5,1);
    opacity: 0;
    -webkit-backface-visibility: hidden;
}
.ipt.user {
}
.ipt.visible {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}