body {
        
}

/* Nav bar custom css */
body > div.navbar.navbar-default.navbar-fixed-top {
    padding-left: 15px;
}

/* Main content custom css - vídd á body */
body > div.container {
    width: 100%;
    padding: 15px;
}
/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

    #logoutForm{
        float:right;
    }
/* menu
----------------------------------------------------------*/

 /* footer ----------------------------------------------------------*/
    
    footer {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }

/* ----------------------------------------------------------- */


/*	Colas custom */
#VerknumerFilter{
    width: 150px;
}

label {
    color:blue;         
    font-family:Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif;       
    font-weight: bold;    
}


.yfirlit-table 
{
	border: 1px black solid;    
    width:100%;				
}
    .yfirlit-table caption 
    {
        color:blue;
    }

	.yfirlit-table tr 
	{
		border: 1px solid black;
	}
		.yfirlit-table tr th
		{
			padding-left: 5px;
			padding-right: 5px;
			font-size: 0.9em;
			text-align: left;
		}
		
		.yfirlit-table tr td
		{
			padding-left: 5px;
			padding-right: 5px;

			font-family:Calibri;
			font-size: 0.9em;
			text-align: left;
		}
		
		.yfirlit-table tr td a
		{				
			font-style:italic;
		}

.heim-yfirlit-table 
{
	border: 1px black solid;    				
}
    .heim-yfirlit-table caption 
    {
        color:blue;
    }

	.heim-yfirlit-table tr 
	{
		border: 1px solid black;
	}
		.heim-yfirlit-table tr th
		{
			padding-left: 5px;
			padding-right: 5px;
			font-size: 0.9em;
			text-align: left;
		}
		
		.heim-yfirlit-table tr td
		{
			padding-left: 5px;
			padding-right: 5px;

			font-family:Calibri;
			font-size: 0.9em;
			text-align: left;
		}
		
		.heim-yfirlit-table tr td a
		{				
			font-style:italic;
		}
.maelingar-table {
    margin-top:20px;
}
.maelingar-table caption{
    border-bottom: 1px solid;
    border-color:ActiveCaption;
    color:blue;
    font-weight: 600;
}

.maelingar-table th{
    border-bottom:1px solid;
    border-top:1px solid;
    border-bottom-color:ActiveBorder;
    color:blue;
}
.maelingar-table tr{
    border-bottom:1px solid;
    border-top:1px solid;
    border-bottom-color:ActiveBorder;
    
}

.manntimar-table {
    margin-top:20px;
}
.manntimar-table caption{
    border-bottom: 1px solid;
    border-color:ActiveCaption;
    color:blue;
    font-weight: 600;
}
.manntimar-table th{
    border-bottom:1px solid;
    border-top:1px solid;
    border-bottom-color:ActiveBorder;
    color:blue;
}
.manntimar-table tr{
    border-bottom:1px solid;
    border-top:1px solid;
    border-bottom-color:ActiveBorder;
    
}

.veltimar-table {
    margin-top:20px;
}
.veltimar-table caption{
    border-bottom: 1px solid;
    border-color:ActiveCaption;
    color:blue;
    font-weight: 600;
}
.veltimar-table th{
    border-bottom:1px solid;
    border-top:1px solid;
    border-bottom-color:ActiveBorder;
    color:blue;
}
.veltimar-table tr{
    border-bottom:1px solid;
    border-top:1px solid;
    border-bottom-color:ActiveBorder;
}


ol#front-menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
}

    ol#front-menu li {
        display: inline-flexbox;
        list-style: none;
        padding-left: 40px;
    }

        ol#front-menu li a {
            background: none;
            color: white; /*#999*/
            text-decoration: none;
        }

        ol#front-menu li a:hover {
            color: #333;
            text-decoration: none;
        }



/* Inline editing fyrir table */
.webGrid {
    margin: 4px;
    border: 1px solid;
    background-color: burlywood;
    width: 500px;
}

.webGrid tr td {
    border: 1px solid;
}

.header {
    background-color:antiquewhite;
}

.altColor {
    background-color: darkgray;
}

.button {
    width: 50px;
}

span {
    padding-left: 4px;
}


/* toaster styles */
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #4CAF50;/* #333; Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}