body{
    font-family: 'Roboto', sans-serif;
    overflow-x:hidden;
    margin: 0;
}

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

/* Schedule Header */

.sch_ttl{
    flex:1;
    font-size:26px;
    font-weight:700;
    text-transform:uppercase;
    padding-right: 40px;
}
.sch_srh-wrp{
    border: 1px solid transparent;
    border-bottom:1px solid #cccccc;
    background:#ffffff;
    border-radius:0px;
    width:100%;
    position:relative;
}
.sch_srh-wrp ul{
    background:#ffffff;
    border: 1px solid #c5c5c5;
    border-radius:0 0 8px 8px;
    border-top: 0 none;
    opacity:0;
    visibility:hidden;
    padding-bottom:8px;
    position:absolute;
    top:35px;
    left: -1px;
    right: -1px;
    margin:0;
    padding:0 0 10px;
    z-index:11111;
}
.sch_srh-wrp li{
    display:block;
    margin-top:8px;
    padding-left:12px;
}
.sch_srh-wrp.srh_act{
    border: 1px solid #c5c5c5;
    border-radius:8px 8px 0 0;
}
.srh_act .sch_srh-inp{
    border:0;
}
.sch_srh-wrp.srh_act ul{
    opacity:1;
    visibility:visible;
}
.sch_srh-inp{
    border:0;
    border-radius:8px 8px;
    display:inline-block;
    font-size:15px;
    font-weight:normal;
    outline:0;
    padding:8px 40px 12px 12px;
    width:100%;
}
.sch_srh-wrp:after{
    background-image: url(../images/ndtvsprite_new.png);
    background-position: -4px -121px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 19px;
    height: 18px;
    content:'';
    position:absolute;
    right:8px;
    top:8px;
}

.sch_rgt-wrp{
    margin-left:20px;
}
.sch_rgt-wrp img{
    max-width:100%;
}
/* Phases List */

.sch_cnt-wrp:before, .sch_cnt-wrp:after{
    clear:both;
    content:'';
    display:block;
}
.sch_phs-wrp{
    float:left;
    max-width:150px;
    width:100%;
}

.sch_phs-ttl{
    color:#000000;
    background:#c8c8c8;
    border-radius:10px;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
    font-size:14px;
    padding:10px;
    text-align:center;
    vertical-align: middle;
    box-sizing: border-box;
}
.sch_phs-itm{
    color:#000000;
    background:#ffffff;
    border-radius:7px;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
    font-size:14px;
    overflow:hidden;
    padding: 4px 10px;
    position: relative;
    text-align:center;
    vertical-align: middle;
    display: inline-block;
    width:100%;
}
.sch_phs-wrp ul{
    margin:0;
    padding:0;
}
.sch_phs-wrp li{
    display:block;
    margin:20px 0 0 0;
    padding:0;
}
.sch_phs-wrp li:first-child .sch_phs-itm{
    color: #000;
    background-color: #c8c8c8;
}
.sch_phs-itm:before{
    content:'';
    display:block;
    min-height: 49px;
    width:10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.sch_phs-ul{
    display:block;
    cursor: pointer;
}
.sch_phs-mob{
    display:none;
}
.sch_phs-wrp li:nth-child(2) .sch_phs-itm:before{
    background:#c4ffae;
}
.sch_phs-wrp li:nth-child(3) .sch_phs-itm:before{
    background:#ff9496;
}
.sch_phs-wrp li:nth-child(4) .sch_phs-itm:before{
    background:#74dfff;
}
.sch_phs-wrp li:nth-child(5) .sch_phs-itm:before{
    background:#eeacff;
}
.sch_phs-wrp li:nth-child(6) .sch_phs-itm:before{
    background:#ffd17a;
}
.sch_phs-wrp li:nth-child(7) .sch_phs-itm:before{
    background:#b8b6c8;
}
.sch_phs-wrp li:nth-child(8) .sch_phs-itm:before{
    background:#b0a1ff;
}
.sch_phs-ui li .sch_phs-txt{padding: 6px 6px;}

.sch_phs-txt{
    color:#000000;
    font-size:14px;
    line-height: 15px;
}
.sch_sub-txt{
    color:#aaaaaa;;
    font-size:13px;
    line-height: 15px;
}

/* Middle Map */

.map_wrp{
    float:right;
    text-align:center;
    width:calc(100% - 150px);
}
.map_wrp img{
    max-width:100%;
}


#svgmap{width: 100%;}
.qtip{max-width: 320px;}
.qtip-default { width: 320px;border-radius:0;padding: 0;border: 0;background-image: none;-moz-box-shadow: 0;-webkit-box-shadow: 0; }
.qtip-content{line-height: 17px;}
.tooltip {width: 310px;height: auto;background-color: #fff;border-radius: 4px;-webkit-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15);box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15);padding: 4px 3px;box-sizing: border-box;font-family: 'Roboto', sans-serif;text-transform: uppercase;}
.tooltip h1 {font-size: 18px;font-weight: bold;color: #fff;background-color: #333333;padding: 4px 8px;box-sizing: border-box;margin: 0px 0px 2px 0px;border-radius: 4px;}
.tooltip ul {margin: 0px;padding: 0px 6px;list-style-type: none;}
.tooltip ul li {font-size: 14px;font-weight: 400;color: #000;padding: 5px 0px;border-bottom: solid 1px #cccccc;letter-spacing: -0.2px;}
.tooltip ul li:last-child {border: none;padding-bottom: 0px;}
.tooltip ul li span {font-weight: 700;}
svg#indiamap {margin-bottom: 15px;}
ul.bottom_phase {text-align: center;}
.bottom_phase li {margin: 6px 10px;}
.map_wrp{ width:calc(100% - 170px); position:relative; }
.search_cont{ position:absolute; right:15px; top:5px;}
.search_cont label{ position:relative;}
.search_cont input[type=text]{ width:270px; min-height:36px; box-sizing:border-box; border-radius:6px; padding:5px 10px; -webkit-appearance: none; -moz-appearance:    none; appearance:none; box-shadow:none; border:solid 1px #DEDEDE; font-size:16px; color:#6D6D6D; outline:0; font-weight:400;}
.search_cont input[type=button]{ width:16px; height:17px; position:absolute; top:0; right:10px; border:0; box-sizing:border-box; -webkit-appearance: none; -moz-appearance:    none; appearance:none; box-shadow:none; outline:0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTYgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJTY2hlZHVsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkyMS4wMDAwMDAsIC0zNDIuMDAwMDAwKSIgZmlsbD0iIzdDN0M3QyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2ODMuMDAwMDAwLCAzMzMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ic2VhcmNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzguMDAwMDAwLCA5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS43NTYsMTUuNDc1NDkgTDExLjg4MjI4NTcsMTEuMjY5ODE0NSBDMTIuODc4Mjg1NywxMC4wMzM4NTEyIDEzLjQyNCw4LjQ3ODc1NjMzIDEzLjQyNCw2Ljg1OTgzNTIyIEMxMy40MjQsMy4wNzczODE3MyAxMC40NzYsMCA2Ljg1MjU3MTQzLDAgQzMuMjI5MTQyODYsMCAwLjI4MTE0Mjg1NywzLjA3NzM4MTczIDAuMjgxMTQyODU3LDYuODU5ODM1MjIgQzAuMjgxMTQyODU3LDEwLjY0MjI4ODcgMy4yMjkxNDI4NiwxMy43MTk2NzA0IDYuODUyNTcxNDMsMTMuNzE5NjcwNCBDOC4yMTI4NTcxNCwxMy43MTk2NzA0IDkuNTA5MTQyODYsMTMuMjkxMzc4MSAxMC42MTc0Mjg2LDEyLjQ3ODMzODUgTDE0LjUyMDU3MTQsMTYuNzE1OTI3MiBDMTQuNjgzNzE0MywxNi44OTI3OTE2IDE0LjkwMzE0MjksMTYuOTkwMzIwNiAxNS4xMzgyODU3LDE2Ljk5MDMyMDYgQzE1LjM2MDg1NzEsMTYuOTkwMzIwNiAxNS41NzIsMTYuOTAxNzM5MiAxNS43MzIyODU3LDE2Ljc0MDY4MjIgQzE2LjA3Mjg1NzEsMTYuMzk4NTg1MiAxNi4wODM3MTQzLDE1LjgzMTMwNjcgMTUuNzU2LDE1LjQ3NTQ5IFogTTYuODUyNTcxNDMsMS43ODk1MjIyMyBDOS41MzA4NTcxNCwxLjc4OTUyMjIzIDExLjcwOTcxNDMsNC4wNjQwMDQ5OSAxMS43MDk3MTQzLDYuODU5ODM1MjIgQzExLjcwOTcxNDMsOS42NTU2NjU0NSA5LjUzMDg1NzE0LDExLjkzMDE0ODIgNi44NTI1NzE0MywxMS45MzAxNDgyIEM0LjE3NDI4NTcxLDExLjkzMDE0ODIgMS45OTU0Mjg1Nyw5LjY1NTY2NTQ1IDEuOTk1NDI4NTcsNi44NTk4MzUyMiBDMS45OTU0Mjg1Nyw0LjA2NDAwNDk5IDQuMTc0Mjg1NzEsMS43ODk1MjIyMyA2Ljg1MjU3MTQzLDEuNzg5NTIyMjMgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==') center center no-repeat; cursor:pointer;}
   
.cust-select{position:absolute;right:10px;top:10px;background:#fcfcfc;display:block;overflow:hidden;height:auto;max-width:185px;width:100%;border-radius:4px;cursor:pointer;border:solid 1px #dedede;z-index:1;left: 0px;}
.cust-select select{background:0 0;border:none;font-size:12px;height:28px;padding:0 8px;width:100%;color:#6d6d6d;font-weight:500;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.3;position:relative;z-index:2}
.cust-select:after {
    content: "";
    width: 10px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    background: url(https://edata.ndtv.com/general-elections/2019/static/images/down-arrow.png) right center no-repeat;
    background-size: 100%;
}
.zoom-in-out-reset{ width:auto; position:absolute; top:50px; right:15px; font-family: 'Roboto', sans-serif; font-size:14px; line-height:14px; color:#333;}
.zoom-in-out-reset span a{ width:24px; height:24px; margin:10px 0;  display:flex; align-items:center; justify-content:center; border-radius:4px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.07); }  
.zoom-in-out-reset span img{ display:block; width:60%; opacity:0.55;}
@media(max-width:500px){.cust-select{position:relative;margin: 0px auto;}.zoom-in-out-reset {width: 40%;margin: 10px auto;display: flex;justify-content: space-around;position: absolute;right: 0;top: auto;bottom: 0;left: 0;}}
   
@media screen and (max-width:320px) {
    .qtip{max-width:245px;}
    .qtip-default{ width:245px;}
    .tooltip {max-width:250px;width:100%;}
    .tooltip h1 {font-size: 13px;font-weight: 600;}
    .tooltip ul li {font-size: 12px;}
    .tooltip ul li span {font-weight: 500;}
}