/* 
    Document   : layout.css
    Created on : 3-okt-2013, 14:47:49
    Author     : B.v.d.Brink
    Description: General layout classes
*/


/**
 * Table of Contents:
 *
 *  1.0 - General
 *  2.0 - Main Container
 *  3.0 - Overridable Color classes
 *  4.0 - Modal Window
 *  5.0 - Button
 *  6.0 - Info Block
 *
 *  20.0 - Icon Font
 *
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 General
 * ----------------------------------------------------------------------------
 */

body {
    margin: 0px;
    padding: 0px;
    font-family: "Noto Sans", Times New Roman, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    color: #444;
    background-color: #fff;
        
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Avoid blue selection indication on (double)click */
/*
*::selection {
    background:transparent;
}

*::-moz-selection {
    background:transparent;
}

*::-webkit-selection {
    background:transparent;
}
*/
a {
    color: #444;
    cursor: pointer;
}

a:hover {
/*    text-decoration: underline;*/
    text-decoration: none;
    color: #444;
}

input:-webkit-autofill, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:visited, 
input:-webkit-autofill:active, 
input:-webkit-autofill:hover,
.has-error input:-webkit-autofill,
.has-error input:-webkit-autofill:focus,
.has-error input:-webkit-autofill:visited,
.has-error input:-webkit-autofill:active,
.has-error input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0px 1000px #efefef inset;
}

.jea-corners {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.jea-corners-top {
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.jea-corners-bottom {
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}


/**
 * 2.0 Main Container
 * ----------------------------------------------------------------------------
 */

.jea-container {
    padding: 0px;
    margin: 0px;
}

.jea-container:before, .jea-container:after {
    display: table;
    content: " ";
}

.jea-container:after {
    clear: both;
}


/**
 * 3.0 Colors
 * ----------------------------------------------------------------------------
 */

.jea-background-clientcolor {
    background-color: #333;
}

.jea-background-clientcolor-onhover:hover {
    background-color: #333;
}

.jea-text-clientcolor {
    color: #fff;
}

.jea-text-clientcolor-onhover:hover {
    color: #ccc;
}

.jea-background-tilecolor {
    background-color: #333;
}

.jea-background-tilecolor-onhover:hover {
    background-color: #333;
}

.jea-text-tilecolor {
    color: #fff;
}

.jea-text-tilecolor-onhover:hover {
    color: #fff;
}


/**
 * 4.0 Modal Window
 * ----------------------------------------------------------------------------
 */

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0px;
}

.modal-header h3 {
    margin: 10px 0px 0px;
}

.modal-footer {
    margin: 0px;
}


/**
 * 5.0 Buttons
 * ----------------------------------------------------------------------------
 */

.btn {
    padding: 2px 12px; /*2px 6px;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.btn:focus {
    outline: thin dotted #333;
/*  outline: 5px auto -webkit-focus-ring-color; */
    outline: 5px auto #333;
    outline-offset: -2px;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:hover {
    opacity: 0.8;
}

.jea-btn-okay {
    color: #fff;
    background-color: #000;
}

.jea-btn-cancel {
    color: #444;
    background-color: #dedede;
}

.jea-btn-okay:hover, .jea-btn-okay:focus, .jea-btn-okay:active {
    color: #fff;
}

.jea-btn-cancel:hover, .jea-btn-cancel:focus, .jea-btn-cancel:active {
    color: #000;
}

/**
 * 6.0 Info block
 * ----------------------------------------------------------------------------
 */

.jea-contact-info {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 300px;
    height: auto;
    background-color: #333;
    color: #fff;
    padding: 15px;
    font-size: 12px;
}
.jea-contact-info-title {
    font-size: 18px;
    line-height: 25px;
    vertical-align: text-bottom;
    margin-bottom: 10px;
}

.jea-contact-info p {
    margin: 20px 0px;
}

.jea-contact-info a {
    color: #fff;
    text-decoration: underline;
}

.jea-contact-info a:hover {
    color: #dedede;
}

.jea-registration-review {
    max-width: 600px;
}

.jea-registration-review p {
    margin-bottom: 20px;
}

.jea-registration-review a {
    text-decoration: underline;
}

.jea-registration-review a:hover {
    opacity: 0.8;
}

.jea-registration-review button {
    float: left;
    margin-right: 10px;
}


.jea-animate-right {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s;
    
}
 
.jea-animate-right.ng-hide {
    position: absolute;
    left: -100%;
    transition: 1s;
    display:block!important;
}
 

.jea-animate-left {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s;
}
 
.jea-animate-left.ng-hide {
    position: absolute;
    left: 100%;
    transition: 1s;
    display:block!important;
}
 


.jea-animate {
    opacity: 1;
    height: 150px;
    transition: 1s;
}
 
.jea-animate.ng-hide {
    opacity: 0;
    height: 0;
    display: block !important;
}
 

/**
 * 7.0 Forms
 * ----------------------------------------------------------------------------
 */

.form-group {
    margin-bottom: 12px;
}


/**
 * 20.0 Icons
 * ----------------------------------------------------------------------------
 */

[class^="jea-icon-"], [class*=" jea-icon-"] {
    font-family: 'jea-icons';
    
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: middle;
    display: inline-block;

    font-size: 130%;
    
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    
    /* use its hardware acceleration to calculate the transforms - Improves font quality */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; /* Chrome and Safari */
    -moz-backface-visibility: hidden; /* Firefox */
    -ms-backface-visibility: hidden; /* Internet Explorer */               
}

.jea-icon-zoom-out:before {
	content: "\e600";
}
.jea-icon-zoom-in:before {
	content: "\e601";
}
.jea-icon-wrench:before {
	content: "\e602";
}
.jea-icon-warning:before {
	content: "\e603";
}
.jea-icon-user-remove:before {
	content: "\e604";
}
.jea-icon-user-group:before {
	content: "\e605";
}
.jea-icon-user-delete:before {
	content: "\e606";
}
.jea-icon-user-add:before {
	content: "\e607";
}
.jea-icon-trash:before {
	content: "\e608";
}
.jea-icon-transport:before {
	content: "\e609";
}
.jea-icon-time:before {
	content: "\e60a";
}
.jea-icon-stats:before {
	content: "\e60b";
}
.jea-icon-sort:before {
	content: "\e60c";
}
.jea-icon-shop:before {
	content: "\e60d";
}
.jea-icon-search:before {
	content: "\e60e";
}
.jea-icon-remove-from-cart:before {
	content: "\e60f";
}
.jea-icon-register:before {
	content: "\e610";
}
.jea-icon-refresh:before {
	content: "\e611";
}
.jea-icon-question-mark:before {
	content: "\e612";
}
.jea-icon-qrcode:before {
	content: "\e613";
}
.jea-icon-profile:before {
	content: "\e614";
}
.jea-icon-print:before {
	content: "\e615";
}
.jea-icon-plus:before {
	content: "\e616";
}
.jea-icon-play:before {
	content: "\e617";
}
.jea-icon-pie-chart:before {
	content: "\e618";
}
.jea-icon-phone:before {
	content: "\e619";
}
.jea-icon-percentage:before {
	content: "\e61a";
}
.jea-icon-pdf:before {
	content: "\e61b";
}
.jea-icon-password-forgotten:before {
	content: "\e61c";
}
.jea-icon-orders:before {
	content: "\e61d";
}
.jea-icon-notes:before {
	content: "\e61e";
}
.jea-icon-min:before {
	content: "\e61f";
}
.jea-icon-mail:before {
	content: "\e620";
}
.jea-icon-logoff:before {
	content: "\e621";
}
.jea-icon-lock:before {
	content: "\e622";
}
.jea-icon-link:before {
	content: "\e623";
}
.jea-icon-info:before {
	content: "\e624";
}
.jea-icon-image:before {
	content: "\e625";
}
.jea-icon-globe:before {
	content: "\e626";
}
.jea-icon-gears:before {
	content: "\e627";
}
.jea-icon-fullscreen:before {
	content: "\e628";
}
.jea-icon-folder:before {
	content: "\e629";
}
.jea-icon-folder-open:before {
	content: "\e62a";
}
.jea-icon-folder-edit:before {
	content: "\e62b";
}
.jea-icon-folder-delete:before {
	content: "\e62c";
}
.jea-icon-folder-add:before {
	content: "\e62d";
}
.jea-icon-filter:before {
	content: "\e62e";
}
.jea-icon-faq:before {
	content: "\e62f";
}
.jea-icon-exclamation-mark:before {
	content: "\e630";
}
.jea-icon-excel:before {
	content: "\e631";
}
.jea-icon-euro:before {
	content: "\e632";
}
.jea-icon-environment:before {
	content: "\e633";
}
.jea-icon-edit:before {
	content: "\e634";
}
.jea-icon-dollar:before {
	content: "\e635";
}
.jea-icon-document:before {
	content: "\e636";
}
.jea-icon-document-edit:before {
	content: "\e637";
}
.jea-icon-document-delete:before {
	content: "\e638";
}
.jea-icon-document-copy:before {
	content: "\e639";
}
.jea-icon-document-add:before {
	content: "\e63a";
}
.jea-icon-cross:before {
	content: "\e63b";
}
.jea-icon-corporate-identity:before {
	content: "\e63c";
}
.jea-icon-contact:before {
	content: "\e63d";
}
.jea-icon-comment:before {
	content: "\e63e";
}
.jea-icon-circle-target:before {
	content: "\e63f";
}
.jea-icon-circle-question-mark:before {
	content: "\e640";
}
.jea-icon-circle-plus:before {
	content: "\e641";
}
.jea-icon-circle-percentage:before {
	content: "\e642";
}
.jea-icon-circle-min:before {
	content: "\e643";
}
.jea-icon-circle-line:before {
	content: "\e644";
}
.jea-icon-circle-line-plus:before {
	content: "\e645";
}
.jea-icon-circle-line-min:before {
	content: "\e646";
}
.jea-icon-circle-line-arrow-up:before {
	content: "\e647";
}
.jea-icon-circle-line-arrow-right:before {
	content: "\e648";
}
.jea-icon-circle-line-arrow-left:before {
	content: "\e649";
}
.jea-icon-circle-line-arrow-down:before {
	content: "\e64a";
}
.jea-icon-circle-info:before {
	content: "\e64b";
}
.jea-icon-circle-filled:before {
	content: "\e64c";
}
.jea-icon-circle-euro:before {
	content: "\e64d";
}
.jea-icon-circle-dollar:before {
	content: "\e64e";
}
.jea-icon-circle-cross:before {
	content: "\e64f";
}
.jea-icon-circle-chevron-up:before {
	content: "\e650";
}
.jea-icon-circle-chevron-right:before {
	content: "\e651";
}
.jea-icon-circle-chevron-left:before {
	content: "\e652";
}
.jea-icon-circle-chevron-down:before {
	content: "\e653";
}
.jea-icon-circle-check:before {
	content: "\e654";
}
.jea-icon-circle-attach:before {
	content: "\e655";
}
.jea-icon-circle-at-sign:before {
	content: "\e656";
}
.jea-icon-circle-asterisk:before {
	content: "\e657";
}
.jea-icon-circle-arrow-up:before {
	content: "\e658";
}
.jea-icon-circle-arrow-left:before {
	content: "\e65a";
}
.jea-icon-circle-arrow-down:before {
	content: "\e65b";
}
.jea-icon-chevron-up:before {
	content: "\e65c";
}
.jea-icon-chevron-right:before {
	content: "\e65d";
}
.jea-icon-chevron-left:before {
	content: "\e65e";
}
.jea-icon-chevron-down:before {
	content: "\e65f";
}
.jea-icon-check:before {
	content: "\e660";
}
.jea-icon-chart:before {
	content: "\e661";
}
.jea-icon-certificate:before {
	content: "\e662";
}
.jea-icon-cart:before {
	content: "\e663";
}
.jea-icon-calendar:before {
	content: "\e664";
}
.jea-icon-book:before {
	content: "\e665";
}
.jea-icon-attach:before {
	content: "\e666";
}
.jea-icon-at-sign:before {
	content: "\e667";
}
.jea-icon-asterisk:before {
	content: "\e668";
}
.jea-icon-arrow-up:before {
	content: "\e669";
}
.jea-icon-arrow-right:before {
	content: "\e66a";
}
.jea-icon-arrow-left:before {
	content: "\e66b";
}
.jea-icon-arrow-down:before {
	content: "\e66c";
}
.jea-icon-admin:before {
	content: "\e66d";
}
.jea-icon-address-book:before {
	content: "\e66e";
}
.jea-icon-add-to-cart:before {
	content: "\e66f";
}
.jea-icon-action:before {
	content: "\e670";
}
.jea-icon-circle-arrow-right:before {
	content: "\e659";
}
.jea-icon-details:before {
	content: "\e671";
}
.jea-icon-camera:before {
	content: "\e672";
}
.jea-icon-home:before {
	content: "\e673";
}
.jea-icon-circle-edit:before {
	content: "\e674";
}
.jea-icon-circle-calculator:before {
	content: "\e675";
}
.jea-icon-calculator:before {
	content: "\e676";
}
.jea-icon-circle-phone:before {
	content: "\e678";
}
.jea-icon-circle-basket:before {
	content: "\e683";
}
.jea-icon-circle-cart:before {
	content: "\e677";
}
.jea-icon-circle-trash:before {
	content: "\e684";
}
.jea-icon-circle-0:before {
	content: "\e679";
}
.jea-icon-circle-9:before {
	content: "\e67a";
}
.jea-icon-circle-8:before {
	content: "\e67b";
}
.jea-icon-circle-7:before {
	content: "\e67c";
}
.jea-icon-circle-6:before {
	content: "\e67d";
}
.jea-icon-circle-5:before {
	content: "\e67e";
}
.jea-icon-circle-4:before {
	content: "\e67f";
}
.jea-icon-circle-3:before {
	content: "\e680";
}
.jea-icon-circle-1:before {
	content: "\e681";
}
.jea-icon-circle-2:before {
	content: "\e682";
}
.jea-icon-check-fancy:before {
	content: "\e685";
}


.full-screen-container{
    width: 100%;
}