/* Grønn:         #72B220     rgba(114,178,32,1) */
/* Grønn-lysere:  #a4dc5b
/* Blå            #237ebe     rgba(35,126,190,1) */
/* Rød:           #bb0000     rgba(177,0,0,1) */
/* Orange:        #f47a20     rgba(244,122,32,1) */


body {color:#333; background:#f3f3f3;}
body.win {background:#fff;}
a,a:visited,a:focus {color:#237ebe;}
a:hover {color:#000;}

/**********************************
           TOPLINE
***********************************/

.topline {color:#333; background:#d6d3cf;}

.topline .sel-activedep li ul li a:hover {color:#fff;}

.topline a.logout {color:#fff; background-color:#e38e00;}
.topline a.logout:hover {background-color:#333;}


/**********************************
           NAV MAIN
***********************************/

.nav-main {
	background-color:#fff;
	   -moz-box-shadow: 3px 0 5px -3px rgba(0,0,0,0.15);
	-webkit-box-shadow: 3px 0 5px -3px rgba(0,0,0,0.15);
	        box-shadow: 3px 0 5px -3px rgba(0,0,0,0.15);
}
.nav-inner li a {color:#444;}
.nav-inner > ul > li {
	background: #f7f7f7;
}
.nav-inner > ul > li > a {
	border-top:1px solid #fff;
	border-bottom:1px solid #e0e0e0;
}
.nav-inner li > a:hover {
	background-color:rgba(150,150,150,0.2);
	border-bottom:1px solid #d0d0d0;
}
.nav-inner li > a.active,
.nav-inner li > a.active:hover {
	color:#fff;
	background-color:rgba(150,150,150,0.6);
}
.nav-inner > ul > li > a.active:after,
.nav-inner > ul > li > a.active i:before {color:#fff;}

.nav-inner ul ul {
	background-color:#f5f5f5;
	border-bottom:1px solid #dfdfdf;
}
.nav-inner ul ul li a.active,
.nav-inner ul ul li a.active:hover {
	color:#444;
	background:rgba(35,126,190,0.2);
	background-image:none;
}

/**********************************
           CONTENT
***********************************/

.main h2 {color:#237ebe;}

.top-buttons a {
	color:#555;
	background:#fff;
	margin-right:3px;
	border-top:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-left:1px solid #e9e9e9;
}
.top-buttons a:last-child {margin-right:0;}
.top-buttons a:hover {
	background:rgba(244,122,32,0.1);
	border-top:1px solid rgba(244,122,32,0.1);
	border-right:1px solid rgba(244,122,32,0.1);
	border-left:1px solid rgba(244,122,32,0.1);
}
.top-buttons a.active {
	color:#fff;
	background:rgba(244,122,32,1);
	border-top:1px solid #f47a20;
	border-right:1px solid #f47a20;
	border-left:1px solid #f47a20;
}

.button_sub button {color:#fff; background-color:#999;}

.main .widget {
	background:#fff;
	color:#555;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(180,180,180,0.5);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(180,180,180,0.5);
	        box-shadow: 0px 1px 2px 0px rgba(180,180,180,0.5);
}
.main.front .widget.front {
	background:none;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
}
.whead h3 {color:#237ebe;}
.whead h3 i {color:#000;}

.whead-btn,
.whead {
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ddd;
	color: #636363;
	background: #f8f8f8;
	background-image: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
	background-image: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background-image: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background-image: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.wbox.front {
	background:#fff;
}
.widget.wbox .whead {
	background:#237ebe;
	background-image:none;
	filter:none;
}
.widget.wbox .whead h3,
.widget.wbox .whead h3 span {color:#fff;}
.widget.wbox .whead h3 {font-size:19px; line-height:21px;}

.section-heading {
	color:#237ebe;
	background-color:#f0f0f0;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
}

/**********************************
           TABLES
***********************************/

.tList th {
	color:#000;
	background:#aaa;
	background-image: -webkit-linear-gradient(#e0e0e0, #efefef);
	background-image: -o-linear-gradient(#eee, #ddd);
	background-image: -moz-linear-gradient(#eee, #ddd);
	background-image: linear-gradient(#f0f0f0, #e5e5e5);
}

tr.warning {background-color:#ffeeee;}

.tList td.monthrow {background-color:rgba(35,126,190,0.1);}

tr.mark {background-color: rgba(244,122,32,0.1);}
td.mark {color:#bb0000; background-color: rgba(244,122,32,0.3);}

/**********************************
           FORMS
***********************************/

button.close-win {color:#fff; background:#990000;}

.w-tools button.btn-drop,
button.btn-drop {
	font-size:13px;
	color:#444;
	background:#aaa;
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image: -o-linear-gradient(#eee, #ddd);
	background-image: -moz-linear-gradient(#eee, #ddd);
	background-image: linear-gradient(#eee, #ddd);
	border:1px solid #ccc;
	border-radius:3px;
}
.w-tools button.btn-drop:hover,
button.btn-drop:hover {
	background-image: -webkit-linear-gradient(#e5e5e5, #d5d5d5);
	background-image: -o-linear-gradient(#e5e5e5, #d5d5d5);
	background-image: -moz-linear-gradient(#e5e5e5, #d5d5d5);
	background-image: linear-gradient(#e5e5e5, #d5d5d5);
}

/**********************************
           DROP-SELECT
***********************************/

.ul-drop > li {background-color:#f0f0f0; border:1px solid #ccc;}
.ul-drop ul {background-color:#f5f5f5; border:1px solid #ccc;}
.ul-drop ul a {color:#333; border-top:1px solid #e5e5e5;}
.ul-drop ul li:first-child a {border-top:0;}
.ul-drop ul a:hover {background-color:rgba(0,0,0,0.6); color:#fff;}

ul.categories a {color:#444;}
ul.categories a:hover {color:#f47a20;}

ul.categories a:before {
	content:'\f07b';
	color:#debc00;
}
ul.categories a.open:before {
	content:'\f07c';
	color:#777;
	text-shadow:#999 1px 1px 1px;
}
.drag-over {background:rgba(35,126,190,0.2);}

/**********************************
           PAGINATION
***********************************/
.pagination ul li a {background-color:rgba(35,126,190,0.2); border:1px solid rgba(35,126,190,0.4);}
.pagination ul li a.active{background-color:rgba(35,126,190,0.6); color:#fff;}
.pagination ul li a:hover {background-color:rgba(35,126,190,0.4); border:1px solid rgba(35,126,190,0.6);}

/**********************************
           MESSAGES
***********************************/

.alert-info,
.alert-danger,
.alert-warning,
.alert-success {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	color:rgba(0,0,0,0.8);
	border:0 solid rgba(0,0,0,0.2);
	box-shadow:2px 1px 3px rgba(0,0,0,0.2);
}
.alert-info {background-color:#d1e2f4;}
.alert-danger {background-color:#fac4c4;}
.alert-warning {background-color:#ffd75c;}
.alert-success {background-color:#d8efa5;}

.msg-help {background-color:#f0f0f0; border:1px solid #ccc;}

/**********************************
           ICONS
***********************************/

.red, .red:before {color:#bb0000;}
.blue, .blue:before {color:#0081bd;}
.green, .green:before {color:#237ebe;}
.brown, .brown:before {color:#9d6400;}
.grey, .grey:before {color:#555555;}

a i.fa-trash {color:#bb0000;}