/* Start:/bitrix/templates/.default/components/simai/sf.iblock.calendar/appeal-2/style.css?17085873031707*/
.news-calendar {position: relative;}
.NewsCalNews {
position: absolute;
    padding: 10px 15px;
    z-index: 996;
    display: none;
    width: 300px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(82,94,110,.2);
    box-shadow: 0 5px 10px rgba(82,94,110,.2);
    top: 100%;
    left: 0%;
}
.NewsCalOtherMonth {color: rgba(0,0,0,.25);}
a.dotted-link {border-bottom: 1px dashed #1F7BC6;text-decoration: none;}
.events-block {
    display: flex;
    position:relative;
}
.events-block a {
    width: 100%;
}

.control-news-calendar {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding: 0;

}
.control-news-calendar .prev-year-btn {
	flex: 0 0 15%;
	padding: 1rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.control-news-calendar .year-btn {
	flex: 0 0 20%;
	padding: 1rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}    

.control-news-calendar .next-year-btn {
	flex: 0 0 15%;
	padding: 1rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.control-news-calendar .selected-month {
	flex: 0 0 40%;
	padding: 1rem;
}  


@media(min-width: 768px) and (max-width: 990px) {
  
  
 .news-calendar>.table th, .news-calendar>.table td {
    padding: 0.5rem;
	font-size:13px;
  }
  
  .control-news-calendar .selected-month {flex: 0 0 50%;}
  .control-news-calendar .prev-year-btn{font-size: 13px;}
  .control-news-calendar .next-year-btn {font-size: 13px;}
  .control-news-calendar .year-btn{font-size: 13px;}
  .events-block a{padding: 0.5rem !important;}
  .NewsCalNews > a{font-size:12px;}
  .selected-month > .form-control{font-size:0.7rem;}
}


/* End */
/* /bitrix/templates/.default/components/simai/sf.iblock.calendar/appeal-2/style.css?17085873031707 */