@font-face {
  font-family:"FuturaLTRoman";
    src:url("../font/futura/futuralt.eot?") format("eot"),
    url("../font/futura/futuralt.woff") format("woff"),
    url("../font/futura/futuralt.ttf") format("truetype"),
    url("../font/futura/futuralt.svg#futura_ltregular") format("svg");
}

@font-face {
  font-family:"FuturaLTBold";
    src:url("../font/futura/futuralt-bold.eot?") format("eot"),
    url("../font/futura/futuralt-bold.woff") format("woff"),
    url("../font/futura/futuralt-bold.ttf") format("truetype"),
    url("../font/futura/futuralt-bold.svg#futura_ltbold") format("svg");
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    color: #ffffff;
    background-color: #84cdd6;
    font-family: FuturaLTRoman,sans-serif;
}

h1, h2, h3, h4 {
    color: #ffffff;
    font-family: FuturaLTBold,sans-serif;
}

a {
    color: #ffffff;
}

a:hover {
    color: #ffffff;
    text-decoration: underline;
}

*::-webkit-selection {
    background:#fec20e none repeat scroll 0 0;
    color:white;
}
*:-moz-selection {
    background:#fec20e none repeat scroll 0 0;
    color:white;
}
*::-moz-selection {
    background:#fec20e none repeat scroll 0 0;
    color:white;
}
*:-ms-selection {
    background:#fec20e none repeat scroll 0 0;
    color:white;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    background-color: #97d6df;
    border: none;
    box-shadow: none;
    color: #ffffff;
    height: 60px;
    margin-bottom: 5px;
    padding: 0.5rem 2rem;
    transition: none;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background-color: #97d6df;
    border: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ffffff;
    font-size: 0.95rem;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ffffff;
    opacity:  1;
    font-size: 0.95rem;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ffffff;
    opacity:  1;
    font-size: 0.95rem;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ffffff;
    font-size: 0.95rem;
}

span.error, small.error {
    background: none repeat scroll 0 0 #6ab0b9;
    margin-top: -5px;
}

button, .button {
    width: 100%;
    background-color: #5fb9c4;
    border: none;
    color: white;
    height: 60px;
    font-family: FuturaLTRoman,"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    margin: 0 0 1.25rem;
    padding: 1rem 2rem 1.0625rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s;
}

button:focus, .button:focus, button:hover, .button:hover {
    background-color: #6ab0b9;
}

  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #6ab0b9;
}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #6ab0b9; 
}

.alert-box {
    background-color: #6ab0b9;
    border: none;
}

.ng-enter       { z-index: 8888; }
.ng-leave       { z-index: 9999; }
/* http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/ */

.loading {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: rotate; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

.yellow {
    color: #fec20e;
}

.yellowBlack {
    color: #f9a41d;
}

/* VIEW (specific colors for each page)
============================================================================= */

.view-login { background:#84cdd6; padding-top: 45px; }
    .view-login.ng-enter        { animation:fadeUp 0.5s both ease-in; }
    .view-login.ng-leave        { animation:slideOutLeft 0.5s both ease-in; }

.view-login header {
    text-align: center;
    margin-bottom: 20px;
}

.view-login header h1 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.view-reset { background:#84cdd6; padding-top: 120px; }
    .view-reset.ng-enter        { animation:slideInUp 0.5s both ease-in; }
    .view-reset.ng-leave        { animation:slideOutLeft 0.5s both ease-in; }

.view-reinitialize { background:#84cdd6; padding-top: 100px; }

/* ANIMATIONS
============================================================================= */

/* leaving animations ----------------------------------------- */

/* slide in from the bottom */
@keyframes slideOutLeft {
    to      {
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%); 
    }
}

/* entering animations --------------------------------------- */
/* scale up */
@keyframes fadeUp {
    from    { opacity: 0.3; }
}

/* slide in from the right */
@keyframes slideInRight {
    from    { 
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform:translateX(100%);
    }
    to      { 
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0); 
    }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from    { 
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(0);
        transform:translateY(100%); 
    }
    to      { 
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0); 
    }
}