/*******************************************************************************

 - standard.css

 - Här finns alla styles för portalens grundläggande struktur.

*******************************************************************************/



/**********************************
  Grundstruktur
**********************************/
body {
    margin: 0;
    padding: 0;
    background-color: #f6f6f3;
}

/* Tar bort gråprickad linje runt länker */
a {
   outline: 0;
}

a:hover, a:active, a:focus {
   outline: 0;
}

/******************************************
  Huvud
*******************************************/
#header {
    background: #ffffff;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    position: relative;
    min-height: 105px;
    behavior: url(/css/ieCSS3.php); 
}
#header .container {
    position: relative;
    width: 1240px;
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
}
.external_webpage #header .container {
    min-height: 105px;
}
#header #logo {
    overflow: hidden;
    margin: 0 0 0 3px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#header .subscribe-icon{
    margin-right: 6px;
    vertical-align: middle;
    font-weight: bold;
    margin-bottom: 4px;
}

#header #logo img {
}

#header #logo #customer-name {   
    font-family: "canarobook",verdana,sans-serif; 
    margin: 11px 0 0 15px;
    font-size: 15px;  
    color: #5b5b5b; 
    line-height: normal;
}
#top-menu {
    font-size: 14px;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}
#top-menu ul { 
    margin: 0px;
    padding: 0px;
    list-style-type: none;            
}
#top-menu ul li {
    margin: 0 20px 0 0;
    display: inline;
    display: inline-block;
    position:relative;
    zoom: 1;
    text-align: left;
}

#top-menu ul li a {
    padding: 14px;
    color: #565656;
    background: #f6f6f3;
    border-radius: 50px;
}

#top-menu ul li a:hover {
    background-color: #eaeae0;
}

#top-menu ul li.highlight {
}

#top-menu ul li:last-child { 
    margin: 0; 
}

#top-menu ul li ul { 
    z-index:400;
    display:none;
    position:absolute;
    right: 0;
    background-color: #f6f6f3;
    padding:0px 0px 0px 0px;
/*    -webkit-box-shadow: 0px 1px 0px 1px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px 1px 0px 1px rgba(50, 50, 50, 0.15);
    box-shadow:         0px 1px 2px 2px rgba(50, 50, 50, 0.15);  */
    width: 204px;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 27px;
}

#top-menu ul li ul li { 
    margin:0px 0 0 0;
    padding: 0px 0px; 
    display:block;
    border-top: 1px solid #eaeade;
    border-left: 1px solid #eaeade;
    border-right: 1px solid #eaeade;
}
#top-menu ul li ul li:last-child { 
    border-bottom: 1px solid #eaeade; 
}

#top-menu ul li ul li a { 
    position:relative; 
    color: #303030;
    padding:13px 40px 13px 18px; 
    display:block; 
    border-radius: 0px;
}


#top-menu ul li ul li a:hover { 
    background-color: #e68ca4; 
    color: #fff;
}

#top-menu-container{
    background-color: #fff;
    border-bottom: 2px solid #ecece0;
}

.news-from-us {
    display: inline-block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%
}

.news-from-us-tools-container {
    display: inline-block;
}

.news-from-us-tools-container .pen {
    border-radius: 30px !important;
    position: absolute; 
    top: 15px; 
    right: 50px; 
    z-index: 1;
}

.news-from-us-tools-container .pen-display {
    border-radius: 30px !important;
    position: absolute; 
    top: 15px; 
    right: 51px; 
    z-index: 1;
}

.news-from-us-tools-container .bell {
    position: absolute; 
    top: 22px; 
    right: 20px;
    z-index: 1;
}

#edit-pen-button {
    padding: 7px !important;
    background-color: #f6f6f3;
    border-radius: 30px !important;
}

#edit-pen-button:hover {
    background-color: #ef96ae !important;
    transition: 0.2s;
}

#edit-bell-button {
    padding: 0 !important;
    background-color: #f6f6f3;
}

#edit-bell-button:hover {
    padding: 0 !important;
    background-color: #e68ca4 !important;
}

#edit-bell-icon {
    color: #7d7d7d
}

#edit-bell-icon-yellow {
    color: #f4c84b;
}


/*.tools-menu-wrapper {
    float: right;
    margin: 22px 0px 0px 0px;
    font-size: 21px;
    color: #9a497a;
}

.tools-menu {
    border-radius: 52px;
    background: #f6f6f3;
    padding: 12px; 
    margin: 0 0 0 22px;
    display: inline-block;
}*/
    


/* Sökrutan */

#header #header-search {
    float: right;
    margin-top: 2.666em;
    border: 0.0625em solid #ccc;
    border-radius: 0.25em;
     -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;  
    padding-left: 0.1875em;
}

#header #header-search input {   
    width: 150px;
    padding: 0.4375em 0.625em;
    border: none;    
    border-radius: 0 0.1875em 0.1875em 0;   
    -webkit-border-radius: 0 0.1875em 0.1875em 0;
    -moz-border-radius: 0 0.1875em 0.1875em 0;  
    background-color: #FCFCFC;
}

#header #header-search .button {
    float: right;
    border-radius: 0 0.1875em 0.1875em 0;   
     -webkit-border-radius: 0 0.1875em 0.1875em 0;
    -moz-border-radius: 0 0.1875em 0.1875em 0;  
} 


/* Ta bort browser-styling för sökruta */
input[type=search] {    
    -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/******************************************
  Meny
*******************************************/

#nav-menu {
    margin: 0px 0 0 376px;
}

#nav-menu ul { 
    padding:0; 
    margin:0;  
    list-style-type: none;
}

/* Huvudmeny */
#nav-menu ul li {
    display:inline-block;
    text-align:center;
    position:relative;
    zoom: 1;
    *display: inline;
}

#nav-menu ul li.highlight {
/*    background-color: #e4e4e4;
    color: #fff;*/
}

#nav-menu ul li a { 
    padding: 40px 25px 41px 25px;
    font-family: 'canarobook', verdana, sans-serif;
    color:#303030;
    font-size:19px;
    display:inline-block; 
    zoom: 1; 
    *display: inline;
}

#nav-menu ul li.add-dot a:hover:after {
    content: '.';
    font-size: 1.2em;
    color: #303030;
}

#nav-menu ul li.add-dot a:after {
    content: '.';
    font-size: 1.2em;
    color: #ec0c6e;
}

#nav-menu ul li a:hover { 
/*    transition: color 0.2s ease-in-out;*/
    color: #ec0c6e;
}

#nav-menu ul li.active > a { 
    color: #ec0c6e;
}

#nav-menu ul li a.arrow-down:hover:after { 
    margin-left: 5px;
    font-size: 12px;
    color: #303030;
}

#nav-menu ul li a.arrow-down:after { 
    margin-left: 5px;
    font-size: 12px;
    color: #ec0c6e;
}
#nav-menu ul li ul li.active a { 
    background-color:#e68ca4;  
    color:#ffffff;
}
#nav-menu ul li ul li.active a:hover { 
    background-color:#e68ca4; 
    color:#ffffff;
}

/* Ikon */
#nav-menu ul li a i { 
    display: block; 
    margin-bottom: 8px;
    font-size: 27px;
} 

/* Undermeny */
#nav-menu ul li ul { 
    z-index:500; 
    display:none; 
    position:absolute; 
    background-color:#f6f6f3; 
    border: 1px solid #efefe9;
    padding:0px; 
/*    -webkit-box-shadow: 0px 1px 2px 1px rgba(50, 50, 50, 0.35); 
    -moz-box-shadow: 0px 1px 2px 1px rgba(50, 50, 50, 0.35); 
    box-shadow: 0px 1px 2px 1px rgba(50, 50, 50, 0.35); */
    margin-top:-15px; 
    width:210px; 
}

#nav-menu ul li ul li { 
    margin:0 0 0 0; 
    display:block; 
    clear:both; 
}

#nav-menu ul li ul li a { 
    padding: 14px 17px; 
    color: #000; 
    display:block; 
    text-align:left;
    font-size: 15px;
}

#nav-menu ul li ul li:not(.active) a:hover { 
    color:#fff; 
    background-color:#e68ca4;  
}

#nav-menu ul li ul li a i { 
    float: left; 
    margin: 0 15px 0 0;
    font-size: 20px;
} 

#nav-menu ul li ul li a i.icon-mail-send01 {
    font-size: 27px !important;
    margin-left: -8px;
    margin-top: -4px;
}

#nav-menu ul li ul li a i.icon-rss {
    font-size: 18px !important;
}

#nav-menu ul li ul li a i.icon-avatar-4 {
    font-size: 20px !important;
}
/******************************************
  Ticker
*******************************************/
#pre-main {
    display: none;
}


/******************************************
  Main
*******************************************/
#main {
    width: 1240px;
    margin: 0 auto;
    padding: 0;
    /*overflow: hidden;*/
    /*position: relative;*/
}

/* Dessa två används för att footern ska fungera */
.body-container {
    position: relative; 
    min-height: 100vh;
}

.awareness-container {
    padding-bottom: 10.5rem; 
}


/******************************************
  Footer
*******************************************/
#footer {
    clear: both;
    background: transparent;
    background-color:#ffffff;
    color:#555;
    border-top: 25px solid #f6f6f3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9rem; 
}
#footer p { 
    margin: 0;
}

#footer .bottom-container {
    position: relative;
    width: 1240px;
    margin: 0 auto;
    padding-top: 33px;
}

#footer #bottom_column1 { 
    float:left; 
    width:800px;
}
#bottom_column2 { 
    float:right; 
    width:200px; 
    text-align:right;
    margin-top: 18px;
}
#footer #bottom_column3 {
    float: left;
    padding: 10px;
    margin: 0 30px 0 15px;
}
#footer #bottom_column4 {
    float: right;
    padding: 10px;
    margin: 0 30px 0 15px;
}
#footer .awareness { 
    background: url(/images/logo.png) top left no-repeat; 
    background-size: 29% auto;
    text-indent:-99999px; 
    height:43px; 
    margin: 0 0 15px 0; 
}
#footer .powered-by-nobicon { 
    background: url(/images/powered_by_nobicon.png) top left no-repeat; 
    text-indent:-99999px; 
    width:146px; 
    height:47px; 
    display:inline-block; 
    text-align:left;}
#footer .mail { 
    margin-right: 10px;
}

/******************************************
  Pod
*******************************************/
.pod {
    margin: 25px 0 0 0;
    background-color: #fff;
    /*overflow: hidden;*/
    position: relative;
/*    border-bottom: 1px solid #cccfd6;*/
}
#pod_top {
    display: none;
}
#pod_title {
    margin: 0 0 25px 10px;
}
#pod_main {
    width: 1240px;
    background: #FFF;
    overflow:hidden;
}
.pod_has_menu #pod_main {
    width: 1000px;
}
#pod_content {
    padding: 20px 30px 20px 30px;
}
.pod_has_aux #pod_content,
#pod_content.pod_has_aux  {
    float: left;
    width: 917px;
}
.pod_has_menu.pod_has_aux #pod_content,
.pod_has_menu.pod_has_aux #pod_main_title,
#pod_content.pod_has_menu.pod_has_aux {
    float: left;
    width: 675px;
}
#pod_header {
    margin: 0 30px 0 30px;
}
#pod_main_title {
    float: left;
    padding: 20px 0 7px 0;
}
#pod_main_title h1{
    line-height: 1.3;
}
.beta #pod_main_title h1{
    float: left;
}
.beta #pod_main_title .beta-info{
    float: left;
    margin-left: 5px;
    margin-top: 14px;
}
#pod_views {
    float: right;
    padding: 9px 6px 0 0;
}
.pod_view {
    float: left;
    cursor: pointer;
    padding: 9px 15px;
    background: #eeeeee;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.pod_view.selected {
    background: #f5f5f5;
}
.pod_view.first {
    border-radius: 5px 0 0 5px;
}
.pod_view.last {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #cccccc;
}

/******************************************
  Pod hjälp
*******************************************/

#pod_help {
    position: absolute;
    left: 1240px;
}
#popup_help .help-container-ajax{
    position: absolute;
    left: 1000px;
}
#pod_help .help-container {
    width: 238px;
    min-height: 700px;
    padding-bottom: 25px;
    padding-top: 25px; 
    background: #F9F9F9 none repeat scroll 0% 0%;
    position:relative;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-y: auto;
    float: left;
    border-left: 1px solid #E1E1E1;
    opacity: 1;
    -webkit-transition: width 0.6s ease-in-out, padding 0.6s linear, border-width 0.6s linear, opacity 0.6s linear;
    -moz-transition: width 0.6s ease-in-out, padding 0.6s linear, border-width 0.6s linear, opacity 0.6s linear;
    -o-transition: width 0.6s ease-in-out, padding 0.6s linear, border-width 0.6s linear, opacity 0.6s linear;
    transition: width 0.6s ease-in-out, padding 0.6s linear, border-width 0.6s linear, opacity 0.6s linear;
}
#pod_help.closed .help-container {
    width: 0;
    border-left: 0px solid #E1E1E1;
    opacity: 0;
}
#pod_help .help-button {
    float: left;
    margin: 0;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}
#pod_help .help-container .help-header,
#pod_help .help-container .help-description,
#pod_help .help-container .help-items{
    width: 208px;
    margin: 0 15px;
}
#pod_help .help-container .help-header{
    border-bottom: 1px solid #DADADA;
}
.help-container .help-header{
    height: 20px;
    padding-bottom: 3px;
}
.help-container .help-header h2 {
    margin-top: 0;
    float:left;
}
.help-container ul.help-items{
    list-style: outside none none;
}
.help-container li.help-item-header{
    margin-top: 10px;
}
.help-container .help-item-text{
    display: none;
    margin-top: 5px;
}
.help-container .help-item-text.expanded{
    display: block;
} 
.help-container li.help-item-header a.arrow-up {
    font-weight: bold;
}
.help-container .open-help-window {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 3px;
    border-left: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}
.k-window-content.help-container-ajax,
.k-window-content.popup-help-container-ajax  {
    padding: 10px;
}

/******************************************
  Pod vänstermeny
*******************************************/

#pod_menu:before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    z-index: -1;
    background: #fff;   
    width: 238px;
    overflow: hidden;
}
#pod_menu {
    float: left;
    width: 0;
    background: #fff;
    overflow: hidden;
    border-right: 3px solid #f6f6f3;
}
.pod_has_menu #pod_menu {
    width:237px;
    overflow: visible;
}
.pod_has_menu #pod_main:before{
    content:'';
    position:absolute;
    top:0;
    left: 237px;
    bottom:0;
    z-index: -1;
    background: #fff;   
    width: 1000px;
}
#pod_menu_inner_container {
    padding: 25px 0px 10px 0px;
    width: 240px;
}
#pod_menu a.arrow-down:after,
#pod_menu a.arrow-right:after,
#pod_menu a.arrow-up:after { 
    font-size: 9px; 
    float: right;
    color: #5d5d5d;
}
#pod_menu_handle {
    border-radius: 0 0 4px 0;
}
#pod_menu ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
#pod_menu ul.dropdown-menu-add{
    display: block;
}

#pod_menu ul.expanded {
    display: block;
}
#pod_menu li {
}
#pod_menu li .link.italic {
    font-style: italic;
}
#pod_menu li .link.indent {
    margin-left: 22px;
}

/* Block */
#pod_menu li.block {
    margin-bottom: 20px;
}
#pod_menu li.block .menu-container .link {
    float: left;
    width: 190px;
}
#pod_menu li.block .menu-container {
    border-bottom: 2px solid #f6f6f3;
    padding-bottom: 5px;
    margin: 0 13px 0 15px;
}
#pod_menu li.block .block-action {
    float: left;
    width: 20px;
}
/* Heading */
#pod_menu li.heading {
    margin-top: 0px;
}
#pod_menu li.heading .link {
    float: left;
    width: 223px;
    padding: 6px 14px 6px 0px;
}

/* Item */
#pod_menu li.item{
   margin-top: 0px;
}
#pod_menu li.item .link {
    float: left;
    width: 181px;
    padding: 5px 0 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#pod_menu li .link a {
    display: block;
    padding: 0 0 0 16px;
}
#pod_menu li.selected > .item-container  .link {
    font-weight: bold;
    background-color: #f6f6f3;
}
/* Item Action */
#pod_menu li .item-container .item-action {
    transition: opacity 0.2s;
    opacity: 0;
    float: left;
    width: 20px;
    padding-top: 3px;
    margin-right: 3px;
    text-align: center;
}
#pod_menu li .item-container:hover .item-action,
#pod_menu li.selected > .item-container .item-action,
.tab-navigation #pod_menu li > .item-container .item-action
{
    opacity: 1;
}
#pod_menu li .item-container:hover > .link {
    background-color: #f6f6f3;
}

/* Action bar */
#pod_action_bar {
    float: right;
    padding: 20px 3px 7px;
}
#pod_action_bar > a,
#pod_action_bar > ul,
#pod_action_bar > button,
#pod_action_bar > input {
    float: left;
    margin: 0;
}

/* Toolbar */
#pod_auxiliary {
    float: left;
    margin: 0 0 0 4px;
    padding: 20px 0 20px 0;
    width: 228px;
}
#pod_auxiliary .widget {
    margin: 0 0 20px 0;
    border: 1px solid #dddddd;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    behavior: url(/css/ieCSS3.php);
}
#pod_auxiliary .widget .header {
    padding: 9px 8px 7px 8px;
    background: #f1f1f1;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    behavior: url(/css/ieCSS3.php);
    position: relative; 
}
#pod_auxiliary .widget .content {
    padding: 7px 10px 6px 10px;
}
#pod_auxiliary .widget .content .item {
    margin: 0 0 10px 0;
}
#pod_auxiliary .widget .content ul li.parent {
    padding: 5px 0 0 0;
}
#pod_auxiliary .widget .content ul li.child {
    padding: 2px 0 2px 15px;
}

/******************************************
  Login
*******************************************/

#loginform {
    width: 600px;
    padding: 24px;
    margin: 50px auto 0 auto;
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
}
#loginform #logo {
    background: url("../images/awareness_logo.png") no-repeat;
    height: 49px;
    width: 200px;
}
#loginform #welcome {
    padding: 10px 10px 10px 0;
    width: 80%;
}
#loginform #login fieldset {
    border: 1px solid black;
    padding: 0 0 0 10px;
    width: 400px;
}
#loginform #login legend {
    color: #000000;
    font-weight: bold;
}
#loginform #login #fieldsetdiv .loginfailed {
    color: #FF0000;
}
#loginform #login #fieldsetdiv {
    padding: 10px;
    width: 90%;
}
#loginform #login #fieldsetdiv div {
    margin: 10px 0;
}
#loginform #login label {
    font-weight: bold;
}
#loginform input.textfield {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    margin-top: 3px;
    padding: 3px;
}
#loginform input.username {
    background: url("/images/icons/user.png") no-repeat scroll 0 50% transparent;
    padding: 3px 0 3px 20px;
}
#loginform input.password {
    background: url("/images/icons/change_password.png") no-repeat scroll 0 50% transparent;
    padding: 3px 0 3px 20px;
}
#loginform #footer {
    box-shadow: none;
    margin: 20px 0;
    padding: 0;
    width: 100%;
}

/* Passwords */
.strength_info{
    white-space: pre-wrap;
    border-radius: 4px 4px 4px 4px;
    padding: 6px;
}
.strength_weak {
    background-color: lightpink;
}
.strength_better {
    background-color: orange;
}
.strength_ok {
    background-color: lightgreen;
}

.preview-password {
    position: absolute;
    font-size: 28px;
    margin-left: 91%;
    color: #ec0c6e;
}
/******************************************
  Standard popup-rutor
*******************************************/
.popupBackground {
    background: #DDDDDD;
    border: 1px solid #CECECE;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.popupDialog {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #404040;
    display: none;
    height: 100px;
    padding: 0;
    position: fixed;
    width: 200px;
}
.popupDialog #popupDialogContent1,
.popupDialog #popupDialogContent2,
.popupDialog #popupDialogContent3,
.popupDialog #popupDialogContent4,
.popupDialog #popupDialogContent5,
.popupDialog #popupDialogContent6 {
    overflow: auto;
    padding: 10px;
}
.popupDialog .popupHeader {
    background: none repeat scroll 0 0 #494949;;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px;
}
.popupDialog .popupFooter {
    clear:both;
    height:31px;
    padding:7px 0px 0px 25px;
    border-top: 1px dashed #ababab;
}
.popupDialog #popupDialogText1,
.popupDialog #popupDialogText2,
.popupDialog #popupDialogText3,
.popupDialog #popupDialogText4,
.popupDialog #popupDialogText5,
.popupDialog #popupDialogText6 {
    float: left;
    width: 80%;
}
.popupDialog .popupClose {
    float: right;
    text-align: right;
    width: 15%;
}
.popupDialog .popupClose {
    float: right;
    text-align: right;
    width: 15%;
}
#popupBackground1 {
    z-index: 101;
}
#popupDialog1 {
    z-index: 102;
}
#popupBackground2 {
    z-index: 103;
}
#popupDialog2 {
    z-index: 104;
}
#popupBackground3 {
    z-index: 105;
}
#popupDialog3 {
    z-index: 106;
}
#popupBackground4 {
    z-index: 107;
}
#popupDialog4 {
    z-index: 108;
}
#popupBackground5 {
    z-index: 109;
}
#popupDialog5 {
    z-index: 110;
}
#popupBackground6 {
    z-index: 111;
}
#popupDialog6 {
    z-index: 112;
}
.spinnerdiv {
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 2000;
}

/******************************************
  Mediaqueries - anpassa efter upplösning
*******************************************/
@media screen and (max-width: 1240px) {
    /*
    #container {
        width: 1024px;
    }
    */
}


/******************************************
  Bra-att-ha-klasser
*******************************************/
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.clear {
    clear:both;
}
.hidden {
    display: none !important;
}
.visible {
    display: block !important;
}
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-user-select {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
.closed {
    /*width: 0 !important;*/
    height: 0 !important;
}


/******************************************
  Diverse fixar
*******************************************/

/* Ser till att ett element alltid omsluter sitt innehåll */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.ie6 .clearfix,
.ie7 .clearfix {
    zoom: 1;
}

/* Denna klass SKA vara tom och finns för att hantera genomskinliga .png-bilder i IE6.
Samma klass finns i standard_ie6.css, men där anropar den ett script som fixar genomskinliga bilder.
For this solution we thank http://www.twinhelix.com/css/iepngfix/ */
img.png {}


/******************************************
  Tillfällig lösning för nya podar i admin
*******************************************/
.pod_layout_admin_mixed #pod_menu #pod_menu_inner_container {
    padding: 0;
}
.pod_layout_admin_mixed #pod_menu th {
    text-transform: uppercase;
    text-align: left;
    background-color: #d6d3d6;
}
.pod_layout_admin_mixed #pod_menu td {
    padding-left: 20px;
    text-align: left;
    background-color: #f7f7f7;
}
.pod_layout_admin_mixed #pod_menu a, .pod_layout_admin_mixed #pod_menu a:visited {
    color: #0066CC;
    font-size: 1em;
}
.pod_layout_admin_mixed .list_odd td {
    border-bottom: 1px solid #999999;
    background-color: #EEEEEE;
    font-size:11px;
    vertical-align: top;
}

.pod_layout_admin_mixed .list_even td {
    border-bottom: 1px solid #999999;
    background-color: #FFFFFF;
    font-size:11px;
    vertical-align: top;
}


/*******************************************************************************
  ÖVERSIKTSIDA (fd. moduler)
*******************************************************************************/

#modules #pod_header {
    margin: 0 30px 5px 50px;
}
#modules #pod_content {
    padding: 0 30px 20px 40px;
}
#modules #columns #column_1 {
    float:left;
    width:70%;
}
#modules #columns #column_2 {
    float:right;
    width: 30%;
}
#modules .module {
  margin-bottom: 10px;
  padding-right: 10px;
  border: 0;
  width: 100%;
  box-sizing: border-box;
}

#modules .module:empty {
    display:none;
}

/*#modules .module > .header {
  height: 15px;
  text-transform: none;
  clear: both;
  padding: 5px 2% 5px 2%;
  border: 1px solid #ccc;
  border-bottom: solid 3px #ec0c6e;
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  background-color: #f6f6f3;
  position: relative;
  behavior: url(/css/ieCSS3.php);
  width: 96%;
}*/
#modules .module .header {
    box-sizing: border-box;
    width: 100%;
    text-transform: none;
    clear: both;
    padding: 8px 15px;
    /*border: none;
    border-bottom: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;*/
    background-color: #ec0c6e;
    color: white;
    font-size: 20px;
    overflow: hidden;
    font-weight: bold;
}
#modules .module > .header .title {
    display: block;
    overflow: hidden;
    /*text-overflow: ellipsis;
    white-space: nowrap;*/
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
}
#modules .module .profilename {
    color: #2b2b2b;
    font-size: 90%;
    display: none;
}

#modules .module .content {
    box-sizing: border-box;
    padding: 15px;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    overflow: hidden;
    background-color: #FCFCFC;
    width: 100%;
}
#modules .module > .footer {
    box-sizing: border-box;
    display: block;
    clear: both;
    height: 4px;
    background-color: #FCFCFC;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #bbbbbb;
    /*-webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;*/
    position: relative;
    behavior: url(/css/ieCSS3.php);
    width: 100%;
}
#modules .module img {
    margin: 0;
    margin-top: -3px;
    width: 14px;
    float: left;
    padding-right: 5px;
}
#modules .module > .header .spinner {
    text-align: left;
}
#modules .module .content .show_more {
    margin-top: 20px;
    text-align: right;
}

/* Översikt med 2 kolumner */

#modules .module2_col1{
    float:left;
    width: 67%;
    padding: 0px;
    margin: 0;
}
#modules .module2_col2{
    float:left;
    width: 33%;
    padding: 0px;
    margin: 0;
}

/* Översikt med 3 kolumner */

#modules .module3_col1{
    float:left;
    width: 33%;
    padding: 0px;
    margin: 0;
}
#modules .module3_col2{
    float:left;
    width: 33%;
    padding: 0px;
    margin: 0;
}
#modules .module3_col3{
    float:left;
    width: 33%;
    padding: 0px;
    margin: 0;
}

/* ANVÄNDS EJ Översikt med 2-3-kolumners-pod */

#modules .module2_3_col0 {
    float:left;
    width: 66%;
    padding: 0px;
    margin: 0;
}
#modules .module2_3_col1 {
    float:left;
    width: 49%;
    padding: 0px;
    margin: 0;
}
#modules .module2_3_col2 {
    float:right;
    width: 49%;
    padding: 0px;
    margin: 0;
}
#modules .module2_3_col3 {
    float:left;
    width: 33%;
    padding: 0px;
    margin: 0;
}


/* Översikt med 2-3-kolumners-pod */

#modules .module23_left {
    float:left;
    width: 66%;
    padding: 0px;
    margin: 0;
}
#modules .module23_right {
    float:left;
    width: 33%;
    padding: 0px;
    margin: 0;
}
#modules .module23_col1_row1 {
    width: 100%;
}
#modules .module23_col1_row1 .module .article-container .headline .header_link {
    font-size: 18px;
}
#modules .module23_col1_row2 {
    width: 50%;
    float:left;
}
#modules .module23_col2_row2{
    width: 50%;
    float:left;
}
#modules .module23_col3 {
    float:left;
    width: 100%;
    padding: 0px;
    margin: 0;
}


/* Översikt med 4 kolumner */

#modules .module4_col1, .module4_col2, .module4_col3 {
    float:left;
    width: 25%;
    padding: 0px;
    margin: 0;
}
#modules .module4_col4 {
    float:left;
    width: 24%;
    padding: 0px;
    margin: 0;
}

/*Översikt med 2-4-kolumners-pod */

#modules .module24_left {
    float:left;
    width: 50%;
    padding: 0px;
    margin: 0;
}
#modules .module24_right {
    float:left;
    width: 50%;
    padding: 0px;
    margin: 0;
}
#modules .module24_col1_row1 {
    width: 100%;
}
#modules .module24_col1_row1 .module .article-container .headline .header_link {
    font-size: 18px;   
}

#modules .module24_col1_row2 {
    width: 50%;
    float:left;
}
#modules .module24_col2_row2{
    width: 50%;
    float:left;
}
#modules .module24_col3 {
    float:left;
    width: 50%;
    padding: 0px;
    margin: 0;
}


/* ANVÄNDS EJ Översikt med 2-4-kolumners-pod */

#modules .module2_4_col0 {
    float:left;
    width:50%;
    padding: 0px;
    margin: 0;
}
#modules .module2_4_col1 {
    float:left;
    width:49%;
    padding: 0px;
    margin: 0;
}
#modules .module2_4_col2 {
    float:right;
    width:49%;
    padding: 0px;
    margin: 0;
}
#modules .module2_4_col3 {
    float:left;
    width: 25%;
    padding: 0px;
    margin: 0;
}
#modules .module2_4_col4 {
    float:left;
    width: 24%;
    padding: 0px;
    margin: 0;
}

/* Artiklar */ 

#modules .module .article-container {  
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
#modules .module .article-container {  
    margin-top: 9px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 12px;
}

#modules .module .article-container:first-child {  
    margin-top: 0;
}
#modules .module .article-container .date {  
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.1em;
    float: right;
}

#modules .module .article-container .metadata{
    float: right;
    font-size: 90%;
    padding-left: 8px;
    padding-bottom: 2px;
}

#modules .module .article-container .article_dchannel i{
    float: right;
    padding-right: 6px;
    padding-top: 3px;
    font-size: 12px;
}
#modules .module .article-container .article_dchannel img {
    float: right;
    padding-right: 6px;
    padding-top: 3px;
}
#modules .module .article-container .article_dchannel.facebook i{
    font-size: 16px;
}
#modules .module .article-container .article_dchannel.blog i{
    font-size: 16px;
}
#modules .module .article-container .article_dchannel.telegram i{
   width: 10px;
    height: 10px;
}
#modules .module .article-container .headline .timestamp {
    display: inline-block;
    float: right;
}
#modules .module .article-container .headline a.source {
    display: inline-block;
    margin-left: 0px;
    color: #a5620b;
}
#modules .module .article-container .headline a:hover.source  {
    display: inline-block;
    color: #6F4712;
}
#modules .module .article-container .headline a.source i{
    margin-left: 3px;
    margin-right: 8px;
}
#modules .module .article-container .headline a.duplicates {
    display: inline-block;    
}
#modules .module .article-container .headline .header_link {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0px;
}
#modules .module .article-container.article_dchannel_microblog .headline .header_link {
    font-weight: normal;
}
#modules .module .article-container .preamble {  
    margin-top: 1px;
}

/* Kommentarer */

/*#modules .module .article-container .comments {  */
  /*  margin-top: 4px;*/
/*}*/
#modules .module .article-container .article_comment {
    display: block;
    width: auto;
}
#modules .module .article-container .article_comment .article_comment_head {
    width: auto;
}
#modules .module .article-container .article_comment .article_comment_author {
    color: #303030;
    font-weight: 600;
    height: 17px;
    border-top: 1px solid #a5cdce;
    padding-top: 6px;
    margin-top: 15px;
}
#modules .module .article-container .article_comment .article_comment_timestamp {
    color: #676767;
    float: left;
    font-size: 11px;
    height: 17px;
}
#modules .module .article-container .article_comment .article_comment_body {
    color: #303030;
    padding: 3px 1px 2px 0;
    width: auto;
}

/* Mappar */

#modules .module .article-container .article_folders {
    display: inline-block;
    background-color: #EDEDED;
    border-color: #c0c0c0;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    padding: 5px 10px;
    margin-top: 8px;
    max-width: auto;
    overflow: hidden;
}
#modules .module .article-container .article_folders .folders a {
    display: inline-block;
    width: auto;   
}

#modules .module .article-container .article_folders .folders i {
    margin-right: 5px;
}
#modules .module .article-container .article_folders .folders a.faded {
    color: #303030;
}
#modules .module .article-container .article_folders .folders a.faded:hover {
    color: #000;
}


/* Rapporter */

#modules .module .document_container {
    overflow: hidden;
}

/* Inställningar */

#modules .module .settings {
    background-color: #CCCCCC;
    border: 1px dotted #808080;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 10px;
    min-width: 260px;
    position: relative;
    z-index:800;
}

.remove_module {
    display: none;
}
a.add-module {
    cursor:pointer;
}

#mobile_deploy .module_count,
.page_admin_favorites .module_count{
    display: none;
}

#mobile_deploy .module_count,
.page_admin_favorites .module_show_info{
    display: none;

}

#mobile_deploy .remove_module,
.page_admin_favorites .remove_module{
    display: inline;
}


/* Statistik */

#modules .module .graph_container {
    height: 300px;
}
.module .component_header h2 {
    display: none;
}

#articles #articles_pub .article {
  padding: 2px;
}

/*******************************************************************************
  Mitt konto
*******************************************************************************/
#usersettings .language {
    width: 100px;
}
#usersettings .department {
    width: 250px;
}

/*******************************************************************************
  Adminpanel
*******************************************************************************/

#admin_panel {
    background-color: orange;
    padding: 10px;
}
#admin_panel .left {
    float:left; 
    margin-right: 30px;
}
#admin_panel .right {
    float:right; 
}


/*******************************************************************************
  Beta feature
*******************************************************************************/

#beta_feature_panel {
    background-color: #f0f0f0;
    padding: 10px;
}
#beta_feature_panel .left {
    float:left; 
    margin-right: 30px;
}
#beta_feature_panel .right {
    float:right; 
}

#beta_feature_panel .center {
    width: 100%;
    text-align: center; 
}




/* Gammla pods */
.pod.pod_old_style {
    width: 1200px;
    background-color: #FFF;
}


/* AA */
/* dolda länkar för tillgänglighet */

:focus{
    outline: none;
}

.skip {
font-size: .75rem;
line-height: 1.66666667;
letter-spacing: .05em;
text-transform: uppercase;
font-weight: 400;
color: #1a1a1a;
background-color: #e5e5e5;
padding: .6em 1.5em;
overflow:hidden;
position:absolute;
left:-10000px;
}

.first-tab-container{
    text-align: center;
}

#first-tab.skip:focus {
    line-height: 2.5;
    float:none;
    margin:0;
}
 
.skip:focus {
position:static;
width:auto;
height:auto;
float: left;
margin: 0em 2em 2em 2em;
}

.tab-navigation :focus {
outline: none;
text-decoration: none !important;
box-shadow: inset 0 -3px 0 #000;
}

/* remember to define focus styles! */
.tab-navigation #pod_menu a:focus,
.tab-navigation input:focus{
outline: 2px solid #000;
outline-offset: 2px;
box-shadow: none;
}

/* The Modal (background) */
.modal {
   
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* AI-selector bevaknings-sidan */
.select-container {
    position: relative;
    padding: 0 0 0 224px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}

/* Göm default-radioknapparna. */
.select-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Standard slider-knapp */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 225px;
    background-color: #fafafa;
    border-bottom: 3px solid #eaeae2;
    padding: 6px 0 0 0;
}

.checkmark .medium {
    border-bottom: 3px solid #f6f6f3;
}

.checkmark .high {
    border-bottom: 3px solid #f6f6f3;
}

/* On mouse-over */
.select-container:hover input ~ .checkmark {
    border-bottom: 3px solid #ec0c6e;
}

.select-container:hover input ~ .medium {
    border-bottom: 3px solid #e8be00;
}

.select-container:hover input ~ .high {
    border-bottom: 3px solid #70bb41;
}

/* När radioknapparna är checkade */
.select-container input:checked ~ .checkmark {
    background-color: #efefe9;
    border-bottom: 3px solid #ec0c6e;
}

.select-container input:checked ~ .medium {
    background-color: #efefe9;
    border-bottom: 3px solid #dab301;
}

.select-container input:checked ~ .high {
    background-color: #efefe9;
    border-bottom: 3px solid #70bb41;
}

.list-navigation-ai {
    color: #555555;
    background-color: #fafafa;
    border-left: 1px solid #dadada;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    font-size: 11px;
    height: 34px;
}

.ai-slider-container {
    display: inline-block;
}


/* AI-inställningar automatiskt nyhetsbrev */

.select-container-automatic-newsletter {
    position: relative;
    padding: 0 0 0 108px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}

/* Göm default-radioknapparna. */
.select-container-automatic-newsletter input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Standard slider-knapp */
.checkmark-automatic-newsletter {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 110px;
    background-color: #fafafa;
    border-bottom: 3px solid #eaeae2;
    padding: 6px 0 0 0;
}

.checkmark-automatic-newsletter .medium {
    border-bottom: 3px solid #f6f6f3;
}

.checkmark-automatic-newsletter .high {
    border-bottom: 3px solid #f6f6f3;
}

/* On mouse-over */
.select-container-automatic-newsletter:hover input ~ .checkmark-automatic-newsletter {
    border-bottom: 3px solid #ec0c6e;
}

.select-container-automatic-newsletter:hover input ~ .medium-automatic-newsletter {
    border-bottom: 3px solid #e8be00;
}

.select-container-automatic-newsletter:hover input ~ .high-automatic-newsletter {
    border-bottom: 3px solid #70bb41;
}

/* När radioknapparna är checkade */
.select-container-automatic-newsletter input:checked ~ .checkmark-automatic-newsletter {
    background-color: #efefe9;
    border-bottom: 3px solid #ec0c6e;
}

.select-container-automatic-newsletter input:checked ~ .medium-automatic-newsletter {
    background-color: #efefe9;
    border-bottom: 3px solid #dab301;
}

.select-container-automatic-newsletter input:checked ~ .high-automatic-newsletter {
    background-color: #efefe9;
    border-bottom: 3px solid #70bb41;
}

.list-navigation-ai-automatic-newsletter {
    color: #555555;
    background-color: #fafafa;
    border-left: 1px solid #dadada;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    font-size: 11px;
    height: 34px;
    width: 326px; 
}

.ai-slider-container-automatic-newsletter {
    display: inline-block;
}


/* Sticky-inställningar till vänstermenyn */  
.stickBottom {
    margin-top: 0;
    position: fixed;
    bottom: 0px;
    z-index: 1;
}

.stickTop {
    position: -webkit-sticky;
    position: sticky;
    z-index: 5;
    top: 0;
}

#pod_menu_background {
    position: absolute;
    width: 237px;
    background-color: #fff;
    border-right: 3px solid #f6f6f3;
}


/* Inställningar för veckoval i nyhetsbrev */
.weekly-delivery input{
  display: none;
}

.weekly-delivery label {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
    border-radius: 15px;
    background-color: #f1f1f1;
    font-size: 11px;
    color: #636363;
    margin-right: 5px;
}

.weekly-delivery label:hover {
    background-color: #e8e8e1;
    color: #636363;
}

#newsletter_days_weekly:checked ~ label[for="newsletter_days_weekly"],
#newsletter_days_tuesdays:checked ~ label[for="newsletter_days_tuesdays"],
#newsletter_days_wednesdays:checked ~ label[for="newsletter_days_wednesdays"],
#newsletter_days_thursdays:checked ~ label[for="newsletter_days_thursdays"],
#newsletter_days_fridays:checked ~ label[for="newsletter_days_fridays"],
#newsletter_days_saturdays:checked ~ label[for="newsletter_days_saturdays"],
#newsletter_days_sundays:checked ~ label[for="newsletter_days_sundays"] {
  background: #ec0c6e;
  color: #fff;
}


/* Gemensamma inställningar för "popup:en" till nyhetsflöden, mappar, filter och leveranstider i mall för det automatiska nyhetsbrevet */

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Unika inställningar för "popup:en" till nyhetsflöden, mappar, filter och leveranstider i mall för det automatiska nyhetsbrevet */
.selectBox-time-delivery {
  position: relative;
}

.selectBox-time-delivery select {
  width: 100%;
}

.selectBox-newsflows {
  position: relative;
}

.selectBox-newsflows select {
  width: 100%;
}

.selectBox-folder {
  position: relative;
}

.selectBox-folder select {
  width: 100%;
}

.multiselect-newsflows {
  width: 410px;
  display: inline-block;
}

#checkboxes-newsflows {
  display: none;
  border: 1px #dadada solid;
  position: absolute;
  z-index: 101;
  background-color: #fff;
  padding: 8px;
  width: 739px;
  max-height: 350px;
  overflow-y: auto;
  border-radius: 3px;
}

.checkboxes-newsflows-rss {
  max-height: 165px !important;
}

#checkboxes-newsflows label {
    background-color: #fff;
}

#checkboxes-newsflows label:hover {
  cursor: pointer;
}

.multiselect-folder {
  width: 410px;
  display: inline-block;
}

#checkboxes-folder {
  display: none;
  border: 1px #dadada solid;
  position: absolute;
  z-index: 100;
  background-color: #fff;
  padding: 8px;
  width: 739px;
  max-height: 150px;
  overflow-y: auto;
  border-radius: 3px;
}

#checkboxes-folder label {
    background-color: #fff;
}

#checkboxes-folder label:hover {
  cursor: pointer;
}

#checkboxes-folder-1 {
  display: none;
  border: 1px #dadada solid;
  position: absolute;
  z-index: 100;
  background-color: #fff;
  padding: 8px;
  width: 739px;
  /*max-height: 350px;*/
  overflow-y: auto;
  border-radius: 3px;
}

#checkboxes-folder-1 label {
    background-color: #fff;
}

#checkboxes-folder-1 label:hover {
  cursor: pointer;
}


.multiselect-filter {
  width: 410px;
  display: inline-block;
}

#checkboxes-filter {
  display: none;
  border: 1px #dadada solid;
  position: absolute;
  z-index: 100;
  background-color: #fff;
  padding: 8px;
  width: 975px;
  max-height: 426px;
  overflow-y: auto;
  border-radius: 3px;
}

#checkboxes-filter label {
    background-color: #fff;
}

#checkboxes-filter label:hover {
  cursor: pointer;
}

.multiselect-time-delivery {
  width: 111px;
  padding: 10px;
  display: inline-block;
}

#checkboxes-time-delivery {
    display: none;
    border: 1px #dadada solid;
    position: absolute;
    z-index: 100;
    background-color: #fff;
    padding: 8px;
    width: 260px; 
    height: 123px;
}

#checkboxes-time-delivery label {
    background-color: #fff;
}

#checkboxes-time-delivery label:hover {
  cursor: pointer;
}

#newsletter-warning-text {
    display: inline-block;
    margin-top: -6px;
    background-color: #ed0c6e;
    font-size: 13px;
    padding: 8px;
    color: #fff;
    border-radius: 6px;
    margin-left: 182px;
    opacity: 0;
}

#newsletter-warning-text-show-news {
    display: inline-block;
    margin-top: -6px;
    background-color: #ed0c6e;
    font-size: 13px;
    padding: 8px;
    color: #fff;
    border-radius: 6px;
    margin-left: 182px;
    opacity: 0;
}

#newsletter-warning-text-owner {
    display: inline-block;
    margin-top: -6px;
    background-color: #ed0c6e;
    font-size: 13px;
    padding: 8px;
    color: #fff;
    border-radius: 6px;
    margin-left: 182px;
    opacity: 0;
}

#newsletter-warning-name {
    display: inline-block;
    margin-top: -6px;
    background-color: #ed0c6e;
    font-size: 13px;
    padding: 8px;
    color: #fff;
    border-radius: 6px;
    margin-left: 182px;
    opacity: 0;
}

.newsletter-warning-text-hide {
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.100, 0.735, 0.045);
       -moz-transition: all 500ms cubic-bezier(0.600, -0.100, 0.735, 0.045);
        -ms-transition: all 500ms cubic-bezier(0.600, -0.100, 0.735, 0.045);
         -o-transition: all 500ms cubic-bezier(0.600, -0.100, 0.735, 0.045);
            transition: all 500ms cubic-bezier(0.600, -0.100, 0.735, 0.045);
    opacity: 0;
}

.newsletter-warning-text-show {
    display: inline-block !important;

    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.125);
       -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.125);
        -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.125);
         -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.125);
            transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.125);
    transform: translateX(-162px);
    opacity: 1 !important;
}

#start_date_input input[type="text"]:focus {
    outline: none !important;
    border: none !important;
    background-color: yellow !important;
}

/*.form-field {
    margin-bottom: 25px;
}*/

.field-control-rss-wrapper {
    float: left;
    color: #555555;
    position: relative;
    padding-bottom: 20px;
}

.rss-raw-link {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
    cursor: text;
    width: 175%;
    color: #5a5a5a;
}

/* nav upp i menyn */
.nav_up {
   
 text-align: center;
    display: block;
    cursor: pointer;
  
    /*padding: 6px 6px;*/
    /*margin-top: 237px;*/
    z-index: 100;
    /*width: 224px;*/
    position:fixed;
    bottom:0px;
    left:50%;
    background: #ec0c6e !important;
    color: white !important;
    height: 23px;
    width: 30px;
    border-radius: 3px 3px 0px 0px;
}

/* Responsivt */
#pod_menu_show,
#pod_menu_hide {
    display: none;
}


@media only screen and (max-width: 1220px) {
    #header .container {
        width: 1000px;
    }

    #header #logo img {
        width: 200px;
    }

    #nav-menu {
        margin: 0px 0 0 250px;
    }

    #topmenu_communication,
    #topmenu_admin {
        display: none !important;
    }

    #main #pod_menu_background {
        display: none !important;
    }
    #main #pod_menu {
        display: none;
        position: absolute;
        box-shadow: 7px 7px 10px 3px #808080;
        z-index: 99999;
    }

    #main #pod_menu #pod_menu_inner_container {
        padding-top: 0px;
    }

    #main.menu-open #pod_menu {
        display: block;
    }

    #main {
        width: 1000px !important;
    }

    #pod_main {
        width: 1000px !important;
    }

    #main .pod.pod_has_menu #pod_menu_show {
        display: inline;
    }

    #main #pod_menu_hide {
        display: none;
    }

    #main.menu-open #pod_menu_show {
        display: none;
    }

    #main.menu-open #pod_menu_hide {
        display: inline;
    }

    .pod_has_menu #pod_main:before {
        left: 0px;
        display: none;
    }

    .dropdown-content {
        left: auto !important;
        right: 7px;
    }

    #footer .bottom-container {
        width: 100%;
    }

    #footer #bottom_column1 {
        width: 70%;
        padding-left: 30px;
        box-sizing: border-box;
    }

    #footer #bottom_column2 {
        width: 30%;
        padding-right: 30px;
        box-sizing: border-box;
    }

    #pod_help {
        display: none;
    }

    .toolbox {
        right: 68px;
        top: -11px;
        left: auto;
        margin-left: 0;
    }
}

@media only screen and (max-width: 1000px) {
    #header .container {
        width: 100% !important;
        max-width: 740px;
        margin-bottom: 20px;
    }

    #header #logo {
        top: 25%;
    }

    #top-menu {
        top: 25%;
    }

    #nav-menu {
        margin: 0;
        position: relative;
        top: 40px;
        margin-left: 5px;
    }

    #nav-menu ul:first-child a {
        padding-left: 0px;
    }

    #pod_auxiliary {
        display: none;
    }

    #main, #pod_main {
        width: 100% !important;
        max-width: 740px;
    }

    #pod_main_title {
        width: 100% !important;
    }

    #pod_action_bar {
        display: none;
    }

    #pod_content {
        width: 100% !important;
        max-width: 735px;
        box-sizing: border-box;
    }

    .toolbox {
        right: 23px;
        top: 18px;
        left: auto;
        margin-left: 0;
    }

    .setting_box.medium .text {
        font-size: 9px !important;
    }

    .analysis_component.component_size_1 {
        width: 330px !important;
    }
    .analysis_component.component_size_2,
    .analysis_component.component_size_3 {
        width: 680px !important;
    }
}

@media only screen and (max-width: 760px) {
    #header #logo {
        margin-left: 30px;
    }

    #top-menu {
        margin-right: 30px;
    }

    #nav-menu ul:first-child a {
        padding-left: 30px;
    }
    .list_navigation {
        display: none;
    }

    .list_v3 .article_main {
        width: 100% !important;
        margin-left: 0px !important;
        padding: 0 10px !important;
        box-sizing: border-box;
    }

    .list_v3 .article_info {
        width: calc(100% - 40px) !important;
    }

    .list_v3 .article_info .article_source {
        float: left;
        width: 30%;
    }

    .list_v3 .article_info .article_time {
        float: left;
        text-align: right;
        width: 55%;
    }

    .list_v3 .article_info .article_dchannel {
        float: left;
        margin: 0 !important;
        margin-top: -7px !important
    }

    .list_v3 .article_main .header {
        width: 100% !important;
    }

    .list_v3 .article_comments_add{
        display: none;
    }

    .list_v3 .article_tags_add{
        display: none;
    }

    #footer {
        display: none;
    }

    #save_source_filter {
        display: none;
    }

    .analysis_component, 
    .analysis_component.component_size_1, 
    .analysis_component.component_size_2, 
    .analysis_component.component_size_3 {
        width: calc(100% - 20px) !important;
    }
}

@media only screen and (max-width: 500px) {
    #nav-menu ul li a {
        padding: 30px 0px 40px 25px;
        font-size: 15px;
    }

    /*.list_v3 .article_main .ingress {
        display: none;
    }*/

    .list_v3 .article_main .hitparagraph {
        display: none;
    }

    #login-box,
    #login-box .field-control,
    #login-box input#submit,
    #login-box input.username, 
    #login-box input.password, 
    #login-box input.email {
        width: 100% !important;
        box-sizing: border-box;
    }

    #login-footer {
        width: 100% !important;
        padding: 0 30px;
        box-sizing: border-box;
    }

    #login-footer #right-footer {
        display: none;
    }

}