.office{}

.office > .no_info{margin-top: 25px; text-align: center;}

.office > .turn{}

.office > .monitor, .office > .pre-entry-time-block {margin-top: 25px;}
.office > .monitor > h2, .office > .pre-entry-time-block > h2 {margin: 0 0 13px 7px; font-size: 20px; font-weight: 600;}
.office > .monitor > h2 > span, .office > .pre-entry-time-block >h2 > span {font-weight: 400; font-size: 13px; color: #777;}

.office > .monitor > .item{
    display: inline-block;
    width: 240px;
    margin-bottom: 5px;
    font-weight: 600;
}
.office > .monitor > .hide {display: none;}
.office > .monitor > .item > span{display: inline-block;}
.office > .monitor > .item > .title_talon{font-weight: 400; font-size: 13px; width:55px; margin-left: 9px;}
.office > .monitor > .item > .title_window{font-weight: 400; font-size: 13px; width:55px; margin-left: 25px;}
.office > .monitor > .item > .talon{width:55px; margin-left: 13px; color: #ed5237;}
.office > .monitor > .item > .arrow{width:25px; color: #cb9572;}
.office > .monitor > .item > .window{width:40px; color: #562311;}
.office > .monitor > .item > .time{font-size: 11px; color: #777;}

.office > .pre-entry-time-block > table div.no, .office > .pre-entry-time-block > table div.yes{
    display: inline-block;
    margin: 2px 0;
    padding: 5px 7px;
    font-size: 11px;
    color: #222;
    font-weight: 600;
}
.office > .pre-entry-time-block > table div.no{background-color: #ed5237;}
.office > .pre-entry-time-block > table div.yes{background-color: #76ed5c;}
.office > .pre-entry-time-block > a.link-out{
    display: block;
    margin: 11px auto;
    width: 35%;
}
.office > .pre-entry-time-block > div.ps{
    padding: 7px;
    font-size: 11px;
    color: #777;
}

.office > .window {margin-top: 25px;}
.office > .window > h2{margin: 0 0 13px 7px; font-size: 20px; font-weight: 600;}
.office > .window > h2 > span{font-weight: 400; font-size: 13px; color: #777;}
.office > .window > .hide {display: none;}
.office > .window > table {
    table-layout: fixed;
}
.office > .window > table sup {
    padding-left: 2px;
    /*color: #999;*/
}
.office > .window > table .break{
    font-size: 12px;
}
.office > .window > table .cab-num {
    font-size: 28px;
    font-weight: 600;
}
.office > .window > table .queue-name{
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
}
.office > .window > table .avg-service-time{
    padding: 0 0 0 11px;
}
.office > .window > table .count-of-served {
    font-size: 28px;
    font-weight: 600;
}

/*Стили блока графиков (сейчас отключено)*/
.office > .chart{margin-top: 49px;padding: 0 5px;}


@media screen and (min-width: 746px) {
    .filial > .monitor > .hide {display: inline-block;}
}