.theme--light.v-application {
    background: #fff0;
}

.theme--light.v-tabs>.v-tabs-bar {
    background-color: #fff0;
}
.v-tab {
    background-color: #1117;
}
.note-unit-handle-css{
    background: #0000;
    background-color: transparent;
    box-shadow: none;
    padding-left: 9px;
    padding-right: 20px;
}

.note-unit {
    background-color: #fff8;
    background-color: #f0f8fc80;
}

.text-input-edit-note {
    background-color: #fefefee0;
    background-color: #fefefef0;
    border-radius: 4px;
    margin-top: 0px;
}

.text-input-edit-note:focus {
    background: #f4f2ee;
	outline-style: none;
}


.theme--light.v-card {
    background-color: #fff0;
    position: relative;
}

.theme--light.v-tabs-items {
     background-color: #fff0;
}

.note-button-area {
    background-color: #0000;
}

#bottom-bar {
    background-color: #f0f2f800 !important;
    padding-top: 5px;
}

.personalize-sub-tab-icon {
    color: white !important;    
    color: #42A5F5a0 !important;    
}

.personalize-selected-memo {
    color: #fff !important;
    border-color: #f8f8f880;
    background-color: #0006;
    border-width: 0.2px;
    line-height: 1.475rem;
}


.v-icon.v-icon--dense {
    background-color: #0000;
}

.v-icon.v-icon {
    background-color: #fff0;
    text-shadow: #0000;
}

.theme--light.v-tabs>.v-tabs-bar .v-tab--disabled, .theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active), .theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn, .theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon {
    color: rgba(200,200,200,.54);
}

.v-tab {
    min-width: 50px;
}

.v-btn--fab.v-size--default .v-icon, .v-btn--fab.v-size--small .v-icon, .v-btn--icon.v-size--default .v-icon, .v-btn--icon.v-size--small .v-icon {
    color: white;
}
.map-area-inner-inner{
    background: #0000;
}

.v-card__subtitle, .v-card__text {
    line-height: 1.605rem;
}

.root-memo {
    opacity: 0.75;
    color: #58595a !important;
    border-radius: 3px;
    font-weight: 700;
}

.listed-box-card {
    height: 100%;
    min-height: 70px;
    background-color: #60606040 !important;
    background-color: #ffffff90 !important;
}

.theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
    background: #f0f0f080; 
}

.theme--light.v-text-field--filled:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot:hover {
    background: #f0f0f080; 
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: unset !important;
    color: fieldtext !important;
    box-shadow: 0 0 0 1000px rgba(250, 250, 250) inset;
}

.imem-imem {
    background-color: #1565c0a8!important;
}

.imem-imnem {
    background-color: #1e88e5a8!important;
}

.imem-nimem {
    background-color: #1e88e5a8!important;
}

.imem-nimnem {
    background-color: #42a5f5a8!important;
}

.listed-box-chip {
    margin-top: -6px;
}

.peer_fwoh {
    border-style: none;
    box-shadow: 1px 1px 6px #303030a0;
    border-radius: 2px;
    background: linear-gradient(90deg, #ffffffb8, #ffffffa8);
    color: #333;
}

.fwoh-chip {
    margin-top:-7px;
    background-color: #fcfcfcd8!important;
}

.scamper-elm-title {
    display: inline-block;
    font-weight: 700;
    margin-top: -5px;
    padding-top: 5px!important;;
    background: linear-gradient(95deg, #1E88E5e0, #1565C0a8)!important;
    vertical-align: top;
}

.scampertheme,.white9theme, .white4theme  {
    border-style: none;
    font-size: 18.5px;
    background: linear-gradient(90deg, #ffffffc0, #ffffffa8);
    padding-top: 10px;
    padding-bottom: 6px;
    box-shadow: 2px 2px 13px #0008;
}

.peer_white9, .peer_gururi, .peer_white4, .peer_ppm{
    border-style: none;
    box-shadow: 1px 1px 6px #303030a0;
    border-radius: 2px;
    background: linear-gradient(90deg, #ffffffc0, #ffffffb0);
    color: #333;
  }

  .white4A1Title,.white4B1Title,.white4A2Title, .white4B2Title,
  .white9A1Title,.white9B1Title,.white9C1Title,
  .white9A2Title,.white9B2Title,.white9C2Title,
  .white9A3Title,.white9B3Title,.white9C3Title {
    background: #0085f098!important;;
    color: #fefefe!important;
    font-size: 13.5px;
    padding-bottom: 2px;
    padding-left: 26px;
    padding-bottom: 3px;
    padding-top: 2px;/* win chrome にて上欠けが発生したので：!!! 根本的に治すべき*/
}

.white4A1TitleIcon,.white4B1TitleIcon,.white4A2TitleIcon, .white4B2TitleIcon,
.white9A1TitleIcon,.white9B1TitleIcon,.white9C1TitleIcon,
.white9A2TitleIcon,.white9B2TitleIcon,.white9C2TitleIcon,
.white9A3TitleIcon,.white9B3TitleIcon,.white9C3TitleIcon {
  color: #d0e0fe!important;
  font-size: 13.5px;
}

.white4themeIcon,.white9themeIcon,.white4A1BoxIcon,
.white4B1BoxIcon,.white4A2BoxIcon, .white4B2BoxIcon,
.white9A1BoxIcon,.white9B1BoxIcon,.white9C1BoxIcon,
.white9A2BoxIcon,.white9B2BoxIcon,.white9C2BoxIcon,
.white9A3BoxIcon,.white9B3BoxIcon,.white9C3BoxIcon,
.ptouIcon,.adaptIcon,.modifyIcon,.magnifyIcon,.minifyIcon,
.substitudeIcon,.rearrangeIcon,.reverseIcon,.combineIcon,
.starIcon,
.questionIcon,
.cashcowIcon,
.dogIcon {
  color: #706860!important;
  font-size: 13.5px;
}

.problemIcon,
.alternativesIcon,
.solutionIcon,
.metricsIcon,
.valueIcon,
.advantageIcon,
.channelIcon,
.customerIcon,
.earlyadoptersIcon,
.costIcon,
.revenueIcon{
    color: #c8f0d8!important;
    font-size: 13.5px;  
}


.imemIcon, .nimemIcon, .imnemIcon, .nimnemIcon,
.whatIcon, .whenIcon, .whoIcon,.whereIcon,.whyIcon,.howIcon{
  color: #988a80!important;
  font-size: 13.5px;
}
.ppm-hanagata {
    background-color: #ff1E6398!important;
    border-style: none;
    box-shadow: 1px 1px 8px #303030a0;
  }
  
.ppm-mondaiji {
    background-color: #80808098!important;
    border-style: none;
    box-shadow: 1px 1px 8px #303030a0;
}

.ppm-kanenonaruki {
    background: linear-gradient(315deg, #B67B03c0 0%, #DAAF08c0 75%, #FEE9A0c0 85%, #DAAF08c0 100%)!important;
    border-style: none;
    box-shadow: 1px 1px 8px #303030a0;
}

.ppm-makeinu {
    background-color: #10101080!important;
    border-style: none;
    box-shadow: 1px 1px 8px #303030b0;
}

.lean-chip {
    background-color: #fefefea0!important;
    border-style: none;
    box-shadow: 1px 1px 8px #30303040;
}

.peer_lean{
    border-style: none;
    background: linear-gradient(
        155deg, #10be708c,#10b8708c,#10b87080,#10b87080,#10b87080,#10b87080,#10b87080,#10b87080,#10b8708c,#10b870c0,#10b870c0);
        padding-top: 13px;
    background: linear-gradient(
        155deg, #10b860da, #10b850cc);
        padding-bottom: 10px;
    font-size: 15.5px;
    border-radius: 3px;;
    box-shadow: 1px 1px 5px #30303050;
  }
  
  .mpn-dialog {
    background: #ffffffc0 !important;
  }
  .v-item-group {
    flex: unset;
    position: static;
  }

  .v-window__container {
    position: static;
  }

  .size-1 {
font-size: 70%;
}

.size1 {
font-size: 115%;
}

.size2 {
font-size: 130%;
}

.size3 {
font-size: 145%;
}
  
.v-tab.v-tab {
    color: white!important;
    min-width: 0px;
    border-radius: 0px;
    height: 38px;
}

.v-tabs--density-default {
    --v-tabs-height: 38px;
}

.root-drop {
    left: 0px;
    display: inline-block;
    min-height: 35px;
    width:100%;
    border-style: none;
    border-width: 2px;
    border-color: #999;
    border-radius: 6px;
    background-position: center center;
    background-size: 20px 20px;
}

.personalize-seaching-memo {
    display:inline-block;
    padding: 3px;
    border-radius:10px;
    border-width: thin;
    border-style: none;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: bottom;
    margin-right: 5px;
    width: 100%;
    min-height:38px;
    text-align:left;
    overflow-x:hidden;
    background-color: #f0f0f080;

    color:#333;
    /*content-visibility: auto;*/
    box-shadow: rgb(51 51 51 / 50%) 0px 1px 3px;
    position: relative;
}

.personal-setting-image {
    display:inline-block;
    z-index: 10;
    bottom: 45px;
    right: 5px;
    /*margin:5px;*/
    /*padding:10px;*/
    max-width: 160px;
    min-width: 120px;
    min-height:50px;
    height:120px;width:120px;
    text-align: center;
  
    font-weight:600;
    font-size:14px;
    align-items: center;
    color: white;
    display: inline-block;
    border-radius: 8px;
    border-style: solid;
    border-width: 0px;
    border-color: #fe2020;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:30px 30px;
    /*background-image: url(/static/visionarynote/img/image-drop.png);*/
    overflow: hidden;
}

.v-card {
    border-radius: 2px;
    overflow: visible;
    position: relative;
    z-index: unset;
}
.v-btn__content {
    display: inline-block;
}

.selection-area,.selection-area-sub {
    background: rgba(46, 115, 252, 0.11);
    border: 2px solid rgba(98, 155, 255, 0.81);
    border-radius: 0.1em;
}

.v-overlay__scrim {
    background: #fff0;
}

.mpn-sub-tab {
    min-width: unset!important;
}

.table_box{
    max-width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    user-select: auto;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout:fixed;
  }
  th, td {
    vertical-align: middle;
    padding: 0px;
    border: 3px solid #fff2;
    color: #2226;
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;

  }
  th {
    background: #ccc8;
  }
  td {
    background: #fffffff2;
}
.resize-handle-td {
    cursor: col-resize;
    float: right;
    width: 5px;
    height: 18px;
    margin-top: 2px;
    background-color: #fff0;
    color: #ccc0;
}
.resize-handle-tr {
    cursor: row-resize;
    position: absolute;
    bottom: 0px;
    right: 1px;
    height: 5px;
    background-color: #fff0;
    width: calc(100% - 3px);}
.sticky_row {
    position: sticky;
    top: 0;
    left: 0;
    background: none;
    border-left: none;
    border-right: none;
    height: 100px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}
  .sticky_row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    border-left: 1px solid #fff0;
    border-right: 1px solid #fff0;
    background: #eeea;
    z-index: -1;
  }
  .sticky_col {
    overflow: hidden;
    position: sticky;
    top: 0;
    left: 0;
    background: none;
    border-top: none;
    border-bottom: none;
    text-align: center;
  }
  .sticky_col::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff0;
    border-bottom: 1px solid #fff0;
    background: #eeea;
    z-index: -1;
  }
  .sticky_cross {
    position: sticky;
    top: 0;
    left: 0;
    background: none;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    z-index: 1;
    }
  .sticky_cross::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff0;
    border-bottom: 1px solid #fff0;
    border-left: 1px solid #fff0;
    border-right: 1px solid #fff0;
    background: #eeea;
    z-index: -1;
  }

.groupselect {
    opacity: 0.3;
}

.normal-cell {
    border: 2px solid #fff0;
}

.atFocus {
    border: 2px solid #2979FF !important;
}

.atCopy {
    border: 2px dotted #000000;
/*
    border-image: linear-gradient(135deg,
    #ffffff 5%,
    #000000 10%,
    #ffffff 15%,
    #000000 20%,
    #ffffff 25%,
    #000000 30%,
    #ffffff 35%,
    #000000 40%,
    #ffffff 45%,
    #000000 50%,
    #ffffff 55%,
    #000000 60%,
    #ffffff 65%,
    #000000 70%,
    #ffffff 75%,
    #000000 80%,
    #ffffff 85%,
    #000000 90%,
    #ffffff 95%
    ) 1 / 1 1 2px;
    border-image: linear-gradient(135deg,
    #ff1744 25%,
    #00e5ff 25%,
    #00e5ff 50%,
    #c6ff00 50%,
    #c6ff00 75%,
    #ffea00 75%    ) 1 / 1 1 2px;
*/
    border-style: dotted;
    animation: bg-color2 1.5s infinite;
}

@keyframes bg-color2 {
    0% { border-color: #ffffff; }
    50% { border-color: #000000; }
    100% { border-color: #ffffff; }
  }
td:focus {
    outline:  none;
}

@keyframes bg-color {
    0% { 	filter:
                brightness(1)
                drop-shadow(rgba(248, 248, 248, 0.927) 2px 2px 5px);    }
    50% { filter:
        brightness(1.2)
        drop-shadow(rgba(248, 248, 248, 0.927) 2px 2px 10px);}
    100% { 	filter:
        brightness(1)
        drop-shadow(rgba(248, 248, 248, 0.927) 2px 2px 5px);}
  }
  
  #push-pict {
    animation: bg-color 6s infinite;
	transition-timing-function: ease;
}