@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&subset=latin,cyrillic);

*, *:before, *:after {
    box-sizing: border-box;
}

body {
    padding: 0 !important;
}

.content {
    line-height: 1.4;
    background-color: #ffffff;
}

.m-map{
    background-color: #333;
    width: 100%;
    height: 890px;
}

.m-sidebar{
	background-color: #008987;
    height: 890px;
	width: 268px;
    float:left;
    position:relative;
}

.m-sidebar .side-container{
    overflow:hidden;
    width: 268px;
    height:800px;
}
.m-sidebar .side-container .layer-list{
     overflow-y: scroll;
     overflow-x: hidden;
     width: 285px;
     height: 800px;
}
.m-sidebar .side-container .layer-list .item {
	border-bottom: 1px solid #47aaa8;
}
.m-sidebar .side-container .layer-list .item .layer-title.title {
    display: block;
	padding: 5px 0 5px 16px;
    width: 100%;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    outline: none;
    user-select: none;
}

.m-sidebar .side-container .layer-list .item .title .img {
	display: table-cell;
    padding-right: 10px;
    text-align: center;
    vertical-align: top;
}

.m-sidebar .side-container .layer-list .item .title .img span {
    margin: 0 auto;
    display: block;
    font-size: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
}

.m-sidebar .side-container .layer-list .item .title .img span img {
    display: inline-block;
    vertical-align: middle;
}

.m-sidebar .side-container .layer-list .item .title .img span:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.m-sidebar .side-container .layer-list .item .title .title {
    display: table-cell;
    padding-right: 16px;
	width: 166px;
    height: 40px;
	font-family: 'Roboto', sans-serif;
	color: #f5f9f9;
	font-size: 16px;
	line-height: 16px;
    vertical-align: middle;
}

.m-sidebar .side-container .layer-list .item .title.active{
	font-weight: 700;
	color: black;
	background-color: #cbe6e6;
}

.m-sidebar .side-container .layer-list .item .title.active .title{
    padding-right: 6px;
	color: black;
}

.m-sidebar .side-container .layer-list .item .title .edit-btn{
	position: absolute;
	top: 0;
	right:80px;
	color:yellow;
	cursor: pointer;
	font-size: 14px;
}

.m-sidebar .side-container .layer-list .item .title .delete-btn{
	position: absolute;
	top:0px;
	right:60px;
	color: red;
	cursor: pointer;
	font-size: 14px;
}
.m-sidebar .side-container .layer-list .item .title .arrow-down {
	display: table-cell;
	background: url(../images/icons/arrow_down.png) center 14px no-repeat;
	width: 21px;
	height: 14px;
    vertical-align: top;
	cursor: pointer;
}

.m-sidebar .side-container .layer-list .item .title.active .arrow-down{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.m-sidebar .side-container .layer-list .item .content{
	display: none;
}
.m-sidebar .side-container .layer-list .item .content .item{
	border: none;
	position: relative;
}

.m-sidebar .side-container .layer-list .item .content .item .edit-btn{
	position: absolute;
	top:0px;
	right:80px;
	color:lightgreen;
	cursor: pointer;
	font-size: 14px;
}

.m-sidebar .side-container .layer-list .item .content .item .delete-btn{
	position: absolute;
	top:0px;
	right:60px;
	color: red;
	cursor: pointer;
	font-size: 14px;
}
.m-sidebar .side-container .layer-list .item .content .item .checkbox input[type="checkbox"] {
    display:none;
}
.m-sidebar .side-container .layer-list .item .content .item .checkbox input[type="checkbox"] + label {
    display:inline-block;
    width:250px;
    margin: 10px 0 10px 10px;
    padding: 0 29px;
    vertical-align:middle;
    background:url(../images/icons/checkbox_unchecked.png) left 0 no-repeat;
    cursor:pointer;
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height:19px;
}
.m-sidebar .side-container .layer-list .item .content .item .checkbox input[type="checkbox"]:checked + label {
    background:url(../images/icons/checkbox_checked.png) left 0 no-repeat;
}
.m-sidebar .m-footer{
	margin-top: 55px;
	margin-left: 55px;
	float: left;
}

.third_holder {

    float: left;
    width: 100%;
    display: table-cell;
    background-color: red;
}

.absolute_div {
    width: 200px;
    display: table-cell;
    background-color: silver;
}

.whole_container {
    width: 100%;
    display: table;    
}

.isShowRegions{
	margin-top: 20px;
	width: 268px;
}

.isShowRegions input[type="checkbox"]{
	display: none;
}
.isShowRegions input[type="checkbox"] + label {
	color: white;
    display:inline-block;
    height:23px;
    margin-left: 19px;
    margin-top: 8px;
    padding: 0 29px;
    vertical-align:middle;
    background:url(../images/icons/checkbox_white_unchecked.png) left 2px no-repeat;
    cursor:pointer;
	font-family: 'Roboto', sans-serif;

}
.isShowRegions input[type="checkbox"]:checked + label {
    background:url(../images/icons/checkbox_white_checked.png) left 2px no-repeat;
}

.map{
    height:890px;
}