/* =============================================================================

    Few default class name
        #header {}
        #footer {}
        #main-nav {}
        #aside-nav {}
        #secondary-nav {}
        #breadcrumb {}
        #sidebar {}
        #contact {}
        .aside {}
        .error {}
        .succes {}
        .warnig {}
        .info {}
        .more {}
        .block {}

    Helpers if needed
        .clear-left { clear:left }
        .clear-right { clear:right }
        .clear-both { clear:both }
        .valign-middle { vertical-align:middle }
        .valign-top { vertical-align:top }
        .valign-bottom { vertical-align:bottom }
        .invisible { visibility:hidden }
        .suffix-a { margin-right:XXpx }
        .prefix-a { margin-left:XXpx }

    Few media queries
    >640
    @media screen and (min-width: 641px) {}

    >=1280
    @media screen and (min-width: 1280px) {}

    <=640
    @media screen and (max-width: 640px) {}
========================================================================== */
/* =============================================================================
    Default styles
    ========================================================================== */
html {
    font-size: 62.5%;
}

body {
    background-color: #fff;
    color: #000;
    font: 1.4em/1.5 Helvetica, Arial, sans-serif;
}

/*
 *  http://www.alsacreations.com/astuce/lire/43-comment-dfinir-lapparence-de-ses-liens.html
 */
a:visited {
    color: gray;
}

a:hover,
a:focus,
a:active {
    color: #da0019;
}

/* =======================
   Tables
   =======================*/
th {
    text-align: left;
}

th,
td {
    vertical-align: top;
}

/* =======================
   Various
   =======================*/
em {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
}

/* =======================
   Forms
   =======================*/
/* Remove default fieldset styles. */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Allow only vertical resizing of textareas. */
textarea {
    resize: vertical;
}

/* =======================
   Images
   =======================*/
img {
    height: auto;
    max-width: 100%;
}

/*http://soqr.fr/vertical-rhythm/
/* =============================================================================
   Vertical rhythm
   ========================================================================== */
h1 {
    font-size: 1.8571em; /* equiv 26px */
    margin: 0 0 .8077em;
}

h2 {
    font-size: 1.7143em; /* equiv 24px */
    margin: 0 0 .875em;
}

h3 {
    font-size: 1.5714em; /* equiv 22px */
    margin: 0 0 .9545em;
}

h4 {
    font-size: 1.4286em; /* equiv 20px */
    margin: 0 0 1.05em;
}

h5 {
    font-size: 1.2857em; /* equiv 18px */
    margin: 0 0 1.1667em;
}

h6 {
    font-size: 1.1429em; /* equiv 16px */
    margin: 0 0 1.3125em;
}

/* =============================================================================
   Margins
   ========================================================================== */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
textarea,
caption {
    margin: 0 0 1.5em;
}

table {
    margin-bottom: 1.5em;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
    margin-top: 0;
    margin-bottom: 0;
}

/* =============================================================================
   Font size variations
   ========================================================================== */
.smaller {
    font-size: .7143em; /* equiv 10px */
}

.small {
    font-size: .8571em; /* equiv 12px */
}

.big {
    font-size: 1.1429em; /* equiv 16px */
}

.bigger {
    font-size: 1.2857em; /* equiv 18px */
}

.biggest {
    font-size: 1.4286em; /* equiv 20px */
}

/* =============================================================================
   images
   ========================================================================== */
img.float-left {
    margin-right: .9em;
    margin-top: .9em;
}

img.float-right {
    margin-left: .9em;
    margin-top: .9em;
}

img[class^="float-"]:first-child {
    margin-top: 0;
}

/* =============================================================================
    Helpers
    ========================================================================== */
/*
 *  Micro clear fix http://nicolasgallagher.com/micro-clearfix-hack/
 */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/*
* Hide only visually, but have it available for screen readers: h5bp.com/v
*/
/*
Technique could be usefull for hiding element but keeping element inside accessible
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
*/

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.center {
    text-align: center;
}

/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0,lt = small(< 10px),medium(10px>x<20px),large(20px>x<30px), zero or none(0), <0
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.ma0 {
    margin: 0 !important;
}

.pa0 {
    padding: 0 !important;
}

/* =============================================================================
   Layout
   ========================================================================== */
/*.wrapper {
    overflow: hidden;
}

.grid-a {
    float: left;
}

.grid-a {
    width: 200px;
}*/

.signin-container {
    margin: 0 auto;
    padding-top: 80px;
    text-align: center;
    width: 356px;
}

.signin-title {
    color: #333c6e;
    font-family: "Open sans";
    font-size: 20px;
    margin: 35px 0 20px;
    text-align: center;
    text-transform: uppercase;
}

.signin-card {
    background-color: #f7f7f7;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    margin: 0 auto 25px;
    padding: 40px 40px 1px;
    width: 302px;
}

.signin-card input[type="password"],
.signin-card input[type="text"],
.signin-card input[type="submit"] {
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    z-index: 1;
}

input[type="password"],
input[type="text"] {
    background-color: #ffffff;
    border-color: #c0c0c0 #d9d9d9 #d9d9d9;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #404040;
    display: inline-block;
    font-size: 15px;
    height: 36px;
    margin: 0;
    padding: 0 8px;
}

input[type="password"]:focus,
input[type="text"]:focus {
    border: 1px solid #4d90fe;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}

input[type="submit"] {
    -moz-user-select: none;
    background-color: #00b6ed;
    border-radius: 3px;
    border: 1px solid #00b6ed;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    min-width: 46px;
    padding: 0 8px;
    text-align: center;
    transition: all 0.218s ease 0s;
}

.g-recaptcha {
  margin-bottom: 10px;
}

.forgot {
    font-family: "verdana";
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 30px;
}

.forgot a {
    text-decoration: initial;
    color: #1b669f;
}

.error {
    color: red;
}

.hidden {
    display: none;
}

/* ==========================================================================
    Print styles.
    Inlined to avoid required HTTP connection: h5bp.com/r
    ====================================================================== */
@media print {

    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body {
        font: 9pt Arial;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3; /*minimum number of lines in a paragraph split on the old page.*/
        widows: 3; /*minimum number of lines in a paragraph split on the new page.*/
    }

    pre,
    blockquote,
    tr,
    img,
    h2,
    h3 {
        page-break-after: avoid; /*Avoid page break inside those elements*/
    }

}