/* Start:/local/components/mstrike/wastecollecting_map/templates/.default/css/containers.css?176492808017040*/
body{
     min-width: 960px !important;
 }
#ms-map {
    flex:100% 0 1;
}
.map-block{
    position: relative;
    display:flex;
    flex-wrap:nowrap;
    height:860px;
}
.address-form {
    z-index: 100;
    position: relative;
}

.container-card {
    /*display: none;*/
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    /*width: 398px;*/
    padding: 0 0 15px 0;
    margin-top: 71px;
    font-family: Roboto;
    font-style: normal;
    background: #f3f7fb;
    overflow-x: hidden;
    overflow-y: auto;
}

.container-card .top-block{
    background: #F3F7FB;
    border-bottom: 1px solid #D4E4EF;;
}
.container-card .back-to-list{
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height:20px;
    color: #00BDF2;
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/left-arrow.png) no-repeat 20px 2px;
    padding-left: 50px;
    margin-top: 20px;
    margin-bottom: 8px;
    cursor: pointer;
}

.container-card .type-trash-block{
    padding-left: 50px;
    padding-bottom: 15px;
}

.container-card .type-trash-title{
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #2D3438;
    margin-bottom: 10px;
}

.container-card .type-trash-item{
    display: inline-block;
    width: 50px;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    margin-right: 30px;
}
.container-card .type-trash-item:before{
    content: "";
    display: block;
    height: 50px;
    background-color: #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid rgba(146, 194, 220, 0.5);
    border-radius: 4px;
    margin-bottom: 5px;
}
.container-card .type-trash-item.plastic:before{
    background-image: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/plastic.png");
}
.container-card .type-trash-item.glass:before{
    background-image: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/glass.png");
}
.container-card .type-trash-item.paper:before{
    background-image: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/paper.png");
}
.container-card .type-trash-item.metal:before{
    background-image: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/metal.png");
}



.filter-block.without-region + .container-card{
    margin-top: 95px;
}

.container-card div.header {
    position:relative;
    background: none;
    padding: 0;
    margin: 0 0 25px 0;
    text-align: center;
}

.container-card img.header {
    display:inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.container-card img.header.preset{
    width: auto;
    background: none;
}
.container-card img.header-logo {
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: -25px;
}

.container-card .head {
    position: relative;
    font-weight: bold;
    font-size: 19px;
    line-height: 24px;
    color: #2D3438;
    padding-left: 50px;
    padding-bottom: 15px;
}

.container-card .head span{
    position: absolute;
    top: 5px;
    left: 20px;
    width: 40px;
    height: 15px;
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/left-arrow.png) no-repeat;
    cursor: pointer;
}

.container-card .card-row {
    padding-left: 50px;
    padding-right: 20px;
    padding-bottom: 15px;
    font-size: 15px;
    line-height: 21px;
    font-weight: normal;
}

.container-card .card-row .img-clock {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/clock.png) no-repeat 20px center;
}

.container-card .card-row.garbage{
    padding-left: 42px;
}
.img-garbage-no {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon_schedule_not.png) no-repeat 20px 4px;
}

.img-garbage-delay {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon_schedule_delay.png) no-repeat 20px 4px;
}

.img-garbage-success {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon_schedule_yes.png) no-repeat 20px 4px;
}

.img-garbage-waiting {
    background: /*url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon_schedule_waiting.png) todo:пофиксить обратно, смена цвета статуса* */ url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon_schedule_waiting_yellow.png) no-repeat 20px 4px;
}

.container-card .card-row span {
    background-color: #00BDF2;
    border-radius: 32px;
    margin: 2px;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
}

.container-card .card-row.img-clock {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/clock.png) no-repeat 20px 1px;
}

.container-card .card-row.img-point-green {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-green.png) no-repeat 20px 1px;
}
.container-card .card-row.img-point-darkGreen { background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-green.png) no-repeat 20px 1px; }
.container-card .card-row.img-point-black { background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-gray.png) no-repeat 20px 1px; }
.container-card .card-row.img-point-darkBlue { background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-blue.png) no-repeat 20px 1px; }
.container-card .card-row.img-point-darkOrange { background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-orange.png) no-repeat 20px 1px; }
.container-card .card-row.img-point-lightOrange { background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-light-orange.png) no-repeat 20px 1px; }
.container-card .card-row.img-point-red { background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-red.png) no-repeat 20px 1px; }
.container-card .card-row.img-point-yellow { background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-yellow.png) no-repeat 20px 1px; }

.card-row .warning-row{
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/card-warning.png) no-repeat 10px center #F24D37;
}
.card-row .warning-row .warning-text{
    background: #F3F7FB;
    padding: 15px;
    margin-left: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #686868;
}

.container-card .card-row.img-telephone {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/telephone.png) no-repeat 20px 1px;
}

.container-card .card-row.ro {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/web.png) no-repeat 20px 1px;
}

/* Стрелки переключения недели в расписании вывоза */
.container-card .card-row .garbage {
    font-weight: 500;
    width: 55px;
    float: right;
    right: 20px;
    display: inline-block;
    text-align: justify;
}
.container-card .card-row .garbage:after {
    content: "";
    display: inline-block;
    visibility: hidden;
    width: 100%;
    height: 0;
}

.container-card .card-row .garbage div{
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 20px;
    background: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/arrow-sprite.png") no-repeat 0 0;
    cursor: pointer;
}

.container-card .card-row .garbage div.prior-schedule {
    background-position: 0 0;
}
.container-card .card-row .garbage div.prior-schedule:hover {
    background-position: 0 -30px;
}
.container-card .card-row .garbage div.prior-schedule.disabled {
    background-position: 0 -60px;
}

.container-card .card-row .garbage div.next-schedule {
    background-position: 0 -90px;
}
.container-card .card-row .garbage div.next-schedule:hover {
    background-position: 0 -120px;
}
.container-card .card-row .garbage div.next-schedule.disabled {
    background-position: 0 -150px;
}

.container-card hr {
    margin: 3px -8px 15px -8px;
    padding: 0;
    background: #D4E4EF;
    border: none;
    height: 1px;
}

.container-card .big-text {
    font-weight: bold;
    font-size: 19px;
    line-height: 24px;
    color: #2D3438;
    padding-left: 50px;
    padding-bottom: 15px;
}

/*== Стили для таблицы рабочих дней ==*/
.container-card table {
    margin: 0 12px 15px 19px;
    border: 1px solid #D4E4EF;
    border-collapse: collapse;
    width: calc(100% - 32px);
}
.container-card .schedule-ext {
    margin: 0 12px 15px 20px;
    font-size:13px; line-height:normal;
}

.schedule-block{
    width: 380px;
}
.schedule-block .schedule-wrapper{
    width: 765px;
}
.schedule-block .schedule-wrapper table{
    float: left;
    width: 350px;
}

.container-card table.schedule td, .container-card table.schedule th {
    text-align: center;
    vertical-align: middle;
    height: 54px;
    border: 1px solid #D4E4EF;
    border-collapse: collapse;
    width: 14.2857%;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #2D3438;
}

.container-card table.schedule td {
    padding: 7px 0px 0px 0px;
}

.container-card table.schedule th.wastecollecting{
    cursor: pointer;
}
.container-card table.schedule td.wastecollecting {
    vertical-align: top;
    cursor: pointer;
}
.container-card table.schedule td.wastecollecting.holiday {
    vertical-align: middle;
}
/* Заголовок таблицы с рассписанием */
.container-card table.schedule th {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    height: 45px;
    width: auto; !important;
    background: none; !important;
    border: none;
    color: #2D3438;
}

/* Ячейки выходных дней */
.container-card table.schedule td.holiday {
    border-top: 4px solid #F0513C;
}

/* Для ячеек выделенного дня. Держать в конце чтобы всех перекрывал. */
.container-card table.schedule th.selected {
    border-top: 4px solid #0A86CC;
    background: rgba(0, 189, 242, 0.2);
}

.container-card table.schedule td.selected {
    background: rgba(0, 189, 242, 0.2);
}

.container-card table.schedule th:hover, .container-card table.schedule td:hover {
    background: rgba(0, 189, 242, 0.1);
}

.container-card table.schedule td [class^="schedule-garbage-"]{
    margin-top: 3px;
    height: 14px;
}

.container-card table.schedule td .schedule-garbage-success{
    background: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon_schedule_yes.png") no-repeat center;
}

.container-card table.schedule td .schedule-garbage-no{
    background: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon_schedule_not.png") no-repeat center;
}

.container-card table.schedule td .schedule-garbage-delay{
    background: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon_schedule_delay.png") no-repeat center;
}

.container-card table.schedule td .schedule-garbage-waiting{
    background: /*url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon_schedule_waiting.png") todo:пофиксить обратно, смена цвета статуса */ url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon_schedule_waiting_yellow.png") no-repeat center;
}

/* Таблица с изображениями до и после вывоза */
table.garbage {
    border: none;
}
table.garbage td {
    vertical-align: top;
    font-size:13px; line-height:normal;
}
table.garbage img {
    border-radius: 5px;
    margin-top: 3px;
    width:95%;
}

.container-card .complaint {
    display: inline-block;
    vertical-align: center;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #0A86CC;
    background: #E9F3FB;
    border: 1px solid #E4EDF5;
    box-sizing: border-box;
    border-radius: 32px;
    margin: 15px 4px 15px 20px;
    padding: 4px 15px;
    line-height: 32px;
}

.container-card .complaint:hover {
    border: 0.5px solid #0A86CC;
}


/*** Список точек ***/
.content .points-list {
    background-color: white;
    /*height: 100%;*/
    padding-bottom: 60px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.content .points-list.full-list {
    padding-bottom: 0;
}
.content .points-list ul {
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 100%;
}

.content .points-list ul li {
    text-indent:0; margin:0;
    padding: 15px 20px;
    display: block;
    border-top: 1px solid #D4E4EF;
    cursor: pointer;
}
.content .points-list ul li::before { content:none; }
.content .points-list ul li.odd { background: white; }
.content .points-list ul li.even { background: #EAF1F8; }
.content .points-list ul li:hover { background: #EAF1F8; }

.content .points-list ul li:last-child {
    border-bottom: 1px solid #D4E4EF;
}

.points-list ul li .lirow {
    padding-left: 30px;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    color: #686868;
}

.points-list ul li .header-row {
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    color: #0A86CC;
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-green.png) no-repeat left 1px;
    position: relative;
}

.content .points-list ul li .header-row.icon-darkGreen { background-image: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-green.png); }
.content .points-list ul li .header-row.icon-black { background-image: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-gray.png); }
.content .points-list ul li .header-row.icon-darkBlue { background-image: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-blue.png); }
.content .points-list ul li .header-row.icon-darkOrange { background-image: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-orange.png); }
.content .points-list ul li .header-row.icon-lightOrange { background-image: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-light-orange.png); }
.content .points-list ul li .header-row.icon-red { background-image: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-red.png); }
.content .points-list ul li .header-row.icon-yellow { background-image: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-yellow.png); }

.points-list .navigation-panel{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px; overflow:hidden;
    background: #00BDF2;
    color: #FFFFFF;
    z-index: 2;
    /*padding: 15px 10px 0 20px;*/
    text-align: justify;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.points-list .navigation-panel.without-tracking{
    height: 45px;
    padding: 15px 10px 0 20px;
}

.points-list .navigation-panel:after, .points-list .show-all-points:after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
}
.points-list .show-all-points {
    padding: 15px 10px 0 20px;
    line-height:normal;
}
.points-list .navigation-panel .all-list{
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 17px;
    line-height: normal;
    padding-right: 38px;
    background: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/right-arrow.png") no-repeat right 0 top 8px;
    cursor: pointer;
}

.points-list .navigation-panel .navigation-page-block{
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
    font-size:13px;
}

.points-list .navigation-panel .navigation-page-block div{
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 22px;
    margin-left: 10px;
    background: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/arrow-sprite.png") no-repeat 0 0;
    cursor: pointer;
}

.points-list .navigation-panel .navigation-page-block .left-arrow{
    background-position: 0 -180px;
}
.points-list .navigation-panel .navigation-page-block .left-arrow:hover{
    background-position: 0 -210px;
}
.points-list .navigation-panel .navigation-page-block .left-arrow.disabled{
    background-position: 0 -240px;
}

.points-list .navigation-panel .navigation-page-block .right-arrow{
    background-position: 0 -270px;
}
.points-list .navigation-panel .navigation-page-block .right-arrow:hover{
    background-position: 0 -300px;
}
.points-list .navigation-panel .navigation-page-block .right-arrow.disabled{
    background-position: 0 -330px;
}
/*Переопределение общих стилей**/
.complaint_panel textarea.inputbox{
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* вывезен с нарушением графика */
.points-list ul li .header-row.icon-schedule-fail {
    background-image: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-orange.png);
}

/* ожидает вывоза */
.points-list ul li .header-row.icon-schedule-waiting {
    background-image: /*url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-gray.png) todo:пофиксить обратно, смена цвета статуса */ url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-yellow.png);
}

/* вывезен по графику */
.points-list ul li .header-row.icon-schedule-success {
    background-image: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-green.png);
}

/* не вывезен */
.points-list ul li .header-row.icon-not-taken-out {
    background-image: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/icon-point-red.png);
}

@media screen and (max-width:600px) {
    body{
        min-width: 320px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .address-form { z-index:2; }
    .map-block{
        flex-direction:column-reverse;
        height: auto !important;
    }
    #ms-map {
        flex-basis: 300px;
    }
    .points-list .navigation-panel{
        box-shadow: 0 -2px 4px rgba(146, 194, 220, 0.3);
    }
    .content .points-list{
        padding-bottom: 100px;
        height: auto !important;
    }
    .mobile-show-filter{
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 18px;
        color: #01AEEA;
        padding-left: 32px;
        background: url("/local/templates/hartiya/images/showfilter.png") no-repeat left center;
        text-decoration: none;
    }
    .show-on-mobile .wrapper{
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .show-on-mobile .wrapper h1{
        margin-bottom: 15px;
    }
}
/* End */


/* Start:/local/components/mstrike/wastecollecting_map/templates/.default/css/left_panel.css?176492808012916*/
.map-panel{
    position: relative;
    flex:400px 0 0;
    background: #F3F7FB;
    border-right:1px solid #D4E4EF;
    overflow: hidden;
}
.map-panel.slideable {
	position:absolute; top:0;left:0;bottom:0; float:none;
	flex:0 0 0; max-width:0;
	z-index:1;
	overflow:visible;
	transition:flex 0.2s ease,max-width 0.2s ease;
	box-shadow:1px 1px 4px rgba(0,0,0,0.35);
}
.map-panel.slideable .filter-block, .map-panel.slideable .points-list { visibility:hidden; overflow:hidden; }
.map-panel.slideable .container-card { visibility:hidden; width:0; overflow-y:hidden; }
.map-panel.slideable + #ms-map { margin-left:0; }
.map-panel.slideable.opened { flex:400px 0 0; max-width:400px;/*opacity:0.85;*/ }
.map-panel.slideable.opened .filter-block, .map-panel.slideable.opened .points-list, .map-panel.slideable.opened .container-card { visibility:visible; }
.map-panel.slideable.opened .container-card { width:400px; overflow-y:auto; }

.map-panel.slideable .map-panel-slideable-toggle {
	position:absolute;
	right:-51px;
	top:20px;
	width:50px; height:50px;
	background:#00bdf2; border:1px solid #00bdf2;
	box-shadow:1px 1px 4px rgba(0,0,0,0.35);
	cursor:pointer;
}
.map-panel.slideable .map-panel-slideable-toggle::before {
	content:'';
	position:absolute; top:0;right:0;bottom:0;left:0; margin:auto;
	width:23px; height:23px;
	background:url('/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/arrow-sprite.png') no-repeat center -269px;
}
.map-panel.slideable.opened .map-panel-slideable-toggle {
	background:#f3f7fb;
	border:1px solid #d4e4ef;
	border-left:1px solid #f3f7fb;
}
.map-panel.slideable.opened .map-panel-slideable-toggle::before {
	background-position:center 1px; /*-179px;*/
}

.filter-block{
    position: relative;
    margin: 20px 20px 12px 20px;
}

.filter-block input[type='text'], .filter-block select{
    width: 100%;
    height: 50px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    line-height: normal;
    font-weight: normal;
    outline: none;
    background: #FFFFFF;
    border: 1px solid #A7D0E7;
    padding-left: 15px;
    box-shadow: inset 0 3px 1px #CEE3EF, 0 2px 3px rgba(146, 194, 220, 0.3);
}
.filter-block input[type='text']{
    border-radius: 4px 4px 0 0;
    padding-right: 85px;
    border-bottom: 0;
    background-image: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/search.png");
    background-repeat: no-repeat;
    background-position: right 60px center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.filter-block select{
    box-shadow: 0 2px 3px rgba(146, 194, 220, 0.3);
    border-radius: 0 0 4px 4px;
}
.geo-location{
    position: absolute;
    top: 4px;
    right: 0;
    width: 50px;
    height: 46px;
    background: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/geolocation.png") no-repeat center;
    cursor: pointer;
}
.geo-location:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 49px;
    margin: auto;
    display: block;
    width: 1px;
    height: 24px;
    background: #A7D0E7;
}
.filter-block .tab-list{
    font-size: 17px;
    font-weight: 500;
    line-height:normal;
    color: #0A86CC;
    margin-top: 25px;
    border-bottom: 1px solid #A7D0E7;
}
.filter-block .tab-list.justify{
    text-align: justify;
}
.filter-block .tab-list .tab-item{
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    text-align: left;
    padding-bottom: 6px;
    margin-left: 20px;
}
.filter-block .tab-list.justify .tab-item,.filter-block .tab-list .tab-item:first-child{
    margin-left: 0;
}
.filter-block .tab-list .tab-item.helper{
    width: 100%;
    height: 0;
    margin: 0;
    visibility: hidden;
    display: inline-block;
    padding-bottom: 0;
}
.filter-block .tab-list .tab-item.item-selected{
    color: #2D3438;
    border-bottom: 5px solid #0A86CC;
}
#map{
    height:860px;
    margin-left: 400px;
}

/* Фильтры */
.type-filter {

}

/* "кнопка" - переключатель показа фильтров */
.type-filter .type-filter-title {
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #3B5D70;
    margin: 4px 0;
    padding: 3px 8px 3px 8px;
    display: inline-block;
    cursor: pointer;
}
.type-filter .type-filter-title::after {
    content:''; display:inline-block; vertical-align:middle; width:10px;height:6px;
    background:url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/dropdown.png) no-repeat center center / contain;
    margin: 0 0 0 15px;
    transform: rotate(180deg);
    transition: transform 0.3s;
}
.type-filter .type-filter-title.opened::after {
    transform: rotate(0deg);
    transition: transform 0.3s;
}
.type-filter .type-filter-title:hover {
    background-color: rgba(0, 189, 242, 0.1);
}

.filter-checkboxes {
    display: none;
    position: relative;
}

/* КОНЕЦ | "кнопка" - переключатель показа фильтров */

/* иконка для label, когда input в состоянии unchecked */
.filter-checkboxes label {
    display:block;
    margin: 3px 0 3px 8px;
    padding-left: 30px;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #3B5D70;
    cursor: pointer;
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/checkbox_unchecked.png) no-repeat left center;
    position: relative;
}

/* спрятать сам input */
.filter-checkboxes input[type="checkbox"] {
    display: none;
}

/* иконка для label, когда input в состоянии checked */
.filter-checkboxes input[type="checkbox"]:checked + label {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/checkbox_checked.png) no-repeat left top;
}

/* иконка для checkbox для Контейнеры | ТКО, когда он checked */
.filter-checkboxes label > .icon.darkGreen {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/small-green.png) no-repeat left center;
}
/* иконка для checkbox для Контейнеры | КГО, когда он checked */
.filter-checkboxes label > .icon.darkBlue {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/small-blue.png) no-repeat left center;
}
/* иконка для checkbox для Контейнеры | РСО, когда он checked */
.filter-checkboxes label > .icon.darkOrange {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/small-orange.png) no-repeat left center;
}
.filter-checkboxes label > .icon.lightOrange {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/small-light-orange.png) no-repeat left center;
}
.filter-checkboxes label > .icon.black {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/small-gray.png) no-repeat left center;
}
.filter-checkboxes label > .icon.red {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/small-red.png) no-repeat left center;
}
.filter-checkboxes label > .icon.yellow {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/small-yellow.png) no-repeat left center;
}


/* иконка для всех checkbox фильтра когда он не выбран */
.filter-checkboxes input + label div:first-child {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px;
    width: 12px;
    height: 14px;
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/small-unchecked.png) no-repeat left center;
}

.filter-checkboxes .tooltip {
    border-radius: 18px;
    border: 2px solid #778E9C;
    display: inline-block;
    margin: 3px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

.filter-checkboxes .tooltip:hover {
    color: white;
    background-color: #778E9C;
    border-color: white;
}


/* "красивый" checkbox */
.nice-checkbox label {
    margin: 3px 3px 3px 8px;
    padding-left: 30px;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
    color: #3B5D70;
    cursor: pointer;
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/checkbox_unchecked.png) no-repeat left center;
}

.nice-checkbox input[type="checkbox"]:checked + label {
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/checkbox_checked.png) no-repeat left center;
}

.nice-checkbox input[type="checkbox"] {
    display: none;
}

/*подсказка для фильтра и списков*/
.filter-checkboxes label b{
    display: inline-block;
    height: 18px;
    width: 18px;
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/map-help.png) no-repeat center center;
    color: transparent;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    vertical-align: text-top;
    margin-left: 3px;
}
.filter-checkboxes label b:hover{
    background:  url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/map-help_hover.png) no-repeat center center;;
}
.filter-checkboxes label small{
    display: none;
    position: absolute;
    bottom: 24px;
    right: 0;
    width: 320px;
    padding: 15px;
    background: #fff;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    color: #6B818E;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #C9E1EE;
    box-shadow: 0 2px 5px #bbd4E2;
}

.filter-checkboxes label b:hover  + small{
    display: block;
}
/*хвостик подсказки
.filter-checkboxes label small:after{
    content: ' ';
    background: #fff;
    border-bottom: 1px solid #C9E1EE;
    border-left: 1px solid #C9E1EE;
    border-radius: 2px;
    width: 13px;
    height: 13px;
    transform: rotate(-45deg);
    position: absolute;
    bottom: -7px;
    right: 19px;
    margin-left: -14px;
    box-shadow: -3px 3px 4px #bbd4E2;
}*/


#fancy_feedback_garbage {
    /*padding:0 20px;*/
    padding:0;
    left: 2%;
    top: 70px;
    bottom: 50px;
    width: 400px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    /*overflow: hidden;
    overflow-y: hidden;*/
    z-index: 10;
}
#fancy_feedback_garbage>div { padding:0 20px; cursor:auto; overflow-y:scroll; }
#fancy_feedback_garbage .point_head .point_title {
    text-transform: uppercase;
    font-size: 18px;
    color: #303030;
    /*line-height: 40px;*/
    overflow: hidden;
    height: auto;
    font-weight: 300;
}

#fancy_feedback_garbage .point_panel .point_head .point_title span {
    display: table-cell;
    /* height: 50px; */
    min-height: 25px;
    width: 250px;
    vertical-align: middle;
    line-height: 25px;
}

#fancy_feedback_garbage .slimScrollDiv {
    top: 5px;
}

#fancy_feedback_garbage .btn {
    margin-bottom:20px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    text-transform: uppercase;
    background: #568ecc;
    font-size: 14px;
    padding: 0 11px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
    text-align: center;
    cursor: pointer;
}

#fancy_feedback_garbage .btn + .link {
    margin-left: 15px;
}

#fancy_feedback_garbage .link {
    line-height: 35px;
    display: inline-block;
    color: #568ecc;
    font-size: 13px;
    text-decoration: underline;
}

#fancy_feedback_garbage .point_head {
    padding: 16px 80px 16px 20px;
    position: relative;
    border-bottom: 1px solid #c4c4c4;
}

#fancy_feedback_garbage .complaint_panel .form_title {
    padding: 20px 0 10px 0;
    font-size: 15px;
    color: #303030;
}

#fancy_feedback_garbage .radio {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../css/imgs.png) no-repeat -397px -48px;
    margin-right: 8px;
}

#fancy_feedback_garbage .radio_group .radio_box {
    margin: 10px 0;
    padding-left: 27px;
    position: relative;
}

#fancy_feedback_garbage .radio.checked {
    background-position: -383px -48px;
}

#fancy_feedback_garbage .radio input {
    width: 14px;
    height: 14px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

#fancy_feedback_garbage .complaint_panel .contacts_block {
    margin: 0 -20px;
    padding: 0 20px;
    border-top: 1px solid #c4c4c4;
}

#fancy_feedback_garbage .complaint_panel .form_title {
    padding: 20px 0 10px 0;
    font-size: 15px;
    color: #303030;
}

#fancy_feedback_garbage .input_box {
    position: relative;
    margin: 0 0 20px 0;
}

#fancy_feedback_garbage .complaint_panel .contacts_block .inputbox {
    height: 38px;
    padding: 8px 15px 8px 43px;
    background: #f6f5f5;
    line-height: 22px;
    font-size: 13px;
}

/*#fancy_feedback_garbage .input_box i {
    position: absolute;
    display: block;
    left: 15px;
    top: 18px;
    width: 20px;
    height: 16px;
    background: url(/local/components/mstrike/wastecollecting_map/templates/.default/css/../css/imgs.png) no-repeat -131px -135px;
}*/

#fancy_feedback_garbage .complaint_panel textarea.inputbox {
    background: #ffffff;
    height: 150px;
    border: 1px solid #568ecc;
    font-size: 13px;
    margin-bottom: 13px;
    width: 100%;
    padding: 13px;
    margin-top: 5px
}

@media screen and (max-width:600px) {
    .map-panel{
        flex-basis: 100%;
        height: auto !important;
    }
}
/* End */


/* Start:/local/components/mstrike/wastecollecting_map/templates/.default/css/tooltip.css?17649280804697*/
/* Анимация загрузчика */
.loader-cont{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: rgba(255,255,255,.7);
    z-index: 1000;
    display: block;
}
.wrapper-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 145px;
    width: 190px;
    padding-top: 35px;
    border: 1px solid #CFDDEB;
    border-radius: 5px;
    background: #fff;
    text-align: center;
}

.wrapper-loader:after {
    content: "Загрузка объектов";
    white-space: nowrap;
    color: #3B5D70;
    font-size: 15px;
    position: relative;
    top: 7px;
}

.circularG_gen{
    position:relative;
    width:49px;
    height:49px;
    margin: auto;
}

.circularG{
    position:absolute;
    background-color: #00BDF2;
    width:12px;
    height:12px;
    border-radius:7px;
    -o-border-radius:7px;
    -ms-border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    animation-name:bounce_circularG;
    -o-animation-name:bounce_circularG;
    -ms-animation-name:bounce_circularG;
    -webkit-animation-name:bounce_circularG;
    -moz-animation-name:bounce_circularG;
    animation-duration:0.718s;
    -o-animation-duration:0.718s;
    -ms-animation-duration:0.718s;
    -webkit-animation-duration:0.718s;
    -moz-animation-duration:0.718s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

.circularG_1_gen{
    left:0;
    top:20px;
    animation-delay:0.268s;
    -o-animation-delay:0.268s;
    -ms-animation-delay:0.268s;
    -webkit-animation-delay:0.268s;
    -moz-animation-delay:0.268s;
}

.circularG_2_gen{
    left:5px;
    top:5px;
    animation-delay:0.364s;
    -o-animation-delay:0.364s;
    -ms-animation-delay:0.364s;
    -webkit-animation-delay:0.364s;
    -moz-animation-delay:0.364s;
}

.circularG_3_gen{
    top:0;
    left:20px;
    animation-delay:0.45s;
    -o-animation-delay:0.45s;
    -ms-animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
    -moz-animation-delay:0.45s;
}

.circularG_4_gen{
    right:5px;
    top:5px;
    animation-delay:0.536s;
    -o-animation-delay:0.536s;
    -ms-animation-delay:0.536s;
    -webkit-animation-delay:0.536s;
    -moz-animation-delay:0.536s;
}

.circularG_5_gen{
    right:0;
    top:20px;
    animation-delay:0.632s;
    -o-animation-delay:0.632s;
    -ms-animation-delay:0.632s;
    -webkit-animation-delay:0.632s;
    -moz-animation-delay:0.632s;
}

.circularG_6_gen{
    right:5px;
    bottom:5px;
    animation-delay:0.718s;
    -o-animation-delay:0.718s;
    -ms-animation-delay:0.718s;
    -webkit-animation-delay:0.718s;
    -moz-animation-delay:0.718s;
}

.circularG_7_gen{
    left:20px;
    bottom:0;
    animation-delay:0.814s;
    -o-animation-delay:0.814s;
    -ms-animation-delay:0.814s;
    -webkit-animation-delay:0.814s;
    -moz-animation-delay:0.814s;
}

.circularG_8_gen{
    left:5px;
    bottom:5px;
    animation-delay:0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s;
}



@keyframes bounce_circularG{
    0%{
        transform:scale(1);
    }

    100%{
        transform:scale(.3);
    }
}

@-o-keyframes bounce_circularG{
    0%{
        -o-transform:scale(1);
    }

    100%{
        -o-transform:scale(.3);
    }

}

@-ms-keyframes bounce_circularG{
    0%{
        -ms-transform:scale(1);
    }

    100%{
        -ms-transform:scale(.3);
    }
}

@-webkit-keyframes bounce_circularG{
    0%{
        -webkit-transform:scale(1);
    }

    100%{
        -webkit-transform:scale(.3);
    }
}

@-moz-keyframes bounce_circularG{
    0%{
        -moz-transform:scale(1);
    }

    100%{
        -moz-transform:scale(.3);
    }
}

.tooltip{
    position: relative;
}

.tooltip-block{
    position: absolute;
    display: none;
    width: 293px;
    padding: 12px 35px 12px 12px;
    right: -170px;
    bottom: 28px;
    color: #686868;
    text-align: left;
    background: white;
    border: 1px solid rgba(146, 194, 220, 0.5);
    box-shadow: 0px 2px 3px rgba(146, 194, 220, 0.3);
    border-radius: 4px;
    z-index: 3;

}
.tooltip-block .tooltip-close{
    position: absolute;
    width: 21px;
    height: 20px;
    right: 9px;
    top: 9px;
    background: url("/local/components/mstrike/wastecollecting_map/templates/.default/css/../images/icons/close.png") no-repeat;
    cursor: pointer;
}
/* End */
/* /local/components/mstrike/wastecollecting_map/templates/.default/css/containers.css?176492808017040 */
/* /local/components/mstrike/wastecollecting_map/templates/.default/css/left_panel.css?176492808012916 */
/* /local/components/mstrike/wastecollecting_map/templates/.default/css/tooltip.css?17649280804697 */