#errorsBox {
    display: none;
    background-color: #d6cab1;
    position: fixed;
    margin: 10%;
    top: 0;
    /*bottom: 0;*/
    right: 0;
    left: 0;
    border: solid 3px #efa526;
    font-size: 1.3em;
    text-align: center;
    vertical-align: middle;
    padding: 2em;
    overflow: auto;
    cursor: pointer;
    z-index: 100;
}

svg {
    width: 0px;
    height: 0px;
}

.flexBox {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
}

#page_content {
    position: relative;
    width: 1000px;
    max-width: 95%;
    height: calc(100% - 3em);
    bottom: 0;
    display: flex;
    background-color: #ccc;
    margin: auto;
    border-style: solid;
    border-width: 0px 2px;
}
@media screen and (max-width: 900px) {
    #page_content {
        width: 100%;
    }
}
@media screen and (max-width: 700px) {
    #page_content {
        flex-wrap: wrap;
        border: 0;
        height: auto;
    }
}

#deck {
    position: relative;
    width: calc(50% - 2px - 2em);
    padding: 1em;
    /*border-right: double 4px;*/
    overflow: hidden;
}
@media screen and (max-width: 700px) {
    #deck {
        width: 100%;
        border: 0;
    }
}
#width_service_box {
    width: 3px;
    border: solid black;
    border-width: 0px 1px;
    cursor: col-resize;
}
@media screen and (max-width: 700px) {
    #width_service_box {
        display: none;
    }
}
#deck .deck_content {
    position: relative;
    height: 100%;
}
#deck_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: rgba(50,50,50,0.1);
    /*background-color: #ddd;*/
    /*z-index: -1;*/
}
#deck_name_line,#deck_variant {
    display: flex;
    padding: 0.3em;
    align-items: center;
}

#deck_faction{
    position: relative;
    padding: 0.3em;
    z-index: 1;
}

#desk_agenda_icon {
    position: relative;
    z-index: 2;
    width: 2em;
    height: 2em;
    display: inline;
    float: left;
    margin-right: 0.3em;
}
#deck_agenda{
    position: relative;
    padding: 0.3em;
    cursor: pointer;
    z-index: 1;
}
#deck_agenda:hover {
    background-color: #bbb;
}
.secondAgenda_line {
    position: relative;
    padding: 0.3em 0.3em 0.3em 6em;
    cursor: pointer;
    z-index: 1;
}
.secondAgenda_line:hover {
    background-color: #bbb;
}
#deck_administration {
    display: flex;
    clear: both;
}

#deck_cards_box {
    position: relative;
    overflow-y: scroll;
    height: calc(100% - 5.5em);
}
#deck_cards_box .arrow_hide {
/*    position: absolute;
    left: 0;
    right: 0;*/
    margin: auto;
    display: inline-block;
    width: 2em;
    height: 0.3em;
    border-bottom: solid 3px;
    border-top: solid 3px;
    margin-top: 0.3em;
}
#deck_cards_box .arrow_show {
    margin: auto;
    display: inline-block;
    width: 2em;
    height: 1px;
    border-bottom: solid 3px;
    border-top: solid 3px;
    margin-top: 0.3em;
}
#deck_cards{}
#deck_cards svg {
    width: 2em;
    height: 1em;
}
#deck_cards a {
    display: inline-block;
    text-decoration: none;
    color: #000;
}
#deck_cards .head {
    background-color: #fff;
    padding: 0.1em 0.6em;
    cursor: pointer;
    display: flex;
}
#deck_cards_box .head:hover {
    color: #9a5555;
    background-color: #FFE;
}
/*
#deck_cards .numberBox {
    cursor: copy;
    padding-left: 0.5em;
    margin-right: 0.5em;
    border-right: solid 1px;
}
#deck_cards .numberBox:hover {
    fill: #c13d03;
    background-color: rgba(234, 157, 103, 0.62);
}
@media screen and (max-width: 700px){
    #deck_cards .numberBox {
        height: 2em;
        line-height: 2em;
        padding: 0.5em 0em 0.5em 0.5em;
    }
}

#deck_cards .numberFix {
    padding-left: 0.5em;
    margin-right: 0.5em;
    border-right: solid 1px;
}
@media screen and (max-width: 700px){
    #deck_cards .numberFix {
        height: 2em;
        line-height: 2em;
        padding: 0.5em 0em 0.5em 0.5em;
    }
}*/
#deck_cards_box .sideDeck {
    background-color: #a7b1c5;
    border-bottom: double 3px #2e4abf;
    color: #4358af;
}
#deck_cards_box .sideDeck_line {
    position: relative;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
}

#deck_cards .eventLine {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
/*#deck_cards .throwAway {
    position: absolute;
    top: 0 ;
    right: 1em;
    cursor: pointer;
    z-index: 1;
}
#deck_cards .throwAway:hover {
    fill: red;
}
#deck_cards .throwAway svg {
    width: 1.5em;
    height: 1.2em;
}
@media screen and (max-width: 700px) {
    
    #deck_cards .throwAway svg {
        width: 2em;
        height: 2em;
    }
}*/

#plot_count {
    display: inline;
    padding: 0em 1em;
}
#draw_count {
    display: inline;
    padding: 0em 1em;
    font-weight: bold;
}
#card_character_head, #card_attachment_head, #card_location_head, #card_event_head {
    background-color: #e0d5c6;
    padding: 0.1em 0.6em;
    border-style: solid;
    border-width: 3px 1px 0px;
    border-color: #847b27;
    cursor: pointer;
    display: flex;
}
#card_character_head:hover, #card_attachment_head:hover, #card_location_head:hover, #card_event_head:hover {
    color: #847b27;
    fill: #847b27;
    background-color: #FFE;
}

#card_draw .card_count {
    padding-left: 1em;
}
/*#deck_cards_box .incorrectCard {
    position: relative;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    color: red;
    background-color: rgba(234, 157, 103, 0.62);
    cursor: pointer;
    white-space: nowrap;
}*/
#deck_cards_box .correctCard {
    position: relative;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    /*line-height: 2em;*/
    /*padding-left: 0.5em;*/
    cursor: pointer;
    white-space: nowrap;
    align-items: center;
    display: flex;
}
@media screen and (max-width: 700px) {
    
    #deck_cards_box .incorrectCard,#deck_cards_box .sideDeck_line {
        line-height: 3em;
        font-size: 0.7em;
    }
}

#card_plots{}
#card_draw .content{
    display: flex;
    flex-wrap: wrap;
}
#card_draw .list{
    border: solid 1px;
}
#card_characters,#other_draw_card{
    flex-grow: 2;
    min-width: 250px;
}
#card_locations{}
#card_events{}
#card_attachments{}

#deck_service {
    position: relative;
    width: calc(50% - 2px - 2em);;
    padding: 1em;
    height: calc(100% - 2.2em);
    overflow: hidden;
}
@media screen and (max-width: 700px) {
    #deck_service {
        width: 100%;
        min-height: 500px;
    }
}
#service_icons {
    position: relative;
    display: flex;
}
#service_icons svg {
    width: 100%;
    /*width: calc(100% / 5 - 4px - 0.7em);*/
    height: 1.5em;
}
#service_icons .icon_item {
    /*width: 100%;*/
    width: calc(100% / 5 - 4px - 0.7em);
    border: solid 2px;
    color: #000;
    cursor: pointer;
    padding: 0.2em;
    display: inherit;
    margin: 0em 0.15em 0.3em;
}
#service_icons .icon_item:hover {
    background-color: #fff;
}
#service_icons .fakeButton {
    /*width: 100%;*/
    width: calc(100% / 5 - 4px - 0.7em);
    border: solid 1px;
    padding: 0.2em;
    display: inherit;
    margin: 0em 0.15em 0.3em;
    fill: #999;
    color: #999;
}
#service_line {
    display: flex;
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-color: #999;
    flex-wrap: wrap;
    justify-content: space-between;
}
#service_line div {
    padding: 0.1em 0em;
    background-color: #bbb;
    border-style: solid;
    border-color: #888;
    border-width: 4px;
    cursor: pointer;
    margin: 0em 0.15em 0.3em;
    /*width: 20%;*/
    overflow: hidden;
    text-align: center;
    flex-grow: 2;
}
#service_line div:hover {
    background-color: #ddd;
    border-color: #aaa;
    color: #564814;
}

#service_box {
    /*position: relative;*/
    height: 100%;
}

#service_setting {
    display: none;
    padding-top: 0.5em;
}
#service_setting .closeElement,#commentPreview .closeElement {
    position: absolute;
    top: 0;
    right: 0;
    height: 1.5em;
    width: 1.5em;
    vertical-align: middle;
    background-color: #fff;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    cursor: pointer;
    z-index: 1;
}
#service_setting .closeElement:hover {
    background-color: #ffa;
}
#service_setting ul {
    padding: 0;
    list-style: none;
}
/*#service_setting .content {
    display: flex;
}*/
#service_setting li/*#usedSets*/ {
    border-bottom: double 3px;
    border-left: solid 3px;
    padding: 0.2em 0.4em;
    background-color: #ddd;
    cursor: pointer;
}
#service_setting li/*#usedSets*/:hover {
    background-color: #ffe;
}
/*#service_setting ul:hover {
    border-bottom: 0;
}*/
#service_setting/*#usedSets*/ .list {
    position: absolute;
    top: 6em;
    bottom: 1em;
    left: 3em;
    right: 1em;
    display: none; 
    padding: 2em;
    border: solid 1px black;
    background-color: #ddd;
    cursor: auto;
    overflow: auto;
}
#service_setting h3 {
    margin: 0;
    padding: 0em 0em 0.5em 0em;
    text-decoration: underline;
}
/*#usedSets:hover .list{
    display: block;
}*/
#usedSets input {
    display: none;
}
#service_setting/*#usedSets*/ .item {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    border-bottom: solid 1px;
}
#service_setting .wrapText {
    white-space: initial;
}
#usedSets label {
    border-style: solid;
    border-width: 0px 1px 1px;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    background-color: #f3d3a4;
}
#usedSets .disabled {
    background-color: #eee;
    cursor: pointer;
}
#usedSets .setTitle {
    padding: 0.5em;
}

.card_spoiler {
    position: absolute;
    width: 40%;
    /*max-width: 500px;*/
    left: 50%;
    text-align: left;
    margin: auto;
    padding: 0.5em;
    background-color: #fff;
    border: solid 1px black;
    white-space: normal;
    z-index: 1;
}
@media screen and (max-width: 700px) {
    .card_spoiler {
        left: initial;
        right: 0;
    }
}
.card_spoiler .card_head svg {
    width: 1.5em;
    height: 1em;
}
.card_spoiler .card_text {
    text-align: left;
}
.card_spoiler svg {
    width: 1.5em;
    height: 1em;.
}
.card_spoiler .important {
    font-weight: bold;
}
.card_spoiler .imageBox_width_plot {
    width: 40%;
    /*min-width: 190px;*/
    float: right;
}
.card_spoiler .imageBox_height_plot {
    padding-bottom: 35%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.card_spoiler .imageBox_width_agenda {
    width: 25%;
    /*min-width: 140px;*/
    float: right;
}
.card_spoiler .imageBox_height_agenda {
    padding-bottom: 93%;
    background-size: 100%;
    background-repeat: no-repeat;
    /*background-position-y: -20px;*/
}
.card_spoiler .imageBox_width_event {
    width: 25%;
    /*min-width: 140px;*/
    float: right;
}
.card_spoiler .imageBox_height_event {
    padding-bottom: 93%;
    background-size: 100%;
    background-repeat: no-repeat;
    /*background-position-y: -25px;*/
}

.card_spoiler .imageBox_width {
    width: 25%;
    /*min-width: 140px;*/
    float: right;
}
.card_spoiler .imageBox_height {
    padding-bottom: 93%;
    background-size: 100%;
    background-repeat: no-repeat;
    /*background-position-x: -25px;*/
}

.card_specify {
    font-style: italic;
    font-weight: bold;
}

/*#build_list .card_attributes {
    display: flex;
    padding: 0.5em;
    line-height: 1.5em;
    flex-wrap: wrap;
}
#build_list .card_attributes * {
    white-space: nowrap;
}

#build_list .card_specify {
    padding: 0em 0.5em;

}

#build_list .card_dlimit {
    padding: 0em 0.5em;
}

#build_list .card_text {
    position: relative;
    margin: auto;
    font-size: 1.2em;
    padding: 0.5em;
    overflow-y: auto;
}
#build_list .card_text .important {
    font-weight: bold;
}
#build_list .card_text .explanation {
    font-weight: bold;
    cursor: help;
}*/
.card_spoiler .explanation_text {
    display: none;
}

#card_preview {
    display: none;
    position: fixed;
    top: 2.7em;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 2;
    margin: auto;
    z-index: 20;
    width: 90%;
    /*height: 90%;*/
    border: solid 2px black;
    overflow-y: auto;
}

#card_preview .closeElement {
    position: absolute;
    right: 0;
    height: 1.5em;
    width: 1.5em;
    vertical-align: middle;
    background-color: #fff;
    border: solid 1px black;
    cursor: pointer;
    z-index: 1;
}

#card_preview svg {
    width: 1.5em;
    height: 1em;
    padding: 0.1em 0em;
}

#card_preview svg.cardErratum {
    position: absolute;
    width: 100%;
    height: 580%;
    bottom: 80%;
    cursor: help;
}
#card_preview .boxLeft {
    position: relative; 
    /*height: 100%; */
    width: 60%; 
    padding: 2em 0em;
}

#card_preview .boxRight {
    position: relative; 
    max-height: 524px;
    width: 40%; 
    text-align: right;
    padding: 2em;
}
@media screen and (max-width: 800px) {
    #card_preview {
        flex-wrap: wrap;
        height: inherit;
        overflow: auto;
    }
    #card_preview .boxLeft {
        width: 100%;
    }
    #card_preview .boxRight {
        text-align: center;
        width: 100%;
    }
}
#card_preview .boxRight img {
    border-radius: 1em;
    max-width: 100%;
    max-height: 90%;
}
#card_preview .card_name {
    font-size: 2em;
    /*margin-top: -1.2em*/;
    text-align: center;
    background-color: #aacc99;
    display: flex;
    white-space: nowrap;
    width: 90%;
    margin: auto;
    padding: 0em 0.5em;
}
#card_preview .card_name svg {
    margin: 0em -0.2em;
}
#card_preview .card_header {
    width: 90%;
    margin: auto;
    padding: 0.5em;
}
#card_preview .card_fraction {
    font-size: 1.3em;
    /*padding: 1em 0em 0em 1em;*/
    white-space: nowrap;
    overflow: hidden;
}
#card_preview .card_fraction .stark {
    color: #7b7b7b;
}
#card_preview .card_fraction .lannister {
    color: #efa526;
}
.card_fraction .baratheon {
    color: #bf8835;
}
#card_preview .card_fraction .greyjoy {
    color: #847b27;
}
#card_preview .card_fraction .tyrell {
    color: green;
}
#card_preview .card_fraction .targaryen {
    color: red;
}
#card_preview .card_fraction .nightwatch {
    color: black;
}
#card_preview .card_fraction .martell {
    color: #9a5858;
}
#card_preview .card_fraction .neutral {
    color: #4859a0;
}
#card_preview .card_fraction .spacer {
    background-color: grey;
}
#card_preview .card_attributes {
    display: flex;
    line-height: 1.5em;
    font-size: 1.3em;
    flex-wrap: wrap;
}
#card_preview .card_attributes * {
    white-space: nowrap;
}
#card_preview .card_type {
    font-weight: bold;
}

#card_preview .card_text {
    position: relative;
    width: 90%;
    margin: auto;
    border: solid 1px black;
    font-size: 1.2em;
    padding: 0.5em;
    height: 9em;
    overflow-y: auto;
    background-color: #eaeae6;
}
#card_preview .card_text .important {
    font-weight: bold;
}
#card_preview .card_text .explanation {
    font-weight: bold;
    text-decoration: underline;
    cursor: help;
}
#card_preview .card_text .explanation_text {
    display: none;
    position: absolute;
    left: 1em;
    right: 1em;
    text-align: center;
    background-color: white;
    padding: 0.1em;
    border: solid 1px brown;
    border-radius: 0.4em;
}
#card_preview .card_text .explanation:hover .explanation_text {
    display: block;
}
#card_preview .card_dlimit {
    /*padding-left: 1em;*/
}
#card_preview .card_footer {
    width: 90%;
    margin: auto;
    display: flex;
    font-size: 1.2em;
    padding: 0.5em;
    white-space: nowrap;
}
#card_preview .card_number {
    padding: 0em 1em;
}
#card_preview .card_set {
}
#card_preview .card_author {
    width: 100%;
}
@media screen and (max-width: 350px) {
    #card_preview .card_author {
        white-space: initial;
    }
}
#card_preview .card_specify {
    /*padding-left: 1em;*/
    font-size: 1.2em;
/*    font-style: italic;
    font-weight: bold;*/
}
#card_preview .card_flavor {
    font-style: italic;
    padding: 1em 0em 0em 0em;
}

#service_notes {
    display: none;
    position: relative;
    height: calc(100% - 4em);
    white-space: pre-line;
    overflow: auto;
}

#deck_description {
    border-right: solid 1px;
    border-left: solid 1px;
    border-bottom: double;
    padding: 0.5em;
    background-color: #fff;
}
#deck_description svg {
    width: 1.5em;
    height: 1em;
    /*vertical-align: bottom;*/
}
#deck_description .deck_author {
    color: #6b78ad;
    font-weight: bold;
    text-decoration: underline;
    margin-right: 0.3em;
}

#commentsHead {
    background-color: #bbb;
    padding: 0.3em 0.5em;
    border-bottom: solid 1px;
}

/*#commentsList {
    max-height: 15em;
    overflow-y: hidden;
}*/
#commentsList .comment_author {
    color: #6b78ad;
    font-weight: bold;
    text-decoration: underline;
    margin-right: 0.3em;
}
.deck_comment {
    border: solid 1px;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    background-color: #ffe;
    padding: 0.2em 0.5em;
    white-space: pre-line;
}
.deck_comment svg {
    width: 1.5em;
    height: 1em;
    /*vertical-align: bottom;*/
}

#button_cardNameList {
    /*display: none; */
    position: absolute;
    top: 0;
    z-index: 50;
    background-color: #ccc;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0; 
}
#markItUp .dropDown2:hover {
    background-color: #e8d7bd;
}
#button_cardNameList li {
    /*border-bottom: solid 1px;*/
    list-style: none;
}
#markItUp select {
    width: 100%;
}

#markItUp {
    display: flex;
    flex-wrap: wrap;
    border-style: solid;
        border-width: 2px 2px 1px;
}
#markItUp svg {
    width: 100%;
    height: 100%;
}
#markItUp .button,#markItUp .dropDown,#markItUp .dropDown2{
    position: relative;
    width: 2em;
    min-width: 1em;
    height: 1em;
    border-right: solid 1px;
    border-bottom: solid 1px;
    background-color: #999;
    cursor: pointer;
    flex-grow: 2;
    text-align: center;
    line-height: 1em;
} 

#markItUp_cardName {
    cursor: pointer;
}

.dropDown_box {
    display: none; 
    position: absolute;
    left: -1px;
    top: 1em;
    width: 84%;
    max-width: 4em;
    z-index: 50;
    background-color: #ccc;
    border: solid 1px;
    padding: 0.3em;
    margin: 0;
}
.dropDown_box li {
    border-bottom: solid 1px;
    list-style: none;
}
#markItUp .iconList {
    overflow: auto;
    height: 10em;
}
#markItUp .dropDown:hover .dropDown_box,#markItUp .dropDown:hover #button_cardNameList {
    display: block;
}

.dropDown_box li:hover {
    background-color: #fff;
}

#notes_preview_button{
    width: 2em;
    height: 1em;
    background-color: #bbb;
    border-bottom: solid 1px;
    cursor: pointer;
    flex-grow: 2;
    text-align: center;
    line-height: 1em;
}

#deck_notes {
/*    position: absolute;
    top: 1.5em;
    bottom: 0;*/
    width: 100%;
    border: 0;
    padding: 0;
    /*height: calc(100% - 1.5em);*/
    min-height: 13em;
}

@media screen and (max-width: 700px) {
    #markItUp .button,#markItUp .dropDown,#markItUp .dropDown2,#notes_preview_button,#button_cardNameList {
        height: 2em;
        line-height: 2em;
    }
    #deck_notes {
        top: 3em;
    }
    .dropDown_box {
        top: 2em;
    }
    #markItUp select {
        height: 2.5em;
    }
}
#markItUp .button:hover,#notes_preview_button:hover{
    background-color: #e8d7bd;
}

#markItUp input {
    width: calc(100% - 0.6em);
}

#commentPreview {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 2;
    margin: auto;
    z-index: 20;
    width: 90%;
    height: 90%;
    border: solid 2px black;
    overflow-y: auto;
}
#commentPreview svg {
    width: 1.5em;
    height: 1em;
    /*vertical-align: bottom;*/
}
#commentPreview .cardInText:hover {
    cursor: pointer;
    background-color: #ddd;
}

#service_charts {
    display: none;
    position: relative;
    height: calc(100% - 3em - 8px);
    text-align: center;
    overflow: auto;
}
#service_charts svg {
    width: 300px;
    height: initial;
    max-width: 95%;
    background-color: #ddf;
    border: solid 2px #fff;
}
#service_charts svg text {
    cursor: context-menu;
}
#service_charts svg.switch,#service_charts svg.switch *,#costChart {
    cursor: pointer;
}

.with_duplicates {
    display: none;
}

#service_charts .strenght {
    fill: #9fcc6b;
}

#service_charts path.character {
    display: none;
    fill: #fbbb5c;
}
#service_charts path.attachment {
    display: none;
    fill: #fbbb5c;
}
#service_charts path.location {
    display: none;
    fill: #fbbb5c;
}
#service_charts path.event {
    display: none;
    fill: #fbbb5c;
}
#service_charts path.all_type {
    display: none;
    fill: #fbbb5c;
}
#service_charts text.attachment,#service_charts text.character,#service_charts text.location,#service_charts text.event,#service_charts text.all_type {
    display: none;
}

#service_analysis {
    display: none;
    position: relative;
    height: calc(100% - 3.5em);
    text-align: center;
    overflow: auto;
}
#service_analysis ul {
    position: relative;
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
#service_analysis li {
    flex-grow: 2;
    text-align: center;
    border: solid 2px;
    cursor: pointer;
    z-index: 1;
    background-color: rgba(251, 187, 92, 0.2);
}
#service_analysis li:hover {
    background-color: #ffd597;
}
#service_analysis .analyze_item {
    display: none;
    border-style: solid;
    border-width: 0px 2px 2px 2px;
    padding: 0.5em;
}
#service_analysis .spacer {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 255, 0.25);
    /*top: calc(1em + 6px);*/
    left: 0;
    right: 0;
    opacity: 0.6;
}

.advAnalyze_item {
    background-color: #fff;
    border: double 4px;
    margin-bottom: 0.3em;
}
.advAnalyze_setParam {
     display: flex; 
    background-color: brown;
    padding: 0em 0.4em 0.4em;
    border-top: double 4px #ddd;
    align-items: flex-end;
}
.advAnalyze_setParam label {
    width: 34%;
    color: #fff;
} 
.advAnalyze_setParam .inputTitle {
    width: 100%;
    padding: 0.2em 0.1em;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.8em;
}
@media screen and (max-width: 700px) {
    .advAnalyze_setParam .inputTitle {
        font-size: 0.7em;
    }
}
.advAnalyze_setParam input, .advAnalyze_setParam select {
    width: 100%;
    max-width: 12em;
    border: solid 1px black;
    font-size: 14px;
    box-sizing: content-box;
}
.advAnalyze_item_head {
    cursor: pointer;
}
.advAnalyze_item_head div {
    margin: auto;
    display: inline-block;
    width: 2em;
    height: 0.3em;
    border-bottom: solid 3px;
    border-top: solid 3px;
    margin-top: 0.3em;
}
.advAnalyze_item_service {
    display: flex;
    justify-content: flex-end;
}
.advAnalyze_item_service * {
    margin-left: 0.5em;
}
.advAnalyze_item_service input:hover {
    background-color: #ccc;
}
#advAnalyze_globalSetting {
    display: flex;
}
#advAnalyze_globalSetting input {
    width: 3em;
}
#advAnalyze_globalSetting label {
    border: double;
    margin-bottom: 0.2em;
    flex-grow: 2;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #ddd;
}
#adv_analyze_serviceLine {
    display: flex;
    justify-content: flex-start;
}
#adv_analyze_serviceLine input {
    margin-right: 0.5em;
}
#adv_analyze_serviceLine input:hover {
    background-color: #ccc;
}
#adv_analyze_serviceLine input:disabled,#adv_analyze_serviceLine input:disabled:hover {
    color: #ccc;
    cursor: no-drop;
    background-color: #ddd;
}

#search_valueHelp {
    position: absolute;
    background-color: #bbbbbb;
    padding: 0.5em 0em;
    width: 100px;
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    z-index: 3;
}
#search_valueHelp div {
    padding: 0em 0.5em;
    cursor: pointer;
}
#search_valueHelp div.selected {
    background-color: #999999;
    color: #ffffff;
}
#search_valueHelp div:hover {
    background-color: #dddddd;
}

#analyze_result {
    position: relative;
    background-color: #876;
    width: 6em;
    color: #fff;
    justify-content: space-around;
    flex-grow: 0;
    align-items: center;
    cursor: pointer;
    display: flex;
    z-index: 3;
}
#analyze_result svg {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
}
#analyze_result_helpButton {
    cursor: help;
    background-color: #dacbb5;
    border-radius: 3px;
}
#analyze_result_help {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    padding: 0.3em;
    border: solid 1px black;
    border-radius: 3px;
    color: #000;
    background-color: #eee;
    white-space: nowrap;
    cursor: auto;
}
#analyze_result .advanced_content {
    display: none;
    min-width: 50%;
}

.advAnalyze_removeItem {
    width: 1em;
    height: 1em;
    border: solid 1px;
    border-radius: 1px;
    background-color: #ddd;
}
.setupAnalyze_removeItem {
    width: 1em;
    height: 1em;
    border: solid 1px;
    border-radius: 1px;
    background-color: #ddd;
    float: right;
}
.setupAnalyze_removeItem:hover {
    background-color: #ff9797;
}
.setupAnalyze_default {
    text-align: left;
    border-bottom: dotted 1px;
}
.setupAnalyze_item {
    text-decoration: underline;
    cursor: pointer;
    padding: 1px 0.5em;
}
.setupAnalyze_item:hover {
    background-color: #ffd597;
}
.setupAnalyze_temporaryBackup {    
    text-align: left;
    border-bottom: dotted 1px;
    height: 1em;
    padding: 2px 0px;
    background-color: #fff8c4;
}
.setupAnalyze_temporaryBackup:hover {
    background-color: #ffd597;
}
.setupAnalyze_self {
    text-align: left;
    border-bottom: dotted 1px;
}
.setupAnalyze_new {
    text-align: left;
}
.setupAnalyze_new input[type="button"]:hover {
    background-color: #ffd597;
}

#search_hidden {
    display: none;
}

#service_test {
    display: none;
    position: relative;
    height: calc(100% - 3.5em - 3px);
    overflow: hidden;
}
#service_test .content {
    position: relative;
    height: calc(100% - 1.5em - 4px);
    overflow-x: hidden;
    overflow-y: auto;
}
#service_test .head {
    display: flex;
    border-bottom: double;
}
#service_test .head svg {
    height: 1em;
    width: inherit;
    background-color: #e8d7bd;
    border: solid #b9a782;
    flex-grow: 2;
    text-align: center;
    cursor: pointer;
    margin-bottom: 1px;
}
#service_test .head *:hover {
    background-color: #efc280;
}

#service_test .imageBox {
    position: relative;
    display: inline-block;
}
#service_test .activeImageBox {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
#service_test .imageBox svg,#service_test .activeImageBox svg {
    width: 6em;
    height: initial;
    border-radius: 5%;
}
#service_test img {
    position: absolute;
    width: 6em;
    border-radius: 5%;
}
#service_test .use_line {
    background-color: #eee;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 2px 0px;
    position: relative;
}
#service_test .use_line:hover {
    background-color: #e2e2b0;
}
#service_test .main_line {
    background-color: #e2e2b0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 2px 0px;
    position: relative;
}
#service_test .main_line:hover {
    background-color: #eee;
}
#service_test .line {
    background-color: #aaa;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 2px 0px;
    position: relative;
}
#service_test .line:hover {
    background-color: #eee;
}
#service_test .header {
    background-color: rgba(239, 165, 38, 0.66);
    padding: 0.1em 0.6em;
    cursor: pointer;
    display: flex;
    border-style: solid;
    border-width: 0px 1px 3px;
    border-color: #a56363;
    /*border-bottom: solid 3px #f0f1ce;*/
    border-radius: 1px;
}
#service_test .header:hover {
    color: #9a5555;
    background-color: #f3d3a4;
}
#service_test .arrow_hide {
    margin: auto;
    display: inline-block;
    width: 2em;
    height: 0.3em;
    border-bottom: solid 3px;
    border-top: solid 3px;
    margin-top: 0.3em;
}
#service_test .arrow_show {
    margin: auto;
    display: inline-block;
    width: 2em;
    height: 1px;
    border-bottom: solid 3px;
    border-top: solid 3px;
    margin-top: 0.3em;
}
#service_test .item {
    flex-shrink: 0;
    width: 1.5em;
    height: 1em;
    padding: 0.1em;
}
#service_test .itemName {
    flex-grow: 2;
    padding: 0.1em;
}
#service_test .eventLine {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    z-index: 10;
}
#draw_cards_test svg {
    width: 1.5em;
    height: 1em;
    margin-bottom: -3px;
}

#custom_title {
    position: absolute;
    display: none;
    padding: 0.3em;
    /*white-space: nowrap;*/
    overflow: hidden;
    background-color: #ddd;
    border: solid 1px black;
    z-index: 9;
    cursor: auto;
    z-index: 30;
}

.card_fraction .spacer {
    background-color: grey;
}
option:disabled {
    background-color: grey;
}

.stark {
    color: #7b7b7b;
    fill: #7b7b7b;
}
.lannister {
    color: #efa526;
    fill: #efa526;
}
.baratheon {
    color: #bf8835;
    fill: #bf8835;
}
.greyjoy {
    color: #847b27;
    fill: #847b27;
}
.tyrell {
    color: green;
    fill: green;
}
.targaryen {
    color: #e01a1a;
    fill: #e01a1a;
}
.nightwatch {
    color: black;
    fill: #666666;
}
.martell {
    color: #9a5858;
    fill: #9a5858;
}
.neutral {
    color: #4859a0;
    fill: #4859a0;
}
.fightChallenge {
    color: #a50031;
    fill: #a50031;
}
.intriqueChallenge {
    color: #d6cab1;
    fill: #d6cab1;
}
.powerChallenge {
    color: #6b78ad;
    fill: #6b78ad;
}



#trashWarning {
    display: none;
    position: fixed;
    background-color: rgba(113,92,16,0.6);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
}
#trashWarning_content {
    position: absolute;
    width: 500px;
    background-color: #fff;
    padding: 1em;
    border: solid 2px black;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: table;
    margin: auto;
}
@media screen and (max-width: 580px) {
    #trashWarning_content {
        max-width: 90%;
        width: 90%;
    }
}

#trashWarning_deck_name {
    font-weight: bold;
    padding-left: 1em;
}
#trashWarning_buttons {
    padding-top: 1em;
    display: flex;
    justify-content: space-around;
}
#trashWarning_buttons input {
    cursor: pointer;
    padding: 0.5em 1em;
    text-decoration: underline;
    border: solid 1px;
}
#trashWarning_buttons input:hover {
    color: #ad6700;
    background-color: #e8d7bd;
}

#exportLinks {
    position: absolute;
    display: none;
}
#exportLinks a {
    border: solid 2px;
    padding: 0.5em;
    white-space: nowrap;
    background-color: #fff;
    color: #000;
    display: block;
    cursor: pointer;
}
#exportLinks a:hover {
    border-color: #ad6700;
    background-color: #e8d7bd;
}

#exportCustomBox {
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(102, 102, 102, 0.84);
    display: none;
    z-index: 50;
}
#exportCustomBox .close {
    position: absolute;
    top: 0;
    width: 1.5em;
    vertical-align: middle;
    height: 1.5em;
    right: 0;
    background-color: #fff;
    cursor: pointer;
    z-index: 1;
    border-style: solid;
    border-width: 0px 0px 3px 3px;
    border-color: #ffd96f;
}
#exportCustomBox .close:hover {
    background-color: #e8d7bd;
}
#exportCustomBox .content {
    background-color: #e8e2bd;
    position: relative;
    min-width: 50%;
    max-width: 90%;
    max-height: 70%;
    border: solid 3px #ffd96f;
    /*font-size: 1.3em;*/
    text-align: center;
    padding: 2em;
    overflow: auto;
    margin: auto;
}
#exportCustomBox button {
    cursor: pointer;
    min-width: 20%;
    padding: 0.4em;
    background-color: #e4ac86;
}
#exportCustomBox button:hover {
    background-color: #ffd96f;
}
#exportCustomBox group {
    display: flex;
    flex-wrap: wrap;
}
#exportCustomBox section {
    flex-grow: 2;
    flex-shrink: 0;
    padding: 0em 0.5em 0.5em;
    width: 26vw;
    margin: 0.3em;
    background-color: #d6cab1;
}
#exportCustomBox label {
    display: block;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
/*#exportCustomBox label.sortable {
    cursor: n-resize;
}*/
#exportCustomBox label:hover {
    background-color: #ffd96f;
}
#moveLock_label {
    display: none;
}
#exportCustomBox svg {
    width: 2em;
    height: initial;
    border: solid 1px;
    margin: 1px;
}

#publishWarning {
    display: none;
    position: fixed;
    background-color: rgba(113,92,16,0.6);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}
#publishWarning_content {
    position: absolute;
    width: 500px;
    background-color: #fff;
    padding: 1em;
    border: solid 2px black;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: table;
    margin: auto;
}
@media screen and (max-width: 580px) {
    #publishWarning_content {
        max-width: 90%;
        width: 90%;
    }
}

#publishWarning_deck_name {
    font-weight: bold;
    padding-left: 1em;
}
#publishWarning_buttons {
    padding-top: 1em;
    display: flex;
    justify-content: space-around;
}
#publishWarning_buttons input {
    cursor: pointer;
    padding: 0.5em 1em;
    text-decoration: underline;
    border: solid 1px;
}
#publishWarning_buttons input:hover {
    color: #ad6700;
    background-color: #e8d7bd;
}

#auxiliaryIframe {
    width: 0;
    height: 0;
    visibility: hidden;
}