/* Skattekollen Input and Result */

#skattekollencreator table.subcategories td, #skattekollencreator table.didyouknow-area td, #skattekollencreator table.responsible-politican-area td, #skattekollencreator table.font-area td {padding:0 !important;}

/* reset style for this resultwidget */
#skattekollenwidget-result {
    line-height: 26px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}
#skattekollenwidget-result img {
    max-width: 100%;
    height: auto;
}

#skattekollenwidget-result label, #skattekollenwidget-result ul, #skattekollenwidget-result li, #skattekollenwidget-result center, #skattekollenwidget-result strong, #skattekollenwidget-result font, #skattekollenwidget-result a, #skattekollenwidget-result, #skattekollenwidget-result span, #skattekollenwidget-result div, #skattekollenwidget-result h1, #skattekollenwidget-result h2, #skattekollenwidget-result h3, #skattekollenwidget-result h4, #skattekollenwidget-result h5, #skattekollenwidget-result h6 {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline:0;
}


#skattekollenwidget-result .clear:after {
    clear: both;
    content: "";
    display: block;
}



/* Skattekollen Input and Result */
#skattekollenwidget-result .change-salary {display:block;}
#skattekollenwidget-result .change-salary:hover {background:#eeeeee;cursor:pointer;}
#skattekollenwidget-result .maininfo .municipality-name {display:none;font-weight:bold;font-size:36px;line-height:normal;}
#skattekollenwidget-result .maininfo .municipality-percent-title  {display:block;font-weight:bold;font-size:10px;}
#skattekollenwidget-result .maininfo .municpality-calcuatedtax {font-size:12px;font-weight:bold;}
#skattekollenwidget-result .activityareas {display:block;margin:0;}
#skattekollenwidget-result .activityareas .detail-description {float:left;width:auto;display:none;padding:0.2em 2em 2em;text-align:left;}
#skattekollenwidget-result .activityareas .detail-sum {float:right;width:44%;text-align:right;line-height:24px;height:24px;}
#skattekollenwidget-result .activityareas .detail-sum .inner {position:absolute;top:4px;right:10px;}

#skattekollenwidget-result  .totalpercantage-activityarea {display:block;width:100%;text-align:right;}
#skattekollenwidget-result .activityareas .activity-header {position:relative;}
#skattekollenwidget-result .activityareas .icon {position:absolute;top:0;right:10px;width:60px;height:auto;}
#skattekollenwidget-result .activityareas .detail-name {width:56%;}
#skattekollenwidget-result .detail-row {position:relative;display:block;}
#skattekollenwidget-result .detail-row span {padding-left:10px;}
#skattekollenwidget-result .activityareas .detail-row:hover {cursor:pointer;}
#skattekollenwidget-result h4 {margin-top:2em;line-height:50px !important;height:50px !important;text-indent:10px;color:#ffffff;}
#skattekollenwidget-result h4.firstrow {margin-top:0;}

#skattekollenwidget-result h3 {text-transform:none;}

#skattekollenwidget-result .politicansarea {display:block;margin:80px 0 40px;}
#skattekollenwidget-result .politicansarea h3 {margin-bottom:40px;}
#skattekollenwidget-result .politicansarea h4 {padding:0;}
#skattekollenwidget-result .politican-phone-title {display:block;font-weight:bold;}
#skattekollenwidget-result .politican-email-title {display:block;font-weight:bold;}
#skattekollenwidget-result .politican-email {margin-top:0.3em;}
#skattekollenwidget-result .politican-description {margin-bottom:1em;}
#skattekollenwidget-result .politican-row {position:relative;display:block;margin-bottom:60px;}
#skattekollenwidget-result .politican-left {position:relative;display:block;float:left;width:270px;height:190px;}
#skattekollenwidget-result .politican-right {position:relative;display:block;float:left;}
#skattekollenwidget-result .politican-row img {
    background-color:transparent;
    border-radius:16px;
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover;
    overflow:hidden;    
    margin-left:25px;
    width:186px;
    height:186px;
    border-radius:93px;
}

#skattekollenwidget-result .politican- name {padding-top:24px;}

#skattekollenwidget-result .didyouknowarea .didyouknow-icon {
    width: 80px;
    display: block;
    float: left;
    border-radius: 16px;
    /* overflow: hidden; */
    border-radius: 100px;
    height: 80px;
    position: relative;
}
#skattekollenwidget-result .didyouknowarea .didyouknow-icon img {
width: 60px;
    height: 50px;
    position: absolute;
    left: 10px;
    top: 15px;
    /* background: red; */
}

#skattekollenwidget-result ul.zummationcontainer {display:block;list-style-type: none;margin:0 0 2em;padding:0;}
#skattekollenwidget-result ul.zummationcontainer li {position:relative;float:left;width:31%;margin-right:1%;margin-bottom:1em;padding-top:0.5em;}
#skattekollenwidget-result ul.zummationcontainer li img {float:left;margin-bottom:1em;margin-right:3%;}

#skattekollenwidget-result .communalinfo {
	width: 200px;
	position: absolute;
	top: 120px;
	left: 130px;                /* Adjust so text fits into circle */
	z-index: 1000;
	text-align:center;
}

#skattekollenwidget-result #diagramholder {
	background: transparent;
	position: relative;
}

/* swedish kr and procent (sindei circle) */
#skattekollenwidget-result .amount,#skattekollenwidget-result  .percentage {
        line-height:normal;
}





#skattekollenwidget-result .didyouknowarea {display:block;margin:80px 0 40px;}
#skattekollenwidget-result .didyouknowarea h3 {margin-bottom:40px;}
#skattekollenwidget-result .didyouknowarea .didyouknow-row {position:relative;display:block;margin-bottom:30px;}
#skattekollenwidget-result .didyouknowarea .didyouknow-title {
display: block;
    float: left;
    margin-left: 30px;
    text-align: left;
    line-height: 80px;
    margin-top: -3px;
}
#skattekollenwidget-result h5 {display:inline-block;float:left;text-indent:10px;background-color:#ffffff;line-height:24px !important;height:24px;}
#skattekollenwidget-result .odd {background-color:#d9d9d9;}
#skattekollenwidget-result .even {background-color:#ffffff;}

#skattekollenwidget-input .howmuchdoyouearn-title {font-size:18px;line-height:normal;font-weight:bold;}
#skattekollenwidget-input  #inputIncome {outline:none;margin-left:1em;text-indent:1em;line-height:normal; height:40px;color:#939598;margin-top:2px;font-size:16px;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius:10px;}
#skattekollenwidget-input  #inputSubmit  {display: block;
    padding: 0 20px;
    /* font-size: 20px; */
    /* font-weight: 700; */
    background: #414042;
    /* color: #ffffff; */
    line-height: 50px;
    height: 50px;
    border-radius: 40px;
    text-align: center;
    border: 1px solid #414042;
    -webkit-appearance: none;    
}
#skattekollenwidget-input  #inputSubmit:hover {
        cursor:pointer;
        background:#939598;
        border:1px solid #939598;
}

/* Skattekollen creator */
.step1creator {display:block;}
.step2creator {display:none;}
.step3creator {display:none;}
#skattekollencreator {color:#414042;}

#skattekollencreator #customizedsorting-wrapper {display:none;}

#skattekollencreator .selectlist {height:100px;width:200px;overflow:auto;}
#skattekollencreator .selectlist .select-item {display:block;font-weight:normal;}
#skattekollencreator .selectlist .select-item:hover {background:#cccccc;cursor:pointer;}
#skattekollencreator .selectlist .select-item.is-selected {font-weight:bold;}


#skattekollencreator .select-button {display:inline-block;background:#ffffff;border-radius:10px;border:5px solid red;padding:10px;font-weight:bold;}
#skattekollencreator .select-button:hover {background:#eeeeee;cursor:pointer;}
#skattekollencreator h1 {display:block;;text-align:center;font-size:42px;line-height:normal;font-weight:bold;color:#414042;}
#skattekollencreator h2 {font-size:16px;line-height:normal;text-transform: none;color:#414042;text-align:left;padding:0;}
#skattekollencreator .step1creator p {width:600px;margin-bottom:30px;font-size:18px;color:#231f20;}
#skattekollencreator .step1creator h1 {margin-bottom:60px;}
#skattekollencreator .step1creator h2 {margin-bottom:8px;font-weight:bold;}
#skattekollencreator .step1creator h2.firstheader {font-size:20px;}
#skattekollencreator .step2creator h2 {font-size:20px;}
#skattekollencreator .step2creator p {font-size:18px;line-height:26px;}
#skattekollencreator .step2creator th {font-size:16px;}

#skattekollencreator .step1creator .selectbox-wrapper {display:inline-block;}
#skattekollencreator .municipalitylist {margin-bottom:50px;}
#skattekollencreator .tips-title {display:block;font-weight:bold;color:#1BBECF;font-size:1em;}
#skattekollencreator .tips {color:#1BBECF;padding:1em;border:1px solid #1BBECF;width:225px;border-radius:10px;font-size:1em;line-height:normal;}
#skattekollencreator .subheader {position:relative;display:block;clear:both;margin:6em 0 3em;}
#skattekollencreator .subheader .left {float:left;width:50%;}
#skattekollencreator .subheader .right {float:right;}
.embedwidget-code {width:750px;height:100px;border:none;}

#skattekollencreator input, .easycontactnospamform input, .easycontactnospamform textarea {line-height:40px; height:40px;color:#939598;border:none;margin-top:2px;font-size:16px;}
.easycontactnospamform input {min-width:300px;}
.easycontactnospamform textarea {min-height:100px;width:268px;padding:4px 16px;font-family:Arial;}
#skattekollencreator .step2creator input {text-indent:10px;width:90%;}
#web_adr {width:250px;text-indent:14px;}
#tax {width:60px;text-align:center;}
#skattekollencreator input.small-input {width:60px;text-align:center;text-indent:0;}


table.municipality {margin-bottom:1.5em;}
table.municipality th {font-weight:bold;font-size:16px;}
#skattekollencreator .step1creator p.wegetcolor {width:245px;font-size:14px;line-height:normal;color:#414042;}
#skattekollencreator .step1creator p.explanation {font-size:16px;}
#skattekollencreator hr {height:1px;width:100%;background: #cecfd1;border:none;margin:0 0 1em;padding:0;max-width:600px;}
#skattekollencreator .creator-actionbutton {font-size:12px;font-weight:700;text-transform:uppercase;margin-top:2em;min-width:80px;background:#1BBECF;color:#ffffff;padding:0 5px;line-height:40px;height:40px;margin-bottom:2em;border-radius:40px;text-align:center;border:1px solid #00b6c9;margin-right:2em;}
#skattekollencreator .creator-actionbutton:hover {cursor:pointer !important;background:#000;border:1px solid #000;}
#skattekollencreator .creator-actionbutton.step1 {min-width:120px;}
#skattekollencreator .step2creator .buttons-wrapper {margin-top:0;;}
#skattekollencreator table td {text-align:left;}
#skattekollencreator table.operatingarea td {padding:10px 0 10px;}
#skattekollencreator .step2creator table {width:100%;margin-top:1em;margin-bottom:1em;}
#skattekollencreator .step2creator table td span.icon {display:block;width:30px;height:30px;margin:0 0 0 20%;font-size:19px;border:1px solid #939598;text-align:center;color:#414042;-moz-border-radius: 15px;-webkit-border-radius:15px;border-radius:15px;}
#skattekollencreator .step2creator table td span.icon.remove-maincategory {margin:0;}
        
#skattekollencreator .step2creator table td span.icon:hover {cursor:pointer;background:#1BBECF;}
#skattekollencreator .step2creator table.subcategories {margin-left:10%;width:90%;margin-top:0;}

#skattekollencreator #operating-areas {display:none;}
#skattekollencreator .colors-used.selectlist {width:200px;padding-bottom:50px;background:#fff;}
.colorbox {width:15px;height:15px;display:block;float:left;margin:1px;font-weight:bold;}
.colorbox:hover {outline:1px solid #000;}
#skattekollencreator .colors-used .tabs-wrapper {padding:1em;}
#skattekollencreator .colors-used .tabs-wrapper {font-size:11px;line-height:normal;}
#skattekollencreator table th {text-align:left;padding:0;}
#skattekollencreator ul#opareas {display:none;}
#skattekollencreator .subcategory-description, #skattekollencreator .politican-description {position:absolute;width:300px;height:200px;display:none;}
#skattekollencreator #descriptiontext-municipality {width:800px;height:100px;}
#skattekollencreator .icon-symbol {position:absolute;top:20px;left:0;width:60px !important;height:50px !important;background-color:#1BBECF;}
#skattekollencreator .icon-symbol:hover {background:#1BBECF;cursor:pointer;}
#skattekollencreator .icon-symbol .inner-icon, #skattekollenwidget-result .icon-symbol .inner-icon {position:absolute;top:13px;left:18px;width:24px;height:24px;background:#fff;border-radius:40px;}
#skattekollencreator .iconboxes-wrapper {    
    position: absolute;
    display: none;
    top: 40px;
    left: 15px;
    width: 250px;
    border: 1px solid #000;
    padding: 10px;
    background: #eee;
    z-index: 500;
}
#skattekollencreator .icon-box {width:60px !important;height:50px !important;margin:1px;float:left;}
#skattekollencreator .icon-box:hover {cursor:pointer;background:#333 !important;}

#skattekollencreator .description {width:500px;height:200px;display:none;}

#skattekollencreator input.politican-upload {position:absolute;top:0;left:0;opacity: 0; filter:alpha(opacity: 0);} /* workaround for restrictions some browsers do NOT use visibility:hidden or display:none */

#skattekollencreator .img-preview {
    position:absolute;
    background-color:transparent;
    border-radius:16px;
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover;
    overflow:hidden;    
    margin-top:10px;
}


#skattekollencreator .img-preview.small {
    display:none;
    width:32px;
    height:32px;
}

#skattekollencreator .img-preview.large {
    margin-left:25px;
    display:none;
    width:186px;
    height:186px;
    border-radius:93px;
    z-index:30000;
}

#skattekollencreator .img-preview.small:hover {
    cursor:pointer;
}
#skattekollencreator .img-preview.small:hover + .img-preview.large {
    display:block !important;
}

#skattekollencreator img.eyedropper {
    position: absolute;
    top: 10px;
    z-index: 30000;
    right: 20px;
    width:22px;
    height:21px;
}

/*
#skattekollencreator .step2creator th, #skattekollencreator .step2creator td {padding:0.8em 0;}
*/

#skattekollencreator th.operating-area, #skattekollencreator td.operating-area  {width:26%;}
#skattekollencreator th.symbol, #skattekollencreator td.symbol  {width:17%;}
#skattekollencreator th.symbolcolor-col, #skattekollencreator td.symbolcolor-col {width:39%;}
#skattekollencreator th.empty-col, #skattekollencreator td.empty-col  {width:10%;}
#skattekollencreator th.remove-col, #skattekollencreator td.remove-col {position:relative;width:8%;} 

#skattekollencreator th.dyk-namecol, #skattekollencrator td.dyk-namecol {width:33%}
#skattekollencreator th.dyk-color-col, #skattekollencreator td.dyk-color-col {width:29%;}
#skattekollencreator th.dyk-qtycol, #skattekollencreator td.dyk-qtycol {width:10%;}





#skattekollencreator th.fontheader-col, #skattekollencrator td.fontheader-col {width:47%;}
#skattekollencreator th.fontname-col, #skattekollencrator td.fontname-col {width:13%;}
#skattekollencreator th.fontsize-col, #skattekollencrator td.fontsize-col {width:13%;}
#skattekollencreator th.fontcolor-col, #skattekollencrator td.fontcolor-col {width:13%;}

#skattekollencreator th.fontweight-col, #skattekollencreator td.fontweight-col {width:14%;} 


#skattekollencreator th.politican-col, #skattekollencrator td.politican-col {width:33%;}
#skattekollencreator th.politican-description-col, #skattekollencrator td.politican-description-col {width:17%;}
#skattekollencreator th.politican-image-col, #skattekollencrator td.politican-image-col {position:relative;width:8%;}
#skattekollencreator th.politican-email-col, #skattekollencrator td.politican-email-col {width:16%;}
#skattekollencreator th.politican-phone-col, #skattekollencreator td.politican-phone-col {width:16%;} 

                            

#skattekollencreator th.subcategory-col, #skattekollencreator td.subcategory-col {width:41%;padding:0.8em 0;}

#skattekollencreator th.subcategory-percent-col, #skattekollencreator td.subcategory-percent-col   {width:17%;}
#skattekollencreator th.subcategory-description-col, #skattekollencreator td.subcategory-description-col {width:29%;}              
#skattekollencreator th.subcategory-remove-col, #skattekollencreator td.subcategory-remove-col {width:10%;}        

#skattekollencreator td.subcategory-percent-col {font-size:16px;}
a.add-subcategorydescription, a.add_subcategory, a.add_maincategory, a.add-politican, a.add-didyouknow {font-size:16px;font-family:"Myriad Pro";}
a.add_subcategory, a.add_maincategory, a.add-politican, a.add-didyouknow {font-weight:normal;}

#skattekollencreator table.operatingareas-section {margin-top:3em;}
#sortingarea-operatingareas { list-style-type: none; margin: 0 0 4em; padding: 0; overflow:auto; }
#sortingarea-operatingareas li { margin:0; padding:0 1em;  font-size: 16px; line-height:26px;height:26px;background:#eee;border:1px solid #333;width:300px; }
#sortingarea-operatingareas li:hover {cursor:move;background:#1BBECF;}
.input-oparea {display:none;}

#skattekollencreator #upload {display:none;}

#skattekollencreator .didyouknow.selectlist {height:100px;}
#skattekollencreator .td-left {text-align:left;}

#skattekollencreator div.absolute-wrapper {position:absolute;top:20px;left:15%;}

#skattekollencreator select {border:none;outline:none;text-transform:uppercase;}

div.selectBox {
    position:relative;
    display:inline-block;
    cursor:default;
    text-align:left;
    color:#000;
    z-index:100000;

    border:none;
    background:#ffffff !important;
    padding:10px;
    line-height:normal;
    border-radius:40px;
    min-width:100px;
}

.select2-container  {background: red !important;}
.select2-search {display:none !important;}
div.selectBox span {font-size:13px !important;line-height:normal;padding-top:5px;text-transform:uppercase !important;}
.select2-dropdown-open .select2-choice {border:none !important;background:#fff !important;text-transform:uppercase;}
.select2-container .select2-choice {border:none !important;outline:none !important;background:#fff !important;border-radius:0 !important;}
.select2-container .select2-choice div b {background-color:#fff;}

span.selected {
    /* width:467px */
    width:85%;
    overflow:hidden;
    font-weight:bold;
    text-transform: uppercase;
    text-align:center;
}
#skattekollencreator .step2creator span.selected {font-weight:normal;}

span.selectArrow {
    width:15px;
    text-align:center;
    font-size:10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    background:#fff;
}
 
span.selectArrow,span.selected {
    position:relative;
    float:left;
    z-index:1;
}
div.selectOptions {
    position:absolute;
    top:48px;
    left:0;
    text-transform: uppercase;
   /*  width:498px; */
    width:100%;;   
    height:150px;
    border:1px solid #ccc;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    overflow-y:auto;
    background:#f6f6f6;
    padding-top:2px;
    display:none;
}
     
span.selectOption {
    display:block;
    width:80%;
    line-height:normal;
    padding:5px 10%;
}
 
span.selectOption:hover {
    color:#f6f6f6;
    background:#4096ee;         
}           

#notactivitedmessage {display:none;}
#notactivatedmessage{font-weight:700;display:none;color:#ff0000;}


.loading-area {width:100%;height:50%;line-height:normal;text-align:center;background:#ccc;color:#eee;font-size:32px;}

/*registerform */
input.inputskuser {width:50%;display:block;float:none;margin-bottom:10px;text-indent:1em;}
button.inputskuser {padding:0 20px;}
.formerror {color:#ff0000;font-weight:bold;}

#skattekollenwidget-result .icon-symbol {
    position: relative;
    top:0;
    left:0;
    margin-bottom: 1em;
    margin-right: 1%;    
    width: 60px !important;
    height: 50px !important;
    background-color: #1BBECF;
    float: left;
}

.example-widgetcode {display:none;}
#skattekollencreator #customsortingcheck {line-height:normal !important;font-size:16px;width:100px;width:50px;height:16px;}
.politican-email {margin-top:1em;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#skattekollencreator .lowopacity {
    opacity: 0.3;
}

@media only screen and  (max-width: 1024px) {
        #skattekollenwidget-result ul.zummationcontainer li {width:49%;padding-top:0;}        
}

@media only screen and  (max-width: 600px) {
    #skattekollenwidget-result ul.zummationcontainer {display:block;margin-bottom:1em;}
    #skattekollenwidget-result ul.zummationcontainer li {width:100%;margin:0 0 0.5em;}        
    #skattekollenwidget-result ul.zummationcontainer li img {margin-bottom:0;}
    #diagramholder svg {left:-70px !important;}
    #skattekollenwidget-result .communalinfo {left:60px;}
    #skattekollenwidget-result .politican-left {float:none;margin-bottom:1em;}
    
    #skattekollenwidget-result .activityareas .detail-sum {width:20%;}    
    #skattekollenwidget-result .activityareas .detail-name {width:70%;display:inline-block;padding-top:0.4em;padding-bottom:0.4em;}    

    #skattekollenwidget-result .didyouknowarea .didyouknow-title {
        margin-left:0;
    line-height: normal;
    margin-top: 0.5em;
    clear: both;    
    }       
}

@media only screen and  (max-width: 480px) {
    #skattekollenwidget #diagramholder {max-width:375px;} 
    #skattekollenwidget-result .activityareas .detail-description {width:auto;padding:0.4em 0.6em 1em}
    #skattekollenwidget-result .activityareas .detail-sum {}           
}