/* Default CSS Stylesheet for a new Web Application project */
html, body {
    background-color: #f5f5f5;
    padding-bottom: 10px;
}

.se-pre-con,
.loading-panel {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important;
    opacity: 0.8 !important;
    /*background-color: rgba(50, 50, 50, 0.1)!important;*/
    background-color: transparent;
}

    .se-pre-con .loader-icon.spinning-cog,
    .loading-panel .loader-icon.spinning-cog {
        position: fixed;
        left: 50%;
        top: 50%;
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        z-index: 99999;
        color: #222;
        opacity: 0.9;
        -webkit-animation: spinning-cog 1.3s infinite ease;
        -moz-animation: spinning-cog 1.3s infinite ease;
        -ms-animation: spinning-cog 1.3s infinite ease;
        -o-animation: spinning-cog 1.3s infinite ease;
        animation: spinning-cog 1.3s infinite ease;
    }

@-webkit-keyframes spinning-cog {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinning-cog {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes spinning-cog {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes spinning-cog {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.card-login {
    margin-top: auto;
    margin-bottom: auto;
}

.container {
    background-color: #dddddd;
}

.fixed-header-row > thead > tr:first-child {
    background-color: #2780e3;
    color: #fff;
}

.table-title-row > tbody > tr:first-child {
    background-color: #2780e3;
    color: #fff;
}

.form-check label,
.form-check-inline label {
    padding-left: 0.3em;
    padding-top: 0.4em;
}

.search-control, .search-control option, .search-control:active, .search-control:focus {
    background-color: #7B96FC;
    color: #fff;
}

.navbar-nav .dropdown-menu {
    z-index: 9999;
}

.full-modal-dialog {
    min-width: 100%;
    margin: 0;
}


iframe {
    width: 1px;
    min-width: 100%;
}

.table-paddingless td {
    padding: 1px;
    vertical-align: auto;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #007bff;
}

.modal-content {
    background-color: #f5f5f5;
}

.nav-pills {
    background-color: #ddd;
}

.iconize > a {
    padding-top: 12px;
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 999999;
    background-color: #222;
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    right: 14px;
    bottom: 14px;
    padding-top: 1px;
    border-radius: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .scroll-top-wrapper:hover {
        background-color: #DB0206;
    }

    .scroll-top-wrapper.show {
        visibility: visible;
        cursor: pointer;
        opacity: 1.0;
    }

    .scroll-top-wrapper i.fa {
        line-height: inherit;
    }

#wpScrollToTop {
    position: absolute;
    top: 100px;
    left: 0;
}






.txtkentta {
    FONT-FAMILY: Arial;
    font-size: 12px;
}

A:link.tiedosto
{
	text-decoration: none;
	color:	#003366;

}
A:visited.tiedosto
{
	text-decoration: none;
	color:	#003366;
}
A:active.tiedosto	
{
	text-decoration: none;
	color:	#003366;
}
A:hover.tiedosto	
{
	text-decoration: underline;
	color:	#003366;
}

A:link.kuvaluettelo	
{
	text-decoration:	none;
	color:	#000000;
	border-style : solid;
	border-width : 1px;
	border-bottom-color : #dddddd;
	border-top-color : #dddddd;
	border-left-color : #dddddd;
	border-right-color : #dddddd;
	font-weight: bold;
	margin: 2 2 2 2;

}
A:visited.kuvaluettelo	
{
	text-decoration:	none;
	color:	#000000;
	border-style : solid;
	border-width : 1px;
	border-bottom-color : #dddddd;
	border-top-color : #dddddd;
	border-left-color : #dddddd;
	border-right-color : #dddddd;
	font-weight: bold;
	margin: 2 2 2 2;
}
A:active.kuvaluettelo	
{
	text-decoration:	none;
	color:	#000000;
	border-style : solid;
	border-width : 1px;
	border-bottom-color : #dddddd;
	border-top-color : #dddddd;
	border-left-color : #dddddd;
	border-right-color : #dddddd;
	font-weight: bold;
	margin: 2 2 2 2;
}
A:hover.kuvaluettelo	
{
	text-decoration:	none;
	color:	#000000;
	border-style : solid;
	border-width : 1px;
	border-bottom-color : #000000;
	border-top-color : #ffffff;
	border-left-color : #ffffff;
	border-right-color : #000000;
	font-weight: bold;
	margin: 2 2 2 2;
}

A:link.navi	{	
	text-decoration:	none;
	color:	#000000;
	border-style : solid;
	border-width : 1px;
	border-bottom-color : #C0C0C0;
	border-top-color : #C0C0C0;
	border-left-color : #C0C0C0;
	border-right-color : #C0C0C0;
	font-weight: bold;
	margin: 2 2 2 2;
	}	
		
A:visited.navi	{	
	text-decoration:	none;
	color:	#000000;

	border-style : solid;
	border-width : 1px;
	border-bottom-color : #C0C0C0;
	border-top-color : #C0C0C0;
	border-left-color : #C0C0C0;
	border-right-color : #C0C0C0;
	font-weight: bold;
	margin: 2 2 2 2;
	}	
		
A:active.navi	{	
	text-decoration:	none;
	color:	#000000;
	border-style : solid;
	border-width : 1px;
	border-bottom-color : #000000;
	border-top-color : #ffffff;
	border-left-color : #ffffff;
	border-right-color : #000000;
	font-weight: bold;
	margin: 2 2 2 2;
	}	
		
A:hover.navi	{	
	text-decoration:	none;
	color:	#000000;
	background-color: #cccccc;
	border-style : solid;
	border-width : 1px;
	border-bottom-color : #000000;
	border-top-color : #ffffff;
	border-left-color : #ffffff;
	border-right-color : #000000;
	font-weight: bold;
	margin: 2 2 2 2;
	}

.cssAkt
{
	text-decoration:	none;
	color:	#000000;
	background-color: #cccccc;
	border-style : solid;
	border-width : 1px;
	border-bottom-color : #000000;
	border-top-color : #ffffff;
	border-left-color : #ffffff;
	border-right-color : #000000;
	font-weight: bold;
	margin: 2 2 2 2;
}

.cssPass
{
	text-decoration:	none;
	color:	#000000;
	border-style : solid;
	border-width : 1px;
	border-bottom-color : #C0C0C0;
	border-top-color : #C0C0C0;
	border-left-color : #C0C0C0;
	border-right-color : #C0C0C0;
	font-weight: bold;
	margin: 2 2 2 2;
}

.linkki
{
	color:#0033ff; 
	text-decoration: underline;
}

/*Reorder List*/
.dragHandle {
	position:relative;
	width:14px;
	height:19px;
    background-image:url(images/nuolet_jarjestys.gif);
	cursor:move;
}

.reorderList li {
	list-style:none;
	margin:2px;
	/*background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	*/color:#000000;
}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

.ylarivi_valikko
{
    BORDER-RIGHT: #c0c0c0 1px solid; 
    BORDER-TOP: #c0c0c0 1px solid; 
    BORDER-LEFT: #c0c0c0 1px solid; 
    CURSOR: hand; 
    BORDER-BOTTOM: #c0c0c0 1px solid;
}

.ylarivi_valikko_valittu
{
 border-top: solid 1px #000000;
 border-left:solid 1px #000000;
 border-bottom: solid 1px #CCCCCC;
 border-right: solid 1px #FFFFFF;
 background-color:#CCCCCC;
 cursor: hand;
}

.pager
{
    font-weight:bold;
    position: relative;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}

.pager a:link
{
	text-decoration: underline;
	font-weight:normal;
	color:	#000000;
}
.pager a:visited
{
	text-decoration: underline;
	font-weight:normal;
	color:	#000000;
}
.pager a:active
{
	text-decoration: underline;
	font-weight:normal;
	color:	#000000;
}
.pager a:hover
{
	text-decoration: underline;
	font-weight:normal;
	color:	#000000;
}