/* 
 * RainbowLink Inc.'s Official Site Design ( estimate ) Vesion 2.0
 * Created by RainbowLink Inc.  And ChatGPT re-designed the core-design-scheme and the core-color-scheme for RainbowLink Inc. ( See: Section18 of RL_core2.css )
 *   
 */
.accordion__summary {
text-align: left;
}
.accordion__text {
padding-top: 0.3em;
text-align: left;
line-height: 1.8;
font-size: 110%;
color: #000;
}
.wspace{
white-space: pre-wrap;
}
p.menutitle {
margin-left: 2.5em;
margin-right: 2.5em;
text-align: left;
color: #333;
font-size: 90%;
}
div.menu_estimate {
float: right;
text-align: left;
width: 40%;
margin-top: 0;
margin-left: 0.5em;
margin-right: 0;
margin-bottom: 0;
padding: 0.1%;
line-height: 1.4;
display: inline;
position: relative;
box-shadow: -15px 10px 10px #737373;
-moz-box-shadow: -15px 10px 10px #737373;
-webkit-box-shadow: -15px 10px 10px #737373;
-uu-box-shadow: -15px 10px 10px #737373;
background-color:#fff;
}
p.p1 {
margin-left:1em;
margin-right:1em;
padding:0;
text-align: left;
line-height: 1.4;
}
p.p1 a{
color: #666;
}
span.p70 {
font-size: 70%;
}
p.pright {
text-align: right;
}
p.pcenter {
text-align: center;
}
p.subtitle_left {
padding-left: 0.3em;
padding-right: 0.3em;
text-align: left;
font-weight: bold;
      color: #005599 ! important;
}
.estimate_start,.offer_start {
margin-top: 0.5em;
margin-bottom: 0;
padding: 0.3em;
text-align: center;
width: 12em;
color: #000;
font-size: 120%;
background-color: #c1dbe5;
border: none;
box-shadow: 10px 10px 10px #737373;
-moz-box-shadow: 10px 10px 10px #737373;
-webkit-box-shadow: 10px 10px 10px #737373;
-uu-box-shadow: 10px 10px 10px #737373;
}
table.estimate td.content_end{
border-bottom: solid 1px #666;
}
table.estimate td.border_right {
border-right: dotted 1px #666;
}
table.estimate td.border_bottom_none {
border-bottom: none;
}
div.offering {
margin: 0 auto;
border: gray solid 1px;
width: 98%;
text-align: center;
background-color:#e4ecef;
}
div.offering table.estimate {
text-align: center;
width: 100%;
}
th.check_total{
background-color: yellow;
}
table#estimate_result th.total_yellow {
background: yellow;
}
table#estimate_result td.total_yellow {
background: yellow;
}
table#estimate_result td.content_total{
background: yellow;
}
.total_yellow {
background: yellow;
}
table#estimate_result th {
background: yellow;
}
table#estimate_result td {
background: yellow;
}
div.offering .btn_green {
margin-top: 0;
}
div.offering #btn_green {
margin-top: 0;
}
.offering h2 {
padding: 0.3em;
font-size: 120%;
}
h2.pleft {
padding: 0.3em;
text-align: left;
font-size: 120%;
}
.offering h2 {
margin-top:0;
margin-bottom:0;
color: #000;
background-color:#c1dbe5;
border-top: 15px #5caece solid;
}
.offering h2.h21st {
margin-top:0;
}
.offering p.subtitle {
margin: 0;
padding: 0.5em;
      color: #005599 ! important;
font-weight: bold;
text-shadow:1px 1px 3px #fff,3px 3px 6px #c1dbe5;
background-color:#deecf1;
}
.offering p.subtitle a{
      color: #005599 ! important;
}
.offering p.p1 {
background-color: transparent;
}
.offering .subtitle a.deco_underline {
text-decoration: underline;
}
.offering .subtitle a.deco_underline:hover {
color:#000;
}
.bg_yellow {
margin-left:1em;
margin-right:1em;
padding:0;
text-align: left;
line-height: 1.4;
background-color: #f3e9ba;
}
.hightlight_lighting {
border: 10px solid yellow;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
.smokey {
opacity: 0.1;
filter:alpha(opacity=10);
-ms-filter:"alpha(opacity=10)";
background:none!important;
}


table.estimate input.bar_input:hover,table.estimate input.bar_input_right:hover,table.estimate textarea.tex100:hover{
border: solid 3px red;
}

/* 30 media queries */
@media screen and (max-width: 48em) {
table.estimate th, table.estimate td, div.offering h2, div.offering p {
text-align: left;
}
}

@media screen and (min-width: 48em) {
table.estimate {
margin:0;
padding: 0;
}
table.estimate th.check{
width: 2%;
}
table.estimate th.check_top{
width: 2%;
}
table.estimate td.check{
width: 2%;
}
table.estimate th.about{
width: 30%;
}
table.estimate td.content{
vertical-align: middle;
text-align: left;
width: auto;
}
table.estimate td.content_left{
padding-left: 0.1%;
vertical-align: middle;
text-align: left;
width: auto;
}
table.estimate td.content_center{
padding-left: 0.1%;
vertical-align: middle;
text-align: center;
width: auto;
}
table.estimate td.content_centerr{
margin:0px;
padding-left: 0.1%;
vertical-align: middle;
text-align: right;
width: auto;
}
table.estimate td.content_right{
margin:0px;
padding-left: 0.1%;
vertical-align: middle;
text-align: right;
width: auto;
}
table.estimate td.content a{
text-decoration: none;
}
table.estimate td.content_center a{
text-decoration: none;
}
table.estimate td.contentc{
margin:0px;
padding:0;
vertical-align: middle;
text-align: center;
width: 40%;
}
table.estimate td.contentr{
margin:0px;
padding:0;
vertical-align: middle;
text-align: right;
width: 40%;
}
table.estimate td.contentc a{
text-decoration: none;
}
table.estimate td.price{
margin:0px;
padding:0;
vertical-align: middle;
text-align: right;
width: 25%;
}
table.estimate td.pricel{
margin:0px;
padding:0;
vertical-align: middle;
text-align: left;
width: 25%;
}
table.estimate td.piece_show{
margin:0px;
padding:0;
vertical-align: middle;
text-align: center;
width: 25%;
}
table.estimate td.piece{
margin:0px;
padding:0;
vertical-align: middle;
text-align: left;
width: 25%;
}
table.estimate td.piecel{
margin:0px;
padding:0;
vertical-align: middle;
text-align: left;
width: 25%;
}
table.estimate input.bar1{
width: 3em;
text-align:right;
font-size: 120%;
border: solid 1px #C5DCFD;
background: #fff;
}
table.estimate input.bar2{
height: 2.1em;
width: 99.8%;
font-size: 120%;
border: solid 1px #C5DCFD;
background: #fff;
}
table.estimate input.bar22{
height: 2.1em;
width: 99.8%;
font-size: 120%;
border: solid 1px #C5DCFD;
background: #fff;
}
table.estimate input.bar_piece{
width: 60%;
text-align: right;
font-size: 120%;
border: solid 1px #C5DCFD;
background: #c1dbe5;
}
table.estimate input.bar_input{
width: 60%;
text-align: left;
font-size: 120%;
border:none;
border: dashed 3px red;
background: #fff;
}
table.estimate input.bar_input_right{
width: 60%;
text-align: right;
font-size: 120%;
border:none;
border: dashed 3px red;
background: #fff;
}
table.estimate textarea.tex100 {
padding-top:0.3em;
padding-bottom:0.3em;
height: 7em;
width: 99.8%;
border:none;
border: dashed 3px red;
background: #fff;
}
table.estimate textarea.tex100_dashed {
padding-top:0.3em;
padding-bottom:0.3em;
height: 7em;
width: 99.8%;
border:none;
border: dashed 3px red;
background: #fff;
}
table.estimate td.check_total{
margin:0px;
padding:0;
vertical-align: middle;
text-align: center;
width: 2%;
line-height: 1.4;
color: #000;
border-left:solid 1px #666;
border-right: dotted 1px #666;
border-bottom: solid 1px #666;
background-color: yellow;
}
table.estimate td.total{
margin:0px;
padding:0;
vertical-align: middle;
text-align: right;
width: 25%;
line-height: 1.4;
color: #000;
border-left: solid 1px #666;
border-right: dotted 1px #666;
border-bottom: solid 1px #666;
background-color: yellow;
}
table.estimate td.piece_total{
margin:0;
padding:0;
vertical-align: middle;
text-align: left;
width: 25%;
line-height: 1.4;
color: #000;
border-right: solid 1px #666;
border-bottom: solid 1px #666;
background-color: yellow;
}
table.estimate td.contentR{
margin:0px;
padding-right:1em;
vertical-align: middle;
text-align: right;
width: 20%;
}
table.estimate td.contentR a{
text-decoration: none;
}
}