/*
    Document   : style
    Created on : Aug 13, 2014, 11:31:34 AM
    Author     : Computer Begeleiding
    Description:
    Purpose of the stylesheet follows.
    */

    root {
        display: block;
    }


/***
    ***
    *** HOOFD MENU
    ***
    */

    .navbar-inverse .navbar-brand {
        color: #fff;
    }

    .navbar-inverse .navbar-nav>li>a {
        color: #fff;
    }

    .navbar-inverse {
        background-color: #000000;
        border-color: #080808;
        color: #fff;
    }

/**
    ***
    *** Inlogscherm
    ***
    */

    body {
        padding-top: 52px;
        padding-bottom: 40px;
        background-color: #C2E5E5;
    }

    .form-signin {
        max-width: 330px;
        padding: 15px;
        margin: 0 auto;
    }
    .form-signin .form-signin-heading,
    .form-signin .checkbox {
        margin-bottom: 10px;
    }
    .form-signin .checkbox {
        font-weight: normal;
    }
    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        font-size: 16px;
    }
    .form-signin .form-control:focus {
        z-index: 2;
    }
    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    @font-face {
        font-family: 'BebasNeueRegular';
        src: url('BebasNeue-webfont.eot');
        src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
        url('BebasNeue-webfont.woff') format('woff'),
        url('BebasNeue-webfont.ttf') format('truetype'),
        url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    .container {
        width: 260px;
        margin: 0 auto;
        overflow: hidden;
    }

    .clock {
        width: 260px;
        margin: 0 auto;
        padding: 10px;
        border: 0px solid #000000;
        color: #344e67;
    }

    #Date {
        font-size: 24px;

        text-shadow: 0 0 0px #000000;
    }

    ul.klok {
        width: 260px;
        margin: 0 auto;
        padding: 0px;
        list-style: none;

    }

    ul.klok li.klok {
        display: inline;
        font-size: 24px;
        text-shadow: 0 0 0px #344e67;
    }

    #point {
        position: relative;
        -moz-animation: mymove 1s ease infinite;
        -webkit-animation: mymove 1s ease infinite;
        padding-left: 0px;
        padding-right: 0px;
    }

    .factuurregels .row{
        padding:0 10px
    }

    .factuurregels .row .col-md-4, .factuurregels .row .col-md-3, .factuurregels .row .col-md-2{
        margin:3px 0;
        padding:0;
    }

    .factuurregels input[type="text"]{
        border-radius: 0;
    }

    /* Simple Animation */
    @-webkit-keyframes mymove {
        0% {opacity: 1.0;
            text-shadow: 0 0 0px #344e67;
        }

        50% {
            opacity: 0;
            text-shadow: none;
        }

        100% {
            opacity: 1.0;
            text-shadow: 0 0 0px #344e67;
        }
    }

    @-moz-keyframes mymove {
        0% {
            opacity: 1.0;
            text-shadow: 0 0 0px #344e67;
        }

        50% {
            opacity: 0;
            text-shadow: none;
        }

        100% {
            opacity: 1.0;
            text-shadow: 0 0 0px #344e67;
        };
    }

    .green-text {
        color: #55d423;
    }

    .red-text {
        color: #F7464A;
    }

    .kto_afbeelding_container {
        position: relative;
        float: left;
        left: 10%;
    }

    .kto_afbeelding_container .kto_tekst_container {
        position: absolute;
        top: 30px;
        left: 45px;
        color: #FFFFFF;
    }

.table-row {
    padding: 10px 0;
}