.title_global{ color:#fff; margin:0; font-size:18px; line-height:30px;}
.map_wapper{ padding:2em 0; background-color:#fff; position:relative; background-image:url(../../images/map-bg.png); background-size:cover; background-position:bottom;}
.map_wapper:after{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; z-index:0; background-color:rgba(1, 39, 72, 0);}
.map_container{ width:100%; overflow:hidden;}
#mapcontainer{ height:580px; margin-left:270px;z-index: 1;
    position: relative; min-height:440px;}
#mapcontainer2{ height:580px; margin-left:270px;}
#mapcontainer3{ height:580px; margin-left:270px;}
.filter_wapper{background-color:#0c2f54; padding:6px 0; border-bottom:1px solid #5d84af;}
.disp-none {
    display: none;
}
.top-nav-map{text-align: center; margin: 0 auto; padding-left:0;}
.top-nav-report.top-nav-map li{display:inline-block;}
.top-nav-report.top-nav-map li a{font-size:13px; padding:4px 15px; color:#fff; border-radius:0; border:1px solid #fff;}
.top-nav-report.top-nav-map li a:hover, .top-nav-report.top-nav-map li a:focus{color:#fff;}
.top-nav-report.top-nav-map li.activemap a{background:#fa6602 !important;border:1px solid #fff;}
.label_txt{font-weight: 400; font-size: 18px;padding-right:6px; color:#fff;}
.overall{ text-align:right;}
#placeholder{ position:absolute; z-index:1; background-color:#fff; left:280px; bottom:3%; width:100%; max-width:300px;}
#placeholder .map-close-btn{ position:absolute; z-index:1; color:#fff;right:-10px; top:-17px; font-size:25px;}

#placeholder2{ position:absolute; background-color:#fff; left:280px; bottom:3%; width:100%; max-width:300px;}
#placeholder3{ position:absolute; background-color:#fff; left:280px; bottom:3%; width:100%; max-width:300px;}
.map_img{ position:relative;}
.map_img:after{ width:100%; height:100%; background-color:#000; content:''; position:absolute; bottom:0; left:0;
background: rgba(0,0,0,0.28);
background: -moz-linear-gradient(top, rgba(0,0,0,0.28) 15%, rgba(0,0,0,0.74) 69%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(15%, rgba(0,0,0,0.28)), color-stop(69%, rgba(0,0,0,0.74)), color-stop(100%, rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.28) 15%, rgba(0,0,0,0.74) 69%, rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.28) 15%, rgba(0,0,0,0.74) 69%, rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.28) 15%, rgba(0,0,0,0.74) 69%, rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.28) 15%, rgba(0,0,0,0.74) 69%, rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.map_img img{width:100%;}
.mapmodal_title{position:absolute; z-index:1; color:#fff; font-size:16px; text-transform:uppercase; left:13px; bottom:11px; color:#fff;}
.map_body{ padding:10px; color:#666; text-align:justify; font-size:13px;}
.score_modal{ background-color:#0c2f54; padding:5px;}
.score_modal .score_table{ width:100%; color:#fff;}
.score_modal .score_table td{ padding:3px 6px; font-size:12px;}
.score_modal .score_table td:nth-child(2){text-align:right;}
.year_filter{ position:absolute; top: 8px;right: 40px; z-index:9;}
.year_filter_chang{right:267px;}
#maptable{ position:absolute; top:0; right:0; z-index:99;}
.modal_btn{ padding:0 15px 10px 10px}
.modal_btn .btn-default{ border:0; color:#333;}
.modal_btn .btn-default:hover{background:none;}
.modal_btn a.btn{ padding:3px 7px; border:1px solid #bdbdbd; border-radius:0; color:#0c2f54;}
.tablemap, .tablemap2 {
    position: absolute;
    top: 0;
    width: 260px;
    height: 100%;
    overflow: auto;
    right: -270px;
    z-index: 99;
    background-color: #fff;
	-webkit-transition: right 2s -webkit-transform 2s; /* Safari */
    transition: right 2s transform 2s;
}
.tablemap2{ width:500px;}
.tablemap2 h2 {
    font-size: 13px;
    color: #0c2f54;
    padding: 5px 10px;
    font-weight: 600;
}
.filter-icon{ color:#fff;}
.filter-icon #chang-menu-table{ color:#fff; display:block; padding:3px 10px; background-color:rgba(0,0,0,0.4); margin-left:7px;}
.filter-icon #filter-menu-table{ color:#fff; display:block; padding:3px 10px; background-color:rgba(0,0,0,0.4); margin-left:7px;}
.tablemap h2 i{ font-size:17px; margin-right:8px;}
.tablemap2 h2 i{ font-size:17px; margin-right:8px;}
.table-left{ right:0px !important;-webkit-transition: right 2s -webkit-transform 2s; /* Safari */
    transition: right 2s transform 2s;}
.table_wapper{ display:none;}
.table_hide{ display:block;}
.app_table tr th {
    padding: 3px 10px;
    border-bottom: 0;
    font-size: 12px;
    color: #0c2f54;
}
.tablemap tr {
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}
.tablemap tr td {
    padding: 3px 10px;
    font-size: 12px;
}
.app_table tr.active {
    background-color: #efefef;
}
.tablemap h2 {
    font-size: 13px;
    color: #0c2f54;
    padding: 5px 10px;
    font-weight: 600;
}
.search_wap {
    padding: 3px 10px;
    margin-bottom: 0px;
}
.search_wap input {
    width: 100%;
    font-size: 13px;
    padding: 0 5px;
    height: 25px;
    background-color: #e6e6e6;
    border: 0;
}

.filter_map_wapp{ background-color:#012748;padding:7px 0; border-bottom:1px solid #2b475f;}
.year-tabs{ position:absolute; left:0; right:0; max-width:300px; width:300px;  top:10px; margin:auto; z-index:1;}
.process-step .btn:focus{outline:none;}
.process{display:table;width:100%;position:relative; margin-left:135px;z-index:9;}
.process-toggle{ margin-left:0;}
.process-row{display:table-row}
.process-step button[disabled]{opacity:1 !important;filter: alpha(opacity=100) !important}
.process-row:before{top:12px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background:none;z-order:0; border-bottom:1px dotted #000;}
.process-step{display:table-cell;text-align:center;position:relative}
.process-step p{margin-top:4px; color:#000;line-height: 12px;}
.process-step small{ font-size:12px;}
.btn-circle{width:15px;height:15px; padding:0;text-align:center;font-size:12px;border-radius:50%;background-color:#42a0e2}
.btn-circle.active{ background-color:#F46C31; border:1px solid #F46C31;width:20px;height:20px;}
.map-overlap{ background-color:rgba(0,0,0,0.7); display:none; position:absolute; top:0; z-index:2; left:0; width:100%; height:100%; }
.processcompare{display:table;width:100%;position:relative;z-index:9;}
.process-rowcompare{display:table-row}
.process-stepcompare button[disabled]{opacity:1 !important;filter: alpha(opacity=100) !important}
.process-rowcompare:before{top:12px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background:none;z-order:0; border-bottom:1px dotted rgba(255, 255, 255, 0.37);}
.process-stepcompare{display:table-cell;text-align:center;position:relative}
.process-stepcompare p{margin-top:4px; color:#fff; font-size:12px; line-height:10px;}

@media screen and (max-width: 767px){
.year-tabs{ max-width:250px;}	
.process{ margin-left:0;}
#mapcontainer{ height:83vh; margin-left:0;}
#placeholder{ left:46px; max-width:215px;}
.map_body{ font-size:12px;}
}