.modal-open {
    overflow: unset !important;
}

.loadmoreajaxfullpageloader .icon-spin {
    font-size: 74px;
    width: 57px;
    margin: 0px auto;
    position: initial !important;
    height: 75px;
}

.loadmoreajaxfullpageloader button {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    padding: 10px 20px;
    margin: 0px;
}

.c-main-content {
    position: relative;
}

.c-modal-body {
    overflow: hidden !important;
}

.user_logged_in .loadmoreajaxfullpageloader {
    top: 40%;
    position: fixed;
    z-index: 99999;
}


.loadmoreajaxfullpageloader {
    top: 30px;
}

.sort_active {
    color: #8642b8 !important;
    font-weight: 700 !important;
}

.subscriptionupgrade {
    margin-top: 10px;
    margin-bottom: 0;
    padding: .2em 0.7em .2em;
}

.welcome-email {
    border: 1px solid #c3ccd2;
    border-radius: 3px;
    box-shadow: inset 0px 1px 2px rgba(102,113,123,0.21);
    box-shadow: inset 0px 0px 1px rgba(102,113,123,0.25);
    height: 34px;
}

.position__relative {
    position: relative;
}

.ml-12 {
    margin-left: 12px;
}

.container__favourites__nodata {
    height: 370px;
}

.grid__favourites__nodata {
    margin: 0;
    position: absolute;
    top: 50% !important;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#grid {
    min-height: 100px;
}

    #grid .norecordfound {
        margin: 0;
        position: absolute;
        top: 50% !important;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: auto !important;
    }

        #grid .norecordfound p {
            color: #657786 !important;
            font-family: Roboto-Regular;
            font-size: 24px;
            font-weight: 700;
            line-height: 36px;
            text-align: center;
            z-index: 3 !important;
            margin-bottom: 0;
        }

        #grid .norecordfound span {
            color: #657786 !important;
            font-family: Roboto-Regular;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            text-align: center;
            z-index: 3 !important;
        }

.c-favourite__image img, .c-favourite__image video {
    width: 100%;
    vertical-align: middle !important;
}


.video_btn_wrapper {
    position: absolute;
    top: 0%;
    background: none;
    border: none;
    font-size: 40px;
    color: #fff;
    width: 100%;
    text-align: center;
}

    .video_btn_wrapper i {
        border: 8px solid #fff;
        border-radius: 50%;
        padding: 10px 18px;
        background: #50A1DF;
    }

.phablet-6 label {
    vertical-align: middle;
}

#filter_message .u-primary {
    max-width: 250px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-top;
}

#filter_message .c-collection-being-searched {
    max-width: 300px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-top;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#container {
    min-height: 100%;
    position: relative;
}

main {
    padding-bottom: 200px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.has-error input, .has-error textarea {
    box-shadow: 0 7px 5px -6px #a94442;
    border-bottom: 1px solid #a94442 !important;
}

.validation-control input.has-error, .validation-control textarea.has-error {
    box-shadow: 0 7px 5px -6px #a94442;
    border-bottom: 1px solid #a94442 !important;
}


.has-has-success input {
    border-bottom: 1px solid #2b542c;
}

#noty_topRight_layout_container {
    top: 90px !important;
    z-index: 999999999 !important;
}

.jqEasyCounterMsg {
    float: right;
}

.ui-helper-hidden-accessible {
    display: none;
}

.AddNewCollection {
    border-top: 1px solid #ddd;
    color: #aaa;
    margin-top: 3px;
}

.AddNewCollectionFrm {
    border-radius: 5px;
    display: none;
    height: 41px;
    border: 1px solid #fff;
    position: relative;
}

.popover {
    max-width: 250px !important;
    min-width: 210px;
    z-index: 99999 !important;
    border: none;
    padding: 0px;
}

.popover-content {
    padding: 10px 15px;
}

.popover-title {
    font-weight: bold;
    background-color: #1b75bb;
    color: #ffffff;
    background: #9b59b6;
    border-radius: 5px 5px 0px 0px;
}

.popover.bottom {
    border: 0px;
}

    .popover.bottom > .arrow {
        border-bottom-color: #9b59b6;
        margin-top: 0px;
    }

        .popover.bottom > .arrow:after {
            border-bottom-color: #9b59b6;
            margin-top: 0px;
        }

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

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

#ProgressBlock {
    position: relative;
    float: left;
    top: 7px;
}


.lblNoCollectionForTweet {
    color: #a1aab0;
    font-size: 11px;
    text-align: center;
    padding: 0px;
    padding-top: 40px;
    width: 100%;
    display: none;
}

.txtAddCollectionForTweet {
    border: 0 none !important;
    box-shadow: none !important;
    float: left !important;
    width: 184px !important;
    border-radius: 5px;
}

.btn-xs {
    margin: 7px 0 0em 0;
    padding: 0px 5px;
    border-radius: 0px;
    font-size: 18px;
}

#txtAddCollectionForTweet,
#txtAddBatchCollectionForTweet {
    margin: 0px !important;
}

.Collection_TweetList {
    list-style-type: none;
    padding: 0;
    width: 250px !important;
    display: none;
    color: #0084b4;
}

    .Collection_TweetList li {
        position: relative;
    }

        .Collection_TweetList li a {
            display: block;
            height: 30px;
            padding: 0 0 0 10px;
            font: 13px Helvetica, sans-serif;
            text-decoration: none;
            line-height: 30px;
            color: #050404;
            white-space: nowrap;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-right: 25px;
        }

        .Collection_TweetList li i {
            font-size: 20px;
            padding: 5px 10px;
            position: absolute;
            right: 0;
            top: 0;
        }

        .Collection_TweetList li:hover > a {
            color: #fff;
            background: #007CA9;
        }

        .Collection_TweetList li:hover > i {
            color: #fff;
        }

.pull-right {
    float: right !important;
}

.bx-viewport {
    position: initial !important;
}

.bx-default-pager {
    display: none;
}


.collapse-img {
    max-height: 240px;
    overflow: hidden;
    min-height: 240px;
}

.expand-img {
    height: auto;
}

.bx-wrapper {
    margin-bottom: 0px !important;
}

.remove_loader {
    top: 13px;
    left: 0px;
    width: initial;
    height: inherit;
    font-size: 23px;
    display: none;
}

.c-main-content-notched {
    padding: 20px 0 !important;
}

.ias-spinner.loadmoreajaxfullpageloader {
    bottom: 0px !important;
}


.c-modal-body .column:last-child:not(:first-child) {
    float: left !important;
}

.Collection_TweetList .ion-android-checkbox {
    cursor: pointer;
}

.customNotificationBadge {
    display: inline-block;
    padding: 0.3em;
    min-width: 2.1em;
    font-size: 0.6rem;
    text-align: center;
    border-radius: 50%;
    background: #d9534f;
    color: #fefefe;
    position: absolute;
    bottom: 20px;
    left: 15px;
}

/*ANIMATION*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes bounceInLeft {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

.c-favourite__footer--icons {
    margin-right: 8px;
}

    .c-favourite__footer--icons a {
        padding: 0px 10px 0px 10px !important;
        margin-top: 15px;
        font-size: 13px;
    }


.text-gray {
    color: #808080;
}

#errormessageForCollection {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 8px;
    color: #fff;
    background: rgba(200, 28, 35, 0.8);
    top: 0;
    border-radius: 5px;
}


.remodal .c-favourite-modal__footer--icons li a i {
    font-size: 20px;
}

#loadmoreajaxloader.ias-spinner {
    bottom: -100px;
}

.ionicons.ion-help-circled {
    cursor: pointer;
}



.gif_wrapper .video_btn_wrapper {
    display: none;
}


p.shareOn {
    word-wrap: break-word;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.c-favourite__body {
    word-break: break-word !important;
}

    .c-favourite__body p a {
        word-break: break-all !important;
    }

.ui-autocomplete {
    word-break: break-all;
}

#subscriptionCancel .modal-content,
#trialExpired .modal-content,
#yearlyPlanExpired .modal-content,
#oneTimePlanExpired .modal-content {
    height: 100%;
    border: none;
}

#subscriptionCancel .modal-body,
#trialExpired .modal-body,
#yearlyPlanExpired .modal-body,
#oneTimePlanExpired .modal-body {
    padding: 30px;
}

#subscriptionCancel .close {
    padding: 3px 10px;
}

#subscriptionCancel .c-modal-body,
#trialExpired .c-modal-body {
    padding: 30px;
}

#subscriptionCancel .button--basic:hover,
#subscriptionCancel .button--basic:focus,
#trialExpired .button--basic:hover,
#trialExpired .button--basic:focus {
    text-decoration-line: none;
}

.welcome-modal-logo {
    background-image: linear-gradient(to right, #9b59b6 0%, #8e44ad 100%);
    padding-bottom: 100px;
    padding-top: 110px;
    width: 49.5%;
    position: relative;
    float: left;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

    .welcome-modal-logo:after {
        position: absolute;
        background: url(../images/pattern-bg.png) center bottom, url(../images/corner-hearts.png) 0 0 no-repeat;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
        background-size: 215px;
    }

.welcome-modal-content {
    width: 50%;
    float: left;
    text-align: left;
    padding: 39px 20px;
}

#trialExpired .welcome-modal-content {
    padding: 33px 20px !important;
}

/*#trialExpired .trialexpiredupgrade {
    padding: .4em 1em .4em;
}*/

.c-app-header.fixed {
    position: fixed !important;
    top: 0;
    z-index: 999;
    width: 100%;
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    margin-bottom: 2px;
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: -15px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 115px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        margin-top: 0px !important;
    }

    .dropdown-menu:hover, .dropdown-menu:hover > li a {
        color: #fff !important;
    }


#bxslider_wrapper img {
    width: auto !important;
    margin: 0px auto !important;
    max-height: 300px !important;
}

#bxslider_wrapper {
    text-align: center;
}

    #bxslider_wrapper li {
        background: #1b1b1b;
    }

#Gif_for_detail_modal, #video_for_detail_modal {
    background: #1b1b1b;
}

#mobile-logo {
    padding: 14px 0px !important;
    text-align: center !important;
}

.button--small {
    margin: 0 !important;
    padding: 4px 0px !important;
    border-radius: 0px !important;
    font-size: 33px !important;
    color: #595959;
}

.mobile-page-title {
    color: #2F2D2D;
    font-weight: 600;
    margin-left: 5px;
}

#mobile-search a {
    color: #595959;
    margin-left: 5px;
}

    #mobile-search a .icon {
        font-size: 27px;
    }

.filterBar-submenu {
    background: #1F3C5A;
    border-top: 1px solid #1F3C5A;
    padding: 0px !important;
}

    .filterBar-submenu .menu {
        display: inline-block;
        margin-bottom: 0px;
    }

        .filterBar-submenu .menu a {
            color: #FFF;
            font-size: 20px;
            padding: 15px 0px 15px !important;
        }

    .filterBar-submenu li {
        border-bottom: 5px solid transparent;
        display: inline-block !important;
        margin: 0px 10px;
        padding: 0px 10px;
    }

        .filterBar-submenu li.activetab {
            border-color: #1BA1DB !important;
        }

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-50 {
    margin-top: 50px;
}

.text-primary {
    color: #1b75bb;
}

.text-muted {
    color: #AFB8B9;
}

.c-search-banner {
    padding: 20px 0 15px !important;
    width: 100%;
}

.c-toolbar {
    width: 100%;
}

.c-search-banner-afterbanner {
    padding: 130px 0 15px !important;
}

.tooltip {
    z-index: 9999 !important;
}

.dropdown-pane {
    right: 25px;
}

.btn-close {
    color: #1abc9c !important;
}

/*FOOTER BATCH COLLECTION BAR CSS*/
.custom-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.custom-btn-primary {
    margin-left: 10px;
    color: #fff;
    background-color: #2595e9;
    border-color: #2595e9;
}

.custom-btn-default {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.custom-btn-danger {
    margin-left: 12px;
    color: #fff;
    background-color: #be202e;
    border-color: #be202e;
}

#footer-collection-area {
    position: fixed;
    width: 100% !important;
    max-width: 100% !important;
    bottom: 0;
    z-index: 999999;
    background-color: rgba(0,0,0,0.85);
    opacity: 1;
    display: none;
}

    #footer-collection-area .custom-spn-selectedtweets {
        z-index: 4;
        color: #ffffff;
        font-family: "OpenSans-Regular";
        font-size: 14px;
        font-weight: 700;
        padding-top: 10px;
    }

    #footer-collection-area .custom-btn-default {
        z-index: 4;
        color: #ffffff;
        font-family: "OpenSans-Regular";
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        line-height: 10px;
        width: 128px;
        height: 28px;
        border: solid 1px #ffffff;
        border-radius: 40px;
        background: transparent;
        transition: all 0.3s ease 0s;
    }

    #footer-collection-area .custom-btn-primary {
        z-index: 4;
        width: 87px;
        height: 28px;
        color: #ffffff;
        font-family: "OpenSans-Regular";
        font-size: 14px;
        font-weight: 700;
        line-height: 10px;
        text-align: center;
        border-radius: 40px;
    }

    #footer-collection-area .custom-btn-danger {
        z-index: 4;
        width: 143px;
        height: 28px;
        color: #ffffff;
        font-family: "OpenSans-Regular";
        font-size: 14px;
        font-weight: 700;
        line-height: 10px;
        border-radius: 40px;
    }

.footer-collection-inner {
    height: 70px;
    background: transparent;
    background-color: transparent;
    transition: all 0.3s;
    text-align: right;
    padding: 15px 10px 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*HOME PAGE FAVOURITE COLLECTION CHECKBOX CSS*/
.batch_collection_wrapper {
    position: relative !important;
}

    .batch_collection_wrapper .control {
        position: absolute !important;
        right: 5px !important;
        top: 15px !important;
    }

.c-favourite:hover .batch_collection_wrapper {
    visibility: visible;
}

.batch_collection_wrapper.checkedfavourite {
    visibility: visible !important;
}

.fixed-sidemenu {
    position: fixed;
    margin-left: 3%;
    width: 28.7%;
}

.profile-settings-wrapper .c-profile-dropdown {
    padding: 10px 0 0px;
}

#profile-settings-dropdown {
    top: 30px !important;
    right: 70px !important;
    left: auto !important;
    width: 210px !important;
}

.c-collection-remove a:after {
    content: '';
    background: aliceblue;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    right: 0px;
    border-radius: 50%;
    z-index: -1;
}

#dvupgrade, #dvupgradebatch, #dvupgradeSearchResult {
    text-align: left;
    padding: 20px 15px 0px 15px;
    margin: 0;
    display: none;
}

    #dvupgrade span, #dvupgradebatch span, #dvupgradeSearchResult span {
        padding: 10px;
        display: inline-block;
        text-align: left;
        font-size: 18px;
        color: rgb(72, 72, 72);
    }

    #dvupgrade .button--basic, #dvupgradebatch .button--basic, #dvupgradeSearchResult .button--basic {
        background: #9b59b6;
        border: 2px solid #9b59b6;
    }

#mobile-menubar .upgrade-head {
    position: absolute !important;
    width: 100%;
    left: 0 !important;
    top: 25px !important;
    margin: 0 !important;
}

#orSeparator {
    display: block;
    border-top: 1px solid #9149af;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

    #orSeparator:after {
        content: 'OR';
        position: absolute;
        top: -14px;
        left: 107px;
        background: #fff;
        padding: 0px 15px;
    }

#grid .c-favourite .c-favourite__card {
    border: 1px solid transparent;
    box-shadow: none !important;
    border-bottom: 1px solid #d4dff3;
}

#grid .c-favourite .c-favourite__card {
    box-shadow: 0px 5px 5px -5px rgba(51, 51, 51, 0.5);
    width: 100%;
}

    #grid .c-favourite .c-favourite__card .c-favourite__header {
        border-bottom: none;
        cursor: pointer;
    }

        #grid .c-favourite .c-favourite__card .c-favourite__header .c-favourite__user span {
            z-index: 8;
            color: #292f33;
            font-family: Roboto-Bold;
            font-size: 17px;
            font-weight: 500;
            line-height: 20px;
            letter-spacing: 0.3035714px;
            padding-right: 5px;
        }

        #grid .c-favourite .c-favourite__card .c-favourite__header .c-favourite__user a {
            color: #8899a6;
            z-index: 6;
            height: 16px;
            font-family: Roboto-Regular;
            font-size: 14px;
            font-weight: 400;
            line-height: 17px;
        }

    #grid .c-favourite .c-favourite__card .c-favourite__body span {
        z-index: 6 !important;
        width: 344px;
        height: 191px;
        font-family: Roboto-Regular;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        word-break: break-word;
    }

    #grid .c-favourite .c-favourite__card .c-favourite__image {
        border-radius: 5px;
        top: 15px;
    }

#grid .c-favourite .collapse-img {
    min-height: 0;
}

#grid .c-favourite .c-favourite__footer .c-favourite-date {
    padding-top: 10px;
}

.c-favourite__card__selected {
    border: 1px solid #8642b8 !important;
    border-radius: 3px !important;
}

#favouriteModal_ForImage .c-modal-body .thumbnail {
    box-shadow: none;
    margin-bottom: -1rem;
    padding-top: 5px;
    padding: 0;
}

#favouriteModal_ForImage .c-modal-body .c-favourite__image,
#favouriteModal_ForVideo .c-modal-body .c-favourite__image,
#favouriteModal_ForGif .c-modal-body .c-favourite__image {
    margin-top: 10px;
}

#grid .c-favourite .c-favourite__footer span {
    z-index: 7 !important;
    color: #8899a6;
    font-family: Roboto-Regular;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.4px;
}

#grid .c-favourite .c-favourite__footer .menu .checkBoxStyled[type="checkbox"] {
    margin-top: 23px;
    border: none;
    padding: 0px !important;
    cursor: pointer;
    height: 24px;
    content: url('../images/svg/checkbox.svg');
}

    #grid .c-favourite .c-favourite__footer .menu .checkBoxStyled[type="checkbox"]:hover {
        content: url('../images/svg/checkbox_hover.svg');
    }

.checkBoxActiveStyled[type="checkbox"] {
    -webkit-appearance: none;
    padding: 0px !important;
    border: 1px solid #000;
    border-radius: 3px;
    margin-bottom: 0px;
    outline: none;
}


#grid .c-favourite .c-favourite__footer .menu .checkBoxActiveStyled[type="checkbox"] {
    margin-top: 23px;
    border: none;
    padding: 0px !important;
    cursor: pointer;
    height: 24px;
    content: url('../images/svg/checkbox_active.svg');
}


#grid .c-favourite .c-favourite__footer .menu > li > a img {
    margin-right: 0;
}

#grid .c-favourite .c-favourite__footer .icon {
    color: #863cb9;
}

#favouriteModal_ForImage,
#favouriteModal_ForVideo,
#favouriteModal_ForGif,
#favouriteModal_ForText {
    padding: 20px 0px 0px 5px !important;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.4rem;
    width: 100%;
    box-shadow: none;
}

    #favouriteModal_ForImage .c-modal-body,
    #favouriteModal_ForVideo .c-modal-body,
    #favouriteModal_ForGif .c-modal-body,
    #favouriteModal_ForText .c-modal-body {
        padding: 10px 20px 10px 20px;
        max-height: fit-content !important;
    }

        #favouriteModal_ForImage .c-modal-body span,
        #favouriteModal_ForVideo .c-modal-body span,
        #favouriteModal_ForGif .c-modal-body span,
        #favouriteModal_ForText {
            z-index: 4;
            font-family: Roboto-Regular;
            font-size: 27px;
            font-weight: 400;
            line-height: 36px;
        }

            #favouriteModal_ForImage .c-modal-header,
            #favouriteModal_ForVideo .c-modal-header,
            #favouriteModal_ForGif .c-modal-header,
            #favouriteModal_ForText .c-modal-header {
                background: none;
                border-bottom: none;
                position: relative;
                margin: 0;
                padding: 0;
                padding: 10px 20px;
                box-shadow: none;
            }

            #favouriteModal_ForImage .remodal-close,
            #favouriteModal_ForVideo .remodal-close,
            #favouriteModal_ForGif .remodal-close,
            #favouriteModal_ForText .remodal-close {
                color: unset;
                width: auto !important;
                top: 6px !important;
                right: 0.5rem !important;
                height: auto !important;
            }

                #favouriteModal_ForImage .remodal-close:before,
                #favouriteModal_ForVideo .remodal-close:before,
                #favouriteModal_ForGif .remodal-close:before,
                #favouriteModal_ForText .remodal-close:before {
                    content: "\f2d7";
                    color: #8899a6;
                    font-size: 15px;
                    font-weight: 600;
                }

            #favouriteModal_ForImage .c-modal-favourite__user h5,
            #favouriteModal_ForVideo .c-modal-favourite__user h5,
            #favouriteModal_ForGif .c-modal-favourite__user h5,
            #favouriteModal_ForText .c-modal-favourite__user h5 {
                z-index: 5;
                color: #292f33;
                font-family: Roboto-Regular;
                font-size: 18px;
                font-weight: 700;
                line-height: 22px;
            }

            #favouriteModal_ForText .c-modal-favourite__user p {
                line-height: 0.6 !important;
            }

                #favouriteModal_ForImage .c-modal-favourite__user p a,
                #favouriteModal_ForVideo .c-modal-favourite__user p a,
                #favouriteModal_ForGif .c-modal-favourite__user p a,
                #favouriteModal_ForText .c-modal-favourite__user p a {
                    z-index: 5;
                    color: #8899a6 !important;
                    font-family: Roboto-Regular;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 17px;
                }

            #favouriteModal_ForImage .c-modal-footer .menu .checkBoxStyled[type="checkbox"],
            #favouriteModal_ForVideo .c-modal-footer .menu .checkBoxStyled[type="checkbox"],
            #favouriteModal_ForGif .c-modal-footer .menu .checkBoxStyled[type="checkbox"],
            #favouriteModal_ForText .c-modal-footer .menu .checkBoxStyled[type="checkbox"] {
                border: none;
                padding: 0px !important;
                cursor: pointer;
                margin-bottom: -11px;
                content: url('../images/svg/checkbox.svg');
                margin: 0;
                padding-right: 0.5em !important;
            }

                #favouriteModal_ForImage .c-modal-footer .menu .checkBoxStyled[type="checkbox"]:hover,
                #favouriteModal_ForVideo .c-modal-footer .menu .checkBoxStyled[type="checkbox"]:hover,
                #favouriteModal_ForGif .c-modal-footer .menu .checkBoxStyled[type="checkbox"]:hover,
                #favouriteModal_ForText .c-modal-footer .menu .checkBoxStyled[type="checkbox"]:hover {
                    content: url('../images/svg/checkbox_hover.svg');
                }

            #favouriteModal_ForImage .c-modal-footer .menu .checkBoxActiveStyled[type="checkbox"],
            #favouriteModal_ForVideo .c-modal-footer .menu .checkBoxActiveStyled[type="checkbox"],
            #favouriteModal_ForGif .c-modal-footer .menu .checkBoxActiveStyled[type="checkbox"],
            #favouriteModal_ForText .c-modal-footer .menu .checkBoxActiveStyled[type="checkbox"] {
                padding: 0px !important;
                outline: none;
                cursor: pointer;
                border: none;
                margin-bottom: -11px;
                content: url('../images/svg/checkbox_active.svg');
                margin: 0;
                padding-right: 0.5em !important;
            }

            #favouriteModal_ForImage .c-modal-footer .menu a,
            #favouriteModal_ForVideo .c-modal-footer .menu a,
            #favouriteModal_ForGif .c-modal-footer .menu a,
            #favouriteModal_ForText .c-modal-footer .menu a {
                padding: 5px 5px 0px 10px !important;
                margin-top: 5px;
                color: #8899a6;
            }

            #favouriteModal_ForImage .c-modal-footer > .c-favourite-modal__footer--date,
            #favouriteModal_ForVideo .c-modal-footer > .c-favourite-modal__footer--date,
            #favouriteModal_ForGif .c-modal-footer > .c-favourite-modal__footer--date,
            #favouriteModal_ForText .c-modal-footer > .c-favourite-modal__footer--date {
                color: #8899a6;
                font-family: Roboto-Regular;
                font-size: 14px;
                font-weight: 400;
                line-height: 17px;
                float: left;
            }

    #favouriteModal_ForImage .c-modal-footer > .c-favourite-modal__footer--icons,
    #favouriteModal_ForVideo .c-modal-footer > .c-favourite-modal__footer--icons,
    #favouriteModal_ForGif .c-modal-footer > .c-favourite-modal__footer--icons {
        margin: 10px 20px 10px 0;
    }

    #favouriteModal_ForText .c-modal-footer > .c-favourite-modal__footer--icons {
        margin: 0px 20px 0px 0;
    }

.bx-wrapper .bx-viewport {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 10px;
}

.remodal-overlay {
    background: rgba(19, 21, 23, 0.88);
}

#favouriteImageModal .c-modal-favourite__user a {
    color: #2595E9 !important;
    margin-left: 5px;
}


#favouriteImageModal #favourite_DetailText_ForModalImage a,
#favouriteVideoModal .c-modal-favourite__user a,
#favouriteVideoModal #favourite_DetailText_ForModalVideo a {
    color: #2595E9 !important;
}

#favouriteImageModal .remodal-close:before,
#favouriteVideoModal .remodal-close:before {
    content: "\f2d7";
    background: black;
    border-radius: 20px;
    font-size: 20px;
    left: -12px;
    top: -3px;
}

#favouriteImageModal .remodal-close:hover,
#favouriteVideoModal .remodal-close:hover {
    color: white;
}


#favouriteImageModal,
#favouriteVideoModal {
    border: none;
    box-shadow: none;
    width: 100%;
}

    #favouriteImageModal .arrowLeft,
    #favouriteImageModal .arrowRight {
        top: 40%;
        font-size: 40px;
    }

    #favouriteImageModal .c-modal-favourite__footer .menu .checkBoxStyled[type="checkbox"],
    #favouriteVideoModal .c-modal-favourite__footer .menu .checkBoxStyled[type="checkbox"] {
        border: none;
        cursor: pointer;
        margin-bottom: -3px;
        content: url('../images/svg/checkbox.svg');
        margin: 0;
        /*padding-right: 0.3rem !important;*/
    }

        #favouriteImageModal .c-modal-favourite__footer .menu .checkBoxStyled[type="checkbox"]:hover,
        #favouriteVideoModal .c-modal-favourite__footer .menu .checkBoxStyled[type="checkbox"]:hover {
            content: url('../images/svg/checkbox_hover.svg');
        }

    #favouriteImageModal .c-modal-favourite__footer .menu .checkBoxActiveStyled[type="checkbox"],
    #favouriteVideoModal .c-modal-favourite__footer .menu .checkBoxActiveStyled[type="checkbox"] {
        border: none;
        cursor: pointer;
        margin-bottom: -3px;
        content: url('../images/svg/checkbox_active.svg');
        margin: 0;
        /*padding-right: 0.3rem !important;*/
    }

/* PARENT CONTAINER */
.tweetVideo {
    min-width: 700px;
}

.item,
.tweetVideo {
    position: relative;
    float: left;
    cursor: pointer;
}

    /* CHILD TEXT CONTAINER */
    .item button,
    .tweetVideo button {
        position: absolute;
        bottom: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility 0s, opacity 0.5s linear;
        transition: visibility 0s, opacity 0.5s linear;
        cursor: pointer;
    }

    .item .c-favouritesmodalcontent,
    .tweetVideo .c-favouritesmodalcontent {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background: black;
        color: white;
        font-family: Roboto-Regular;
        opacity: 0;
        display: none;
        visibility: hidden;
        -webkit-transition: visibility 0s, opacity 0.5s linear;
        transition: visibility 0s, opacity 0.5s linear;
        cursor: pointer;
    }

    .item .c-favouritesmodalimages {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background: black;
        color: white;
        font-family: Roboto-Regular;
        opacity: 0;
        display: none;
        visibility: hidden;
        -webkit-transition: visibility 0s, opacity 0.5s linear;
        transition: visibility 0s, opacity 0.5s linear;
    }

#favouriteVideoModal {
    border: none !important;
    box-shadow: none !important;
}

    #favouriteVideoModal .c-favouritesmodalcontent {
        position: absolute;
        bottom: 5px;
        right: 0;
        left: 0;
        background: black;
        color: white;
        font-family: Roboto-Regular;
        opacity: 0;
        display: none;
        visibility: hidden;
        -webkit-transition: visibility 0s, opacity 0.5s linear;
        transition: visibility 0s, opacity 0.5s linear;
        cursor: pointer;
    }

.tweetVideo:hover .c-favouritesmodalcontent {
    padding: 15px;
    visibility: visible !important;
    opacity: 0.9 !important;
    cursor: pointer;
    background: rgba(0,0,0,0.9) !important;
    display: block !important;
}

/* HOVER ON PARENT CONTAINER */
.item:hover,
.tweetVideo:hover {
    cursor: pointer;
}

    .item:hover button {
        visibility: visible;
        opacity: 1;
        cursor: pointer;
    }

    .tweetVideo:hover button {
        visibility: visible;
        opacity: 1;
        cursor: pointer;
        z-index: 21;
    }

    .item:hover .c-favouritesmodalcontent,
    .tweetVideo:hover .c-favouritesmodalcontent {
        padding: 15px;
        visibility: visible;
        opacity: 0.9;
        cursor: pointer;
        background: rgba(0,0,0,0.9);
        display: block !important;
    }

    .item:hover .c-favouritesmodalimages {
        padding: 15px;
        visibility: visible;
        opacity: 0.9;
        display: block !important;
    }

#myCarousel .item .c-modal-favourite__user,
#favouriteVideoModal .tweetVideo .c-modal-favourite__user {
    margin-top: 8px;
    float: left;
    margin-left: 10px;
}

#myCarousel .item .c-modal-favourite__body,
#favouriteVideoModal .tweetVideo .c-modal-favourite__body {
    margin-top: 15px;
    float: left;
    text-align: left;
    width: 100%;
}

#myCarousel .item .c-modal-favourite__footer,
#favouriteVideoModal .tweetVideo .c-modal-favourite__footer {
    margin-top: 15px;
    float: left;
    text-align: left;
    width: 100%;
}

    #myCarousel .item .c-modal-favourite__footer p,
    #favouriteVideoModal .tweetVideo .c-modal-favourite__footer p {
        z-index: 5;
        color: #8899a6;
        font-family: Roboto-Regular;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
    }

    #myCarousel .item .c-modal-favourite__footer .menu a,
    #favouriteVideoModal .tweetVideo .c-modal-favourite__footer .menu a {
        margin-left: 15px;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
    }

    #myCarousel .item .c-modal-favourite__footer .menu,
    #favouriteVideoModal .tweetVideo .c-modal-favourite__footer .menu {
        float: right;
        margin-top: -5px;
    }

#myCarousel .item .c-modal-favourite__user span,
#favouriteVideoModal .tweetVideo .c-modal-favourite__user span {
    z-index: 6;
    color: #ffffff;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    padding-right: 5px;
}

/* CAROUSEL STYLE */
#myCarousel {
    margin: 0px 25px;
}

.item img {
    margin-left: auto;
    margin-right: auto;
}

.selected img {
    opacity: 0.5;
}

.carousel-caption {
    position: relative;
    left: auto;
    right: auto;
}

.carousel-control.left,
.carousel-control.right {
    background: none;
    border: none;
}

.carousel-control.left {
    margin-left: -25px;
}

.carousel-control.right {
    margin-right: -5px;
}

.carousel-control {
    width: 0%;
}

#myCarousel .glyphicon-chevron-left, #myCarousel .glyphicon-chevron-right {
    color: #FFFFFF;
    font-size: 30px;
    z-index: 4;
    opacity: 0.3;
}

    #myCarousel .glyphicon-chevron-left:hover, #myCarousel .glyphicon-chevron-right:hover {
        opacity: 1;
    }

/*SEARCH STYLE*/
.search-input {
    width: 157px;
    margin-bottom: 0;
    display: inline-block;
    border: solid 1px #d4dff3;
    border-radius: 25px;
    height: 31px;
    background: transparent;
    color: #8899a6;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 10px !important;
    box-shadow: none !important;
}

    .search-input:focus {
        border: solid 1px #d4dff3 !important;
    }

.search-input-active {
    border: solid 1px #8642b8;
    background: #fff;
    color: #8642b8 !important;
}

.search-input::-webkit-input-placeholder {
    color: #8899a6 !important;
}

.search-input:-moz-placeholder {
    color: #8899a6 !important;
}

.search-input::-moz-placeholder {
    color: #8899a6 !important;
}

.search-input:-ms-input-placeholder {
    color: #8899a6 !important;
}

.search-input::-ms-input-placeholder {
    color: #8899a6 !important;
}

.search-input::placeholder {
    color: #8899a6 !important;
}

#spnSearchManageTags,
#spnSearchTags,
#spnSearchFilterTags {
    line-height: 23px;
    width: unset;
    height: unset;
    top: 4px;
    right: 4px;
}

.filter_right_outer #spnSearch {
    right: 2px;
    color: #c3ccd2;
    top: 4px !important;
    position: absolute;
}

    .filter_right_outer #spnSearch.glyphicon-remove {
        top: 1px !important;
    }


.filter_right_outer #btnSearchText {
    position: absolute;
    right: 5px;
}

#spnSearch img {
    margin: 5px;
}


.col-xm-filter-part #spnMobileSearch {
    right: 2px;
    color: #8899a6;
}

    .col-xm-filter-part #spnMobileSearch.glyphicon-remove {
        top: 0px !important;
    }


.filter_right_outer .glyphicon-remove-active {
    color: #8642b8 !important;
}

.col-xm-filter-part .glyphicon-remove-active,
.col-xm-discover-filter-part .glyphicon-remove-active {
    color: #8642b8 !important;
    opacity: 0.6;
}

/*FILTER-PART*/
.filter_part .filter-group .close-icon {
    margin-left: 5px;
    opacity: 0.6;
    line-height: 19px;
}

.filter_part .btncontent {
    width: 83px;
    height: 34px;
    border: solid 1px #d4dff3;
    line-height: 2 !important;
    border-radius: 25px;
    background: #fff;
    color: #292f33;
    padding: .375rem .75rem;
    font-size: 14px;
    font-family: Roboto-Regular;
    font-weight: 400;
    text-align: center;
    text-decoration-line: none;
    margin-right: 12px;
    padding-right: 1.5rem;
    padding-left: 0.5rem;
}

    .filter_part .btncontent:hover {
        background-color: #d4ddec;
        border-color: #d4ddec;
    }

.filter_part .btnactivecontent {
    height: 30px;
    border: solid 1px #8642b8;
    border-radius: 25px;
    background: #8642b8;
    color: #fff;
    padding: .375rem .75rem;
    font-size: 14px;
    font-family: Roboto-Regular;
    font-weight: 400;
    text-align: center;
    text-decoration-line: none;
    margin-right: 12px;
    min-width: 100px;
}

    .filter_part .btnactivecontent .filter__text {
        line-height: 1.1rem;
    }

.filter_part .btncog {
    font-size: 1.1rem !important;
    color: #8899a6;
    z-index: 5;
}

    .filter_part .btncog:hover,
    .filter_part .btncog:active {
        color: #8642b8 !important;
    }

/*CUSTOM DROPDOWN MENU*/

.filter_part .dropdown-custom-menu .dropdown-header {
    padding: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d4dff3;
    display: flex;
}

    .filter_part .dropdown-custom-menu .dropdown-header .close {
        margin-top: -28px;
        margin-right: -10px;
        color: #8899a6;
        -webkit-appearance: none;
        padding: 10px 0px;
        cursor: pointer;
        border: 0;
        font-size: 28px;
        opacity: unset;
        background: 0 0;
    }

    .filter_part .dropdown-custom-menu .dropdown-header .dropdown-title {
        z-index: 4;
        color: #8642b8;
        font-family: Roboto-Regular;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        margin: 0;
    }

        .filter_part .dropdown-custom-menu .dropdown-header .dropdown-title .fa-ellipsis-v {
            color: #657786 !important;
        }

.filter_part .dropdown-custom-menu .dropdown-body {
    padding: 15px;
}

    .filter_part .dropdown-custom-menu .dropdown-body [type="radio"] + label {
        margin-left: 0;
        margin-bottom: 0.75rem;
        margin-right: 2rem;
    }

    .filter_part .dropdown-custom-menu .dropdown-body [type="radio"]:checked,
    .filter_part .dropdown-custom-menu .dropdown-body [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .filter_part .dropdown-custom-menu .dropdown-body [type="radio"]:checked + label,
        .filter_part .dropdown-custom-menu .dropdown-body [type="radio"]:not(:checked) + label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
        }

            .filter_part .dropdown-custom-menu .dropdown-body [type="radio"]:checked + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 1px solid #8642b8;
                border-radius: 100%;
                background: #fff;
            }

            .filter_part .dropdown-custom-menu .dropdown-body [type="radio"]:not(:checked) + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 1px solid #c3ccd2;
                border-radius: 100%;
                background: #fff;
            }

            .filter_part .dropdown-custom-menu .dropdown-body [type="radio"]:checked + label:after,
            .filter_part .dropdown-custom-menu .dropdown-body [type="radio"]:not(:checked) + label:after {
                content: '';
                width: 8px;
                height: 8px;
                background: #8642b8;
                position: absolute;
                top: 5px;
                left: 5px;
                border-radius: 100%;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            .filter_part .dropdown-custom-menu .dropdown-body [type="radio"]:not(:checked) + label:after {
                opacity: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            .filter_part .dropdown-custom-menu .dropdown-body [type="radio"]:checked + label:after {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

    .filter_part .dropdown-custom-menu .dropdown-body .lbltexts {
        color: #292f33;
        font-family: Roboto-Regular;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        z-index: 7;
    }

/*ADD TAGS AND MANAGE TAGS DROPDOWN*/

.filter_part .dropdown-menu-tags,
.filter_part .dropdown-menu-managetags {
    width: 300px !important;
    height: 500px !important;
    top: 40px !important;
    z-index: 21 !important;
    right: 15px;
}

    .filter_part .dropdown-menu-tags .dropdown-body .has-feedback,
    .filter_part .dropdown-menu-managetags .has-feedback {
        z-index: 7;
        color: #8899a6;
    }

    .filter_part .dropdown-menu-tags .dropdown-body .search-input,
    .filter_part .dropdown-menu-managetags .search-input {
        z-index: 7;
        border-radius: 3px;
        background: #f4f7fc;
        height: 30px;
        border: 1px solid #f4f7fc;
        width: 100%;
    }

    .filter_part .dropdown-menu-tags .dropdown-footer,
    .filter_part .dropdown-menu-managetags .dropdown-footer {
        border-top: 1px solid #d4dff3;
        text-align: right;
        padding: 15px;
        bottom: 0px;
        position: absolute;
        width: 93%;
    }

        .filter_part .dropdown-menu-tags .dropdown-footer .dropdown-link-text {
            height: 16px;
            color: #2595e9;
            font-family: Roboto-Regular;
            font-size: 14px;
            font-weight: 700;
            line-height: 17px;
            text-decoration-line: none;
            cursor: pointer;
        }

        .filter_part .dropdown-menu-tags .dropdown-footer .btn-default {
            z-index: 4;
            width: 90px;
            height: 34px;
            border: solid 1px #c3ccd2;
            border-radius: 25px;
            color: #c3ccd2;
            font-family: Roboto-Regular;
            font-size: 14px;
            font-weight: 500;
            line-height: 17px;
            text-align: center;
        }

        .filter_part .dropdown-menu-managetags .dropdown-footer .btn-default {
            z-index: 4;
            width: 90px;
            height: 34px;
            border: solid 1px #2595e9;
            background: #ffffff;
            border-radius: 25px;
            color: #2595e9;
            font-family: Roboto-Regular;
            font-size: 14px;
            font-weight: 500;
            line-height: 17px;
            text-align: center;
        }

            .filter_part .dropdown-menu-managetags .dropdown-footer .btn-default:hover {
                background-color: #2595e9 !important;
                color: #fff !important;
            }

        .filter_part .dropdown-menu-tags .dropdown-footer .btn-default-active {
            border: solid 1px #2595e9 !important;
            color: #2595e9 !important;
            background: #fff !important;
        }

            .filter_part .dropdown-menu-tags .dropdown-footer .btn-default-active:hover {
                border: solid 1px #2595e9 !important;
                background-color: #2595e9 !important;
                color: #fff !important;
            }

/*DATES DROPDOWN*/

.filter_part .dropdown-menu-dates {
    width: 265px !important;
    height: 272px !important;
    top: 40px !important;
    z-index: 21 !important;
    right: 15px;
}

    .filter_part .dropdown-menu-dates .dropdown-body {
        padding-right: 0;
    }

        .filter_part .dropdown-menu-dates .dropdown-body .txtdates {
            width: 92px;
            height: 34px;
            border: solid 1px #c3ccd2;
            color: #8899a6;
            font-family: Roboto-Regular;
            font-size: 14px;
            font-weight: 400;
            line-height: 17px;
            text-align: center;
        }

            .filter_part .dropdown-menu-dates .dropdown-body .txtdates:focus,
            #filterCustomDateModal .modal-header .txtcustomdates:focus {
                border: 1px solid #8642b8 !important;
            }

            .filter_part .dropdown-menu-dates .dropdown-body .txtdates::-webkit-input-placeholder {
                color: #8899a6 !important;
            }

            .filter_part .dropdown-menu-dates .dropdown-body .txtdates:-moz-placeholder {
                color: #8899a6 !important;
            }

            .filter_part .dropdown-menu-dates .dropdown-body .txtdates::-moz-placeholder {
                color: #8899a6 !important;
            }

            .filter_part .dropdown-menu-dates .dropdown-body .txtdates:-ms-input-placeholder {
                color: #8899a6 !important;
            }

            .filter_part .dropdown-menu-dates .dropdown-body .txtdates::-ms-input-placeholder {
                color: #8899a6 !important;
            }

            .filter_part .dropdown-menu-dates .dropdown-body .txtdates::placeholder {
                color: #8899a6 !important;
            }

/*USERS DROPDOWN*/

.filter_part .dropdown-menu-users {
    width: 265px !important;
    height: 198px !important;
    top: 40px !important;
    z-index: 21 !important;
    right: 15px;
}

    .filter_part .dropdown-menu-users .dropdown-footer {
        border-top: 1px solid #d4dff3;
        text-align: right;
        padding: 15px;
        bottom: 0px;
        position: absolute;
        width: 93%;
    }

        .filter_part .dropdown-menu-users .dropdown-footer .btn-default {
            z-index: 4;
            width: 90px;
            height: 34px;
            border: solid 1px #c3ccd2;
            border-radius: 25px;
            color: #c3ccd2;
            font-family: Roboto-Regular;
            font-size: 14px;
            font-weight: 500;
            line-height: 17px;
            text-align: center;
        }

        .filter_part .dropdown-menu-users .dropdown-footer .btn-default-active {
            border: solid 1px #2595e9 !important;
            color: #2595e9 !important;
            background: #fff !important;
        }

            .filter_part .dropdown-menu-users .dropdown-footer .btn-default-active:hover {
                border: solid 1px #2595e9 !important;
                color: white !important;
                background-color: #2595e9 !important;
            }

    .filter_part .dropdown-menu-users .dropdown-body .user-input {
        z-index: 5;
        height: 34px;
        color: #8899a6;
        font-family: Roboto-Regular;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        border: solid 1px #c3ccd2;
        border-radius: 3px;
    }

        .filter_part .dropdown-menu-users .dropdown-body .user-input:focus {
            border: solid 1px #c3ccd2;
            border-radius: 3px;
        }

        .filter_part .dropdown-menu-users .dropdown-body .user-input::-webkit-input-placeholder {
            color: #8899a6 !important;
        }

        .filter_part .dropdown-menu-users .dropdown-body .user-input:-moz-placeholder {
            color: #8899a6 !important;
        }

        .filter_part .dropdown-menu-users .dropdown-body .user-input::-moz-placeholder {
            color: #8899a6 !important;
        }

        .filter_part .dropdown-menu-users .dropdown-body .user-input:-ms-input-placeholder {
            color: #8899a6 !important;
        }

        .filter_part .dropdown-menu-users .dropdown-body .user-input::-ms-input-placeholder {
            color: #8899a6 !important;
        }

        .filter_part .dropdown-menu-users .dropdown-body .user-input::placeholder {
            color: #8899a6 !important;
        }

/*MEDIA DROPDOOWN*/

.filter_part .dropdown-menu-media {
    width: 265px !important;
    height: 310px !important;
    top: 40px !important;
    z-index: 21 !important;
    right: 12px;
}

/*SETTINGS DROPDOWN*/

.filter_part .dropdown-menu-settings {
    left: auto !important;
    top: 30px !important;
    right: 3px;
    z-index: 21 !important;
}

.filter_part .mobile-dropdown-menu-settings {
    top: 35px !important;
    z-index: 21 !important;
    right: 0.5rem;
}

/*MODALS STYLE*/

.custom-modal .modal-dialog {
    top: 50% !important;
    transform: translate(0, -70%) !important;
}

.custom-modal .modal-header {
    padding: 15px;
    padding-bottom: 10px;
}

.custom-modal .modal-footer {
    padding: 15px;
    bottom: 0px;
    position: absolute;
    width: 92.1%;
}

    .custom-modal .modal-footer .modal-actions {
        float: right;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .custom-modal .modal-footer .modal-link-text {
        height: 16px;
        color: #2595e9;
        font-family: Roboto-Regular;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px;
        text-decoration-line: none;
        margin-right: 15px;
    }

.custom-modal .modal-header .close {
    margin-top: -20px;
    margin-right: -9px;
    color: #8899a6;
}

.custom-modal .modal-title {
    z-index: 4;
    color: #8642b8;
    font-family: Roboto-Regular;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

/*CREATE NEW AND RENAME TAG MODAL STYLE*/
#renameTag,
#AddTagModal,
#AddBatchTagModal,
#AddSearchTagModal,
#removeTag {
    background: #000000c7;
    z-index: 999999999;
    padding: 0 !important;
}

    #AddTagModal .btn.btn-disable,
    #AddBatchTagModal .btn.btn-disable,
    #AddSearchTagModal .btn.btn-disable,
    #renameTag .btn.btn-disable {
        padding: 0px !important;
    }

    #createNewTag .modal-content,
    #renameTag .modal-content,
    #AddTagModal .modal-content,
    #AddBatchTagModal .modal-content,
    #AddSearchTagModal .modal-content {
        z-index: 4;
        width: 265px;
        height: auto;
        border-radius: 5px;
        border: solid 1px #d4dff3;
        margin: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    #createNewTag .modal-footer,
    #renameTag .modal-footer,
    #AddTagModal .modal-footer,
    #AddBatchTagModal .modal-footer,
    #AddSearchTagModal .modal-footer {
        padding: 15px;
    }

        #createNewTag .modal-footer .btn-default {
            z-index: 4;
            width: 90px;
            height: 34px;
            border: solid 1px #c3ccd2;
            border-radius: 25px;
            color: #c3ccd2;
            font-family: Roboto-Regular;
            font-size: 14px;
            font-weight: 500;
            line-height: 21px;
            text-align: center;
        }

        #renameTag .modal-footer .btn-default,
        #AddTagModal .modal-footer .btn-default,
        #AddBatchTagModal .modal-footer .btn-default,
        #AddSearchTagModal .modal-footer .btn-default,
        #AddtoCollectionModal .modal-footer .btn-default,
        #AddSearchResultToCollectionModal .modal-footer .btn-default {
            z-index: 4;
            width: 90px;
            height: 30px;
            border-radius: 25px;
            font-family: Roboto-Regular;
            font-size: 14px;
            font-weight: 500;
            line-height: 17px;
            text-align: center;
            background-color: #fff;
            margin-left: 15px;
        }

        #renameTag .modal-footer .btn-default-active,
        #AddTagModal .modal-footer .btn-default-active,
        #AddBatchTagModal .modal-footer .btn-default-active,
        #AddSearchTagModal .modal-footer .btn-default-active,
        #updateCardModal .modal-footer .btn-default-active {
            background-color: #2595e9 !important;
            color: #fff !important;
        }

        #renameTag .modal-footer .btn-default:hover,
        #AddTagModal .modal-footer .btn-default:hover,
        #AddBatchTagModal .modal-footer .btn-default:hover,
        #AddSearchTagModal .modal-footer .btn-default:hover {
            background-color: #2595e9 !important;
            color: #fff !important;
        }

    /*REMOVE TAG MODAL STYLE*/

    #removeTag .modal-content {
        z-index: 4;
        width: 70%;
        height: 198px;
        border-radius: 5px;
        border: solid 1px #d4dff3;
        margin: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

        #removeTag .modal-content .modal-body p,
        #filterDeleteTagModal .modal-content .modal-body p {
            font-family: Roboto-Regular;
            font-size: 16px;
            font-weight: 400;
            line-height: 17px;
        }

    #removeTag .modal-footer {
        padding: 5px;
        width: 95% !important;
    }

        #removeTag .modal-footer .btn-default,
        #filterDeleteTagModal .modal-footer .btn-default {
            z-index: 4;
            width: 90px;
            height: 34px;
            border-radius: 25px;
            border: solid 1px #be202e;
            color: #be202e;
            font-family: Roboto-Bold;
            font-size: 14px;
            font-weight: 500;
            line-height: 21px;
            text-align: center;
            background-color: #fff;
        }

        #removeTag .modal-footer .btn-default-active,
        #filterDeleteTagModal .modal-footer .btn-default-active {
            color: #fff !important;
            background-color: #be202e !important;
        }

        #removeTag .modal-footer .btn-default:hover,
        #filterDeleteTagModal .modal-footer .btn-default:hover {
            color: #fff !important;
            background-color: #be202e !important;
        }

/*REMOVE TWEET AND TWEET NOT EXISTS MODAL STYLE*/

#removeTweetModal .modal-dialog {
    top: 50% !important;
    transform: translate(0, -70%) !important;
}

#removeTweetModal .modal-content,
#tweetNotExistsModal .modal-content {
    z-index: 4;
    width: 70%;
    height: auto;
    border-radius: 5px;
    border: solid 1px #d4dff3;
    margin: auto;
}

#tweetNotExistsModal .modal-content {
    padding-left: 10px;
    padding-right: 10px;
}


    #removeTweetModal .modal-content .modal-body label,
    #tweetNotExistsModal .modal-content .modal-body label,
    #modalAddNotes .modal-content .modal-body label {
        font-family: Roboto-Regular;
        font-size: 16px;
        font-weight: 400;
        line-height: 17px;
    }


#removeTweetModal .modal-link-text {
    margin: 10px 25px;
    color: #2595E9;
    font-size: 15px;
    font-family: Roboto-Bold;
}

#tweetNotExistsModal .modal-footer {
    width: 100% !important;
    padding: 15px;
}

#modalAddNotes .modal-footer,
#AddtoCollectionBatchModal .modal-footer {
    padding: 5px;
    width: 95% !important;
}

/*COLLECTION MODAL NEW CSS*/
#filterRenameModal.modal {
    z-index: 9999999 !important;
}

#AddtoCollectionModal,
#AddtoCollectionBatchModal,
#AddSearchResultToCollectionModal {
    overflow-x: hidden !important;
    /*overflow-y: scroll !important;*/
    z-index: 999999 !important;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.6);
}

    #AddtoCollectionModal .modal-header,
    #AddtoCollectionBatchModal .modal-header,
    #AddSearchResultToCollectionModal .modal-header,
    #AddTagModal .modal-header,
    #AddBatchTagModal .modal-header,
    #AddSearchTagModal .modal-header,
    #renameTag .modal-header,
    #tweetNotExistsModal .modal-header {
        padding: 0px !important;
    }

        #AddtoCollectionModal .modal-header h5,
        #AddtoCollectionBatchModal .modal-header h5,
        #AddSearchResultToCollectionModal .modal-header h5,
        #AddTagModal .modal-header h5,
        #AddBatchTagModal .modal-header h5,
        #AddSearchTagModal .modal-header h5,
        #modalAddNotes .modal-header h5,
        #renameTag .modal-header h5,
        #tweetNotExistsModal .modal-header h5 {
            padding: 10px 10px !important;
            font-size: 18px;
            display: inline-block;
        }

.btn.dropdown-toggle {
    padding: 10px 10px !important;
    font-size: 18px;
}

#AddtoCollectionBatchModal button.close,
#AddBatchTagModal button.close,
#AddtoCollectionModal button.close,
#AddTagModal button.close {
    padding: 5px 0px 0px 10px !important;
}

#AddSearchResultToCollectionModal button.close,
#AddSearchTagModal button.close {
    padding: 9px 0px 0px 10px !important;
}


#AddtoCollectionModal .modal-header .close {
    margin-top: 0px !important;
}


#AddtoCollectionModal .modal-footer,
#AddtoCollectionBatchModal .modal-footer,
#AddSearchResultToCollectionModal .modal-footer,
#AddTagModal .modal-footer,
#AddBatchTagModal .modal-footer,
#AddSearchTagModal .modal-footer,
#renameTag .modal-footer {
    font-family: Roboto-Regular;
    font-size: 16px;
    font-weight: 400;
    padding: 20px 15px !important;
    text-align: left;
    color: #2595e9;
    cursor: pointer;
}

#AddtoCollectionModal #dvCollection_TweetListModal,
#AddtoCollectionBatchModal #dvCollectionBatch_TweetListModal,
#AddSearchResultToCollectionModal #dvCollectionList_ForSearchResult {
    height: 380px;
    overflow-y: auto;
}

    #AddtoCollectionModal #dvCollection_TweetListModal .col-md-12.control-group,
    #AddtoCollectionBatchModal #dvCollectionBatch_TweetListModal .col-md-12.control-group,
    #AddSearchResultToCollectionModal #dvCollectionList_ForSearchResult .col-md-12.control-group {
        padding: 0px !important;
    }

    #AddtoCollectionModal #dvCollection_TweetListModal::-webkit-scrollbar-track,
    #AddtoCollectionBatchModal #dvCollectionBatch_TweetListModal::-webkit-scrollbar-track,
    #AddSearchResultToCollectionModal #dvCollectionList_ForSearchResult::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 7px;
        background-color: #F5F5F5;
    }

    #AddtoCollectionModal #dvCollection_TweetListModal::-webkit-scrollbar,
    #AddtoCollectionBatchModal #dvCollectionBatch_TweetListModal::-webkit-scrollbar,
    #AddSearchResultToCollectionModal #dvCollectionList_ForSearchResult::-webkit-scrollbar {
        width: 7px;
        background-color: #F5F5F5;
    }

    #AddtoCollectionModal #dvCollection_TweetListModal::-webkit-scrollbar-thumb,
    #AddtoCollectionBatchModal #dvCollectionBatch_TweetListModal::-webkit-scrollbar-thumb,
    #AddSearchResultToCollectionModal #dvCollectionList_ForSearchResult::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #d4dff3;
    }


#AddtoCollectionModal span.managecollection,
#AddtoCollectionBatchModal span.managecollection,
#AddSearchResultToCollectionModal span.managecollection {
    margin-right: 15px;
}

#AddtoCollectionModal .dvManageTagBlock,
#AddtoCollectionBatchModal .dvManageTagBlock,
#AddSearchResultToCollectionModal .dvManageTagBlock {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

.dvManageTagBlock {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}


#AddtoCollectionModal .control.text-label,
#AddtoCollectionBatchModal .control.text-label,
#AddSearchResultToCollectionModal .control.text-label {
    padding-left: 0px;
}

.control.text-label {
    padding-left: 0px;
}


#btnCreateNewTag, #btnCreateNewTag:hover,
#btnCreateNewBatchTag, #btnCreateNewBatchTag:hover,
#btnManageTags, #btnManageTags:hover,
#btnManageBatchTags, #btnManageBatchTags:hover,
#btnCreateNewSearchTag, #btnCreateNewSearchTag:hover,
#btnManageSearchTags, #btnManageSearchTags:hover {
    text-decoration: none;
    color: #2595E9;
}

#spnSearchTags.form-control-tags,
#spnBatchSearchTags.form-control-tags,
#spnSearchFilterTags.form-control-tags {
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 38px;
    line-height: 28px;
    text-align: center;
    pointer-events: none;
    color: #8899a6;
    font-size: 18px;
}

#txtModalSearchTag,
#txtBatchModalSearchTag,
#txtModalSearchFilterTag {
    border: none;
    background: #f4f7fc;
    color: black;
    box-shadow: none;
    border-radius: 3px;
    padding-right: 35px;
}

#removeTweetModal .modal-footer .btn-default {
    z-index: 4;
    width: 90px;
    height: 34px;
    border-radius: 25px;
    border: solid 1px #be202e;
    color: #be202e;
    font-family: Roboto-Bold;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    background-color: #fff;
}

#removeTweetModal .modal-footer .btn-default-active {
    color: #fff !important;
    background-color: #be202e !important;
}

#removeTweetModal .modal-footer .btn-default:hover {
    color: #fff !important;
    background-color: #be202e !important;
}

/*TWEET NOT EXISTS MODAL STYLE*/

#tweetNotExistsModal .modal-footer .btn-default {
    z-index: 4;
    width: 90px;
    height: 34px;
    border-radius: 25px;
    border: solid 1px #2595e9;
    color: #2595e9;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    background-color: #fff;
}

#tweetNotExistsModal .modal-footer .btn-default-active {
    background-color: #2595e9 !important;
    color: #fff !important;
}

#tweetNotExistsModal .modal-footer .btn-default:hover {
    background-color: #2595e9 !important;
    color: #fff !important;
}

/*ADD NOTES AND ADD TAG MODAL STYLE*/
#modalAddNotes .modal-body {
    padding: 0 !important;
}

#modalAddNotes .modal-footer .btn-default,
#AddtoCollectionModal .modal-footer .btn-default,
#AddtoCollectionBatchModal .modal-footer .btn-default,
#AddSearchResultToCollectionModal .modal-footer .btn-default {
    z-index: 4;
    width: 90px;
    height: 34px;
    border-radius: 25px;
    border: solid 1px #2595e9;
    color: #2595e9;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    background-color: #fff;
}

#modalAddNotes .modal-footer .btn-default-active,
#AddtoCollectionModal .modal-footer .btn-default-active,
#AddtoCollectionBatchModal .modal-footer .btn-default-active,
#AddSearchResultToCollectionModal .modal-footer .btn-default-active {
    background-color: #2595e9 !important;
    color: #fff !important;
}

#modalAddNotes .modal-footer .btn-default:hover,
#AddtoCollectionModal .modal-footer .btn-default:hover,
#AddtoCollectionBatchModal .modal-footer .btn-default:hover,
#AddSearchResultToCollectionModal .modal-footer .btn-default:hover {
    background-color: #2595e9 !important;
    color: #fff !important;
}

#AddtoCollectionModal .modal-content,
#AddtoCollectionBatchModal .modal-content,
#AddSearchResultToCollectionModal .modal-content {
    z-index: 4;
    border-radius: 5px;
    border: solid 1px #d4dff3;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
}

/*UPGRADE BUTTON BLOCK CSS*/

.navbar {
    padding: 10px;
    border: none;
    background: #8642b8;
    border-radius: 0px;
    margin-bottom: 0px;
}

    .navbar .upgrade-head #btnUpgrade,
    .navbar .upgrade-head #btnUpgradeInBatchModal,
    .navbar .upgrade-head #btnUpgradeInSearchFilter {
        background: #fff;
        color: #8642b8;
        border-radius: 26px !important;
        padding: 8px 20px !important;
    }


.c-app-header {
    height: auto;
}

.navbar span.trialExpired-text {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25px;
    font-family: roboto-regular;
    margin-right: 15px;
}



/*UPGRADE MODAL POPUP CSS START*/
#upgradeModal {
}

    #upgradeModal .modal-sm {
        width: 510px;
        margin-top: 100px;
    }


.upgrade-note {
    padding: 17px;
    background: #f4f7fc;
    border-radius: 3px;
    line-height: 22px;
}

.font-italic {
    font-style: italic;
}

#upgradeModal #btnCancel {
    margin: 10px 25px;
    background: none;
    color: #2595E9;
    font-size: 14px;
}

.btn-purple {
    border: solid 1px #8642b8;
    color: #ffffff;
    border-radius: 32px;
    transition: all 0.3s ease 0s;
    padding: 5px 24px;
    font-size: 14px;
    background: #8642b8;
}

    .btn-purple:hover {
        text-decoration: none;
        color: #ffffff;
    }

#upgradeModal .modal-body ul {
    list-style: none;
}

    #upgradeModal .modal-body ul li {
        padding: 5px 0px;
        text-align: left;
    }

    #upgradeModal .modal-body ul .ion-ios-checkmark-outline:before {
        font-size: 24px;
        color: #8642b8;
        font-weight: 700;
    }

#upgradeModal .row.features-block {
    margin: 25px 0px 0px;
}

#upgradeModal .modal-body .row {
    margin-right: 0px;
    margin-left: 0px;
}
/*UPGRADE MODAL POPUP CSS END*/


/*-----LOADER CSS-----*/
#page_loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    text-align: center;
    display: none;
}

    #page_loader a {
        display: table-cell;
        vertical-align: middle;
    }
/*-----LOADER CSS-----*/


/*SHARE FEEDBACK MODAL POPUP CSS START*/
#shareFeedbackModal, #modalAddNotes, #removeTweetModal {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
}

#updateCardModal {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    overflow: hidden !important;
}

#removeTweetModal {
    overflow-y: hidden;
}

    #modalAddNotes .modal-header,
    #removeTweetModal .modal-header {
        border-bottom: 1px solid #d4dff3;
        margin: 0px 10px;
        padding: 10px;
    }

#shareFeedbackModal .modal-footer,
#modalAddNotes .modal-footer,
#updateCardModal .modal-footer {
    margin: 0px 10px;
    border-top: 1px solid #d4dff3;
    padding: 15px;
}

#shareFeedbackModal .has-success label,
#updateCardModal .has-success label {
    color: #3c763d !important;
}

#shareFeedbackModal .has-success .form-control,
#updateCardModal .has-success .form-control {
    border-color: #3c763d !important;
}

#shareFeedbackModal .has-error .error,
#shareFeedbackModal .has-error label,
#updateCardModal .error,
#updateCardModal .has-error .error,
#updateCardModal .has-error label {
    color: #a94442 !important;
}

#shareFeedbackModal .has-error input, .has-error textarea,
#updateCardModal .has-error input {
    box-shadow: none !important;
    border: 1px solid #a94442 !important;
}

#shareFeedbackModal .modal-header,
#updateCardModal .modal-header {
    margin: 0px 10px;
    padding: 20px;
}

    #shareFeedbackModal .modal-header .feedback-title {
        font-size: 20px;
    }

#shareFeedbackModal .modal-body {
    padding: 15px;
}

#updateCardModal .modal-body {
    padding: 15px;
    overflow-y: auto;
}

    #shareFeedbackModal .modal-body .modal-field,
    #updateCardModal .modal-body .modal-field {
        z-index: 5;
        color: #292f33;
        font-family: Roboto-Regular;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    #shareFeedbackModal .modal-body .asterisk,
    #updateCardModal .modal-body .asterisk {
        color: #a94442;
    }

#shareFeedbackModal .modal-body input {
    z-index: 5;
    height: 34px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 0;
}

#shareFeedbackModal .modal-body #FeedbackComment {
    padding: 0.5rem;
    border: 1px solid #ccc;
}

#removeTweetModal .modal-body {
    padding: 30px;
}

#removeTweetModal .modal-footer {
    margin: 0px 10px;
    border-top: 1px solid #d4dff3;
    padding: 10px;
}


#shareFeedbackModal #btnCancel,
#modalAddNotes #btnCancel,
#removeTweetModal #btnCancel {
    margin: 10px 25px;
    background: none;
    color: #2595E9;
    font-size: 14px;
}

#updateCardModal #btnCancel,
#updateCardModal #btnAddCard {
    margin: 10px 10px;
    background: none;
    color: #2595E9;
    font-size: 14px;
}

#shareFeedbackModal .btn.btn-disable,
#modalAddNotes .btn.btn-disable,
#removeTweetModal .btn.btn-disable,
#updateCardModal .btn.btn-disable {
    padding: 5px 25px;
}

.btn.btn-blue {
    border: solid 1px #2595E9;
    color: #2595E9;
    border-radius: 32px;
    padding: 6px 25px;
    font-size: 14px;
}

    .btn.btn-blue:hover {
        background: #2595E9;
        color: #fff;
    }

.btn-blue-ladda-active {
    background: #2595E9 !important;
    color: #fff !important;
}

.btn-blue-active {
    border-radius: 32px;
    padding: 5px 35px;
    font-size: 14px;
    border: solid 1px #2595E9;
    color: #2595E9;
}

.feedback-title {
    font-size: 18px;
    margin-top: 2px !important;
    display: inline-block !important;
}

.shareFeedback, .note {
    font-size: 14px;
    color: #292f33;
    font-weight: 400;
    line-height: 17px;
}

#FeedbackComment, #txtNote {
    border: none;
    box-shadow: none;
    margin-bottom: 0px;
    resize: none;
}

    #FeedbackComment::placeholder,
    #txtNote::placeholder,
    #txtModalSearchTag::placeholder,
    #txtBatchModalSearchTag::placeholder,
    #txtModalSearchFilterTag::placeholder {
        color: #b7c2cc !important;
    }

#modalAddNotes .modal-body {
    padding: 0px 0px;
}
/*SHARE FEEDBACK MODAL POPUP CSS END*/

/*WELCOME MODAL POPUP CSS START*/
#welcomeModal .modal-header,
#trialExpired .modal-header,
#subscriptionCancel .modal-header,
#yearlyPlanExpired .modal-header,
#oneTimePlanExpired .modal-header,
#ExtensionInfoModal .modal-header {
    border-bottom: none !important;
}

#welcomeModal button.cross {
    padding: 5px 10px;
}

#welcomeModal .modal-footer {
    border-top: none !important;
}

#welcomeModal .modal-body {
    padding: 30px;
    font-size: 14px;
}

#welcomeModal {
    background: rgba(0, 0, 0, 0.6);
}

#ExtensionInfoModal button.cross {
    padding: 5px 10px;
}

#ExtensionInfoModal .modal-footer {
    border-top: none !important;
}

#ExtensionInfoModal .modal-body {
    padding: 30px;
    font-size: 14px;
    align-items: center
}

#ExtensionInfoModal .modal-header img {
    height: 50px;
}

#ExtensionInfoModal {
    background: rgba(0, 0, 0, 0.6);
}

#btnCloseWelcomeModal {
    padding: 3px 13px;
}

#welcomeModal .modal-header img,
#trialExpired .modal-header img,
#subscriptionCancel .modal-header img,
#yearlyPlanExpired .modal-header img,
#oneTimePlanExpired .modal-header img {
    height: 50px;
    width: auto;
}

#welcomeModal .welcom-message,
#trialExpired .trial-expired-message,
#yearlyPlanExpired .trial-expired-message,
#oneTimePlanExpired .trial-expired-message, #ExtensionInfoModal .welcom-message {
    padding: 17px;
    border-radius: 3px;
    line-height: 22px;
}


#welcomeModal #txtEmailAddress::placeholder {
    color: #b7c2cc !important;
}

#welcomeModal .form-group.email-block {
    margin-top: 20px;
    display: block;
}

#welcomeModal #txtEmailAddress {
    width: 70%;
}

#welcomeModal #btnSubmitEmail,
#welcomeModal #btnUpdateEmail {
    margin-left: 20px;
    height: 34px;
}
/*WELCOME MODAL POPUP CSS END*/

/*DATERANGE PICKER CSS*/
.drp-buttons {
    clear: both;
    text-align: right;
    padding-top: 8px;
    padding-bottom: 0;
    border-top: 1px solid #ddd;
    line-height: 12px;
    vertical-align: middle;
}

.btn-custom-success {
    background-color: #8642b8 !important;
    border-color: #8642b8 !important;
    font-size: 14px !important;
    font-family: Roboto-Regular;
    font-weight: 400 !important;
    border-radius: 25px !important;
    width: 94px;
}

.daterangepicker {
    z-index: 25 !important;
    width: 500px !important;
    left: -50px !important;
    padding: 0 !important;
}

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #8642b8 !important;
        border-color: #8642b8 !important;
        color: #fff;
    }

    .daterangepicker.opensright:before {
        left: 49px !important;
    }

    .daterangepicker.opensright:after {
        left: 50px !important;
    }


/*FILE UPLOAD CSS START*/

#frmUploadLikeJS .c-modal-header h3 {
    color: #8642b8;
    font-family: Roboto-Bold;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.uploadLikejs-wrapper {
    margin: 0px 47px;
}

#dvUplodedFileName {
    background: white;
    border: 1px solid #d4dff3;
    max-width: 300px;
    padding: 10px 0px;
    visibility: visible;
    display: block;
}

.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
    padding: 50px 10px;
    opacity: 0;
}

    .files input:focus {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
        border: 1px solid #92b0b3;
    }

.files {
    position: relative;
}

    .files:after {
        pointer-events: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 50px;
        right: 0;
        height: 56px;
        content: "";
        display: block;
        margin: 0 auto;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.color input {
    background-color: #f1f1f1;
}

.dvupload-drop-block {
    padding: 30px 0px;
    text-align: center;
    background: #f4f7fc;
    position: absolute;
    border-radius: 3px;
    width: 100%;
}

#spnFileUploadButton {
    display: block;
    position: absolute;
    padding: 10px 0px;
    text-align: center;
    width: 100%;
}

#spnFilename {
    text-align: left;
}

#frmUploadLikeJS .filename {
    padding-left: 0px !important;
    vertical-align: bottom !important;
}

#frmUploadLikeJS #btnSelectFile {
    margin: 0px 10px 0px 0px !important;
    float: left;
    margin: 0;
}

#frmUploadLikeJS .c-modal-body .columns {
    float: left !important;
    padding: 0px;
}

#frmUploadLikeJS .c-modal-body {
    border-bottom: 2px solid;
    border-color: grey;
}

#frmUploadLikeJS .help-block {
    display: block;
    clear: both;
    color: red;
}

.c-toolbar-collections .dvupload-block {
    margin-top: 7px;
}

#frmUploadLikeJS #btnClose {
    margin-bottom: -5px 0px 10px 0;
}

#frmUploadLikeJS #btnCancel {
    margin: 10px 25px;
    background: none;
    color: #2595E9;
    font-size: 14px;
}

    #frmUploadLikeJS #btnCancel:hover {
        background: none;
        border-color: transparent;
    }

#frmUploadLikeJS button i {
    vertical-align: text-bottom;
}

#dvWarnning_wrapper.alert {
    margin-bottom: 10px !important;
}

.modal-img-responsive {
    min-width: 600px;
}

@media only screen and (max-width: 882px) {
    .uploadLikejs-wrapper {
        padding: 0px 0px 0px 15px;
    }

    .dvupload-block {
        text-align: center;
    }

    #filter_button {
        position: absolute;
        right: 0.625rem;
        top: 15px;
    }

    #dvWarnning_wrapper .message {
        word-break: break-word;
    }
}


/*FILE UPLOAD CSS END*/

/*TAGS LIST*/
#ulTags,
#ulManageTags {
    /* REMOVE DEFAULT LIST STYLING */
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: auto;
    height: 300px;
}

    #ulTags li label,
    #ulManageTags li label {
        padding: 12px 0;
        display: inline-block;
        align-items: center;
        cursor: pointer;
    }

        #ulTags li label input[type=checkbox] {
            margin: 0;
        }

        #ulTags li label .checkBoxStyled[type="checkbox"] {
            border: 2px solid #c3ccd2;
            padding: 7.0px !important;
            cursor: pointer;
        }

        #ulTags li label .checkBoxStyled:checked:after {
            cursor: pointer;
            color: #8642b8;
            font-size: 21px;
            top: -4px;
        }

        #ulTags li label span,
        #ulManageTags li label {
            font-size: 14px;
            color: #292f33;
            font-family: Roboto-Regular;
            line-height: 19px;
            font-weight: 400;
            vertical-align: top;
            margin-left: 10px;
        }

    #ulManageTags li label {
        padding-top: 15px;
        margin-left: 0px !important;
    }

    #ulTags li .tagcount {
        z-index: 8;
        color: #8899a6;
        margin-top: 0px;
        background: #f4f7fc;
        padding: 0 5px 0 5px;
        border-radius: 10px;
        float: right;
        margin-right: 20px;
        margin-top: 10px;
    }

    #ulTags::-webkit-scrollbar-track,
    #ulManageTags::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 7px;
        background-color: #F5F5F5;
    }

    #ulTags::-webkit-scrollbar,
    #ulManageTags::-webkit-scrollbar {
        width: 7px;
        background-color: #F5F5F5;
    }

    #ulTags::-webkit-scrollbar-thumb,
    #ulManageTags::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #d4dff3;
    }

    #ulManageTags li .managecollection {
        z-index: 10;
        color: #c3ccd2;
        float: right;
        margin-right: 20px;
        margin-top: 10px;
        cursor: pointer;
    }


.u-mt-100 {
    margin-top: 100px;
}


#mobile-menubar {
    float: right;
}

    #mobile-menubar .ion-android-menu {
        color: #8899a6;
    }

.col-xm-filter-part {
    display: none;
}

    .col-xm-filter-part .filterresult {
        padding-bottom: 0;
        text-align: left;
    }

        .col-xm-filter-part .filterresult .btn-default {
            z-index: 4;
            width: auto;
            height: 40px;
            border-radius: 25px;
            font-family: Roboto-Regular;
            font-size: 14px;
            font-weight: 400;
            line-height: 17px;
            margin-top: 10px;
            /*margin-bottom: 10px;*/
            text-align: left;
            cursor: pointer;
            background-color: #8642b8 !important;
            color: #fff !important;
            border: solid 1px #8642b8 !important;
            margin-right: 10px;
        }

        .col-xm-filter-part .filterresult .close-icon {
            margin-left: 10px;
            font-size: 27px;
            opacity: 0.6;
            line-height: 14px;
        }

/*MOBILE FILTER MENU STYLE*/
.custom_filter_modal {
    background: rgba(0, 0, 0, 0.6);
}

.closefiltermenumodal {
    padding: 3px 13px;
}

.custom_filter_modal .modal-content,
.custom_filter_modal .modal-dialog {
    height: 100%;
}

.custom_filter_modal .modal-header {
    border-bottom: 1px solid #d4dff3;
    padding: 15px;
}

    .custom_filter_modal .modal-header h5 {
        z-index: 3;
        color: #8642b8;
        font-family: Roboto-Regular;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        float: left;
        margin-left: 15px;
        padding: 5px 10px !important;
    }

#filterMenuModal .modal-header .link-text {
    height: 16px;
    color: #2595e9;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    text-decoration-line: none;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 12px;
}

#filterMenuModal .modal-body .btn-default {
    z-index: 4;
    width: 100%;
    height: 40px;
    border: solid 1px #d4dff3;
    border-radius: 25px;
    color: #292f33;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    cursor: pointer;
}

    #filterMenuModal .modal-body .btn-default:focus {
        background-color: #fff !important;
    }

#filterMenuModal .modal-body .close-icon {
    font-size: 25px;
    line-height: 21px;
}

#filterMenuModal .modal-body .btn-default-filtered {
    background-color: #8642b8 !important;
    color: #fff !important;
    border: solid 1px #8642b8 !important;
}

#filterMenuModal .modal-body .filter__text {
    z-index: 4;
    color: #292f33;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.1px;
}

#filterMenuModal .modal-body .filter__text__active {
    color: #fff !important;
}

#filterUserModal .modal-body .user-input {
    z-index: 5;
    width: 100%;
    height: 34px;
    border: solid 1px #c3ccd2;
    background: #ffffff;
    box-shadow: inset 0px 1px 2px rgba(102,113,123,0.21);
    box-shadow: inset 0px 0px 1px rgba(102,113,123,0.25);
}

.custom_filter_modal .modal-footer {
    margin: 0px 10px;
    border-top: 1px solid #d4dff3;
    padding: 15px;
}

#filterTagsModal .modal-footer,
#filterManageTagsModal .modal-footer,
#filterRenameModal .modal-footer,
#filterDeleteTagModal .modal-footer,
#filterUserModal .modal-footer,
#filterMediaModal .modal-footer,
#filterDateModal .modal-footer,
#filterCustomDateModal .modal-footer,
#filterTweetTypeModal .modal-footer {
    position: fixed;
    width: 95%;
    bottom: 0;
}

.custom_filter_modal .modal-footer .link-text {
    height: 16px;
    color: #2595e9;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    text-decoration-line: none;
    cursor: pointer;
    margin-right: 10px;
}

#filterTagsModal .modal-footer .btn-default,
#filterManageTagsModal .modal-footer .btn-default,
#filterRenameModal .modal-footer .btn-default,
#filterUserModal .modal-footer .btn-default,
#filterMediaModal .modal-footer .btn-default,
#filterDateModal .modal-footer .btn-default,
#filterCustomDateModal .modal-footer .btn-default,
#filterTweetTypeModal .modal-footer .btn-default {
    z-index: 3;
    width: 113px;
    height: 34px;
    border: solid 1px #c3ccd2;
    border-radius: 25px;
    color: #c3ccd2;
    font-family: Roboto-Regular;
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

#filterTagsModal .modal-footer .btn-default-active,
#filterManageTagsModal .modal-footer .btn-default-active,
#filterRenameModal .modal-footer .btn-default-active,
#filterUserModal .modal-footer .btn-default-active,
#filterMediaModal .modal-footer .btn-default-active,
#filterDateModal .modal-footer .btn-default-active,
#filterCustomDateModal .modal-footer .btn-default-active,
#filterTweetTypeModal .modal-footer .btn-default-active {
    border: solid 1px #2595e9 !important;
    color: #2595e9 !important;
    background: #fff !important;
}

    #filterTagsModal .modal-footer .btn-default-active:hover,
    #filterManageTagsModal .modal-footer .btn-default-active:hover,
    #filterRenameModal .modal-footer .btn-default-active:hover,
    #filterUserModal .modal-footer .btn-default-active:hover,
    #filterMediaModal .modal-footer .btn-default-active:hover,
    #filterDateModal .modal-footer .btn-default-active:hover,
    #filterCustomDateModal .modal-footer .btn-default-active:hover,
    #filterTweetTypeModal .modal-footer .btn-default-active:hover {
        border: solid 1px #2595e9 !important;
        color: white !important;
        background-color: #2595e9 !important;
    }

/*FILTER MODAL ADDITIONAL STYLE*/

#filterTagsModal .modal-body .user-input,
#filterManageTagsModal .modal-body .user-input {
    z-index: 5;
    width: 100%;
    height: 30px;
    color: #8899a6;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    border-radius: 3px;
    background: #f4f7fc;
    border: none;
}

#filterTagsModal .modal-body #ulTags,
#filterManageTagsModal .modal-body #ulManageTags {
    height: 355px;
}

    #filterTagsModal .modal-body #ulTags li,
    #filterManageTagsModal .modal-body #ulManageTags li {
        text-align: left;
    }


#filterTagsModal .modal-body .form-control-feedback,
#filterManageTagsModal .modal-body .form-control-feedback {
    color: #8899a6;
    line-height: 23px !important;
}

#filterDateModal .modal-body .txtcustomdates {
    width: 92px;
    height: 34px;
    border: solid 1px #c3ccd2;
    color: #8899a6;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
}

#filterCustomDateModal .modal-header .dash {
    padding: 5px;
    width: 25px;
}

#filterCustomDateModal .modal-header .txtcustomdates {
    width: 102px;
    height: 34px;
    border: solid 1px #c3ccd2;
    color: #8899a6;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
}

.custom_filter_modal .modal-body .lbltexts {
    color: #292f33;
    font-family: Roboto-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px !important;
    z-index: 7;
}

#filterMediaModal .modal-body .lbltexts,
#filterDateModal .modal-body .lbltexts,
#filterCustomDateModal .modal-body .lbltexts,
#filterTweetTypeModal .modal-body .lbltexts {
    text-align: left;
    line-height: 20px !important;
}

#filterUserModal .modal-body,
#filterRenameModal .modal-body,
#filterDeleteTagModal .modal-body {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

#filterTagsModal .modal-body,
#filterManageTagsModal .modal-body,
#filterMediaModal .modal-body,
#filterDateModal .modal-body,
#filterCustomDateModal .modal-body,
filterTweetTypeModal .modal-body {
    padding-left: 2.2rem;
}

.container__rbcustom {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .container__rbcustom input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #c3ccd2;
    border-radius: 100%;
    background: #fff;
}

.container__rbcustom input:checked ~ .checkmark {
    border: 1px solid #8642b8;
    background: #fff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container__rbcustom input:checked ~ .checkmark:after {
    display: block;
}

.container__rbcustom .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #8642b8;
}

/*INPUT PLACE HOLDER*/
.user-input::-webkit-input-placeholder,
.txtcustomdates::-webkit-input-placeholder {
    color: #8899a6 !important;
}

.user-input:-moz-placeholder,
.txtcustomdates:-moz-placeholder {
    color: #8899a6 !important;
}

.user-input::-moz-placeholder,
.txtcustomdates::-moz-placeholder {
    color: #8899a6 !important;
}

.user-input:-ms-input-placeholder,
.txtcustomdates:-ms-input-placeholder {
    color: #8899a6 !important;
}

.user-input::-ms-input-placeholder,
.txtcustomdates::-ms-input-placeholder {
    color: #8899a6 !important;
}

.user-input::placeholder,
.txtcustomdates::placeholder {
    color: #8899a6 !important;
}

.no-text-decoration {
    text-decoration: none !important;
}


.vertical-align-middle {
    vertical-align: middle;
}

.mobile-search-block {
    width: 60%;
}

.modal-content {
    overflow-y: hidden;
}

.has-banner {
    padding-top: 62px !important;
}

.has-no-banner {
    padding-top: 25px !important;
}

#shapeCopy {
    margin-right: 0px !important;
}

.c-main-nav li a.img-logo {
    padding-top: 5px !important;
}

/* Update Card Detail CSS */
.cardmodal-dialog {
    width: 350px;
}

.expirydate {
    width: 48%;
    display: inline;
}

#updateCardModal .modal-body input {
    z-index: 5;
    height: 34px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 0;
    color: #292f33;
}

#updateCardModal .has-error input, .has-error textarea {
    box-shadow: none !important;
    border: 1px solid #a94442 !important;
}

#updateCardModal .has-error .error, #updateCardModal .has-error label {
    color: #a94442 !important;
}


#txtCreditCardNumber[disabled],
#txtCardEmailAddress[disabled] {
    background: #8899a645 !important;
}

/*RESPONSIV SCREEN CSS START*/

@media only screen and (max-width: 599px) {
    #mobile-logo, #mobile-menubar, #mobile-search {
        display: block !important;
    }

    .c-main-nav {
        display: none !important;
    }

    .c-header-profile {
        display: none !important;
    }
}

@media (min-width:800px) {
    #AddTagModal .modal-dialog,
    #AddBatchTagModal .modal-dialog,
    #renameTag .modal-dialog {
        top: 50%;
        transform: translate(0,-70%);
    }
}

@media(min-width:992px) and (max-width:1023px) {
    .c-header-profile {
        margin-left: 140px !important;
    }

    .c-app-header .medium-4 {
        width: 38% !important;
    }
}

@media only screen and (max-width: 880px) {
    main {
        padding-bottom: 350px;
        /*margin-top: 0px !important;*/
    }

    .c-main-content {
        margin-top: 5px;
        min-height: 600px;
        margin-bottom: 50px !important;
    }

    .c-notifications {
        padding: 5px !important;
    }

    .filterBar-submenu {
        margin-top: -1px;
    }

    #mobile-menubar ul.menu li:last-child a {
        border-bottom: 1px solid #d4dff3;
    }

    #mobile-menubar ul.menu li a,
    #mobile-menubar ul.menu li a.active {
        font-size: 18px;
        padding: 10px;
        border-top: 1px solid #d4dff3;
        text-decoration: none;
    }

    #mobile-menubar ul.menu li a {
        color: #657786;
        font-family: Roboto-Regular;
    }

        #mobile-menubar ul.menu li a.active {
            color: #8642b8;
            font-family: Roboto-Bold;
            pointer-events: none;
        }

    #shareFeedbackModal #frmShareFeedback,
    #modalAddNotes #frmFavouritesNote,
    #updateCardModal #frmStripeCardUpdate {
        display: unset;
    }

    #shareFeedbackModal .modal-body,
    #modalAddNotes .modal-body,
    #removeTweetModal .modal-body {
        height: calc(100% - 134px);
    }

    #updateCardModal .modal-body {
        height: calc(100% - 121px);
    }

    #shareFeedbackModal .modal-body textarea,
    #modalAddNotes .modal-body textarea,
    #removeTweetModal .modal-body label {
        height: calc(100%);
    }

    #shareFeedbackModal .modal-dialog,
    #shareFeedbackModal .modal-content,
    #modalAddNotes .modal-dialog,
    #modalAddNotes .modal-content,
    #removeTweetModal .modal-dialog,
    #removeTweetModal .modal-content,
    #updateCardModal .modal-dialog,
    #updateCardModal .modal-content,
    #ImportBookmarksModal .modal-dialog,
    #ImportBookmarksModal .modal-content {
        height: 100%;
    }

    #shareFeedbackModal .modal-header,
    #modalAddNotes .modal-header,
    #removeTweetModal .modal-header,
    #updateCardModal .modal-header {
        margin: 0px;
        padding: 0px;
    }

    #shareFeedbackModal .modal-footer,
    #modalAddNotes .modal-footer,
    #removeTweetModal .modal-footer,
    #updateCardModal .modal-footer {
        margin: 0px;
        border-top: 1px solid #d4dff3;
        padding: 20px;
        width: 100% !important;
    }

    #FeedbackComment, #txtNote {
        padding: 20px;
        font-size: 20px;
    }

    .progress-block-mobile {
        display: block !important;
        float: right;
        padding: 10px;
    }

    #upgradeModal .modal-header,
    #upgradeModal .modal-footer {
        margin: 0px;
    }

    #upgradeModal .modal-body {
        padding: 15px;
    }

    #upgradeModal .modal-header .text-purpal {
        margin: 0px 50px;
        font-size: 20px;
    }

    #upgradeModal .modal-content,
    #upgradeModal .modal-dialog {
        height: 100%;
    }

    #welcomeModal .modal-content,
    #welcomeModal .modal-dialog,
    #ExtensionInfoModal .modal-content,
    #ExtensionInfoModal .modal-dialog {
        height: 100%;
    }

    #welcomeModal #frmEmailUpdate {
        display: unset;
    }

    #welcomeModal #txtEmailAddress {
        /*width: 100% !important;*/
    }

    #welcomeModal .modal-footer,
    #ExtensionInfoModal .modal-footer {
        display: block !important;
        border-top: 1px solid #d4dff3 !important;
        padding: 20px !important;
    }

    #welcomeModal .modal-body {
        height: calc(100% - 165px) !important;
        padding: 20px !important;
    }

    #welcomeModal #btnSubmitEmail {
        display: none !important;
    }

    #welcomeModal #btnSubmitEmailForMobile {
        margin-left: 20px;
        padding: 5px 25px;
    }



    #removeTweetModal .modal-content,
    #tweetNotExistsModal .modal-content {
        width: 100%;
        border-radius: 0px !important;
        border: none !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    /*TAG COLLECTION MODAL RESPONSIVE CSS*/
    #AddtoCollectionModal .modal-content,
    #AddtoCollectionBatchModal .modal-content,
    #AddSearchResultToCollectionModal .modal-content,
    #AddTagModal .modal-content,
    #AddBatchTagModal .modal-content,
    #AddSearchTagModal .modal-content {
        z-index: 4;
        border-radius: 0px !important;
        border: none !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #AddtoCollectionModal .modal-body,
    #AddSearchResultToCollectionModal .modal-body,
    #AddTagModal .modal-body,
    #AddBatchTagModal .modal-body,
    #AddSearchTagModal .modal-body {
        padding: 15px;
        height: calc(100% - 135px);
    }

    #AddtoCollectionModal .modal-dialog,
    #AddtoCollectionModal .modal-content,
    #AddSearchResultToCollectionModal .modal-dialog,
    #AddSearchResultToCollectionModal .modal-content,
    #AddTagModal .modal-dialog, #AddTagModal .modal-content,
    #AddBatchTagModal .modal-dialog, #AddBatchTagModal .modal-content,
    #AddSearchTagModal .modal-dialog, #AddSearchTagModal .modal-content {
        height: 100%;
        border-radius: 0px;
        padding: 0px !important;
    }

    #AddTagModal .modal-content,
    #AddBatchTagModal .modal-content,
    #AddSearchTagModal .modal-content {
        width: 100%;
    }

    #AddtoCollectionModal #frmAddTweetToCollection,
    #AddSearchResultToCollectionModal #frmAddTweetToCollection,
    #AddSearchResultToCollectionModal #frmAddSaerchResultToCollection {
        display: unset !important;
    }

    #dvCollection_TweetListModal,
    #dvCollectionBatch_TweetListModal {
        height: calc(100% - 50px);
    }

    #AddtoCollectionModal, #AddSearchResultToCollectionModal {
        overflow: hidden !important;
        padding: 0px;
    }

        #AddtoCollectionModal #dvTagFooterButtonBlock,
        #AddtoCollectionBatchModal #dvBatchTagFooterButtonBlock,
        #AddSearchResultToCollectionModal #dvSearchTagFooterButtonBlock {
            padding: 0px 10px;
        }

    #AddTagModal #btnSaveCollectionName,
    #AddBatchTagModal #btnSaveBatchCollectionName,
    #AddSearchTagModal #btnSaveSearchCollectionName {
        margin-left: 15px;
    }

    #AddtoCollectionModal .cross,
    #AddSearchResultToCollectionModal .cross,
    #AddtoCollectionBatchModal .cross {
        display: none;
    }

    #filterRenameModal .modal-dialog,
    #filterRenameModal .modal-content {
        height: 100%;
    }

    .filter_part .search-input,
    .filter_part #btnFilters {
        font-size: 18px;
    }
    /*TAG COLLECTION MODAL RESPONSIVE CSS*/

    #removeTag .modal-content .modal-body p,
    #filterDeleteTagModal .modal-content .modal-body p {
        font-family: Roboto-Regular;
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
    }

    #filterDeleteTagModal {
        z-index: 9999999 !important;
    }


    #removeTweetModal .modal-dialog {
        top: 70% !important;
        transform: translate(0, -70%) !important;
    }

    #frmUploadLikeJS .modal-header .text-purpal,
    #frmStripeCardUpdate .modal-header .text-purpal {
        padding: 10px 10px;
        font-size: 20px;
    }

    #frmUploadLikeJS .modal-header button.close,
    #frmStripeCardUpdate .modal-header button.close {
        padding: 5px 0px 0px 10px !important;
    }

    #btnManageTagsForFilter {
        float: right;
    }

    .c-main-nav li a.img-logo {
        padding: 0px !important;
    }

    #shareFeedbackModal .modal-body .modal-body-row,
    #shareFeedbackModal .modal-body .feedback-content,
    #ImportBookmarksModal .modal-body .modal-body-row,
    #ImportBookmarksModal .modal-body .feedback-content {
        height: 100%;
    }

    #shareFeedbackModal .modal-body .modal-feedback, #ImportBookmarksModal .modal-body .modal-feedback {
        height: calc(100% - 175px);
    }

    #renameTag {
        display: none !important;
    }

    #myCarousel .item .c-modal-favourite__footer .menu a {
        margin-left: 8px !important;
    }
}

@media (min-width:767px) and (max-width:991px) {
    .filter_right_outer {
        padding: 4px 10px 0 !important;
        margin-top: 0px !important;
    }
}



@media (max-width: 767px) {
    .gif_wrapper .video_btn_wrapper {
        display: block !important;
    }

    .visible-xs {
        display: block !important;
    }

    #upgradeModal .modal-body {
        height: calc(100% - 164px);
    }

    #subscriptionCancel .modal-dialog,
    #trialExpired .modal-dialog {
        height: 100% !important;
    }

    #subscriptionCancel .modal-content,
    #trialExpired .modal-content {
        height: 100% !important;
    }

    #subscriptionCancel .welcome-modal-logo,
    #trialExpired .welcome-modal-logo {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        border-radius: 0px !important;
    }

    #orSeparator:after {
        content: 'OR';
        top: -12px !important;
        left: 0px !important;
        background: #fff !important;
        font-family: roboto-bold !important;
        position: relative !important;
    }

    #subscriptionCancel .close {
        position: absolute !important;
        padding: 3px 10px !important;
        z-index: 99 !important;
        right: 0px !important;
        color: white !important;
    }

    .item .c-favouritesmodalcontent, .item .c-favouritesmodalimages, .tweetVideo .c-favouritesmodalcontent {
        position: relative !important;
    }

    .expirydate {
        width: 49% !important;
    }

    button.btnSubscriptionCancelModalClose {
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    .hidden-lg {
        display: none !important;
    }
}

@media only screen and (max-width: 639px) {
    .col-xs-padding {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .grid_data {
        width: unset !important;
    }

    .col-sm-grid-item {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    .cardmodal-dialog {
        width: 100% !important;
    }

    .welcome-modal-logo {
        width: 100% !important;
        padding-bottom: 50px !important;
        padding-top: 50px !important;
    }

    .welcome-modal-content {
        width: 100% !important;
        padding: 20px !important;
    }

    #dvCollection_TweetListModal {
        overflow: auto !important;
        height: 250px;
    }

    #dvCollectionList_ForSearchResult {
        overflow: auto !important;
        height: 250px;
    }

    #filter-collection {
        overflow: auto !important;
        height: 320px;
    }

    .filter_part {
        display: block !important;
    }

    .c-favourite {
        margin-top: 0 !important;
    }

    .col-xs-filter-part {
        display: none !important;
    }

    .col-xm-filter-part {
        display: block !important;
        text-align: center;
    }

    .col-xs-discover-filter-part {
        display: none !important;
    }

    .col-xm-discover-filter-part {
        display: block !important;
        text-align: center;
        padding-top: 10px;
    }

    .filter-group {
        margin-top: 0 !important;
        display: inline-block !important;
    }

    .search-input {
        width: 100%;
        height: 34px;
        padding: 0.55rem 0.75rem !important;
    }

    .filter_part .btncontent {
        width: 67px !important;
        margin-right: 0 !important;
        margin-left: 10px;
        padding: 0.55rem 0.75rem !important;
    }

    .filter_part .btncog {
        font-size: 1.5rem !important;
        line-height: 1.5;
    }

    #grid .c-favourite .c-favourite__card {
        border-bottom: 2px solid #d4dff3;
    }

    #favouriteModal_ForImage .c-modal-body .mulltiimages {
        width: 50%;
    }

    #uploadLikeJSModal {
        padding-left: 0px !important;
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .modal-dialog {
        margin: 0px;
    }

    .modal-content {
        border: none;
        box-shadow: none;
        border-radius: 0px;
    }

    button.close {
        padding: 5px 0px 0px 10px;
        font-size: 28px;
    }

    .c-offcanvas__close button.close {
        padding: 0px 15px 0px 0px;
    }

    .custom_filter_modal .modal-header button.close {
        padding: 5px 0px 0px 10px !important;
    }

    #frmUploadLikeJS {
        margin: 0px;
    }

        #frmUploadLikeJS .modal-header {
            padding: 0px;
        }

        #frmUploadLikeJS .modal-footer {
            padding: 20px;
        }

        #frmUploadLikeJS .modal-body p:first-child {
            font-size: 18px;
        }

    .cross {
        display: none;
    }

    .back-arrow {
        display: inline-block !important;
        margin-top: 0px !important;
    }

    #AddBatchTagModal .modal-header h5,
    #AddSearchTagModal .modal-header h5 {
        margin-top: 0px !important;
    }

    .custom_filter_modal .modal-header {
        padding: 2px 0px !important;
    }

        .custom_filter_modal .modal-header h5 {
            margin-left: 0 !important;
            padding: 10px 10px !important;
            margin-top: 0 !important;
        }

    #filterCustomDateModal .modal-header {
        padding: 5px 0px !important;
    }

        #filterCustomDateModal .modal-header button.close {
            padding: 0px 10px !important;
        }

    #shareFeedbackModal .modal-content,
    #AddtoCollectionBatchModal .modal-content,
    #AddBatchTagModal .modal-content,
    #AddTagModal .modal-content,
    #updateCardModal .modal-content,
    #ImportBookmarksModal .modal-content {
        overflow-y: hidden !important;
    }


    #frmUploadLikeJS #spnFileUploadButton {
        display: none;
    }

    #frmUploadLikeJS #spnFileUploadButtonForMobile {
        display: block !important;
        position: absolute;
        padding: 10px 0px;
        width: 100%;
    }

    #frmUploadLikeJS #spnFilename {
        float: left;
        width: 220px;
    }

    #frmUploadLikeJS #dvUplodedFileName .col-md-2 {
        float: right;
    }

    #frmUploadLikeJS #dvUplodedFileName {
        max-width: 275px;
    }

    #frmUploadLikeJS .modal-header .text-purpal,
    #frmStripeCardUpdate .modal-header .text-purpal {
        padding: 10px 10px !important;
        font-size: 18px;
    }

    #shareFeedbackModal .feedback-title,
    #removeTweetModal .feedback-title,
    #updateCardModal .feedback-title,
    #ImportBookmarksModal .feedback-title {
        font-size: 18px !important;
        padding: 10px 10px !important;
        margin-top: 0 !important;
    }

    #FeedbackComment, #txtNote {
        padding: 20px;
        font-size: 20px;
    }

    #shareFeedbackModal .modal-header,
    #updateCardModal .modal-header,
    #ImportBookmarksModal .modal-header {
        margin: 0px;
        padding: 0px;
    }

    .progress-block-mobile {
        display: block !important;
        float: right;
        padding: 10px;
    }

    .footer-collection-inner {
        float: none !important;
        display: inline-grid !important;
        height: auto !important;
        text-align: center;
    }

    .u-mr-30 {
        margin-right: 0 !important;
    }

    .col-xm-footer-collection {
        margin: auto;
        width: fit-content;
    }

    .col-xs-btn-grp {
        display: none !important;
    }

    .col-xm-btn-grp-mobile {
        display: block !important;
        margin-top: 15px;
    }

    #footer-collection-area .custom-btn-default {
        width: 61px;
    }

    #footer-collection-area .custom-btn-danger {
        width: 81px;
    }

    .custom-modal .modal-header .close {
        margin-top: -12px !important;
        margin-right: -25px !important;
    }

    #favouriteModal_ForImage .c-modal-body span,
    #favouriteModal_ForVideo .c-modal-body span,
    #favouriteModal_ForGif .c-modal-body span,
    #favouriteModal_ForText .c-modal-body span {
        font-size: 18px !important;
    }

    .display-flex {
        display: flex !important;
    }

    .ranges {
        display: none !important;
    }

    .daterangepicker {
        position: fixed !important;
        left: auto !important;
        top: 45px !important;
        padding: 0 !important;
        box-shadow: none;
        border: none;
        font-family: Roboto-Regular;
        flex-wrap: wrap;
        height: fit-content;
        z-index: 3000 !important;
        width: auto !important;
    }

        .daterangepicker .left {
            order: 1;
        }

        .daterangepicker .right {
            order: 2;
        }

        .daterangepicker .calendar {
            max-width: none;
            width: 100%;
            padding-bottom: 10px;
        }

        .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
        .daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
            margin: 0 !important;
            max-width: unset;
        }

        .daterangepicker .calendar-date {
            border: none !important;
            padding: 0 !important;
        }

        .daterangepicker.opensright:before, .daterangepicker.opensright:after {
            content: none !important;
        }

    .table-condensed thead {
        border: none;
    }

    .table-condensed thead, table tfoot {
        background: #fff !important;
    }

    .table-condensed thead, table tfoot {
        background: #fff !important;
    }

    .table-condensed > tbody > tr > td {
        padding: 3px !important;
    }


    .modal-img-responsive {
        min-width: unset !important;
    }

    .col3 {
        width: 100% !important;
    }

    #dvTweetImages {
        padding-left: 0 !important;
    }

    .position-fixed {
        position: fixed !important;
    }

    #shareFeedbackModal .modal-body, #ImportBookmarksModal .modal-body {
        padding: 15px 10px !important;
    }

    .tweetVideo {
        min-width: unset !important;
    }

    .favourites__container {
        width: 100% !important;
    }

        .favourites__container .col1 {
            width: 48%;
            max-width: 48%;
        }
}

@media only screen and (min-width: 768px) {
    .col-xs-filter-part {
        display: block !important;
    }

    .col-xm-filter-part {
        display: none !important;
    }

    .col-xs-discover-filter-part {
        display: block !important;
    }

    .col-xm-discover-filter-part {
        display: none !important;
    }

    .col-xs-btn-grp {
        padding-top: 6px;
        display: block !important;
    }

    .col-xm-btn-grp-mobile {
        display: none !important;
    }

    #ProgressBlockMobile.small-6 {
        width: 25% !important;
    }

    #mobile-menubar .button--small {
        padding: 4px 60px !important;
    }

    #mobile-menubar.small-2,
    #mobile-logo.small-2 {
        width: 8.66667% !important;
    }

    #mobile-menubar .button--small {
        padding: 0px 0px !important;
    }

    #shareFeedbackModal .modal-dialog {
        width: 508px !important;
    }

    #upgradeModal .modal-dialog {
        width: 750px;
    }
}

@media only screen and (max-width: 320px) {
    #dvCollection_TweetListModal {
        overflow: auto !important;
        height: 180px;
    }

    #dvCollectionList_ForSearchResult {
        overflow: auto !important;
        height: 180px;
    }

    .c-modal-body {
        max-height: 395px;
    }

    #shapeCopy-mobile {
        width: 50%;
        height: auto;
    }

    .c-offcanvas__close {
        position: absolute;
        top: 10px;
        left: 0px;
        width: 100%;
    }

    button.close {
        padding: 0px 15px 0px 10px;
        font-size: 30px;
    }

    .progress-block-mobile {
        padding: 10px 0px;
    }

    #upgradeModal .modal-header .text-purpal {
        margin: 0px 25px;
        font-size: 20px;
    }

    .filter_part .search-input,
    .filter_part #btnFilters {
        font-size: 16px;
    }

    .modal-content {
        overflow-y: auto !important;
    }

    .has-banner {
        padding-top: 40px !important;
    }

    .has-no-banner {
        padding-top: 25px !important;
    }

    #AddtoCollectionModal .modal-header h5,
    #AddtoCollectionBatchModal .modal-header h5,
    #AddSearchResultToCollectionModal .modal-header h5,
    #AddTagModal .modal-header h5,
    #AddBatchTagModal .modal-header h5,
    #AddSearchTagModal .modal-header h5,
    #modalAddNotes .modal-header h5,
    #renameTag .modal-header h5 {
        padding: 8px 10px !important;
        font-size: 18px;
    }

    #AddtoCollectionBatchModal button.close,
    #AddBatchTagModal button.close,
    #AddtoCollectionModal button.close,
    #AddTagModal button.close,
    #AddSearchResultToCollectionModal button.close,
    #AddSearchTagModal button.close {
        padding: 5px 0px 0px 10px !important;
    }
}

@media (min-width: 310px) and (max-width: 319px) {
    .col-xm-filter-part {
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media (min-width: 321px) and (max-width: 360px) {
    .has-banner {
        padding-top: 45px !important;
    }

    .has-no-banner {
        padding-top: 25px !important;
    }

    .largeimage {
        margin: unset !important;
    }
}

@media only screen and (min-width: 360px) {
    #shapeCopy-mobile {
        width: 50%;
        height: auto;
    }

    .c-offcanvas__close {
        position: absolute;
        top: 15px;
        left: 0px;
        width: 100%;
    }

    .modal-content {
        overflow-y: auto !important;
    }
}

@media only screen and (min-width: 360px) and (max-width:409px) {
    .has-banner {
        padding-top: 45px !important;
    }

    .has-no-banner {
        padding-top: 25px !important;
    }

    .modal-img-responsive {
        min-width: unset !important;
    }
}

@media (min-width: 410px) and (max-width:599) {
    .has-banner {
        padding-top: 25px !important;
    }

    .has-no-banner {
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 54.9375em) {
    #desktop-logo {
        display: none;
    }

    .c-search-banner, .c-toolbar {
        display: none;
    }

        .c-toolbar .c-collection-owner__avatar--profile-page img {
            margin-left: 0px !important;
        }

        .c-toolbar .c-collection-owner__user--profile-page {
            padding-left: 75px !important;
        }

        .c-toolbar #btnSetting {
            margin-left: 0px !important;
        }

        .c-toolbar .c-collection-indicator {
            width: 55px !important;
        }
}

@media only screen and (max-width: 559px) {
    .ui-autocomplete li.ui-menu-item a {
        position: absolute;
        right: 0;
    }

    .autocomplete-header a {
        float: right;
        font-size: 12px !important;
        bottom: 4px;
        margin-top: -9px;
    }

    .autocomplete-header {
        font-size: 13px !important;
        background-color: white;
        color: #1f3c5a;
        padding: 10px;
        margin: -3px;
        margin-bottom: 5px;
    }
}

@media all and (max-width: 879px) {
    .fixed-sidemenu {
        position: relative;
        margin-left: 0px;
        width: 100%;
    }

    #errorContainer .c-search-banner {
        display: block !important;
    }
}

@media (min-width: 320px) and (max-width: 337px) {
    .filter_part .btncontent {
        margin-left: 5px !important;
    }

    .btnsetting-mobile {
        margin-left: 5px !important;
    }
}

@media (max-width: 55em) and (min-width: 65em) {
    .fixed-sidemenu {
        position: fixed;
        margin-left: 5.6%;
        width: 27.7%;
    }
}

@media (max-width: 65em) and (min-width: 75em) {
    .fixed-sidemenu {
        position: fixed;
        margin-left: 3.6%;
        width: 15%;
    }
}

@media (min-width: 1450px) and (max-width: 2044px) {
    .fixed-sidemenu {
        position: fixed;
        margin-left: 3%;
        width: 20%;
    }
}

@media (min-width: 2043px) and (max-width: 2660px) {
    .fixed-sidemenu {
        position: fixed;
        margin-left: 3%;
        width: 16%;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }
}


@media (min-width: 768px) and (max-width: 798px) {
    .filter_part .btncontent > .filters_caret-svg {
        right: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .daterangepicker {
        left: 200px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }

    button.close {
        padding: 0px 15px 0px 10px;
        font-size: 30px;
    }

    .c-favourite__footer--icons a {
        padding: 0px 5px 0px 0px !important;
    }

    .navigation_outer.medium-4 {
        width: 40% !important;
    }

    .progress-block-mobile {
        display: none !important;
    }

    .c-header-profile {
        display: block !important;
        text-align: right !important;
        margin-top: 6px !important;
        margin-left: 65px !important;
        right: 10px !important;
    }

    .c-main-nav li.is-active {
        border-bottom: solid 4px #863cb9 !important;
        color: #863cb9 !important;
    }

    .col-xm-filter-part {
        padding-top: 15px !important;
    }

    .c-main-nav {
        display: block !important;
        margin-top: 8px !important;
    }

        .c-main-nav li a {
            font-size: 14px !important;
        }

    .navigation_outer .navbar-nav li {
        margin: 4px 25px 0 0 !important;
    }

    #AddtoCollectionModal .modal-content {
        height: 60% !important;
    }

    #filterDeleteTagModal {
        z-index: 9999999 !important;
    }

    .modal-content {
        overflow-y: auto !important;
    }

    .has-banner {
        padding-top: 15px !important;
    }

    .has-no-banner {
        padding-top: 25px !important;
    }
}

@media (min-width:600px) and (max-width:767px) {

    .progress-block-mobile {
        display: none !important;
    }

    .c-header-profile {
        text-align: right !important;
        margin-top: 6px !important;
        margin-left: 0px !important;
        right: 10px !important;
    }

    .c-main-nav li.is-active {
        border-bottom: solid 4px #863cb9 !important;
        color: #863cb9 !important;
    }

    .col-xm-filter-part {
        padding-top: 15px !important;
    }

    .c-main-nav {
        display: block !important;
        margin-top: 0px !important;
    }


    .c-header-profile {
        display: block !important;
    }

    .c-main-nav li a {
        font-size: 14px !important;
    }

    .navigation_outer {
        padding: 0px !important;
        width: unset !important;
    }

        .navigation_outer .navbar-nav li {
            margin: 4px 25px 0 0 !important;
        }

    #AddtoCollectionModal .modal-content,
    #AddtoCollectionBatchModal .modal-dialog {
        height: 100% !important;
    }

    #AddtoCollectionBatchModal .modal-content,
    #AddtoCollectionBatchModal #frmAddTweetToCollectionBatch {
        height: calc(100% - 100px) !important;
    }

    #AddtoCollectionBatchModal .modal-body {
        height: calc(100% - 35px) !important;
    }

    #filterDeleteTagModal {
        z-index: 9999999 !important;
    }

    .c-app-header .columns.small-7.medium-4 {
        width: unset !important;
    }

    #ProgressBlock {
        right: 15px !important;
    }

    .modal-content {
        overflow-y: auto !important;
    }

    .has-banner {
        padding-top: 15px !important;
    }
}

@media (min-width:879px) and (max-width:880px) {
    .c-header-profile {
        margin-left: 280px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }

    .visible-md {
        display: block !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1099px) {
    #shareFeedbackModal .modal-dialog {
        transform: translate(0, 50%);
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .c-header-profile {
        margin-left: 75px !important;
    }

    .navigation_outer.medium-4 {
        width: 40% !important;
    }

    .progress-block-mobile {
        display: none !important;
    }

    .c-header-profile {
        display: block !important;
        text-align: right !important;
        margin-top: 6px !important;
        margin-left: 100px !important;
        right: 10px !important;
    }

    .c-main-nav li.is-active {
        border-bottom: solid 4px #863cb9 !important;
        color: #863cb9 !important;
    }

    .col-xm-filter-part {
        padding-top: 15px !important;
    }

    .c-main-nav {
        margin-top: 8px !important;
    }

        .c-main-nav li a {
            font-size: 14px !important;
        }

    .navigation_outer .navbar-nav li {
        margin: 4px 25px 0 0 !important;
    }

    .btn.btn-disable, .btn-blue-active {
        left: 8px !important;
    }
}

@media (max-width: 1345px) {
    .c-favourite__card {
        width: 100% !important;
    }
}

@media (min-width:1100px) {
    #modalAddNotes.modal,
    #shareFeedbackModal.modal {
        text-align: center;
        padding: 0 !important;
    }

        #modalAddNotes.modal:before,
        #shareFeedbackModal.modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

    #modalAddNotes .modal-dialog,
    #shareFeedbackModal .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
}

/*RESPONSIV SCREEN CSS END*/

/*GRID DATA CSS FOR HOME AND DISCOVER PAGE*/
.c-main-content,
.filter_part {
    background-color: #f4f7fc;
}

.container__grid {
    padding: 0 !important;
}

#grid {
    margin-top: 15px !important;
}

.grid_data {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.list_data {
    width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.listicon {
    opacity: 0.5;
}

.filter_part_inner .acontent {
    cursor: pointer;
    padding: 0 .85rem;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #8899a6;
    float: left;
    padding: 9px;
}

    .filter_part_inner .acontent:hover {
        background-color: #e3e9f3;
    }

    .filter_part_inner .acontent.active {
        border-radius: 5px;
        background: #d4ddec;
        color: #5f5c5c;
    }

/*GRID DATA CSS FOR HOME AND DISCOVER PAGE*/

.btn-upgrad,
.btn-upgrad:hover {
    border-radius: 26px !important;
    text-transform: uppercase;
    font-family: roboto-bold;
    transition: all 0.3s ease 0s;
    padding: 10px 25px;
    font-size: 20px;
}

.btn-upgrad {
    background: #fff;
    color: #8642b8;
}

    .btn-upgrad:hover {
        background: #0000004f;
        color: #fff;
    }

.btn-upgrad-tag,
.btn-upgrad-tag:hover {
    border-radius: 26px !important;
    text-transform: uppercase;
    font-family: roboto-bold;
    transition: all 0.3s ease 0s;
    padding: 10px 19px;
}

.btn-upgrad-tag {
    color: #8642b8;
    border: 1px solid #8642b8;
}

    .btn-upgrad-tag:hover {
        background: #8642b8;
        color: #fff;
    }

#dvupgrade.upgrade-block,
#dvupgradebatch.upgrade-block,
#dvupgradeSearchResult.upgrade-block {
    padding: 0px !important;
    text-align: center !important;
}

#frmAddTweetToCollection #dvupgrade span,
#frmAddTweetToCollectionBatch #dvupgradebatch span {
    padding: 5px !important;
}

#frmAddTweetToCollection .modal-footer,
#frmAddTweetToCollectionBatch .modal-footer {
    width: 100% !important;
    position: relative !important;
    padding: 20px 15px !important;
}

#dvCollection_TweetListModal .control,
#dvCollectionBatch_TweetListModal .control,
#dvCollectionList_ForSearchResult .control {
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.3;
}

/*OUTER PAGE STYLE*/
.custom-menu {
    padding: 0.7rem 1rem !important;
    line-height: 1 !important;
}

.font-16 {
    font-size: 16px;
}

.c-site-footer a:hover {
    text-decoration: none;
}

.custom-footer {
    padding: 21px 0 18px;
}

.custom-button {
    line-height: 1;
    text-decoration: none;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

    .custom-button:hover,
    .custom-button:focus {
        background: #1abc9c;
        color: white;
        border: 2px solid #1abc9c;
        text-decoration: none;
    }

.noty_type_success {
    background-color: #8642b8 !important;
}

.noty_type_error {
    background-color: #be202e !important;
}

.noty_text {
    color: #ffffffff !important;
}

.noty_close {
    top: 10px !important;
    right: 10px !important;
    width: 20px !important;
    height: 20px !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVQ4je3SzQ2BURSE4Tk2LCRqoAw/XwNq+aIHCRINiJ+KFKEPq9f2Eu4ZYiVmPffJSeZK/3w1QAALs9sDWqc4BlYGdgJG7qUTYF3BjjZWPJw+okAXOLyNFcAM2BTYPsPCQBtJc0kDSduIuNT6HePQs6ShpGuGpSnXdNZ3sLs1a+tn2Ms1n63vYNU1y/UzLICd88+ABlg6aD8tfdD94dwA8E2u01eNZCUAAAAASUVORK5CYII=) !important;
}

.c-app-header {
    box-shadow: 0px 0px 3px 0px rgba(117, 117, 117, 0.5) !important;
}

.c-main-nav li {
    margin-top: 10px !important;
}

#drift-widget-container {
    z-index: 9 !important;
}

#UnlimitedSearchModal .modal-content {
    background-image: linear-gradient(to right, #9b59b6 0%, #8e44ad 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9B59B6', endColorstr='#FF8E44AD', GradientType=1);
    position: relative;
    overflow: hidden !important;
    padding: 30px 30px;
    box-shadow: 0px 0px 10px #8899a6;
}

    #UnlimitedSearchModal .modal-content:after {
        position: absolute;
        background: url(../images/pattern-bg.png) center bottom, url(../images/corner-hearts.png) 0 0 no-repeat;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
    }

#UnlimitedSearchModal.modal.in .button.button--basic {
    z-index: 999;
}

#UnlimitedSearchModal.modal.in {
    display: flex;
    height: 100%;
}

#UnlimitedSearchModal .modal-dialog,
#trialExpired .modal-dialog,
#subscriptionCancel .modal-dialog,
#upgradeModal .modal-dialog {
    margin: auto;
    top: 50%;
    transform: translate(0,-50%);
}

#spnFilename {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#NoCollectionFoundBlock label,
#NoBatchCollectionFoundBlock label,
#NoSearchCollectionFoundBlock label {
    font-size: 18px;
    color: #657786;
}

.notaglistfoundblock label {
    font-size: 18px;
    color: #657786;
    font-family: Roboto-Regular;
    font-weight: 700;
}

.newbatchtag {
    border-radius: 25px;
    border: solid 1px #2595e9;
    padding: 5px 10px 5px 10px;
}

    .newbatchtag:hover {
        background-color: #2595e9 !important;
        color: #fff !important;
    }

.managebatchtag {
    padding-top: 6px;
}


/*------------SVG FILE CSS START------------*/
.search-svg {
    content: url('../images/svg/search.svg');
}

    .search-svg:hover {
        content: url('../images/svg/search_hover.svg');
    }

#txtMobSearch:focus ~ #spnMobileSearch .search-svg {
    content: url('../images/svg/search_hover.svg');
}

.close-button {
    right: 0.5rem !important;
    content: url('../images/svg/close.svg');
}

    .close-button:hover {
        content: url('../images/svg/close_hover.svg');
    }

.inline-block {
    display: inline-block;
}

#mobile-menubar .close-button {
    height: 30px !important;
    width: auto !important;
    top: 0rem !important;
}

#removeTag .modal-header .cross {
    display: block;
}

#txtNote {
    padding: 10px 25px;
}

#modalAddNotes .modal-header h5 {
    display: inline-block;
    font-size: 18px;
}

.filter_part .ddcontent > .filters_caret-svg {
    content: url('../images/svg/filters_caret.svg');
    position: absolute;
}

.filter_part .btncontent > .filters_caret-svg {
    content: url('../images/svg/filters_caret.svg');
    position: absolute;
    top: -2px;
    right: 15px;
}

.cog-empty {
    content: url('../images/svg/cog.svg');
}

    .cog-empty:hover {
        content: url('../images/svg/cog_hover.svg');
    }

.cog-active {
    content: url('../images/svg/cog_active.svg');
}

.note-empty:hover {
    background: url('../images/svg/note_hover.svg');
}

.tag-empty:hover {
    background: url('../images/svg/tag_hover.svg');
}

.remove-svg:hover {
    background: url('../images/svg/remove_hover.svg');
}

.open-svg:hover {
    background: url('../images/svg/open_hover.svg');
}

.filter_part .btncontent:hover > .filters_caret-svg,
.filter_part .ddcontent:hover > .filters_caret-svg {
    content: url('../images/svg/filters_caret_hover.svg');
}

.heart-svg:hover {
    content: url('../images/svg/heart_hover.svg');
}

.filters-remove-svg {
    content: url('../images/svg/filters_remove.svg');
}

    .filters-remove-svg:hover {
        content: url('../images/svg/filters_remove_hover.svg');
    }


.control--checkbox img.checkbox-svg:hover {
    background: url('../images/svg/checkbox_hover.svg');
}

/*------------SVG FILE CSS END------------*/

.form-control-feedback {
    pointer-events: auto !important;
}

.control--checkbox img {
    position: absolute;
    left: 0;
    top: 4px;
}

.control input:checked ~ span::before {
    content: url('../images/svg/checkbox_active.svg') !important;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1052;
}

.dvHeart:hover {
    content: url('../images/svg/heart_hover.svg') !important;
    margin-top: 19px;
}

.dvTag:hover {
    content: url('../images/svg/tag_hover.svg') !important;
}

.dvNote:hover {
    content: url('../images/svg/note_hover.svg') !important;
}

.dvOpen:hover {
    content: url('../images/svg/open_hover.svg') !important;
}

.dvRemove:hover {
    content: url('../images/svg/remove_hover.svg') !important;
}

.dvmodaltag:hover {
    content: url('../images/svg/tag_hover.svg') !important;
    margin-top: 0;
    margin-right: 0.25rem;
}

.dvmodalnote:hover {
    content: url('../images/svg/note_hover.svg') !important;
    margin-top: 0;
    margin-right: 0.25rem;
}

.dvmodalopen:hover {
    content: url('../images/svg/open_hover.svg') !important;
    margin-top: 0;
    margin-right: 0.25rem;
}

.dvmodalremove:hover {
    content: url('../images/svg/remove_hover.svg') !important;
    margin-top: 0;
    margin-right: 0.25rem;
}

.fa-li {
    top: 3px;
}

@-moz-document url-prefix() {
    .dvmodaltag:hover, .dvmodalopen:hover, .dvmodalremove:hover {
        margin-top: 0px;
    }

    .dvTag:hover, .dvRemove:hover, .dvHeart:hover, .dvOpen:hover {
        margin-top: 15px;
    }
}


a.btnSubscriptionCancelModalClose {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*START UPGRADE MODAL POPUP NEW DESIGN*/
#upgradeModal .text-center {
    text-align: center !important;
}

#upgradeModal .card-deck .card {
    min-width: 220px;
}

#upgradeModal .box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}

#upgradeModal .my-4 {
    margin-bottom: 1.5rem !important;
}

#upgradeModal .card {
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    float: left;
    width: 46%;
}

#upgradeModal .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    text-align: center;
}

#upgradeModal .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

#upgradeModal .font-weight-normal {
    font-weight: 400 !important;
}

#upgradeModal .h4, h4 {
    font-size: 1.5rem;
}

#upgradeModal .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

#upgradeModal .card-title, #upgradeModal .text-roboto-medium {
    margin-bottom: 10px;
}

#upgradeModal .paddingtop15 {
    padding-top: 15px;
}

#upgradeModal .marginleft31px {
    margin-left: 31px;
}

#upgradeModal .btn-block {
    display: block;
    width: 100%;
}

#upgradeModal .btn-group-lg > .btn, #upgradeModal .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

#upgradeModal .btn-outline-primary {
    color: #8642b8;
    background-color: transparent;
    background-image: none;
    border-color: #8642b8;
    border-radius: .3rem;
}

    #upgradeModal .btn-outline-primary:hover {
        background-color: #8642b8;
        color: #fff;
    }

    #upgradeModal .btn-outline-primary.active {
        background-color: #8642b8;
        color: #fff;
        box-shadow: 0 0 0 0.2rem rgba(134,66,184,.5);
    }

#upgradeModal .card-header h4 {
    font-size: 16px;
}

#upgradeModal .card-body .pricing-card-title {
    font-size: 23px;
    text-align: center;
}
/*#upgradeModal .modal-dialog {
    margin: 30px auto;
    top: 0;
    transform: inherit;
}*/
@media all and (max-width:767px) {
    #upgradeModal .card-deck .card {
        display: -ms-flexbox;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #upgradeModal .mb-4, #upgradeModal .my-4 {
        margin-bottom: 1.5rem !important;
    }

    #upgradeModal .modal-dialog {
        margin: auto;
        top: 50%;
        transform: translate(0,-50%);
    }

    #upgradeModal .card {
        width: 100%;
    }

    #upgradeModal .card-deck .box-shadow.marginleft31px {
        margin-left: 0 !important;
    }

    #upgradeModal .modal-body {
        overflow: scroll;
    }
}
/*END UPGRADE MODAL POPUP NEW DESIGN*/

/*.paypal-buttons:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: #fff;
    z-index: 999;
}

.paypal-button:before {
    position: absolute;
    content: '';
    bottom: 23px;
    left: 0;
    width: 100%;
    height: 18px;
    background: #fff;
    z-index: 999;
}*/

@media (max-height: 800px) and (min-width:768px) {
    #upgradeModal .modal-dialog {
        transform: translate(0,-45%) !important;
    }
}

.plan-button {
    padding: 10px 24px !important;
}

#subscriptionCancel .subscriptionupgrade {
    border-radius: 32px;
    padding: 6px 25px;
}

    #subscriptionCancel .subscriptionupgrade:hover {
        color: #fff;
        text-decoration: none;
    }

#welcomeModal {
    z-index: 9999999 !important;
}