/*
 driver.min.cssはそのままにしておくため、driver.jsのデザイン変更はここで書き換える
 
*/


/* ============ 書き換え要素 ============ */
/*div#driver-popover-item .driver-popover-footer button{
	background-color:#2680b7;
	text-shadow: none;
        color: #ffffff;
	border: 0px;
	font-size:0.95rem;
}*/
div#driver-popover-item .driver-popover-footer button{
	background-color:#5690c7;
        color: #ffffff;
	border: 0px;
        border-bottom: solid 3px #0065b2;
        border-radius:7px;
        padding:3px 15px;
	font-size: 14px;
        /*font-weight: bold;*/
        text-shadow: none;
        transition: .1s;
}
div#driver-popover-item .driver-popover-footer button:hover{
    background: #a1c3e7;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
div#driver-popover-item .driver-popover-footer button:active{
    background: #67a5da;
    border-bottom:transparent;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

div#driver-popover-item .driver-popover-footer button.driver-disabled{
    background-color: transparent;
    border-bottom:transparent;
}

div#driver-popover-item .driver-popover-description{
    font:unset;
}
/* ============ 追加要素 ============ */
button[name="check_nippou"]{
    background-color:#FCC244;
}
button[name="check_nippou"]:hover{
    background-color:#F9AC06;
}
button[name="check_nippou"]:active{
    background-color:#CC8E07;
}
button[name="check_nippou"]:disabled{
    background-color:#D6AB4F;
}
.balloon-info{
    color:#666347;
    font-size:13px;
}
.copy-hover{
    color: #007bbb;
    text-decoration: underline;
}
.copy-balloon{
    display: none;
      width: 450px;
      position: absolute;
      top: 0;
      left: 340px;
      padding: 16px;
      border-radius: 5px;
      background: #FFEDB3;
      color: #000000;
}
.copy-balloon:after{
position: absolute;
      width: 0;
      height: 0;
      left: 0;
      top: -17px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-bottom-color: #FFEDB3;
      border-width: 10px;
      pointer-events: none;
      content: " ";
}
.copy-hover:hover + .copy-balloon{
    display:block;
}

.paste-hover{
    color: #007bbb;
    text-decoration: underline;
}
.paste-balloon{
    display: none;
      width: 460px;
      position: absolute;
      bottom: 0;
      left: 340px;
      padding: 16px;
      border-radius: 5px;
      background: #FFEDB3;
      color: #000000;
}
.paste-balloon:after{
position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -15px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #FFEDB3;
      border-width: 10px;
      pointer-events: none;
      content: " ";
}
.paste-hover:hover + .paste-balloon{
    display:block;
}

.hidden-box{
 position:absolute;
 width:100px;
 height:80px;
 background:white;
 right:2px;
 bottom:2px;
}