body {
  font-size: 1.5rem; 
}
.clock{padding-left:35px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#666;font-weight:normal;text-shadow:0 1px #fff;}
.admin1{background-color:#F5F5F5;min-height:450px;}
.admin2{background-color:#CCC;padding:20px 5px;}
.admin3{padding-top:40px;border-top-color:#ccc;}
.sele1{width:100%;height:30px;font-size:15px;color:#808080;}
.sele2{width:100%;height:150px;font-size:15px;color:#808080;}
.admin4{width:5%;min-width:70px;}
.img_logo{max-width:140px;}
.img_photo{max-width:250px;}
.video{max-width:900px;margin-top:20px; margin-bottom:20px;}
.admin5{padding-bottom:50px;}
.admin5a{margin:0;padding:0;padding-bottom:10px;padding-left:15px;}
.admin5b{margin:0;padding:0;padding-bottom:10px;padding-left:5px;}
.admin6{background-color:rgb(245,245,245);border-bottom:1px solid #CCC;}
.admin10{color:#548BB1;}
.admin11{margin:0;padding:0;padding-top:22px;}
.admin11a{margin:0;padding:0;padding-top:32px;}
.admin11b{margin:0;padding:0;padding-top:18px;}
.admin11b1{margin:0;padding:0;padding-top:15px;}
.admin11c{margin:0;padding:0;padding-top:50px;}
.admin11d{margin:0;padding:0;padding-top:12px;}
.admin11g{padding-top:7px;}
.admin11ga{padding-top:7px;font-size:0.8em;}
.admin12{position:absolute;right:0;padding-top:15px;display:block;margin-right:40px;z-index:9999;}
.admin13{position:absolute;left:100px;padding-top:15px;display:block;z-index:9999;}
#w{display:block;width:70px;border:1px solid silver;color:silver;}
#w:focus{border:1px solid silver;color:black;}

.admin15{margin:0;padding:0;padding-left:15px;}
.admin16{margin:0;padding:0;padding-top:10px;}
.admin19{border-right:1px solid #EEE;}
.admin20{color:#999999;}
.admin21{color:#FF6666;}
.admin22{background-color:rgb(245,245,245);}
.admin23{width:3%;}
.admin25{margin:0;padding:0;padding-top:20px;padding-bottom:20px;}
.admin25a{margin:0;padding:0;padding-top:20px;padding-bottom:0px;}
.admin27{padding-bottom:2px;padding-top:12px;border-bottom:#ccc 1px dotted;}
.admin28{color:#FF3300;}
.admin28_border{border:1px solid #CCC;}
.active_d{background-color:rgb(245,245,245);color:#337AB7;font-size:1.2em;}
.source{max-height:420px;overflow-x:hidden;}
.dropdown-menu li{padding-bottom:5px;}
.temi{color:#9f9f9f;}
.search_height{min-height:400px;padding-top:12px;}
.admin29{padding-top:10px;}
.admin30{border-left:#0086B3 3px solid;background-color:#EEE;margin-top:18px;min-height:70px;}
.admin31{border-bottom:#B30000 2px solid;margin-bottom:15px;}
.admin31b{border-bottom:#0086B3 2px solid;margin-bottom:15px;}
.admin32{padding-right:15px;}
.admin38{background-color:#F1F0ED;}
.top_background{background-color:#202736;}
.top_panel{font-size:1.8em;}
.top_panel_link li{padding-left:6px;padding-right:6px;color:#FFFFFF;}
.top_panel_link li:hover{background-color:#FFFFFF;cursor:pointer;color:#548BB1;}
.top_panel_link a{color:#FFFFFF;}
.top_panel_link a:hover{color:#111111;font-size:1em;}
.top_panel_link_active{background-color:#FFFFFF;cursor:pointer;color:#000;}
.top_panel_link_active a{cursor:pointer;color:#000;}
.top_panel_link_more li{padding-top:6px;color:#FFFFFF;font-size:1em;}
.top_panel_link_more li:hover{background-color:#202736;cursor:pointer;color:#548BB1;}
.top_panel_link_more li>a{font-size:1em;}
.top_panel_link_more li>a:hover{color:#FFFFFF;font-size:1em;background-color:#202736;}
.top_panel_home{color:#FFFFF2;}
.top_panel_bottom{padding-bottom:10px;}
.fav_logo{width:18px;}
.fav_logo_ino{height:9px;}
.logo_margin{margin-left:60px;}
.title_margin{margin-left:20px;}
.mp{margin:0;padding:0;}
.main_top{margin:0;padding:0;padding:22px 5px;}
.main_top_time{font-size:0.9em;color:#000;font-weight:bold;height: 21px;
 align-items: center;
 justify-content: flex-end;
	padding-top:3.5px;margin-bottom:5px;}
.main_video{position:absolute;top:20%;left:40%;}
.main_top_photo_3{padding-top:20px;}
.main_top_text{color:#222;}
.main_top_text_1{color:#444;}
.main_top_text_2{line-height:1.3}
.main_top_text_4{font-size:125%;color:#333333;margin-top:12px;display:block;}
.main_top_warning{color:#D90000;}
.main_top_link{color:#202736;font-size:1em;}

.main_right_height{max-height:800px;overflow-x:hidden;margin-bottom:20px;}

.main_right_link_red{padding-left:10px;border-bottom:#DDDDDD 1px dotted;transition:background 0.3s ease;}
.main_right_link_red:hover{background-color:#EFA3A2;}
.main_right_link_p{margin:0;padding:0;padding-top:12px;padding-bottom:12px;}
.main_right_time{font-size:0.8em;}
.cat_panel_padding_left{padding-left:10px;}
.cat_panel_top{margin:0;padding:0;padding-top:10px;}
.cat_panel_button{margin:0;padding:0;padding-top:16px;}
.cat_panel_text{margin:0;padding:0;padding-top:18px;}
.cat_panel_back{background-color:#FFF;}
.cat_panel_title{display:inline-block;white-space:normal;}
.cat_panel_title_2{padding-top:18px;}
.cat_panel_title_text{line-height:1.3;font-size:1.5em;color:#222;margin-bottom:10px;display:block;}
.cat_panel_title_text:visited{line-height:1.3;font-size:1.5em;color:#444444;}


.cat_panel_padding_3{margin-right:5.6%;}
.cat_panel_padding_top{padding-top:20px;}
.cat_panel_right{background-color:#EEF2F5;}
.cat_panel_pad{padding-top:10px;}
.cat_panel_pad2{padding-top:35px;}
.cat_panel_pad3{padding-top:25px;}
.cat_panel_pad4{padding-top:40px;}
.cat_panel_pad5{padding-top:25px;padding-bottom:20px;}
.cat_panel_pad6{padding-top:80px;padding-bottom:100px;}
.cat_panel_pad7{padding-bottom:10px;}
.cat_panel_pad8{padding-bottom:30px;}
.cat_panel_pad9{padding-top:16px;}
.cat_panel_pad10{padding-top:5px;}
.cat_panel{border-left:#B30000 5px solid;background-color:#EEE;min-height:70px;padding-top:3px;}

.cat_panel_2{border-bottom:#01A25F 3px solid;padding-top:3px;padding-top:7px;}
.cat_panel_3{border-bottom:#FDBD25 3px solid;padding-top:3px;padding-top:7px;}
.cat_panel_4{border-bottom:#9A559B 3px solid;padding-top:3px;padding-top:7px;}
.cat_panel_5{border-bottom:#0D90D9 3px solid;padding-top:3px;padding-top:7px;}
.cat_panel_6{border-bottom:#8C008C 3px solid;padding-top:3px;padding-top:7px;}
.cat_panel_7{border-bottom:#73DCFF 3px solid;padding-top:3px;padding-top:7px;}

.cat_panela{border-bottom:#B30000 3px solid;padding-top:3px;padding-top:7px;}
.cat_panela_2{border-bottom:#01A25F 3px solid;padding-top:3px;padding-top:7px;}
.cat_panela_3{border-bottom:#FDBD25 3px solid;padding-top:3px;padding-top:7px;}
.cat_panela_4{border-bottom:#9A559B 3px solid;padding-top:3px;padding-top:7px;}
.cat_panela_5{border-bottom:#0D90D9 3px solid;padding-top:3px;padding-top:7px;}
.cat_panela_6{border-bottom:#8C008C 3px solid;padding-top:3px;padding-top:7px;}
.cat_panela_7{border-bottom:#73DCFF 3px solid;padding-top:3px;padding-top:7px;}
.cat_panela_8{border-bottom:#00FF80 3px solid;padding-top:3px;padding-top:7px;}
.cat_panela_9{border-bottom:#00D9D9 3px solid;padding-top:15px;}
.news{padding-bottom:15px;padding-right:5px;padding-top:0px;}
.news_block{padding-top:6px;padding-bottom:12px;}
.bottom{margin-top:30px;padding-top:30px;padding-bottom:10px;background-color:#202736;}
.bottom_text{color:#FFF;font-size:1em;}
.bottom_text:hover{color:#FFF;font-size:1em;text-decoration:none;}

.bottom_text_link{color:#FFF;font-size:1em;}
.bottom_text_link:hover{color:#FFF;font-size:1em;text-decoration:underline;}
.news_top{padding-bottom:10px;}
p{line-height:1.7;margin-bottom:1.5em;}
.category{margin-bottom:10px;}
.people_img{position:absolute;width:18px;}
.people_height{min-height:230px;}
.news_more{min-height:290px;}
.news_more2{min-height:260px;}
.news_desc{color:#3F3F3F;font-size:120%;font-family:Helvetica,Arial,sans-serif;line-height:1.3}
.news_text{color:#3F3F3F;font-size:120%;font-family:Helvetica,Arial,sans-serif;line-height:1.6}
.news_more_3{padding-right:8px;}
.news_block_right{margin-right:8px;}
.fav_right{padding-top:7px;}
.play{position:absolute;top:63px;left:15px;}
.advert{margin-top:10px;}




.main_cell{padding-top:8px; padding-bottom:8px;border-bottom:1px dotted #EEE;transition:background 0.3s ease;width:97%;}

.main_link{font-family:Tahoma;
font-size: 1.18em;color:#25252c;cursor: pointer; text-decoration: none;}
.main_link:visited{font-family:Tahoma;
font-size: 1.18em;color:#FF6666;cursor: pointer; text-decoration: none;}
.main_linkz{font-family:Tahoma;
font-size: 0.95em;color:#333;cursor: pointer; text-decoration: none;}
.main_linkx{font-family:Tahoma;
font-size: 1.25em;color:#25252c;cursor: pointer; text-decoration: none;}
.main_link:visited{font-family:Tahoma;
font-size: 1.05em;color:#FF6666;cursor: pointer; text-decoration: none;}
.cat_panel_padding_2{margin-left:-3.6%;}
.footer {
  background-color:#202736;  
  color:#FFFFFF;
  padding:10px 0px;
}.main_top_bottom{margin:0;padding:0;}

@media (max-width:768px){
.cat_panel_title_text{line-height:1.3;font-size:130%;color:#000000;}
p{line-height:1.7;margin-bottom:1.8em;}
.cat_panel_title_text:visited{line-height:1.3;font-size:130%;color:#444444;}

.news_desc{color:#3F3F3F;font-size:130%;font-family:Helvetica,Arial,sans-serif;line-height:1.6}
.news_text{color:#3F3F3F;font-size:130%;}
.news_logo{margin:0;padding:0;padding-bottom:15px;}
.top_panel_bottom{padding-bottom:10px;}
.main_right{margin:0;padding:0;}
.main_photer{padding-bottom:20px;}
.main_right_height{max-height:750px;overflow-x:hidden;margin-bottom:20px;}



.main_top_bottom{margin:0;padding:0; padding-top:15px;}

.main_cell_link{font-size:130%;color:#444444;line-height:1.3;}
.main_cell_link:visited{line-height:1.3;font-size:130%;color:#444444;}
.main_padding {padding-left:15px;}
.main_cell{padding-top:8px; padding-bottom:8px;border-bottom:1px dotted #f2f3f4 ;transition:background 0.3s ease;}
}
.fav_divd {position:absolute;padding-left:8px;}
.fav_divd1:visited {position:absolute;padding-left:8px;background-color:#EEE;}

.fav_divd2 {margin-left:25px;}







.scrollup{width:40px;height:40px;position:fixed;bottom:10px;right:0px;display:none;text-indent:-9999px;background:url('/images/icon_top.png') no-repeat;}
.logo{min-width:36px;}
.logo:hover{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;}
::selection{background:#FF99CC;}
::-moz-selection{background:#FF99CC;}
.parent{padding-bottom:5px;}
.child{padding-left:5.2%;opacity:0;color:#999999;}
.child:hover{opacity:1.0;transition:opacity 0.6s;}
.child a:hover{cursor:pointer;}

.padding {padding-top:20px;}

.red1 { background-color: #FF0000;    padding-right: 5px;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    white-space: nowrap;
    transition: width 0.5s ease-in-out;  margin-top: 3px;}
.red2 { background-color: #FF6666;    padding-right: 5px;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    white-space: nowrap;
    transition: width 0.5s ease-in-out;  margin-top: 3px;}
.red3 { background-color: #FF9999;    padding-right: 5px;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    white-space: nowrap;
    transition: width 0.5s ease-in-out;  margin-top: 3px;}
.green1 { background-color: #339900;    padding-right: 5px;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    white-space: nowrap;
    transition: width 0.5s ease-in-out; margin-top: 3px; }
.green2 { background-color: #66CC66;    padding-right: 5px;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    white-space: nowrap;
    transition: width 0.5s ease-in-out;  margin-top: 3px;}
.blue { background-color: #66CCFF;    padding-right: 5px;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    white-space: nowrap;
    transition: width 0.5s ease-in-out;  margin-top: 3px;}

.chart-wrapper {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 670px;
    width: 100%; 
}

.chart-container {
    display: flex;
    flex-grow: 1; 
    position: relative;
	height: 670px;
}

.y-axis {
    display: flex;
    flex-direction: column;
    justify-content: space-around; 
    padding-right: 10px;
    text-align: right;
    font-size: 0.9em;
    min-width: 40px;
	height: 100%;
}

.y-axis-label {
    flex: 1; 
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.chart-area {
    flex-grow: 1; 
    border-left: 1px solid #ccc;
    position: relative;
    padding-left: 10px;
}

.chart-bars {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around; 
}

.bar {
	max-width: 100%; /* или конкретное значение в px */
    height: 28px; 
    display: flex;
    align-items: center;
    justify-content: flex-end; 
    color: white;
    font-size: 0.9em;
    padding-right: 5px;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    white-space: nowrap;
    transition: width 0.5s ease-in-out;
}

.bar span {
    position: absolute;
    right: 10px;
    color: white;
	padding-top:2px;
}

.opacity {
    opacity: 0.3;
}
.sup {opacity: 0.8;}

.dashed-line {

      display: block; 
	  font-weight:bold;
    }
.bar-mini {
	max-width: 100%; /* или конкретное значение в px */
    height: 28px; 

    align-items: center;
    color: white;
    font-size: 0.9em;
    padding-top: 5px;
    position: relative;
    white-space: nowrap;
    transition: width 0.5s ease-in-out;
}
.bar-mini span {
    position: absolute;
    right: 10px;
    color: white;
	padding-top:2px;
}
.pointer{cursor:pointer;}
.similar-news-block {
    background: #fefefe;
    padding: 25px;
    margin: 30px 0;
    border: 2px dashed #cbd5e0;
    border-radius: 12px;
    position: relative;
    transition: all 0.3s ease;
}

.similar-news-block:hover {
    border-color: #4ecdc4;
    border-style: solid;
    background: #f0fdfa;
}

        input[type="date"] {
            position: relative;
            padding: 10px;
        }
        
        input[type="date"]::-webkit-calendar-picker-indicator {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: auto;
            height: auto;
            color: transparent;
            background: transparent;
            cursor: pointer;
        }
        
        input[type="date"]::-webkit-inner-spin-button {
            display: none;
        }
        
        .input-group-addon {
            pointer-events: none; 
        }
    .separator {
        margin: 0 10px;
        color: #ccc;
    }
    .fav_logo {
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        transition: transform 0.2s;
    }
    .fav_logo:hover {
        transform: scale(1.05);
    }
    .voice-indicator {
        animation: pulse 1.5s infinite;
        color: #d9534f;
    }
    @keyframes pulse {
        0% { opacity: 1; }
        50% { opacity: 0.5; }
        100% { opacity: 1; }
    }
    .btn-toolbar .btn-group {
        margin-right: 5px;
    }

.mobile-back-btn {
    display: none; 
    background: none;
    border: none;
    outline: none;
    padding: 10px 20px 10px 0;
    cursor: pointer;
}
#scrollTopBtn {
    display: none;
    position: fixed; 
    bottom: 30px; 
    right: 30px; 
    z-index: 99; 
    border: none; 
    outline: none; 
    background-color: rgba(17, 17, 17, 0.5); 
    color: white; 
    cursor: pointer; 
    width: 30px;
    height: 30px;
    border-radius: 3px;
    font-size: 15px;
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    #scrollTopBtn {
        bottom: 10px;
        right: 10px;
        width: 45px;
        height: 45px;
    }
}

.navbar-toggle {
    background-color: #202736 !important; 
    border: 1px solid #FFF !important; 
    border-radius: 4px !important;
	color:#FFF !important;
}
    .panel { border-radius: 8px; border: none; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
    .source-logo { width: 18px; height: 18px; border-radius: 4px; margin-right: 12px; vertical-align: middle; }
    .table > tbody > tr > td { vertical-align: middle; padding: 10px 15px;}
	thead th a { color: #555;  font-size: 12px; letter-spacing: 0.5px; text-decoration: none; }
    .stat-badge { background-color: #5cb85c; color: white; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: bold; }
.icon-bar {
    background-color: #ffffff !important;
}

/* Опционально: если хочешь, чтобы при наведении они не меняли цвет */
.icon-bar {
    background-color: #ffffff !important;
}
.trends {
    padding: 5px 5px;
    font-weight: 700;
}
@media (max-width: 767px) {
        .tab-content-custom {
            border: none !important;
            padding: 10px 0 !important;
            background: transparent !important;
        }
        .nav-tabs > li > a {
            padding: 8px 10px !important;
            font-size: 14px !important;
        }
    }