@font-face {
    font-family: 'Opinion Pro Lt';
    src: url('fonts/OpinionPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

.layout__body {
    background: #f6f2de;
    overflow: hidden;
    margin: 0;
    padding: 0;
    color: #000;
    min-height: 100%;
    min-width: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
}
.map {
    height: 100%;
    width: 100%;
}

.online__side{
    position: absolute;
    top: 12px;
    /* bottom: 12px; */
    left: 12px;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.online__local{
    display: flex;
    flex-direction: column;    
    height: 100%;
}

.online__header__container{
    display: flex;
    flex-direction: column;
    font: 12px/14px "Opinion Pro Lt",Helvetica,Arial,sans-serif;
    background: #256E97;
    margin-bottom: 5px;    
}

.online__header{    
    display: flex;
    flex-direction: row;    
    width: 420px;
    max-height: 300px;
    padding: 0;
}

.online__logo, .online__profile, .online__sandwitch{
    flex: 1;

    /* border: solid 1px #ccc; */
}

.online__logo__container,.online__logo{ 
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 2;
}
.online__logo{
    background: rgba(255, 255, 255, 0.75);
    margin: 10px;
    height: 65px;
    width: 65px;
    border-radius: 10px;
    cursor: pointer;
}

.online__title{
    flex: 7;
    color: white;
    text-align: center;
    font: 18px/16px "Opinion Pro Lt", Tahoma, Verdana,sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0;
    padding: 3px 0 0 0;
}

.online__nav__container{
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-right: 10px;
}

.online__profile{
    background: url('../images/icons/user-ava.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}
.online__profile__menu{
    position: absolute;
    z-index: 100000 !important;
    right: 0;
    left: auto;
    top: 35px;
}

.online__profile__title{    
    text-align: center;    
    text-transform: uppercase;
    font-weight: bold;    
}

.online__sandwitch{
    /* background: url('../images/icons/close-menu.png'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    margin-bottom: 10px;
}

.searchBar__form{
    display: flex;
    flex: 10;
    padding: 0 0 10px 0;
    height: 44px;
}

.searchBar__input{
    flex: 9.5;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    background-color: white;        
    padding: 10px 15px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.searchButton {
    flex: 0.5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    border: 1px solid #2e4cae;
    background: #2e4cae;        
    border-radius: 5px;
    cursor: pointer;    
}

.map__control{
    position: absolute;
    cursor: pointer;
    z-index:100000000;
}
.map__tolls{
    position: relative;
    cursor: pointer;
}
.zoom__in{
    /* top: 20px;     */
    top: 3vh;
    right: 15px;    
}
.zoom__out{
    /* top: 62px;     */
    top: 9vh;
    right: 15px;    
}
.full__extent{
    /* top: 110px; */
    top: 16vh;
    right: 15px;              
}

#mapTools{
    top: 25vh;
    right: 15px;
}
#mapToolsContainer{
    top: 25vh;
    right: 45px;
}
#editorToolsContainer{
    position: absolute;
    display: flex;
    top: 30vh;
    right: 45px;
}

.map__control:hover{
    opacity: 0.85;
}

/* tools start */
#mapTools .img-mid,#btnGetLatLong .img-mid, 
#btnMeasureLength .img-mid,#btnMeasureArea .img-mid,#btnEditor .img-mid,#btnEditor2 .img-mid,#btnPrintMap .img-mid,
#btnStopEditing .img-mid,#btnDrawPoint .img-mid,#btnDrawLine .img-mid,#btnDrawPolygon .img-mid,
#btnModify .img-mid,#btnRemove .img-mid,#btnExportShapes .img-mid {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
#mapTools:hover .img-mid,#btnGetLatLong:hover .img-mid,
#btnMeasureLength:hover .img-mid,#btnMeasureArea:hover .img-mid,#btnEditor:hover .img-mid,#btnEditor2:hover .img-mid,#btnPrintMap:hover .img-mid,
#btnStopEditing:hover .img-mid,#btnDrawPoint:hover .img-mid,#btnDrawLine:hover .img-mid,#btnDrawPolygon:hover .img-mid,
#btnModify:hover .img-mid,#btnRemove:hover .img-mid,#btnExportShapes:hover .img-mid{
    display: inline;
}
#mapTools .img-top,#btnGetLatLong .img-top,
#btnMeasureLength .img-top,#btnMeasureArea .img-top,#btnEditor .img-top,#btnEditor2 .img-top,#btnPrintMap .img-top,
#btnStopEditing .img-top,#btnDrawPoint .img-top,#btnDrawLine .img-top,#btnDrawPolygon .img-top,
#btnModify .img-top,#btnRemove .img-top,#btnExportShapes .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
#mapTools.active .img-top,#btnGetLatLong.active .img-top,
#btnMeasureLength.active .img-top,#btnMeasureArea.active .img-top,#btnEditor.active .img-top,#btnEditor2.active .img-top,#btnPrintMap.active .img-top,
#btnStopEditing.active .img-top,#btnDrawPoint.active .img-top,#btnDrawLine.active .img-top,#btnDrawPolygon.active .img-top,
#btnModify.active .img-top,#btnRemove.active .img-top,#btnExportShapes.active .img-top{
    display: inline;
}

#popup {
    padding-bottom: 45px;
    z-index: 1000000000000000000;
    position: absolute;
}

#popup .popover-content code{
    font-size: 8px !important;
}

.dot {
    height: 10px;
    width: 10px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}

/* tools end */

#right-bottom-tools{
    position: absolute;
    bottom: 20px;
    right: 20px;
}
#mouse-position{
    min-width: 180px;
    height: 22px;
    color: #BBC8DD;
    background-color: #2D5A79;
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
}
#scale{
    /* position: absolute; */
    /* margin-top: 10px; */
    /* padding-top: 10px; */
    height: 22px;
    color: #BBC8DD;
    padding: 0px;
    font-size: 13px;
    /* background-color: #2D5A79; */
    /* border-top-right-radius: 11px;
    border-bottom-right-radius: 11px; */
}
#scales{
    height: 9px;
    color: #BBC8DD;
    margin-top: 5px;
    background-color: #2D5A79;
    /* border-top-right-radius: 11px;
    border-bottom-right-radius: 11px; */
}
#scalese{
    height: 22px;
    color: #BBC8DD;
    background-color: #2D5A79;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
    padding: 0 10px 0 5px;
}
#baseLayerSwitcher{    
    bottom: 7vh;
    right: 45px; 
}
#globeBtn{    
    bottom: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}
#globeBtn:focus{
    outline: none;
}

.globeBtn{
    right:10px;    
    bottom: 10px;;
    padding: 0;
    border: none;
    background-color: transparent;
}
.globeBtn:focus{
    outline: none;
}

.planet__lyrtype{
    color: #256E97;
    border: 1px solid #256E97;
    background: #BBC7DD;
    text-transform: uppercase;
    font-size: 11px;
    height: 27px;
}
.planet__lyrtype:hover{
    color: black;
}

/* .chartLegendPanel {     */
#statistics-legend-part, #statistics-table-part {
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    bottom: 12px;
    left: 450px;
    max-width: 420px;
    max-height: 50vh;
    overflow-y: auto;
    width: auto;
    height: auto;
    padding: 10px 10px 0 10px;    
    position: absolute;
    background: rgba(225, 222, 239, 0.9);
}

.online__informer{    
    position: absolute;
    top: 12px;
    /* left: 445px; */
    left: calc(50vw - 250px);
    z-index: 1;

    display: flex;
    flex-direction: column;
    width: 500px;
    max-height: 300px;
    height: auto;
    padding: 5px;
    background-color: ghostwhite;

    box-shadow: 0 0 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.05);
}

.informer__text{
    margin: 0;
    text-align: center;
    word-wrap: break-word;
    font: 14px/16px "Opinion Pro Lt",Helvetica,Arial,sans-serif;        
}

/* .device__detection__container {
    background-color: #fffbe2;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
} */

/* ====================================================== DASH BOARD ================================================ */

.dashboard {
    width: 420px;
    padding: 0;
    color: #222;
    word-wrap: break-word;
    font: 14px/16px "Opinion Pro Lt",Helvetica,Arial,sans-serif;    
    box-shadow: 0 0 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.05);    
}

.dashboard__weatherContainer {
    display: flex;
    justify-content: flex-start;
    color: #101820;
    /* background: rgba(51, 57, 66, 0.4); */
    background:#E1DEEF;
    /* border-bottom: solid 1px rgba(204, 204, 204, 0.25); */
    /* border: solid 4px rgba(51, 57, 66, 0.85); */
}
.fc__atyrau__temp{
    margin: 17px 0;
}
  
.dashboard__cityName {    
    font: 16px/14px "Opinion Pro Lt",Tahoma, Verdana,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #256E97;
    margin: 17px 25px;
    padding: 0 10px;
}

.dashboard__sectionsContainer{
    display: flex;  
    flex: 2;
    background: rgba(225, 222, 239, 0.9);
}
.dashboard__leftSectionsWrapper{
    flex: 1;
}
.dashboard__rightSectionsWrapper{
    flex: 1;
}

.dashboard__close, .legend__group__wrapper__close, 
.auctions__section__close, .orgCatalog__section__close,.offenses__section__close,
.statistics__section__close, .informer__close{
    position: absolute;
    color: #256E97;
    cursor: pointer;    
    right: 10px; 
}
.dashboard__close:hover, .legend__group__wrapper__close:hover, 
.auctions__section__close:hover,.offenses__section__close:hover,
.orgCatalog__section__close:hover, .informer__close:hover {
    opacity: .7;
}

.dashboard__close, .informer__close{
    color: #256E97;
    padding: 8px 5px;
}
.legend__group__wrapper__close, .auctions__section__close, .orgCatalog__section__close,.offenses__section__close{
    /* padding: 0px 5px; */
    padding: 0;
}

.leftSections, .rightSections{
    display: flex;
    flex: 5;
    height: 45px;        
}
.leftSections {    
    margin: 10px 0 0 10px;
}
.rightSections{    
    margin: 10px;
}
.ls__auct, .rs__auct{
    margin: 0;
}
.section-item-icon{    
    display: flex;
    flex: 1;
    /* background: #2e4cae; */
    justify-content: center;
    align-items: center;
}
.section-item-title{
    display: flex;
    text-decoration: none;
    align-items: center;
    flex: 4;    
    padding-left: 5px;
    font-size: 0.95em;
    word-wrap: break-word;
    text-transform: uppercase;
    color: #101820;
    font-weight: bold;
}
#areas, #pollingStationsAreas{
    width: 200px; height: 100%;
    margin: 10px 25px 10px 15px;
    text-decoration: none;
    align-items: center;
    padding-left: 5px;
    font-size: 0.95em;
    word-wrap: break-word;
    text-transform: uppercase;
    color: #101820;
    font-weight: bold;
}
.areas span{
    margin-right: 30px;
}
div.leftSections:focus, div.leftSections:hover,
div.leftSections.legend-group:focus, div.leftSections.legend-group:hover,
div.rightSections:focus, div.rightSections:hover,
div.rightSections.legend-group:focus, div.rightSections.legend-group:hover{
    cursor: pointer;
}

.section-item-title:focus, .section-item-title:hover{
    color: #9E9E9E;    
    text-decoration: none;
    outline: 0;
}

.legend-group-info{
    padding-right: 10px;
}

.dashboard__footer{
    line-height: 20px;
    visibility: visible;
    padding: 10px 15px 13px;
    border-radius: 0 0 3px 3px;
    /* background: rgba(51, 57, 66, 0.4); */
    background: #E1DEEF;
    border-top: solid 1px rgba(204, 204, 204, 0.25);
    max-height: 48px;
    box-sizing: border-box;
    color: white;
}

.dashboard__footerLinks{
    display: flex;
}

.dashboard__footerLinks > ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    list-style-type: none;
    padding: 0;   
    margin: 0; 
    font-size: 0.9em;
}

.about__app__section{
    width: 70px;
    display: flex;
    justify-content: space-around;
}

.langitems__section{
    width: 105px;
    display: flex;
    justify-content: space-around;
    padding: 0;
    list-style-type: none;
    font-weight: bold;
}

/* соц.сети */
.social-networks{
    display: flex;
    /* justify-content: flex-end;   
    align-items: center; 
    width: 20vw; */
}
.round-button {
    display:block;
    width:25px;
    height:25px;
    /* line-height:50px;
    border: 0.5px solid rgba(222, 222, 222, 0.5);
    border-radius: 50%;    
    text-align:center;
    text-decoration:none;    
    font-size:20px;
    font-weight:bold; */
    margin: 0 2px;    
}
.round-button:hover {    
    opacity: 0.7;
}
.ap-info:focus,.ap-phone:focus{
    outline: none;
}
.ap-info{
    background: url('../images/icons/ap-info.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.ap-phone{
    background: url('../images/icons/ap-phone.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.sn-tw{
    background: url('../images/icons/sn-tweet.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.sn-gl{
    background: url('../images/icons/sn-googlplus.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.sn-gp{
    background: url('../images/icons/sn-googplay.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}

.sn-aps{
    background: url('../images/icons/sn-appstore.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}

.sn-vk{
    background: url('../images/icons/sn-vk.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.sn-fb{
    background: url('../images/icons/sn-fb.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}
.sn-portal{
    height: 25px;
    border-radius: 15px;
    padding: 0 5px 0;
    margin: 0;
    line-height: 22px;
    border: 1px solid #256E97;
    color: #256E97;
    font-weight: bold;
}

/* ===============================================================================================================
======================================================= ON PAGE ==================================================
================================================================================================================== */

.tooltip-inner {
    max-width: 500px !important;
}

.arrow_box {
    position: absolute;
    background-color: rgba(61, 64, 67, 0.93);
    color: white;
    font-size: 13px;
    width: 465px;
    margin-left: 15px;
    margin-top: -60px;
}

.arrow_box:after,
.arrow_box:before {
    top: 10%;
    left: 0%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(32, 62, 213, 0);
    border-right-color: rgba(11, 11, 12, 0.53);
    border-width: 15px;
    margin-left: -30px;
    margin-top: 35px;
}

.arrow_box:before {
    border-color: rgba(32, 62, 213, 0);
    border-right-color: rgba(11, 11, 12, 0.53);
    border-width: 10px;
    margin-top: 40px;
    margin-left: -20px;
}

.arrow_box-closer,
.arrow_box-closer :hover {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 5px;
    color: white;
}

.arrow_box-closer:after {
    content: "✖";
    color: white;
    cursor: pointer;
}

.custom-table>tbody>tr>td,
.custom-table>tbody>tr>th,
.custom-table.table>tfoot>tr>td,
.custom-table>tfoot>tr>th,
.custom-table>thead>tr>td,
.custom-table>thead>tr>th {
    padding: 4px 4px 4px 15px;
}

.custom-table>tbody>tr>td:first-child {
    color: #9c9c9c;
    max-width: 240px;
}

.arrow_box .table {
    margin-bottom: 0px;
}

.complaints {
    position: relative;
    height: 22px;
    float: right;
}

.share-buttons-container a {
    top: -1px;
}

.share-buttons-container,
.scale-and-mouse-container {
    position: relative;
    height: 22px;
    min-width: 190px;
    float: right;
}

.scale-and-mouse-container .btn[disabled] {
    cursor: default;
    height: 22px;
    opacity: 1;
}

.scale-and-mouse-container {
    min-width: 210px;
}

.layer-legend-modal {
    height: 20px;
    width: 20px;
}

.loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    margin-left: 20px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.files-list {
    list-style-type: none;
    /*border:0.5px solid #ccc;
            border-radius: 5px;*/
    margin-left: -35px;
}

.files-list>li {
    float: left;
}

.ol-popup-1 {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 220px;
}

.ol-popup-1:after,
.ol-popup-1:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ol-popup-1:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup-1:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.ol-popup-1-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

.ol-popup-1-closer:after {
    content: "✖";
}

.popup-1-input {
    width: 160px;
    margin-left: 5px;
}

#user-complaints-title, #about-project-title, #myModalLabel{
    font-family: "Opinion Pro Lt",Tahoma, Verdana,sans-serif;
    text-transform: uppercase;
}

.compl__box{
    border: 1px solid #256E97;
    border-radius: 5px;
}
.compl__label{
    color: #256E97;
    font-family: "Opinion Pro Lt",Tahoma, Verdana,sans-serif;
    text-transform: uppercase;
}

.legend-item {    
    cursor: pointer;
    margin-bottom: 3px;
}

.legend-item:hover {    
    border-bottom: solid 1px rgba(37, 109, 151, 0.5);    
    background-color: rgba(255, 255, 255, 0.5);
}

.analize-button {
    /* background-image: url(../images/satellite.png); */
    background-image: url(../../Content/images/satellite.png);
    background-color: #256E97;
    height: 32px;
    width: 32px;
    text-indent: -99999px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.analize-modal .modal, .analize-modal .modal-body {
    height: 75vh;
    width: 90vw;
    overflow-y: auto;
}

.analize-modal .modal-dialog {
    width: 90vw;
}

.analize-feature-item {
    color: black;
    padding: 5px;
}

.active2 {
    background-color: blueviolet;
    color: white;
}

.analize-modal-map {
width: 570px; 
height: 530px; 
border:1px solid #ccc;
}

/* ===============================================================================================================
======================================================== OTHERS ==================================================
================================================================================================================== */

.legend-group-wrapper-panel, .auctions__section, 
.orgCatalog__section,.offenses__section, .statistics__section {
    margin-left: 10px;
    width: 420px;
    min-width: 330px;
    /* max-height: 550px; */
    max-height: calc(100vh - 120px);
    font-family: "Opinion Pro Lt",Tahoma, Verdana,sans-serif;
    font-size: 12px;
    /* padding: 10px 25px 10px 10px; */
    padding: 10px;
    position: fixed;
    text-transform: uppercase;    
    /* background: rgba(51, 57, 66, 0.85);     */
    background: rgba(225, 222, 239, 0.9);
    left: 2px;
    top: 111px;
    z-index: 50;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0px;
    overflow-x: auto;
}

.legend-group-wrapper-panel {        
    /* min-height: 520px; */
    min-height: calc(100vh - 120px);
}

.auctions__section {                
    height: 280px;
    background: rgba(225, 222, 239, 0.9);
}
.offenses__section {
    height: 280px;
    background: rgba(225, 222, 239, 0.9);
}
.orgCatalog__section {        
    min-height: 350px;
    background: rgba(225, 222, 239, 0.9);
}

.statistics__section{
    /* max-height: 600px; */
    min-height: calc(100vh - 120px);
}

.auctions__section__title,.offenses__section__title, .orgCatalog__section__title, .statistics__section__title{
    font: 16px/14px "Opinion Pro Lt",Tahoma, Verdana,sans-serif;
    font-weight: bold;
    margin: 15px;
    padding: 0 10px;
    color: black;
    text-align: center;
    text-transform: uppercase;
}

.group-legendLayer-caption {
    line-height: 20px;
    text-align: left;
    cursor: pointer;
    /* color: #67c1fa; */
    color: #256E97;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
#eventList{
    margin-left: 5px;
    margin-top: 5px;
}
.event_lists{
    color: #256E97;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    margin: 0 !important;
}
.event_lists_date{
    color: #002e48e6;
}
#eventDatepicker .ui-datepicker {
    width: 100% ;
    background-color: rgba(90, 150, 155,0.67);
    margin-left: 1px;
    color: white;
}

@media screen and (max-width: 1024px) {
    .layer-legend, .modal-legend-item {
        font-size: 10px;
    }
}

.layer-legend, .modal-legend-item {
    line-height: 20px;
    text-align: left;
    cursor: pointer;
    /* color: #67c1fa; */
    color: #256E97;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    border-bottom: dashed 1px rgba(37, 109, 151, 0.5);
}
.layer-legend:hover {
    margin-top: 1px;
    border-bottom: solid 1px rgba(37, 109, 151, 0.5);    
    background-color: rgba(255, 255, 255, 0.5);
}

.custom-list-item {
    /*line-height: 1.9em;*/
    margin: 0;
    /* padding-right: 7px; */
    /* color: #f7f6f6; */
    color: black;
    font-weight: 600;
    cursor: pointer;
    font-size: 12px;
    padding: 0 0 5px 0;
}
.custom-list-item:hover {
    /*border-bottom: solid 1px rgba(37, 109, 151, 0.5);    
    background-color: rgba(255, 255, 255, 0.55) !important;*/
}
.settl__years__container {
    display: flex;
    justify-content: space-around;
    margin-top: 5px;
}

.settl__years__dropdown {
    width: 50%;
}

.settl__searchbar__input, .showGroups__searchbar__input{    
    width: 95%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 15px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.55);        
    color: black;
    padding: 4px 8px;
    margin: 5px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.settl__searchbar__input:focus, .showGroups__searchbar__input:focus{
    outline: 0;
}
.stat_first_section,.stat_second_section{
    max-height: 35vh;
    height: 29vh;
    width: 395px;
    overflow-y: scroll;
}
.stat_second_section{
    border-top: solid 1px rgba(204, 204, 204, 0.25);
    margin-top: 5px;
}
.jstree-default .jstree-search {
    color: #F44336;
}
.jstree-default .jstree-clicked,
.jstree-default .jstree-hovered{
    color: #337ab7;
}

.bg-primary {
    color: #fff;
    background-color: #256E97;
}

#additional-layers {
    top: 55vh;
    right: 15px;    
}
#additional-layers-panel {
    /*position: absolute;*/
    z-index: 2;
    /*top: 40vh;
    right: 60px;
    background-color: rgba(225, 222, 239, 0.9);
    /*min-width: 300px;
    min-height: 400px;*/
    padding: 3px;
    font-size: 14px;
    min-height: 100%;
    /*overflow: auto;*/
    font-weight: 600;
    font-family: "Opinion Pro Lt",Tahoma, Verdana,sans-serif;
    text-transform: uppercase;
    margin: 5px;
    border: 1px solid #257fbb;
}

.rw2expand {
    display: none;        
  }
  :checked + .rw2expand {
    display: block;
}
.daughter_area{
    margin-left: 15px;
}
.tooltip {
        position: relative;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 4px;
        color: white;
        padding: 4px 8px;
        opacity: 0.7;
        white-space: nowrap;
      }
      .tooltip-measure {
        opacity: 1;
        font-weight: bold;
      }
      .tooltip-static {
        background-color: #ffcc33;
        color: black;
        border: 1px solid white;
      }
      .tooltip-measure:before,
      .tooltip-static:before {
        border-top: 6px solid rgba(0, 0, 0, 0.5);
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: "";
        position: absolute;
        bottom: -6px;
        margin-left: -7px;
        left: 50%;
      }
        .tooltip-static:before {
            border-top-color: #ffcc33;
        }

.gis-measure-info-popup {
    position: absolute;
    background-color: #768787;
    -webkit-filter: drop-shadow(0 1px 3px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 5px;
    /* border-radius: 10px; */
    border: 3px solid #fff;
    
}
.gis-ol-measure-info-closer, .gis-ol-measure-info-closer :hover
{
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 5px;
    color: white;
}
.gis-ol-measure-info-closer:after {
    content: "✖";
    color: #000;
}

.gis-measure-info {
    color: white;
    margin-right:15px;
  }

.new-right-panel {
   height:100%;
   width:20%;
   /*min-width:250px;*/
   float:right;
}
.map-as-left-panel {
    height:100%;
    width:80% !important;
    float:left;
}

.search-cadastr {
    top: 40vh;
    right: 15px;
}

.search-cadastr .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 32px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #ccc;
}
.search-cadastr .form-group input.form-control {
    padding-right: 20px;
    border: 1.5px solid #257fbb;
    background: #BBC8DD;
    box-shadow: none;
    display: block;
    height: 30px;
    border-radius: 14px;
}

.search-cadastr .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 14px;
}
.col-md-4 .myButton {
  background: #f3f3f3 !important;
  color: #256E97 !important;
}

.b10{
    font-size: 20px;
    font-weight: 700;
    padding: 2px;
    margin-left: 67px;
}
.event_img, .popup_img{
    width: 50px;
    padding:2px;
}
#ShowEventImg, #ShowPopupImg {
    color: black;
}
#ShowEventImg img,#ShowPopupImg img{
    max-width: 100%;
}
.busActive {
    border: #2700ff 1px solid !important;
}
#dvLoading {
    background:url(https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif) no-repeat center center;
    height: 100px;
    width: 100px;
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;

}
.left-chevron{    font-size: 15px !important;
}
.right-chevron{    font-size: 15px !important;
}

.slidecontainer {
    width: 100%; /* Width of the outside container */
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;   
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.building_img{
    width: 100% !important;
    height: 350px;
}
.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.divLayerOpacityValue{
    text-transform: capitalize;
}

/* slick */

button.slick-next.slick-arrow{
    right: 5px;
    top: 150px;
}
button.slick-prev.slick-arrow{
    left: 10px;
    z-index: 1;
    top: 150px;
}
.slick-next:before, .slick-prev:before {
    color: black;
}

.olControlScaleLine {
    background: white;
    padding: 5px;

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";

    /* Netscape */
    -moz-opacity: 0.85;

    /* Good browsers */
    opacity: 0.85;
}

#scaleline-id {
    margin: 10px;
    font-size: xx-small;
}

#geolocation-block {
    /* background-color: white;
    border-radius: 12px; */
    height: 24px;
    position: absolute;
    /*bottom: 80px;*/
    right: 18px;
    bottom: 12vh;
}
.ortofoto_flex{
    display: flex;
    flex-direction: row;
}
.ortofoto_flex > div{
    height:20px;width:20px;background-color:#5a5c60;border:1px solid white;
}
.ortofoto_flex > button{
    background-image: url("../images/icons/bring_closer.png");
    background-position: center;
    background-size: cover;
    height: 20px;
    width: 20px;
    border: none;
    margin-left: 20px;
}
.status1,.status2,.status3 {position: relative; width:calc(100% - 40px); display: inline-block;}
.statusInputs{display: none;}
.status1,.status2,.status3 label{float: left; line-height: 1.4}
.status1 label::before{
    width: 20px;
    height: 20px;
    border: 1px solid #CCFF90;
    background-color: #64DD17;
    content: '';
    float: left;
    margin:0 10px;
    cursor: pointer;
}
.status4 label::before{
    border: 1px solid rgba(180, 180, 180, 0.56);
    background-color: #979797;
}
.status2 label::before{
    width: 20px;
    height: 20px;
    border: 1px solid #F57F17;
    background-color: #FFEB3B;
    content: '';
    float: left;
    margin:0 10px;
    cursor: pointer;
}
.status3 label::before{
    width: 20px;
    height: 20px;
    border: 1px solid #e29191;
    background-color:  #d32121;
    content: '';
    float: left;
    margin:0 10px;
    cursor: pointer;
}
.status1 input[type=checkbox]:checked + label::after{display: block;}
.status2 input[type=checkbox]:checked + label::after{display: block;}
.status3 input[type=checkbox]:checked + label::after{display: block;}
.status1 label::after{
    display: none;
    top: 1px;
    left: 15px;
    content: '✔';
    color: #fff;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.status2 label::after{
    display: none;
    top: 1px;
    left: 15px;
    content: '✔';
    color: #fff;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.status3 label::after{
    display: none;
    top: 1px;
    left: 15px;
    content: '✔';
    color: #fff;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.add_social_object{
    pointer-events: all;
    cursor: pointer;
    color: #465396;
    font-size: 12px;
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 15px;
    border-radius: 5px;
    border: 2px solid white;
    text-align: center;
    background-color: white;
    padding: 5px;
    font-weight: 700;
}

.social_object_ol{
    font-family: "Opinion Pro Lt",Tahoma, Verdana,sans-serif;
    font-size: 12px;
    /* padding: 5px 0 5px 0; */
    padding-bottom: 0px;
    padding-top: 5px;
    font-weight: 700;
    color: #9c9c9c;
    padding-left: 0px;
    text-transform: uppercase;
    color: #474A51;
}
.social_object_ol li {
    margin: 5px;
}
.social_success_text{
    border: 1px solid black;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
    margin-top: 10px;
    height: 100px;
}
/*///////////////search-cadastr//////////////////*/
.d6 .form-group {
    height: 45px;
  }
  .d6 input {
    height: 67%;
    width: 0;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    padding: 0 30px 0 5px;
    border: none;
    border-bottom: 4px solid transparent;
    outline: none;
    background: transparent;
    transition: .4s cubic-bezier(0, 0.8, 0, 1);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
  }
  .d6 input:focus {
    width: 180px;
    z-index: 1;
  }
  .d6 button {
    float: right !important;
    border: none;
    position: absolute;
    background-color: #0076BF;
    border: none;
    height: 30px;
    width: 30px;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 0;
    border-radius: 50%;
  }
  
  .form-control-feedback button img{
    padding: 0 1px 6px 0;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  
  .search-cadastr .form-group input.form-control::-webkit-input-placeholder {
    display: none;
  }
  
  .search-cadastr .form-group input.form-control:-moz-placeholder {
    /* Firefox 18- */
    display: none;
    color:#FAEBD7;
  }
  
  .search-cadastr .form-group input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    display: none;
    color:#FAEBD7;
  }
  .search-cadastr .form-group input.form-control::-webkit-input-placeholder {
    display: none;
    color:#FAEBD7;
  }

  .search-cadastr .form-group input .form-control {
    display: block; 
    color:black;
    width: 95%;
    height: 100%;
    padding: 2px 14px 2px 14px;
    font-size: 16px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 4px;
    background: cornflowerblue;
  }
  .form-control {
      color: black;
  }
  .addSocialObjectStyle{
    width: 100%;
    display: block;
    left: 40px;
  }

.form-inline .currentSocialObjectForm {
    display: inline-block;
    width: 97.8%;
    vertical-align: middle;
    margin-left: 7px;
    margin-right: 7px;
}
.d11{
    border-bottom: 1px solid #9c9c9c;
}
.r10{
    display: inline-flex;
    
}
.r10 .myButton{
   background-color: #256E97; 
   color: #fff; 
}
.r10 button{
    margin: 10px 4px 0 7.8px ;
    width:25vh;
}
.addSocialObjectStyle label{
    margin: 7px 0 4px 10px;
}
.d10 label{
    margin: 7px 0 4px 10px;
    max-width: 398px; 
}
.input-group-btn:last-child>.f10 {
    z-index: 2;
    margin-left: -10px;
}
.f10{
    font-size: 20px;
}
#updateSocialObject {
    border-radius: 3px solid #646464;
    text-align: center;
    background-color: #646464;
    display: inline;
    float: right;
    color: white;
    left: 60px;
    padding: 5px 30px 5px 25px;
    margin: 10px 0 10px 0;
}

.mapDeactiveControl{
        float:left;
        margin-right:5px;
    
}
.extremum-slide {
    border:2px solid #ffffff;
	padding:10px;
    display:none;
    border-radius: 3px;
}
.extremum-slides {
    border:2px solid #ffffff;
	padding:10px;
    display:none;
    border-radius: 3px;
    background: rgb(219, 219, 219);
}
.red {
    background-color:#256E97;
    padding: 3px;
    color: white;
    border-radius: 3px;
}
.btn-colors{
    background-color: #cacaca;
    border: none;
    padding: 3px 7px;
    border-radius: 2px;
    outline: none;
    color: #ffffff;
    font-size: 13px;
}
.btn-colors:hover{
    background-color: #256E97;
}
.sidenav {
    height: 100%;
    width: 420px;
    position: fixed;
    z-index: 1;
    overflow-x: hidden;
    transition: 0.5s;
  }
.ol-scale-line-inner1 {
    border: 1.2px solid #eee;
    border-radius: 0;
    border-top: none;
    font-size: 10px;
    text-align: center;
    margin: 0 2px;
    padding: 0px 12px;
    will-change: contents, width;
    transition: all 0.30s;
}
.ol-scale-line-inner1:hover{
   border: 1.2px solid #eee;
   border-top: none;
   color: #eee;
}
.tematicStyleMap{
    text-align: start;
    padding: 0 30px;
    margin: 10px 0;
    border: 1px solid #256E97;
    color: #fff;
    background-color: #2883b8;
    font-weight: 600;
    border-radius: 3px;
}
.freelandZoom{
    background: #fff; 
    border-radius: 5px; 
    padding: 5px; 
    text-align: initial;
    margin-bottom: 10px;
    color: #465396;
    font-weight: bold;
}
.blue{
    background-color: #5aa6d1;
    color: #000;
    border: #ffffff solid 1px;
}