/***********************LB tool.css*********************/
/*Used: LB cabinet, admin*/
/*sidebar_stat*/
/*dashboard*/
/*related_tool*/
/*dopuna*/
/**************MOBILE**************/
/*sidebar_stat MOBILE*/
/*dashboard MOBILE*/
/*dopuna MOBILE*/

#sidebar_stat {
box-sizing: border-box; 
flex: 0 0 30%;
max-width: 30%;
min-width: 30%;
text-align:left;
vertical-align: top;
padding:0px;
margin:0px;
border:0px;
vertical-align:top;
font-size:1em;
}

/*dashboard*/
.cifra {
font-size:1.7em;
font-family:"Times New Roman", Times, serif;
text-align:center;
}

.ballance {
font-size:1.7em;
font-family:"Times New Roman", Times, serif;
text-align:left;
color:#FF0000;
}


.dashboard-info {
margin:0.8em 0 0.8em 0;
max-width:100%;
box-sizing: border-box; 
overflow-wrap: break-word;
}


.dashboard-ballance {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:normal;
}

.dashboard-message {
width:100%;
text-align:center;
box-sizing: border-box; /*div will include padding and border*/
border: 1px solid #DDDDDD;
border-radius:3px;
background-color:#F4F7F9;
padding:1em;
margin-top:1em;
}

/*related_tool*/

.related_tool_stat {
box-sizing: border-box; /*div will include padding and border*/
width:100%;
border:1px solid #CCCCCC;
padding:0.5em;
text-align:left;
position:relative; /*for legend*/ 
}

.legend {
position:absolute;
top:0;
left:50%;
transform: translate(-50%, -50%);
text-align:center;
color:#666666;
background-color:#FFFFFF;
padding:0 5px 0 5px;
font-size:13px;
white-space: nowrap;
}

/*TABLE*/
.dashboard-stats {
border:1px solid #e3e3e3;
border-collapse: collapse;
font-size:1em;
table-layout: fixed;
}

.dashboard-stats td {
background: #e8edff;
border-bottom: 1px solid #fff;
border-top: 1px solid transparent;
padding: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.table-container {
position: relative;
display: inline-block;   /* ширина по таблице */
height: 200px;
overflow: hidden;
}

/* градиент снизу */
.table-container::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 80px;
background: linear-gradient(
to bottom,
rgba(232, 237, 255, 0),
rgba(232, 237, 255, 1)
);
pointer-events: none;
}

.table-container.expanded {
 height: auto;
}

.table-container.expanded::after {
display: none;
}

.expand-btn {
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
background: #fff;
border: 1px solid #ddd;
border-radius: 20px;
padding: 4px 12px;
cursor: pointer;
font-size: 16px;
}

/*dopuna*/

.dopuna {
display:table;
box-sizing: border-box; /*div will include padding and border*/
margin: 0.4em 0 0.4em 0;
padding: 1em;
width:100%;
background-color:#FFFFCC;
color:#000000;
border:1px solid #e3e3e3;
}

.dopuna_sidebar {
box-sizing: border-box; /*div will include padding and border*/
display:block;
padding: 1em;
width:100%;
background-color:#FFFFCC;
color:#000000;
border:1px solid #e3e3e3;
text-align:center;
}

.dopuna_text {
font-size:1em;
text-align:left;
}

.dopuna_button {
box-sizing: border-box; /*div will include padding and border*/
background:#006CB4;
border:1px solid #076bd2;
-moz-border-radius:0.3em;
border-radius: 9999px;
color:#fff !important;
font-size:1em;
font-weight:700;
padding:0.7em 2.2em 0.7em 2.2em;
text-align:center;
text-decoration:none !important;
text-shadow:1px 1px 1px #076bd2;
}

.dopuna_button a {
text-decoration:none !important;
}

.dopuna_form {
display:table-cell;
width:350px;
}

.dopuna_instruction {
display:table-cell;
font-size:1em;
vertical-align:top;
}

.dopuna_webmoney {
width:100%;
text-align:center;
box-sizing: border-box; /*div will include padding and border*/
border: 1px solid #DDDDDD;
border-radius:3px;
background-color:#F4F7F9;
padding:1em;
margin-bottom:1em;
}

.dopuna_webmoney a {
color:#4B8ABF;
}

.dopuna_webmoney_logo img {
width:150px;
min-height:30px;
margin-bottom:1em;
}

input.dopuna_webmoney {
background: url(https://www.livebusiness.org/images/usd.png) no-repeat center right;
width:250px;
height:auto;
box-sizing: border-box; /*div will include padding and border*/
border: 1px solid #DDDDDD;
background-color:#FFFFFF;
outline:none;
border-radius:3px;
font-size:1.2em;
padding:0.5em;
padding-right:60px;
margin-bottom:1em;
text-align:left;
}

.dopuna_telegram_logo  {
margin-bottom:0em;
}

.dopuna_options {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin: 10px auto;
}

.dopuna_option, .dopuna_option2 {
flex: 1 1 64px;   /* базовая ширина 64, можно сжимать */
min-width: 0;     /* важно для реального сжатия */
text-align: center;
padding: 8px 14px;
border: 1px solid #d7dbe3;
border-radius: 8px;
background: #fff;
color: #1f2937;
font-weight: 700;
line-height: 1.2;
text-align: center;
cursor: pointer;
user-select: none;
transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.dopuna_option:hover, .dopuna_option:hover2 {
border-color: #98a2b3;
background: #f8fafc;
}

.dopuna_option.active, .dopuna_option2.active {
background: #111827;
border-color: #111827;
color: #fff;
box-shadow: 0 2px 8px rgba(17, 24, 39, .2);
}


/**************MOBILE**************/


@media only screen and (max-width: 1023px) {

/*sidebar_stat MOBILE*/
#sidebar_stat {
flex: 0 0 100%;
max-width: 100%;
min-width: 100%;
margin-bottom:1em;
}

/*dashboard MOBILE*/

.dashboard-info {
clear:both;
}

/*dopuna MOBILE*/

.dopuna, .dopuna_button, .dopuna_form, .dopuna_text, dopuna_instruction {
display:block;
}

.dopuna_form {
margin-bottom:1em;
}

}