@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Poppins);

.disabled {
	opacity: 0.3;
}

.lato {
    font-family: 'Lato', sans-serif;
}

.internaldialogue_box {
	max-height: 43vh;
    overflow-y: auto;
    padding-bottom: 1em;
    min-height: 43vh;
}
.comment_box {
	max-height: 43vh;
	overflow-y: auto;
	display: flex;
	flex-direction: column-reverse;
}
.comment_box table {
	background-color: #cdeeff;
	border-radius: 15px;
	padding: .5em 0;
	margin: .5em .5em 0 0;
	width: 100%;
}
.comment_box table tbody tr td:first-child {
	width: 50px;
}

i.fa.fa-med {
    font-size: 1.5em;
}

.comment_item {
    padding: .5em;
    margin-bottom: 0.8em;
    border-bottom: 1px lightgrey dashed;
}
.comment_item_date{
    color: #3366cc;
}
.comment_item_name{
    float: right;
    color: #3366cc;
    font-style: italic;
}
.comment_text{
    color: #000000;
}

.numbers{
    font-family: 'Lato', sans-serif;
    font-size: 1.5em;
    color: #264C6C;
    font-weight: 400;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}

.numbers_medium{
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    color: #264C6C;
    font-weight: 400;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}
.numbers_small{
    font-family: 'Lato', sans-serif;
    font-size: 0.8em;
    color: #264C6C;
    font-weight: 400;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}

.overflow-x_scroll{
    overflow-x: scroll;
}

.nodecoration {
    text-decoration: none;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.less:hover,
.more:hover
{
    color: cornflowerblue;
}

.scrollerdiv {
    max-height: 60vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.unselectable {
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
}

/* Docmenu start */
.docmenu > ul {
    text-align: center; 
    padding: 0px;
    margin-left: -10px;
}
.docmenu > ul > a{
    text-decoration:none;
    text-shadow: none;
}
.docmenu > ul > a > li {
    width: 58px;
    height: 58px;
    color: #000;
    display: inline-block;
    word-wrap: break-word;
    vertical-align: top;
    border-radius: 5px;
    margin: 1px -1px;
    overflow: hidden;
    box-shadow: 1px 1px 3px grey;
}
.docmenu > ul > a > li:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.5);
    transition: box-shadow 0.1s ease-in-out;
}
.docmenu img {
    width: 60%;
}
.docmenu h3{
    margin-top: -6px;
    font-weight: normal;
    padding: 0px 3px 0px 3px;
    /* font-size: 7pt !important;*/
    font-size: 0.55em !important;
}
#form_doc_new,
#form_doc_edit
{
    max-width: 800px;
    margin: 0 auto;
}
/* Docmenu end */


.clickable-div {
    cursor: pointer;
}

.ui-overlay-shadow {
	-webkit-box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 4px 4px 1px rgba(0,0,0,.6);
	/*box-shadow: 4px 4px 1px rgba(0,0,0,.6);*/
    /*box-shadow: 1px 1px 8px rgba(0,0,0,.6);*/
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
}

.marginright_1em {
    margin-right: 1em;
}
.marginright_2em {
    margin-right: 2em;
}
.marginleft_1em {
    margin-left: 1em;
}
.margin-bottom-2em {
    margin-bottom: 2em;
}

.margintop_1em {
    margin-top: 1em;
}
.marginright_2px {
    margin-right: 2px;
}
.marginleft_2px {
    margin-left: 2px;
}
.margintop_2px {
    margin-top: 2px;
}
.margintop_5px {
    margin-top: 5px;
}

.ui-header .ui-title{
    margin-right: 83px;
    margin-left: 73px;
}

.lineheight2em{
    line-height: 2em;
}

.lineheight3em{
    line-height: 3em;
}

.relative{
    position: relative;
}

.italic {
    font-style: italic;
}

.oppgave_div {
    font-size: 0.8em;
}
.oppgave_div_marked {
    box-shadow: #1f323b 0px 0px 5px;
    border: 2px #25a2dd solid;
}
.oppgave_div .ui-collapsible-heading-toggle{
    padding: 2px;
}
.avatar_left{
    position: absolute;
    left: 0px;
    top: 10px;
}
.mainmenu_bubble{
    width: 22px;
    border-radius: 11px;
    position: absolute;
    color: white;
}
.progressbar{
    background-color: #06ff00;
    height: 5px; 
    margin-top: -5px;
}
.priority_green {
    width: 28px;
    height: 12px;
    border-radius: 7px;
    background: lightgreen;
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 0.7em;
    padding-left: 3px;
    color: black;
    text-shadow: none;
}
.priority_yellow {
    width: 28px;
    height: 12px;
    border-radius: 7px;
    background: yellow;
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 0.7em;
    padding-left: 3px;
    color: black;
    text-shadow: none;
}
.priority_red {
    width: 28px;
    height: 12px;
    border-radius: 7px;
    background: red;
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 0.7em;
    padding-left: 3px;
    color: white;
    text-shadow: none;
}


.deadline_green {
    width: 28px;
    height: 12px;
    border-radius: 7px;
    background: lightgreen;
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 0.7em;
    padding-left: 3px;
    color: black;
    text-shadow: none;
}
.deadline_yellow {
    width: 28px;
    height: 12px;
    border-radius: 7px;
    background: yellow;
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 0.7em;
    padding-left: 3px;
    color: black;
    text-shadow: none;
}
.deadline_red {
    width: 28px;
    height: 12px;
    border-radius: 7px;
    background: red;
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 0.7em;
    padding-left: 3px;
    color: white;
    text-shadow: none;
}


.TODO_ul .ui-checkbox{
    max-width: 110px;
}

.todo_edit,
.todo_comment,
.openpopupfiles
{
    margin: 0px;
}

.comment_bubble{
    background-image: url("../img/comment.png");
    width: 36px;
    height: 34px;
    position: absolute;
    right: 45px;
    top: 10px;
}
.comment_bubble_content{
    position: absolute;
    right: 14px;
    top: 5px;
}

#comment_list ul li strong {
    white-space: normal;
}

.body_marked_red{
    background-color:#ffdede !important;
}

.body_marked_red2{
    background-color:#ff0000 !important;
}

.body_marked_orange{
    background-color:#ffca7a !important;
}

.standardtabell tr:first-child td {
    background: transparent linear-gradient(to right, #0B80C7, #71C9FF) repeat scroll 0% 0%;
    color: #FFF;
    padding: 10px;
    text-shadow: initial;
    font-weight: 700;
    white-space: normal;
}
.standardtabell tr:not(:first-child)  {
    background: transparent linear-gradient(to left, #F9F9F9, #D7DFFF) repeat scroll 0% 0%;
}
.standardtabell {
    border-spacing: 3px;
}
.standardtabell td{
    padding: 3px;
}
.standardtabell td:first-child {
    white-space: nowrap;
}
.standardtabell td:not(:first-child) {
    word-break: break-all;
}



.standardtabell_edit tr:first-child td {
    background: transparent linear-gradient(to right, #0B80C7, #71C9FF) repeat scroll 0% 0%;
    color: #FFF;
    padding: 3px;
    text-shadow: initial;
    font-weight: 700;
    white-space: normal;
}
.standardtabell_edit tr:not(:first-child)  {
    background: transparent linear-gradient(to left, #F9F9F9, #D7DFFF) repeat scroll 0% 0%;
}
.standardtabell_edit td:first-child {
    white-space: nowrap;
    padding-left: 3px;
}
.standardtabell_edit td:not(:first-child) {
    word-break: break-all;
}


.timeline_cell {
    width: 15px;
}
.timeline_cell_marked {
    background-color: #0B80C7;
    color: white !important;
}
.timeline_cell_red {
    background-color: red;
    cursor: pointer;
}
.timeline_weekend {
    background-color: #D2E6F2;
}
.timeline_table {
    border-spacing: 0px;
    text-align: center;
    text-shadow: initial;
}
.timeline_table tr:first-child td {
    background: transparent linear-gradient(to right, #0B80C7, #71C9FF) repeat scroll 0% 0%;
    color: white;
    padding: 3px;
    font: 1.3em Verdana;
}
.timeline_table_year tr:nth-child(n+3) td  {
    border: 1px solid rgb(195, 195, 195);
}
.timeline_table_month tr:first-child td  {
    min-width: 30px;
}
.timeline_table_month tr:nth-child(n+2) td  {
    border: 1px solid rgb(195, 195, 195);
}
.timeline_cell_edit {
    cursor: pointer;
}
.timeline_cell_selected {
    background-color: #0B80C7;
}

.table_standard,
#oppm_table,
#oppgavetabell {
    border-collapse: collapse;
}
.table_standard tr:nth-child(even),
#oppm_table tr:nth-child(even),
#oppgavetabell tr:nth-child(even),
.standardtabell tr:nth-child(even){
	background: #F8F3E2;
}
.table_standard tr:nth-child(odd),
#oppm_table tr:nth-child(odd),
#oppgavetabell tr:nth-child(odd),
.standardtabell tr:nth-child(odd){
	background: #dce9ff;
}
.table_standard td, th {
    padding-left: 10px;
    text-align: left;
}
/* table hover */
table.table_standard > tbody > tr:hover:not(.disableHover) td {
    background: #fcffd1;
}


.lang_flag:hover{
    box-shadow: 2px 4px 5px;
}

.mainpage_addbtn{
    filter: invert(50%);
}
.mainpage_addbtn:hover{
    filter: invert(0%);
}

.mainmenu ul {
    text-align: center; 
    padding: 0px;
    margin-left: -10px;
}
.mainmenu ul a{
    text-decoration:none;
    text-shadow: none;
}
.mainmenu li {
    width: 72px;
    color: #000;
    display: -moz-inline-stack;
    display: inline-block;
    word-wrap: break-word;
    vertical-align: top;
    height: 72px;
    border-radius: 5px;
    margin: 1px -1px;
    overflow: hidden;
    box-shadow: 1px 1px 3px grey;
    /*
    margin-bottom:5px;
    background: linear-gradient(to bottom left, #BFE3EF, #E7F5FA) !important;
    width: 110px;
    border-radius: 10px;
    padding-left: 3px;
    padding-right: 3px;
    */
}
.mainmenu li:hover > h3{
    /*color: white;*/
}
.mainmenu li:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.5);
    /*
    box-shadow: inset 0px 0px 20px #0048A7;
    background-color: #0040DB !important;
    box-shadow: 0px 0px 20px #0040DB;
    -moz-box-shadow: 0 0 20px #0040DB;
    -webkit-box-shadow: 0 0 20px #0040DB;
    */
    transition: box-shadow 0.1s ease-in-out;
}
.mainmenu li:hover > img{
    /*
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background: #3C80FF !important;
    border-color: #8c8c8c;
    text-shadow: 0 1px 0 #eeeeee;
    */
}
.mainmenu h3{
    margin-top: -5px;
    /*
    min-width: 67px;
    max-width: 130px;
    */
    font-weight: normal;
    padding: 0px 3px 0px 3px;
    font-size: 8pt;
}
.mainmenu p {
    display:none;
}
.mainmenu img {
    width: 60%;
}

.header_menu_div{
    top: 70px;
    width: 181px;
    position: absolute;
    width: 280px;
    left: -60px;
}
.header_menu{
    text-align: center;
    font-size: 7.5px;
}
.header_menu li:hover > h3{
    color: white;
}
.header_menu li:hover {
    background-color: #0040DB !important;
}
.header_menu li:hover > img{
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.header_menu li {
    width: 25%;
    color: #000;
    display: inline-block;
    word-wrap: break-word;
    height: 72px;
    overflow: hidden;
}
.header_menu ul a{
    text-decoration:none;
    text-shadow: none;
}
.header_menu img {
    width: 45px;
}
.header_menu h3{
    margin-top: 0px;
    font-weight: inherit;
    padding: 0px 3px 0px 3px;
    text-align: center;
}
.header_menu p {
    display:none;
}


.birthday{
	font: 11px Verdana, Ariel, sans-serif;
    font-weight: bold;
    color: blue;
    padding: 1em;
}

#chk_my_events{
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -120px;
    width: 240px;
    padding:5px;
    font-family: Arial,Verdana,sans-serif;
    font-size:12px;
    color:white;
    text-align:left;
    text-shadow:none;
    background:green;
    z-index: 10001;
    border:1px solid black;
    border-radius:10px;
}

.wrap {
    white-space: normal !important;
}
.nowrap {
    white-space: nowrap !important;
}

.floatleft{
    float:left;
}
.floatright{
    float:right;
}
.floatclear{
    clear: both;
}


#ui-datepicker-div {
  z-index: 9999999!important;
}

/*
h1,h2,h3,h4,h5{
	text-align:center;
}
*/

.stemplingsur_spinner {
    text-decoration:none;
    text-shadow: none;
    color: yellowgreen;
    /*padding: 8px;*/
}

.padding01w{
    padding: 0 0.1em 0 0.1em;
}
.padding05w{
    padding: 0 0.5em 0 0.5em;
}
.padding01h,
.padding01h td
{
    padding: 0.1em 0 0.1em 0;
}
.padding03h,
.padding03h td
{
    padding: 0.3em 0.3em 0.3em 0;
}
.padding1em{
    padding: 1em;
}

#testbase{
    position:relative;
    animation:testbase 10s ease-in-out 2s infinite;
    /* Safari and Chrome: */
    -webkit-animation:testbase 10s ease-in-out 2s infinite;
} 






@keyframes testbase
{
0%   {color:red; left:0%;}
50%   {color:blue; left:91%;}
100% {color:red; left:0%;}
}

@-webkit-keyframes testbase /* Safari and Chrome */
{
0%   {color:red; left:0%;}
50%  {color:blue; left:91%;}
100% {color:red; left:0%;}
}


.hidden{
	display:none;
}
.sitewidth_xl{
    margin: 0px auto; 
    max-width: 1600px;
}
.sitewidth{
    margin: 0px auto; 
    max-width: 1100px;
}
.sitewidth_half{
    margin: 0px auto; 
    max-width: 600px;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}

.bluetext{
	color:#0099FF;
}
.greytext{
	color: darkgrey;
}


.topline{
	border-top: 1px solid black;
}
.topline_grey{
	border-top: lightgrey solid 1px;
}
.bottomline{
	border-bottom: 1px solid black;
}
.bottomline_grey{
	border-bottom: 1px solid grey;
}
.leftline{
	border-left: 1px solid black;
}
.border_black{
	border: 1px solid black;
}

.red{
	color: red;
}
.black{
	color: black;
}
.redBtn{
	color: red !important;
}
.redBtn:hover{
	color: darkred !important;
}
.greenBtn{
	color: MediumSeaGreen !important;
}
.greenBtn:hover{
	color: darkgreen !important;
}
.magentaBtn{
	color: magenta !important;
}
.magentaBtn:hover{
	color: darkmagenta !important;
}
.green{
	color: green;
}
.blue{
	color: blue;
}
.white{
	color: white;
}
.redBG{
    background: red;
}
.yellowBG{
    background: yellow;
}
.greenBG{
    background: LightGreen;
}
.lightgoldenrodyellow{
    background: lightgoldenrodyellow;
}

.kontaktpersoner{
    border: 1px solid #0;
    width: 100%;
	font-size:0.8em;
}
table.kontaktpersoner{
	background:url(../img/gradient_brown.png);
	background-size:100% 100%;
}
table.kontaktpersoner td.highTD{
    padding:10px 10px 10px 10px;
}
table.kontaktpersoner td.lowTD{
	padding:10px 10px 10px 10px;
}

.ui-grid-a .ui-block-a.colA { width: 30%; }
.ui-grid-a .ui-block-b.colB { width: 70%; }

@media all and (max-width: 50em) {
	.SJA-breakpoint .ui-block-a,
	.SJA-breakpoint .ui-block-b,
	.SJA-breakpoint .ui-block-c,
	.SJA-breakpoint .ui-block-d,
	.SJA-breakpoint .ui-block-e {
		width: 100%;
		float:none;
	}
}

/* Basic styles */
	/* Stack all blocks to start */
	.kundeliste_prosjektinfo .ui-block-a, 
	.kundeliste_prosjektinfo .ui-block-b{ 
		width: 100%; 
		float: none; 
	}
	
@media all and (min-width: 42em){
	.kundeliste_prosjektinfo .ui-block-a { 
	  /*float:left; */
	  width: 29.95%; 
	}
	.kundeliste_prosjektinfo .ui-block-b { 
	  /*float:left; */
	  width: 69.95%; 
	}
}

@media all and (max-width: 540px){
    .main_topmenu{
        margin: -10px 0 0 0 !important;
        padding: 3px !important;
        background: none !important;
        box-shadow: none !important;
    }
    .main_topmenu_logo,
    .main_info_support
    { 
        display: none;
	}
    .main_topmenu_company
    {
        font-size: 0.8em !important;
        font-weight: 600;
    }
    .main_topmenu_company,
    .main_info
    {
        color:#0099FF;
        text-shadow: 0px 0px 0px #FFF;
    }
    .alert_box
    {
        font-size: 0.7em !important;
    }
    
}

.shaded {
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .9);
    box-shadow: 1px 1px 4px grey;
    /*box-shadow: 2px 2px 6px grey;*/
    /*box-shadow: 0 0 5px #888;*/
    padding:10px 10px 10px 10px;
    margin:15px 0px 20px 0px;
    border-radius: 2px;
}
	
.shaded_thin {
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .9);
    box-shadow: 1px 1px 4px grey;
    padding:5px 15px 5px 15px;
    margin:15px 0px 20px 0px;
    border-radius: 2px;
}
	
.shaded_dark {
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .9);
    box-shadow: 5px 5px 12px 1px #0e0e0e;
    padding:10px 10px 10px 10px;
    margin:15px 0px 20px 0px;
    border-radius: 6px;
}

.shaded_elegant {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .75);
    box-shadow: 0px 0px 1px 1px #dddddd;
    padding: 5px;
    border-radius: 2px;
}

.shaded_inset {
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
	background: rgba(255, 255, 255, .9);
	box-shadow: 1px 1px 6px #ddd inset;
	/*box-shadow: 0 0 5px #888 inset;*/
	padding:10px 10px 10px 10px;
	border-radius: 2px;
}

.minibox{
    box-shadow: 1px 1px 1px grey;
    padding: 5px;
    border-radius: 2px;
}

.custom-corners .ui-bar {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
  margin-top: 1em;
}
.custom-corners .ui-body {
  border-top-width: 0;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

.narrow_extr{
    margin: 0px auto; 
    width: 180px;
}

.narrow_37{
    margin: 0px auto; 
    width: 37px;
}
.narrow_50{
    margin: 0px auto; 
    width: 50px;
}
.width_min_35px{
    min-width: 35px;
}
.width_min_40px{
    min-width: 40px;
}
.width_min_85px{
    min-width: 85px;
}
.width_min_150px{
    min-width: 150px;
}
.width_min_110px{
    min-width: 110px;
}
.width_15{
    width: 15%;
}
.width_20{
    width: 20%;
}
.width_25{
    width: 25%;
}
.width_25_narrow{
    width: calc(25% - 8px);
}
.width_30{
    width: 30%;
}
.width_32{
    width: 32%;
}
.width_33{
    width: 33%;
}
.width_45{
    width: 45%;
}
.width_50p{
    width: 50%;
}
.width_60p{
    width: 60%;
}
.width_65p{
    width: 65%;
}
.width_100p{
    width: 100%;
}
.width_30px{
    width: 30px;
}
.width_50{
    width: 50px;
}
.width_60{
    width: 60px;
}
.width_100{
    width: 100px;
}
.width_125{
    width: 125px;
}
.width_150{
    width: 150px;
}
.width_200{
    width: 200px;
}
.width_300{
    width: 300px;
}
.maxwidth_100{
    max-width: 100px;
}
.maxwidth_150{
    max-width: 150px;
}
.maxwidth_200{
    max-width: 200px;
}
.maxwidth_300{
    max-width: 300px;
}
.maxwidth_450{
    max-width: 450px;
    margin: 0px auto; 
}
.maxwidth_600{
    max-width: 600px; 
}
.maxwidth_900{
    max-width: 900px; 
}
div.narrow_90{
    margin: 0px auto; 
    width: 90px;
}
div.narrow_100{
	margin: 0px auto; 
	width: 100px;
}
div.narrow_110{
	margin: 0px auto; 
	width: 110px;
}
div.narrow_120{
	margin: 0px auto; 
	width: 120px;
}
div.narrow_130{
	margin: 0px auto; 
	width: 130px;
}
.narrow_140{
	margin: 0px auto; 
	width: 140px;
}
.narrow_150{
	margin: 0px auto; 
	width: 150px;
}
.narrow_200{
	margin: 0px auto; 
	width: 200px;
}
div.narrow_280{
	margin: 0px auto; 
	width: 280px;
}
.narrow_very{
	margin: 0px auto; 
	width: 240px;
}
div.narrow{
	margin: 0px auto; 
	width: 600px;
}
.overlay{
   background-color:rgba(0,0,0,0.5);
   position: absolute; 
   top: 0; 
   left: 0;
   width: 100%; 
   height: 100%;
   z-index: 10;
}

#signbildecont{
    height:150px;
    width:300px;
    position:relative;
}

#panel {
    -webkit-user-select: none;  
    -moz-user-select: none;    
}

#signaturbilde{   
    position:absolute; 
    left:0;
    top:0;
}
.godkjent{
    z-index:100;
    position:absolute; 
    left:5px;
    top:-5px;
}
.signaturpad{
    margin: 100px auto;
}




/* CSS loader start */


.cssload-loader {
	position: relative;
	left: calc(50% - 56px);
	width: 112px;
	height: 112px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 1400px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.15s linear infinite;
		-o-animation: cssload-rotate-one 1.15s linear infinite;
		-ms-animation: cssload-rotate-one 1.15s linear infinite;
		-webkit-animation: cssload-rotate-one 1.15s linear infinite;
		-moz-animation: cssload-rotate-one 1.15s linear infinite;
	border-bottom: 5px solid rgb(121,185,242);
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.15s linear infinite;
		-o-animation: cssload-rotate-two 1.15s linear infinite;
		-ms-animation: cssload-rotate-two 1.15s linear infinite;
		-webkit-animation: cssload-rotate-two 1.15s linear infinite;
		-moz-animation: cssload-rotate-two 1.15s linear infinite;
	border-right: 5px solid rgb(82,57,222);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.15s linear infinite;
		-o-animation: cssload-rotate-three 1.15s linear infinite;
		-ms-animation: cssload-rotate-three 1.15s linear infinite;
		-webkit-animation: cssload-rotate-three 1.15s linear infinite;
		-moz-animation: cssload-rotate-three 1.15s linear infinite;
	border-top: 5px solid rgb(0,0,0);
}
.cssload-text{
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
    padding-top: 15px;
}






@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

/* CSS loader end */







@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-icon-myapp-fullsize:after {
        background:url("../img/img_fullsize_HD.png") no-repeat !important;
		background-size: 18px 18px;
    }
    .ui-icon-myapp-kontakt:after{
        background:url("../img/kontakt_HD.png") no-repeat !important;
		background-size: 18px 18px;
    }
    .ui-icon-myapp-dobbelpil:after {
        background:url("../img/dobbelpil_HD.png") no-repeat !important;
		background-size: 18px 18px;
    }
    .ui-icon-myapp-sign:after {
        background:url("../img/Sign_HD.png") no-repeat !important;
		background-size: 18px 18px;
    }
    .ui-icon-myapp-print:after {
        background:url("../img/print_HD.png") no-repeat !important;
		background-size: 18px 18px;
    }
    .ui-icon-myapp-export:after {
        background:url("../img/export_HD.png") no-repeat !important;
		background-size: 18px 18px;
    }
    .ui-icon-myapp-sms:after{
        background:url("../img/sms_HD.png") no-repeat !important;
		background-size: 18px 18px;
    }
    .ui-icon-myapp-trapp:after {
        background:url("../img/trapp_HD.png") no-repeat !important;
		background-size: 18px 18px;
    }
}

.ui-icon-myapp-fullsize:after {
	background:url("../img/img_fullsize.png") no-repeat !important;
}
.ui-icon-myapp-kontakt:after{
	background:url("../img/kontakt.png") no-repeat !important;
}
.ui-icon-myapp-dobbelpil:after {
	background:url("../img/dobbelpil.png") no-repeat !important;
}
.ui-icon-myapp-sign:after {
	background:url("../img/Sign.png") no-repeat !important;
}
.ui-icon-myapp-print:after {
	background:url("../img/print.png") no-repeat !important;
}
.ui-icon-myapp-export:after {
	background:url("../img/export.png") no-repeat !important;
}
.ui-icon-myapp-sms:after{
	background:url("../img/sms.png") no-repeat !important;
}
.ui-icon-myapp-trapp:after {
	background:url("../img/trapp.png") no-repeat !important;
}

.rhu_skjema{
	background:url(../img/gradient_brown2.png);
	background-size:100% 100%;
	border: 1px solid black;
	padding: .4em; 
}
.sja_skjema{
	background:url(../img/gradient_brown.png);
	background-size:100% 100%;
	border: 1px solid black;
	padding: .4em; 
}
.uni_warning:before {
    background-color: #ff0000;
	content: "Feil!";
	color: white;
    padding: 3px 9px;
	margin-right: 3px;
}
.uni_top_warning {
    background-color: #ff5555;
	color: white;
    padding: 1em;
}
.alert_box {
    background-color: #ffeeee;
}
.alert_box a img{
    vertical-align: middle;
    max-height: 2em;
}

.rhu_infoboks{
	background:url(../img/gradient_green.png);
	background-size:100% 100%;
	border: 1px solid black;
	padding: .4em; 
}

table.kjorebok{
	border-style:solid;
	border-width:1px;
	border-color:LightGreen;
}
table.kjorebok tr td{
	margin: 1 auto;
	padding-left: 1.4em; 
}


.fullwidth {
    width:100%;
}
.utstyr tr {
    border-style:solid;
	border-width:1px;
	border-color:LightGreen;
}
.utstyr_mark{
    background-color:#ffdede;
}
.utstyr_unmark{
    background-color:#efefef;
}

table.rettigheter tr td{
	border: 1px solid #0;
	font-size:0.5em;
	margin: 0 auto;
	vertical-align:middle;
}
table.telefonliste_enkelrader{
	border: 1px solid #0;
	font-size:0.8em;
	margin: 0 auto;
	vertical-align:middle;
}

.telefonliste_body{
	border-bottom: 1px solid black;
	height: 4em;
}
table.SJA_enkelrader{
	border: 1px solid #0;
	font-size:0.8em;
	margin: 0 auto;
	vertical-align:middle;
}
table.SJA_enkelrader td {
	padding-left: 0.4em; 
}


table.trapp_sammendrag tr{
	font-size:0.8em;
	width: 100%;
	background:url(../img/gradient_brown.png);
	background-size:100% 100%;
}



table.oppm_topprad, tr.oppm_topprad, td.oppm_topprad{
	border: 0px;
    padding: 0;
    width: 100%;
	font-size:1.4em;
}
.oppm_prosjektinfo{
	background:url(../img/gradient_green.png);
	background-size:100% 100%;
	border: 1px solid #0;
    padding: 0;
    width: 100%;
	font-size:0.8em;
}
.oppm_enkelrader_header{
	line-height: 2em;
	border-bottom: 0;
	background:url(../img/gradient_blue.png);
	background-size:100% 100%;
}
.oppm_enkelrader{
	background:url(../img/gradient_brown2.png);
	background-size:100% 100%;
	border: 1px solid #0;
    padding: 0;
    width: 100%;
	font-size:0.8em;
}
.oppm_body input.ui-input-text, textarea.ui-input-text{
	padding: .4em; 
	line-height: 0.9; 
	font-size: 12px; 
	width: 97%;
	border-bottom: 1px solid black;
}

table.arbeidsrapporttopp, tr.arbeidsrapporttopp, td.arbeidsrapporttopp{
    border: 0px;
    padding: 0;
    width: 100%;
	font-size:1.2em;
}

table.prosjektoversikt{
	font-size:0.8em;
	width: 100%;
	background:url(../img/gradient_green.png);
	background-size:100% 100%;
}

.arbeidsrapport input.ui-input-text{
	padding: .4em; 
	line-height: 1.2; 
	font-size: 12px; 
	display: block; 
	width: 97%;
}

.block {
    display: block;
}

.arbeidsskjemabody input.ui-input-text, textarea.ui-input-text{
	padding: .4em; 
	line-height: 1.4; 
	font-size: 12px; 
	width: 97%;
}
table.inputtabell{
	background:url(../img/gradient_brown.png);
	background-size:100% 100%;
}

.nicebluebackgrund{
	background:url(../img/gradient_brown.png);
	background-size:100% 100%;
	border: 1px solid black;
	padding: .4em; 
}

.arbeidsrapport {
    border: 1px solid #0;
    padding: 0;
    width: 100%;
	font-size:0.8em;
}

.ui-table-reflow.ui-responsive {
 display: table;
}

.lavender1{
	background-color: #dce9ff;
}
.lavender2{
	background-color: #f0f5fe;
}
.lightgreen1{
	background-color: #B2FEA0;
}
.lightgreen2{
	background-color: #E7FEC0;
}
.border-bottom-none{
    border-bottom: none;
}
.border-top-none{
    border-top: none;
}
.border-top-1{
	border-top: 1px solid black;
}
.bluebackground{
	background-color: #D6E4F3;
}
.bluebackground2{
	background-color: #B4CCF6;
}
.brownbackground{
	background:url(../img/gradient_brown2.png);
	background-size:100% 100%;
}
.greenbackground{
	background:url(../img/gradient_green.png);
	background-size:100% 100%;
}
.arbeidsskjemaheader{
	line-height: 2em;
	background:url(../img/gradient_blue.png);
	background-size:100% 100%;
}
.arbeidsskjemafooter{
	line-height: 2em;
	border-bottom: 0;
	background:url(../img/gradient_green.png);
	background-size:100% 100%;
}


table.Sammendrag{
	font-size:0.8em;
	width: 100%;
	background:url(../img/gradient_brown.png);
	background-size:100% 100%;
}

table {
	margin: 0 auto;
	border: 0;
}

#logon {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:0;
}
.nice	{
	text-shadow: none;
	font: 0.7em Verdana;
}
.big	{
	font-size:1.4em;
}
.large	{
	font-size:1.2em;
}
.normal	{
	font-size:0.8em;
}
.strong	{
	font-weight:bold;
}
.tab { margin-left: 40px; }
embed,svg{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:0;
}

.lowTD, input{
	line-height:90%;
}

#Hopp_SVG{	
	display:block; 
	margin-left:auto; 
	margin-right: auto;
}

#tab_Hoppsett{
	width: 100%;
}


#grafikk{
	width: 320px ;
	margin-left: auto ;
	margin-right: auto ;

}
#content {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:0;
	text-align:center;
}

/* ============================================================================================================================
== OVAL SPEECH BUBBLE 
** ============================================================================================================================ */

.container {
	padding: 40px 20px;
	margin: 0 auto;
	width: 400px;
}

/* .bubble */

.bubble {
	background-image: linear-gradient(bottom, rgb(66,255,70) 25%, rgb(120,255,115) 100%);
    background-image: -o-linear-gradient(bottom, rgb(66,255,70) 25%, rgb(120,255,115) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(66,255,70) 25%, rgb(120,255,115) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(66,255,70) 25%, rgb(120,255,115) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(66,255,70) 25%, rgb(120,255,115) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.25, rgb(172,228,75)),
        color-stop(1, rgb(122,205,71))
    );
	border: solid 1px rgba(0, 0, 0, 0.5);
	/* vendor rules */
	border-radius: 10px;
	/* vendor rules */
	box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
	/* vendor rules */
	box-sizing: border-box;
	clear: both;
	/*float: left;*/
	margin: 5px 0px 15px 10px;
	padding: 4px 30px 4px 10px;
	position: relative;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
	width: auto;
	max-width: 100%;
	word-wrap: break-word;
}

.bubble:before, .bubble:after {
	border-radius: 20px / 10px;
	content: '';
	display: block;
	position: absolute;
}

.bubble:before {
	border-bottom-color: rgba(0, 0, 0, 0.5);
	border-radius: 20px / 10px;
	left: auto;
	right: -7px;
}

.bubble:after {
	border-bottom-color: #ace44b;
	border-radius: 20px / 10px;
	left: auto;
	right: -5px;
}

.huge	{
    font-size:1em;
}

@media (max-resolution: 1dppx) {
    .huge	{
        font-size:2em;
    }
}