.shade_processed, .sk-fading-circle .sk-circle:before{
    background-color: #8AB333;
}

/* Coloured Header Gradients, eg. Sortable Boxes, Tab Boxes, Date-picker, etc. */
.grad_skin,

.ui-dialog-titlebar, .calendar_grad, .dropdown_menu > ul > li.current > a, .tab_header, .tab_sider, #login_box #bar, #search_side, .wizard .wizard_steps ul, .dataTables_wrapper .ui-widget-header, .ui-button .ui-state-active, .ui-widget-header .ui-state-active, .ui-buttonset .ui-button.ui-state-active, .ui-multiselect .ui-widget-header, .ui-slider .ui-slider-range, .slider-content .selected .title, .fc-header .fc-state-active, .fc-header .ui-state-active,.dataTables_wrapper .dataTables_paginate span span.ui-state-disabled,
.ui-progressbar .ui-progressbar-value,
.stackbar.stack_view > ul > li > a > span,
div.stackbar.stack_view > ul > li > a > span::before  {

    background: #8ab333; /* Old browsers */
    background: -moz-linear-gradient(top, #8ab333 63%, #336633 100%, #336633 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8ab333 63%,#336633 100%,#336633 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8ab333 63%,#336633 100%,#336633 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab333', endColorstr='#336633',GradientType=0 ); /* IE6-9 */

    border-color: #000000;
}


.button.federation {
    background-color: #8AB333;
    border: 1px solid #000000;
}


.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
    background-color: #8AB333;
}


/*Dialog windows*/
#ui-dialog-title-dialog_form{
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{
    border:none;
}
/*---*/

/*.grad_skin_reverse, button:hover
{
    background: #1C5EA0 linear-gradient(to bottom, #064792, #1C5EA0);
    border-color: #064792;
    }*/


/* Links, hovers, tabs*/
div.main_container p a, #sidebar h3 a, #topbar h3 a, .text a, body #template_options a, a.show_all_tabs  {
    color: #336633;
}

div.main_container p a:hover,#sidebar h3 a:hover, #topbar h3 a:hover, .text a:hover, body #template_options a:hover, a.show_all_tabs:hover {
    color: #CCCC33;
    border-color: #000000;
}

#sidebar form#search_side:hover,.dataTables_wrapper .ui-widget-header select li ul.drawer li a .dataTables_wrapper .ui-widget-header input, .dropdown_menu ul li ul.dropdown li ul.slideout li a, div.main_container .dropdown_menu ul li.current:first-child a div.main_container .dropdown_menu ul li.current a{
	border-color: #CCCC33;
}





.box_head{

    background: #8ab333; /* Old browsers */
    background: -moz-linear-gradient(top, #8ab333 63%, #336633 100%, #336633 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8ab333 63%,#336633 100%,#336633 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8ab333 63%,#336633 100%,#336633 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab333', endColorstr='#336633',GradientType=0 ); /* IE6-9 */
    border-color: #000000;
}


span.current_pagination_indicator{
    color:#000000;

    background: #99CC33;

    border-color: #000000;
}



ul.drawer, #search_side {
background-color: #8AB333;
border-color:#000000;
    color: black!important;
}

ul.drawer li a{

   color: black!important;
   text-shadow: none!important;
}


/*Aktuell vy markerad i meny*/
#selectedmenuitem {
    background-color: #CDD3D6;
}

#selectedmenuitem > a{
    border-top-color: #CDD3D6;
}

/*Aktuell vy markerad i utfälld undermeny*/
.drawer > #selectedmenuitem {
    background-color: #336633;
}


/*Justeringar för anpassning kring logo*/
#wrapper {
    padding-top:25px;
}

#sidebar {
    border-top:0px;
    margin-top:156px;
}

#logo_print{
    max-width: 35mm;
}

.organisation_logo_top {
    background-image: url(/images/rum/logo.svg)!important;
    background-position: 100% 0%!important;
    background-repeat: no-repeat!important;
    background-size: 20%;
    margin-top: 15px;
}

.organisation_logo {
background: url(/images/rum/logo.svg) no-repeat scroll 0 -0px transparent;
    width: 165px;
    height: 117px;
    margin-top:0px;
    margin-left:15px;
    margin-bottom:25px;
}

/*Klickbart område över logo, ska ha samma mått som ovanstående*/
div.organisation_logo a {
    position: absolute;
    width: 165px;
    height: 117px;
    top: 25px;
    left: 15px;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}


#svg_logo {
    height:7vh;
    margin-top: 3vh;
    float:left;
}

.back-color1 {
    background-color: #B2E5B2;
}

.back-color2 {
    background-color: #FFFFB3;
}

.back-color3 {
    background-color: #E6FF80;
}

.line {
    stroke: #336633!important;
}

.graph-color1 {
    fill: #8AB333;
}

.graph-color2 {
    fill: #99CC33;
}

.graph-color3 {
    fill: #CCCC33;
}

.graph-color4 {
    fill: #FFFF00;
}

.graph-color5 {
    fill: #06038D;
}

.graph-color6 {
    fill: #ADDC91;
}

.graph-color7 {
    fill: #796E65;
}

.graph-color8 {
    fill: #fec44f;
}

.graph-color9 {
    fill: #a8ddb5;
}

.graph-color10 {
    fill: #dd1c77;
}


@media screen and (max-width: 500px) {


}



/* Retina-specific stuff here */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 




}