* {margin: 0;padding: 0;}
header, footer, article, section, figure, nav, aside {display: block;}
body {color: #333333;font-family: 'Open Sans', Arial, Helvetica,sans-serif!important;height: 100%;background: #dadde2;}
a {color: #0066CC;    text-decoration: none;    outline: none;}
a:hover {text-decoration: none;}
img {border: 0 none;max-width: 100%;display: block;}

ul {list-style-type: none;padding: 0;margin: 0;}

ul li {list-style-type: none;padding: 0;margin: 0;}
    body {
        margin: 0;
        padding: 0;
    }

    .md-mailbox .mbsc-lv-item {
        line-height: 20px;
        padding: 0px;
    }
    
    .md-mail-icon {
        width: 40px;
        line-height: 40px;
        position: absolute;
        top: 10px;
        left: 10px;
        color: #fff;
        text-align: center;
        text-shadow: none;
    }
    
    .md-mail-date {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 12px;
    }
    
    .md-mail-from {
        font-size: 14px;
    }
    
    .md-mail-subject {
        font-size: 12px;
    }
    
    .md-mail-empty {
        padding: 10px;
    }
    .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

    .one-card-section {margin: 5px;}
                    .one-card-wrapper {box-shadow: 1px 1px 5px #aaa;background: #fff;margin-bottom: 8px;}
                    .one-card-header {box-shadow: 2px 2px 4px #dedede;padding: 5px;position: relative;}
                    .one-card-header a {font-size: 13px;color: #000;font-weight: 400;text-transform: uppercase;}
                    .one-card-container {padding: 10px;}
                    .one-card-thumbimg {float: left;width: 150px;}
                    .one-card-thumbimg img {max-width: 100%;}
                    .one-card-title {margin-left: 170px;font-size: 16px;color: #000;padding-bottom: 5px;}
                    .one-card-title a {color: #000;}
                    .one-card-timestamp {margin-left: 170px;font-size: 12px;color: #000;}
                    .one-card-share {float: right;padding: 5px;font-size: 14px;color: #000;margin: 0 5px;}
                    .one-card-morelink {float: right;padding: 5px;font-size: 14px;color: #000;}
                    .one-card-followlink {float: right;padding: 5px;font-size: 14px;color: #000;width: 20px;text-align: right;}
                    .videos-thumbimg {
    position: relative;
    border: 1px solid #e4e4e4;
    margin-bottom: 3px;
}
.videos-thumbimg a {
    display: block;
}
.videos-thumbimg img {
    width: 100%;
    display: block;
}
.videos-time {
    position: absolute;
    bottom: 0;
    z-index: 9999999;
    color: #fff;
    padding: 4px;
    background-position: 4px 0px;
    left: 0;
    background-color: rgba(0,0,0,1);
    box-sizing: border-box;
    font-size: 12px;
}
.videos-play-icon {
    width: 70px;
    height: 70px;
    background: url(/images/play-button-black.svg) no-repeat 0 0;
    position: absolute;
    top: 40%;
    left: 40%;
    text-indent: -99999px;
}
.videos-time i {
    background: url(/images/play-button.svg) no-repeat transparent;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.videos-details {
    position: relative;
    padding: 0 5px;
}
.videos-title {
    padding: 5px;
    font-size: 16px;
    color: #000;
}
.videos-title a {
    color: #000;
}
.videos-share-block {
    position: absolute;
    right: 5px;
    top: 3px;
    z-index: 100000;
    overflow: hidden;
}
.video-share {
    float: right;
    position: absolute;
    right: 0;
    top: 6px;
}
.share-icon {
    width: 13px;
    height: 13px;
    background: url(/swipetest/images/share-icon.png) no-repeat 0 0;
    display: inline-block;
}
.videos-share-links {
    position: relative;
    right: -220px;
    -moz-transition: all 0.27s ease-in;
    -o-transition: all 0.27s ease-in;
    -webkit-transition: all 0.27s ease-in;
    transition: all 0.27s ease-in;
}
.videos-share-links a {
    width: 35px;
    height: 35px;
    margin: 0 0 0 5px;
    float: left;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    color: #fff!important;
    line-height: 35px;
    text-align: center;
}
.videos-share-links a.share-fb {background: #315c97;}
.videos-share-links a.share-twitter {background: #39a9e0;}
.videos-share-links a.share-gplus {background: #dd4b39;}
.videos-share-links a.share-whatsapp {background: #35bc20;}
.mbsc-lv-stage-c.mbsc-lv-stage-c-v, .mbsc-lv-ph{height: 50px!important;}
.mbsc-lv-ic-text {line-height: 50px!important;}
.one-card-follow-popup {background: #dbdde3;position: fixed;bottom: -500px;left: 0;right: 0;z-index: 10000000000;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.one-card-follow-popup.show-pop {bottom: 0px;}
.one-card-bottom-arrow {text-align: center;cursor: pointer;font-size: 18px;padding: 4px;color: #000;}
.one-card-bottom-heading {font-size: 16px;color: #000;padding: 5px;text-align: center;}
.one-card-bottom-heading span {font-weight: bold;text-transform: uppercase;}
.one-card-bottom-heading span i {color: #666;}
.one-card-bottom-morelinks {margin: 10px 5px;box-shadow: 1px 3px 4px #aaa;background: #fff;padding: 5px;}
.one-card-bottom-morelinks a {
    padding: 5px;
    font-size: 14px;
    color: #373737;
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
}
.one-card-bottom-morelinks a i {
    float: right;
    padding: 5px;
    font-weight: 400;
}
.one-card-top-morelinks {margin: 10px 5px;box-shadow: 1px 3px 4px #aaa;background: #fff;padding: 5px;}
.one-card-top-morelinks a {
    padding: 5px;
    font-size: 14px;
    color: #373737;
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
}
.one-card-top-morelinks a i {
    float: right;
    padding: 5px;
    font-weight: 400;
}
.one-card-close {
   padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    background: #f4f4f4;
}
.one-card-followlink.open-pop .fa-plus, .one-card-followlink .fa-check  {display: none;}
.one-card-followlink.open-pop .fa-check {display: block;}
.one-card-followlink i {margin-top: 2px;font-size: 16px;}
.one-card-category-wrap.show-cat {display: block;margin: 5px 5px 20px 5px;}
.one-card-category-heading {font-size: 16px;color: #000;padding: 5px;text-align: left;font-weight: 600;text-transform: uppercase;}
.one-card-category-list {margin: 5px;}
.one-card-category-list ul li {list-style-type: none;padding: 0;margin: 0 0 1px 0;}
.one-card-category-list ul li a {padding: 10px;font-size: 14px;color: #373737;display: block;text-transform: uppercase;font-weight: 400;background: #fff;}
.one-card-category-list ul li a i {float: right;font-size: 12px;margin: 5px;}
.one-card-category-wrap.show-cat.open-top, .one-card-moretopic-wrap {display: none;}
.one-card-moretopic-wrap.show-top {display: block;}
.one-card-follow-popup.open-topic .one-card-bottom-arrow i {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);}
.one-share-block {margin: 10px 5px;box-shadow: 1px 3px 4px #aaa;background: #fff;padding: 8px;font-size: 16px;color: #000;display: block;text-transform: uppercase;font-weight: 400;position: relative;}

.one-card-follow {margin: 0 auto;text-align: center;}
.one-card-follow span#followtext{display: inline-block;border: 1px solid #fff;padding: 5px 10px;font-size: 14px;color: #fff;font-weight: bold;text-transform: uppercase;background: #000;}
.one-card-follow span#unfollowtext{display: inline-block;border: 1px solid #fff;padding: 5px 10px;font-size: 14px;color: #fff;font-weight: bold;text-transform: uppercase;background: #9ca3b1;}
.one-share-block.open-pop .one-share-links {right: 10px;}
                    .one-share-block .one-card-share {padding: 0 5px;}
.one-settings-popup.subcat .one-settings-main, .one-settings-category {display: none;}
.one-settings-popup.subcat .one-settings-category {display: block;}
.one-settings-category .one-card-category-wrap.open-top {display: none;}
#oneindia-card li {
  transition: all 0.4s ease-out;
  opacity: 0;
}
#oneindia-card li.show {
      transition: all 0.4s ease-out;
  opacity: 1;
}
.secImg{
    width: 150px;
    height: 99px;
    position: relative;
}
.vdoImg{
    position: absolute;
    left: 0;
    top: 72px;
    width: 24px;
    height: 24px;
} 
.one-card-wrapper .one-card-swipe {padding: 10px;background: #cdcdcd;display: none;}
.swipeleft .one-card-swipe {text-align: right;}
.swiperight .one-card-swipe {text-align: left;}

.one-card-wrapper.swipeleft .one-card-content, .one-card-wrapper.swiperight .one-card-content {display: none;}
.one-card-wrapper.swipeleft .one-card-swipe, .one-card-wrapper.swiperight .one-card-swipe {display: block;}
.weather-widget {right: 100px;}
.one-settings {float: right;position: relative;margin: 5px;}
.settings-link {font-size: 20px;color: #000;padding: 0 5px;}
.one-settings-popup {background: #dbdde3;position: fixed;top: 0;right: -10000px;bottom: 0;height: 100%;width: 100%;z-index: 1000000000;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.one-settings-popup.slide-left {right: 0;}
.one-follow-settings, .one-followcat-settings {margin: 5px;font-size: 16px;font-weight: 600;text-transform: uppercase;padding: 5px;}
.one-follow-settings span,.one-followcat-settings span, .one-card-category-heading span {float: right;}
.one-followed-links {margin: 0 5px 5px 5px;box-shadow: 1px 3px 4px #aaa;overflow-y: auto;}
.one-followed-links ul li {list-style-type: none;
    padding: 0;
    margin: 0 0 1px 0;}
    .one-followed-links ul li a {
    padding: 10px;
    font-size: 14px;
    color: #373737;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    background: #fff;
}
.one-followed-links ul li a i {
    float: right;
    font-size: 14px;
    margin: 5px;
}
.one-follow-heading {padding: 10px;
    font-size: 14px;
    color: #000;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    background: #fff;box-shadow: 1px 3px 4px #aaa;margin: 5px 5px 2px 5px;}
.one-settings-popup .one-card-bottom-morelinks {margin: 10px 5px;}
                        .one-main-navigation {background: #292929;height: 35px;box-shadow: 2px 4px 5px #ccc;border: 1px solid #d2d2d2;border-top: 0 none;text-transform: uppercase;position: relative;}
                        .for-you-nav {border-right: 2px solid #7f7f7f;color: #fff;padding: 7px 10px;font-size: 14px;float: left;width: 70px;position: relative;}
                        .for-you-nav a {display: block;color: #fff;text-align: center;}
                        .for-you-nav a.active {border-bottom: 2px solid #ec0000;width: 60px;}
                        .one-other-nav {border-left: 2px solid #373737;height: 35px;margin-left: 92px;}
                        .one-other-nav ul {height: 42px;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;position: relative;}
                        .one-other-nav ul li {display: inline-block;width: auto;font-size: 13px;color: #fff;}
                        .one-other-nav ul li a {color: #fff;display: block;padding: 8px 10px;}
                        .blinking-dot::before {
                            content: "•";
                            font-size: 25px;
                            position: absolute;
                            top: -2px;
                            right: 0;
                            margin-right: 0px;
                            color: #ec0000;
                            text-decoration:none!important;
                            -webkit-animation-name: none!important;
                            -webkit-animation-duration: 1s;
                            -webkit-animation-iteration-count: infinite;
                            -webkit-animation-timing-function: ease-in-out;
                            -webkit-animation-direction: alternate;
                        }
                        .one-card-header.active .one-share-links{right: 30px;}
                    .one-share-links {
                        position: absolute;
                        right: -250px;
                        top: 5px;
                        -moz-transition: all 0.27s ease-in;
                        -o-transition: all 0.27s ease-in;
                        -webkit-transition: all 0.27s ease-in;
                        transition: all 0.27s ease-in;
                    }
                    .one-share-links a {
                        width: 25px;
                        height: 25px;
                        margin: 0 0 0 8px;
                        float: left;
                        border-radius: 50%;
                        font-size: 15px;
                        font-weight: bold;
                        color: #fff!important;
                        line-height: 25px;
                        text-align: center;
                    }
                    .one-share-links a.share-fb {background: #315c97;}
                    .one-share-links a.share-twitter {background: #39a9e0;}
                    .one-share-links a.share-gplus {background: #dd4b39;}
                    .one-share-links a.share-whatsapp {background: #35bc20;}
                    .one-share-links a.share-close {background: #000;}
                    .one-header,.demo-remove-undo {overflow: hidden;}

.popup-video-box {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #000;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 100000000;
        transition: all ease-in0.3s;
        opacity: 0;
        visibility: hidden;
}
.popup-video-box.showvideo {
        opacity: 1;
        visibility: visible;
}
.popup-video-close {
        padding: 5px;
        text-align: right;
        font-size: 16px;
        color: #fff;
}
.popup-video-close a {color: #fff;}
.popup-video-content {
                height: 0;
                overflow: hidden;
                padding-bottom: 56.25%;
                padding-top: 30px;
                position: relative;
            }
            .popup-video-content iframe, .popup-video-content object, .popup-video-content embed {
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
            } 
            .one-header {
        overflow: hidden;
}
.scrolltop {
    display:none;
    width:100%;
    margin:0 auto;
    position:fixed;
    bottom:20px;
    right:10px; 
}
.scroll {
    position:absolute;
    right:20px;
    bottom:20px;
    background:#b2b2b2;
    background:#428bca;
    padding:20px;
    text-align: center;
    margin: 0 0 0 0;
    cursor:pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;        
}
.scroll:hover {
    background:#428bca;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;        
}
.scroll:hover .fa {
    padding-top:-10px;
}
.scroll .fa {
    font-size:30px;
    margin-top:-5px;
    margin-left:1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;    
}
.one-card-swipe span {margin: 0 10px;padding: 5px;}
                    .one-card-swipe span.card-undo{color: #0f00d7;}
                    .one-card-swipe span.card-delete{color: #f30022;}
                    .one-card-swipe span.card-settings{color: #d76500;} 
#gotoTop {
    background-color: #908a8b;
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 20px;
    height: 40px;
    left: auto;
    line-height: 36px;
    position: fixed;
    right: 10px;
    text-align: center;
    top: auto;
    width: 40px;
    z-index: 10009;
}
.foryou-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 10000000000;display:none;overflow: hidden;}
.foryou-overlay.active {display: block;}