/* =============================================================================================
* Customer only CSS
* This file should only contain CSS made specific for customers. All other style is contained
* in the /css/portal/media files. 
============================================================================================= */

.character-counter {
    text-align: right;
    width: 400px;
}

.character-counter:before {
    content: "Antal tecken kvar / Characters left: ";
	color:#777;
}

body {
    /*background-color: #fafafa;*/
    margin: 0;
    padding: 0;
    font-family: Adelle basic,"Roboto","helvetica neue",helvetica,arial,sans-serif;
    background-color: #2B2B2A;
}

form#ctl03{
	min-height:600px;
}

h1 {
    font-family: Adelle basic,"Ek Mukta","helvetica neue",helvetica,arial,sans-serif;
}

footer {
    margin-top: 0;
    /*background-color: #BD91BF;*/
    /*background-color: #B872BA;*/
    /*background-color: #2B2B2A;VK*/
    background-color:#00578E;
    color: white;
    padding: 30px;
    /*box-shadow: 0 0 10px #7e7d7d;*/
    box-shadow: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    box-shadow: 0 0 3px 2px #cfcfcf;
    background-color: #fcfcfc;
}

.navbar-default .navbar-nav > li > a:hover{
	color: #FFF;
	font-weight:bold;
}

.btn {
    /*background-color: #8d4291;VK*/
    background-image:url(../../../img/kaw_save_btn5.png);
    /*border: 1px solid #8d4291;VK*/
    border:1px solid #00578e;
    border-radius: 2px;
    font-size: 15px;
    padding: 6px 19px;
    box-shadow: 0 0 10px 0 #b0b0b0;
    transition: all 0.5s ease;
    color:white;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    /*border: 1px solid #8D4291;
    background-color: #8D4291;VK*/
    background-image:url(../../../img/kaw_save_btn5.png);
    border:1px solid #00578e;
    padding: 6px 19px;
	color:#000;
}
.btn:hover {
        /*border: 1px solid #B155B7;
        background-color: #B155B7;VK*/
        background-image:url(../../../img/kaw_save_btn5.png);
        border:1px solid #00578e;
        border-radius: 2px;

    }

ul.form li {
        /*padding-bottom: 10px;*/
        /*padding-bottom: 25px;VK*/
        padding-bottom:10px;
        /*border: 1px solid #fff;*/
        position: relative;
        clear: both;
        width: 90%;
		padding-right: 3%;
    }
	
ul.form.topLabel li label {
        /*font-weight: normal;*/
        font-size: 14px;
        /*color: #545353;*/
        /*color: #A361A3;VK*/
        color:#777;
		
    }

	.long_label label{
		display:inline-block;
		width:60%;
	}
	
footer .container h4
    {
        display:none;
    }

.btn:active {
    /*background-color: #8D4291;VK*/
    background-image:url(../../../img/kaw_save_btn5.png);
    border:2px solid #00578e;
}
#body .container {
    /*background-color: #F7F7F7;VK*/
    background-color:#ebf3fe;
    min-height:500px;
    /*box-shadow: 0 0 7px 1px #A3A2A2;*/
    box-shadow: 0 0 6px 0 #a3a2a2;
    padding: 15px;
}
.form-tabs .nav-tabs > li a {
    text-align: center;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #e0e0e0;
    color: #444444;
    /*background: #f2f2f2;*/
    background-image: url(../../../img/nap_1.png);
}


.form-tabs .nav-tabs > li.selected a, .nav-tabs > li.selected:hover a {
    /*color: #444444;VK*/
    /*background: white;VK*/
    /*background: #e9e9e9;VK*/
    color:#fff;
    background-image: url(../../../img/kaw_save_btn5_XX.png);
    border-color: #d9d9d9;
    border-bottom-color: transparent;
}

.form-tabs {
     /*padding-bottom: 15px;VK*/
}

.form-control:focus{
    /*border-color: #BD91BF;VK*/
    border-color: #00578e;
}

ul.form li.formthree3 {
        width: 35%;
        float: right;
        clear: none !important;
        border-left: solid 1px #e7e7e7;
        padding-left:25px;
    }
	
.anslag_title
 {
     font-size:16px;
     font-weight:normal;
     /*color: #a361a3;*/
     color:#fff;
     padding:7px 10px;
 }
 
 .odin
 {
     width:111%;
     height:40px;
     background-color:#00578e;
	 margin-top:-15px;
	 margin-left:1px;
 }
 
 .publ_rec{
	 color:#00578E;
	 font-weight: bold;
	 font-size: 14px;
 }
 
 .formthree2{
	 border:1px sold red;
 }
 
 ul.form li.formtwo1 {
	 width:65%;
 }
 
 ul.form li.textboxmedium textarea {
	 width: 80%;
 }
 
  ul.form li.formtwo2 {
	 width:35%;
 }
 .help_text{
	
 }
 
 .form-tabs .nav-tabs > li a,.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	 padding:10px 30px;
 }
 
 label{
	 font-weight:normal;
 }
 
 .navbar-default {
    background-color: #00578e;
    border-color: #00578e;
 }
 
.navbar-default .navbar-nav > li > a {
    color: white;
}

.site-languages {
	position:absolute!important;
	top: 20px;
	right:200px;
}
.en, .en:hover, .en:active {
	background: url(../../../img/united-kingdom-40px.png) no-repeat;
	color: rgba(0, 0, 0, 0.01);
	margin: 0px 0px 0px 20px;
	font-size:40px;
}


.sv, .sv:hover, .sv:active {
	background: url(../../../img/sweden-40px.png) no-repeat;
	color: rgba(0, 0, 0, 0.01);
	font-size:40px;
}

.wfabHeaderH5 {
	font-family: Adelle basic,"Roboto","helvetica neue",helvetica,arial,sans-serif;
	font-size: 12px;
}

.jumbotron h1{
	display:none;
}

.jumbotron p{
	font-size:14px;
}

/*#SendFormButton{
	position:relative;
	left:55%;
}

#PrintPDFFormButton{
	position:relative;
	right:49%;
}*/

#mainplh_tabIndex_11_BooleanField52_f label{
	font-size:20px;
	font-weight:bold;
}

.user-nav a[href='/RegisterUserPage']{
  display:none !important;
}
/*
a[href='/UpdateUserPage'] {
    display: none !important;
}*/

.logo{
	max-width:180px!important;
}