i {
    margin-right: 5px;
}

input[type=radio] {
    margin-left: 0px !important;
}

.check_modal:after {
    top: 11px !important;
    left: 5px !important;
}

/*-------------common--------------*/
.wrapword {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.wordwrap {
    white-space: pre; /* CSS2 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP printers */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line !important; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
    _white-space: pre; /* IE hack to re-specify in addition to word-wrap */
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.submenu-active {
    color: #337ab7 !important;
}

.horizontaltr tr {
    float: left;
    margin-right: 10px;
}

.horizontalrdo span {
    padding-left: 0px;
    padding-right: 10px;
    cursor: pointer;
}

.groups-ddl {
    background: #38414c;
    position: relative;
    display: inline-block;
    float: right;
    width: auto;
    transition: width .4s;
    margin-top: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .groups-ddl select {
        color: #BCC2CB;
        background: #38414c;
        border: 0;
        font-size: 13px;
        padding-right: 20px;
        font-weight: 300;
    }

.acc-acive-tab {
    background-color: #eee;
    font-weight: bold;
}

.autowidth {
    width: auto;
}

.site-lang {
    outline: 0 !important;
    box-shadow: none !important;
    width: auto;
    height: 20px;
    padding: 0px 3px;
    background-color: #364150 !important;
    border: 1px solid #7a8ca5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    color: inherit;
    font: inherit;
    margin: 0;
}


/*------------------status messages start----------------*/
.msg-title {
    font-weight: bold;
}

.msg-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .msg-message a, .msg-message label {
        color: #fff;
    }

        .msg-message a:hover {
            color: #ccc;
            text-decoration: none;
        }

.msg-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

    .msg-close-button:hover, .msg-close-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

.msg-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.msg-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.msg-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.msg-top-left {
    top: 12px;
    left: 12px;
}

.msg-top-right {
    top: 25px;
    right: 22px;
}

.msg-bottom-right {
    right: 12px;
    bottom: 12px;
}

.msg-bottom-left {
    bottom: 12px;
    left: 12px;
}

#msg-container {
    position: fixed;
    z-index: 999999;
}

    #msg-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #msg-container > div {
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999;
        -webkit-box-shadow: 0 0 12px #999;
        box-shadow: 0 0 12px #999;
        color: #fff;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
    }

    #msg-container > :hover {
        -moz-box-shadow: 0 0 12px #000;
        -webkit-box-shadow: 0 0 12px #000;
        box-shadow: 0 0 12px #000;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer;
    }

    #msg-container > .msg-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
    }

    #msg-container > .msg-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
    }

    #msg-container > .msg-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
    }

    #msg-container > .msg-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
    }

    #msg-container.msg-top-full-width > div, #msg-container.msg-bottom-full-width > div {
        width: 96%;
        margin: auto;
    }

.msg {
    background-color: #030303;
}

.msg-success {
    background-color: #51a351;
}

.msg-error {
    background-color: #bd362f;
}

.msg-info {
    background-color: #2f96b4;
}

.msg-warning {
    background-color: #f89406;
}

@media all and (max-width:240px) {
    #msg-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #msg-container .msg-close-button {
        right: -.2em;
        top: -.2em;
    }
}

@media all and (min-width:241px)and (max-width:480px) {
    #msg-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #msg-container .msg-close-button {
        right: -.2em;
        top: -.2em;
    }
}

@media all and (min-width:481px)and (max-width:768px) {
    #msg-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

/*------------------status messages end------------------*/

/*------------------topic start------------------*/

/*------------------topic end------------------*/


/*------------------start timeline-----------------*/
.timeline-body {
    padding-bottom: 5px !important;
}

.msgactions {
}

.msgsocialactions {
    margin-top: 10px;
    padding-right: 5px;
    min-height: 30px;
}

    .msgsocialactions a {
        margin-right: 5px;
        white-space: nowrap;
    }

.msgcrmactions {
    margin-top: 10px;
    text-align: right;
    /*display: none;*/
    visibility: hidden;
    padding-left: 0px;
    float: right;
    min-height: 30px;
}

    .msgcrmactions a {
        margin-left: 5px;
    }

.timeline-item:hover .msgcrmactions {
    /*display: block;*/
    visibility: visible;
}

.actionselected {
    color: black;
}

.expandtimeline {
    margin-bottom: 0px;
    background-color: white;
    padding: 6px;
    margin-top: 15px;
    padding-top: 1px;
    margin-right: -26px;
    margin-left: -26px;
    margin-bottom: -10px;
}

    .expandtimeline .timeline-item {
        margin-top: -15px;
    }

.media-icon {
    margin-top: -15px;
    position: absolute;
    padding-bottom: 0px;
}

/*.fa-twitter {
    color: #00aced;
}

.fa-facebook {
    color: #3b5998;
}

.fa-google-plus {
    color: #dd4b39;
}

.fa-youtube {
    color: #cc181e;
}

.fa-instagram {
    color: #8a3ab9;
}*/

.fa-globe {
}

.seemore {
    text-align: center;
    cursor: pointer;
    /*font-weight: 600;*/
    font-size: 14px;
}

    .seemore:hover {
        text-decoration: underline;
    }

.positive-color {
    color: green;
}

.negative-color {
    color: red;
}

.neutral-color {
    color: grey;
}

/*------------------end timeline-------------------*/
.searchtags i {
    margin-left: 5px;
    margin-right: 0px;
    cursor: pointer;
}

/*-----------*/
.capitalize {
    text-transform: capitalize;
}

.pro-color {
    width: 4px;
    height: 40px;
}


/* TOPICS  */
/*.Topics--Section .Topics--Area .Topic--Body ul li .topicdel  
{
          display: none;
          color: #707A84;
          padding-right: 10px;

}*/

.Feed--Lists li .Topic--Feed .Topic--Body .Sub--Meta {
    font-size: 13px;
    color: #707A84;
    padding: 0px;
    margin-top: 3px;
}

/*----------tabulator-----------*/

.tabulator {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
}

    .tabulator .tabulator-header {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        border-bottom: 1px solid #999;
        background-color: #d8e6f9;
        color: #555;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
    }

        .tabulator .tabulator-header .tabulator-col {
            display: inline-block;
        }

            .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
                position: relative;
                padding: 4px;
            }

                .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
                    width: 100%;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    vertical-align: bottom;
                }

                    .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
                        box-sizing: border-box;
                        width: 100%;
                        border: 1px solid #999;
                        padding: 1px;
                        background: #fff;
                    }

                .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
                    display: inline-block;
                    position: absolute;
                    top: 9px;
                    right: 8px;
                    width: 0;
                    height: 0;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid #bbb;
                }

                    .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow.asc {
                        border-top: none;
                        border-bottom: 6px solid #666;
                    }

                    .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow.desc {
                        border-top: 6px solid #666;
                        border-bottom: none;
                    }

            .tabulator .tabulator-header .tabulator-col .tabulator-handle {
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                width: 5px;
            }

                .tabulator .tabulator-header .tabulator-col .tabulator-handle.prev {
                    left: 0;
                    right: auto;
                }

                .tabulator .tabulator-header .tabulator-col .tabulator-handle:hover {
                    cursor: ew-resize;
                }

            .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
                position: relative;
                display: flex;
                border-top: 1px solid #ddd;
                overflow: hidden;
            }

                .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols .tabulator-col:last-child {
                    margin-right: -1px;
                }

            .tabulator .tabulator-header .tabulator-col:first-child .tabulator-handle.prev {
                display: none;
            }

            .tabulator .tabulator-header .tabulator-col.ui-sortable-helper {
                position: absolute;
                background-color: #e6e6e6 !important;
                border: 1px solid #ddd;
            }

            .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
                position: relative;
                box-sizing: border-box;
                margin-top: 2px;
                width: 100%;
                text-align: center;
            }

                .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
                    height: auto !important;
                }

                .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
                    margin-top: 3px;
                }

            .tabulator .tabulator-header .tabulator-col[data-sortable=true] .tabulator-col-title {
                width: calc(100% - 25px);
            }

            .tabulator .tabulator-header .tabulator-col[data-sortable=true]:hover {
                cursor: pointer;
                background-color: #b6d3f9;
            }

        .tabulator .tabulator-header .tabulator-col-row-handle {
            width: 30px;
            max-width: 30px;
            display: inline-block;
        }

        .tabulator .tabulator-header .tabulator-col,
        .tabulator .tabulator-header .tabulator-col-row-handle {
            position: relative;
            box-sizing: border-box;
            border-right: 1px solid #ddd;
            text-align: left;
            vertical-align: bottom;
            overflow: hidden;
        }

        .tabulator .tabulator-header .tabulator-frozen {
            display: inline-block;
            position: absolute;
            background-color: inherit;
            z-index: 10;
        }

            .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
                border-right: 1px solid #ddd;
            }

            .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
                border-left: 2px solid #ddd;
            }

    .tabulator .tabulator-tableHolder {
        position: relative;
        width: 100%;
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

        .tabulator .tabulator-tableHolder .tabulator-table {
            position: relative;
            display: inline-block;
            background-color: #fff;
            white-space: nowrap;
            overflow: visible;
            color: #333;
        }

            .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row {
                position: relative;
                box-sizing: border-box;
                min-height: 22px;
                background-color: #fff;
                border-bottom: 1px solid #ddd;
            }

                .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even) {
                    background-color: #fff;
                }

                .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-selectable:hover {
                    background-color: #f5f9ff;
                    cursor: pointer;
                }

                .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-selected {
                    background-color: #9ABCEA;
                }

                    .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-selected:hover {
                        background-color: #769BCC;
                        cursor: pointer;
                    }

                .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-row-handle {
                    display: inline-block;
                    box-sizing: border-box;
                    width: 30px;
                    max-width: 30px;
                    padding: 4px;
                    border-right: 1px solid #ddd;
                    text-align: center;
                    vertical-align: middle;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-row-handle:hover {
                        cursor: move;
                        background-color: rgba(0, 0, 0, 0.1);
                    }

                    .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-row-handle div {
                        width: 80%;
                        height: 3px;
                        margin: 2px 10% 0 10%;
                        background: #666;
                    }

                .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-frozen {
                    display: inline-block;
                    position: absolute;
                    background-color: inherit;
                    z-index: 10;
                }

                    .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-frozen.tabulator-frozen-left {
                        border-right: 1px solid #ddd;
                    }

                    .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-frozen.tabulator-frozen-right {
                        border-left: 2px solid #ddd;
                    }

                .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
                    position: relative;
                    box-sizing: border-box;
                    padding: 4px;
                    border-right: 1px solid #ddd;
                    vertical-align: middle;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell:last-of-type {
                        border-right: none;
                    }

                    .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.tabulator-editing {
                        border: 1px solid #1D68CD;
                        padding: 0;
                    }

                        .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.tabulator-editing input,
                        .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.tabulator-editing select {
                            border: 1px;
                            background: transparent;
                        }

            .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group.show .tabulator-group-header .tabulator-arrow {
                margin-left: 5px;
                margin-right: 10px;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 6px solid #666;
                border-bottom: 0;
            }

            .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group.show .tabulator-group-body {
                visibility: visible;
                height: auto;
            }

            .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group .tabulator-group-header {
                box-sizing: border-box;
                border-bottom: 1px solid #999;
                border-right: 1px solid #ddd;
                border-top: 1px solid #999;
                padding: 5px;
                background: #fafafa;
                font-weight: bold;
            }

                .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group .tabulator-group-header .tabulator-arrow {
                    display: inline-block;
                    width: 0;
                    height: 0;
                    margin-left: 8px;
                    margin-right: 13px;
                    border-top: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    border-right: 0;
                    border-left: 6px solid #666;
                    vertical-align: middle;
                }

                    .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group .tabulator-group-header .tabulator-arrow:hover {
                        cursor: pointer;
                        background-color: rgba(0, 0, 0, 0.1);
                    }

                .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group .tabulator-group-header span {
                    margin-left: 10px;
                    color: #666;
                }

            .tabulator .tabulator-tableHolder .tabulator-table .tabulator-group .tabulator-group-body {
                visibility: hidden;
                height: 0;
            }

    .tabulator .tabulator-footer {
        padding: 5px 10px;
        border-top: 1px solid #999;
        background-color: #fff;
        text-align: right;
        color: #555;
        font-weight: bold;
        white-space: nowrap;
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
    }

        .tabulator .tabulator-footer .tabulator-pages {
            margin: 0 7px;
        }

        .tabulator .tabulator-footer .tabulator-page {
            display: inline-block;
            margin: 0 2px;
            border: 1px solid #aaa;
            border-radius: 3px;
            padding: 2px 5px;
            background: rgba(255, 255, 255, 0.2);
            color: #555;
        }

            .tabulator .tabulator-footer .tabulator-page.active {
                color: #d00;
            }

            .tabulator .tabulator-footer .tabulator-page.disabled {
                opacity: .5;
            }

            .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
                cursor: pointer;
                background: rgba(0, 0, 0, 0.2);
                color: #fff;
            }

    .tabulator .tablulator-loader {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.4);
        text-align: center;
    }

        .tabulator .tablulator-loader .tabulator-loader-msg .tabulator-loading {
            display: inline-block;
            border: 4px solid #333;
            border-radius: 10px;
            padding: 10px 20px;
            background: #fff;
            font-weight: bold;
            font-size: 16px;
            color: #000;
        }

        .tabulator .tablulator-loader .tabulator-loader-msg .tabulator-error {
            display: inline-block;
            border: 4px solid #D00;
            border-radius: 10px;
            padding: 10px 20px;
            background: #fff;
            font-weight: bold;
            font-size: 16px;
            color: #590000;
        }

.Profile--Table tbody tr td {
    padding-right: 10px !important;
}

.Top--Menu--Dashboard {
    position: relative;
}

/* messages empty css */

.ske_circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f1f1f1;
    display: inline-block;
}

.ske_heading {
    width: 200px;
    height: 10px;
    background: #f1f1f1;
    display: inline-block;
}

.ske_body {
    width: 100%;
    height: 10px;
    background: #f1f1f1;
    display: block;
    margin-bottom: 10px;
}

.ske_heading1 {
    width: 250px;
}

.ske-sidebar {
    width: 80%;
    height: 10px;
    background: #f1f1f1;
    display: block;
    margin-bottom: 10px;
}

.ske-sidebar1 {
    width: 50px;
    height: 10px;
    background: #f1f1f1;
    display: block;
    margin-bottom: 10px;
}


/**
 * Icon
 */

.Feed--Lists .empty {
    position: relative;
    overflow: hidden;
}


/**
 * The "shine" element
 */

.Feed--Lists > .empty:after {
    content: '';
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 220px;
    position: absolute;
    z-index: 1;
    animation: slide 1s infinite;
    /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

/* animation */

@keyframes slide {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* messages empty css end */


.initials_sign {
    width: 30px;
    line-height: 30px;
    height: 30px;
    background: #ffffff;
    border-radius: 50%;
    display: inline-block;
    color: #8509b9;
    text-align: center;
}

.topicsearch {
    background: #ffffff;
    padding-left: 15px;
    margin-top: 0px;
    display: block;
}

    .topicsearch input {
        -webkit-appearance: none;
        background: #ffffff;
        width: 100%;
        outline: none;
        border: 0;
        padding: 5px;
    }

.topicslist li {
    background: #F1F1F1;
}

    .topicslist, .topicslist li i, .topicslist li a.topicdel {
        padding-right: 0px !important;
    }

.Page--Wrapper-fullwidth {
    padding-left: 0px !important;
}

/*My Plan css*/
.plan_muted {
    color: #ffffff;
    font-size: 16px;
    padding: 5px 25px;
    border-radius: 25px;
    line-height: 15px;
    font-weight: lighter;
}

.plan_wrapper .badge, .plan_wrapper .btn {
    font-weight: lighter;
}

.plan_wrapper .badge-info {
    background: #039be5;
    color: #ffffff;
    padding: 4px 25px;
}

.plan_wrapper h6 {
    font-weight: lighter !important;
}

.plan_head {
    font-size: 18px;
    margin-bottom: 10px;
    color: #3e3e3e;
}

.plan_text {
    font-size: 15px;
}

@media(min-width:1024px) {
    .plan_wrapper {
        width: 90%;
        margin: 0 auto;
    }
}

.plan_num {
    font-size: 25px;
}

.plan_text_num {
    font-size: 16px;
}



/*--------------------responsive start----------------------*/


@media(min-width:240px) and (max-width:767px) {
    .navbar-brand img {
        width: 200px !important;
    }


    .arrow_box {
        width: 130px !important;
    }

    .orange-box h5 {
        text-align: center;
    }

    .dark-box h5, .orange-box h5 {
        text-transform: capitalize;
        font-weight: lighter;
        width: auto;
        font-size: 12px;
        margin: 0;
        margin-top: 10px;
    }

    .orange-box {
        padding-right: 5px;
    }

    .dark-box .col-md-3 {
        text-align: right;
    }

    .orange-box h2 {
        font-size: 14px;
    }

    .dark-box h1 {
        font-size: 13px !important;
        margin: 0;
    }

    #layout_toggle {
        display: none !important;
    }

    .Dashboard--Bar .navbar-right {
        float: right !important;
        width: 60%;
    }

    .Dashboard--Grid .Covered--Inside .Card {
        width: 100% !important;
        height: auto !important;
    }

    .w_gt {
        padding: 5px;
        width: 100% !important;
        float: none !important;
        clear: both;
        height: auto;
        margin-bottom: 10px;
    }

    .Tweet--Block-Footer span {
        font-size: 14px;
    }

    .Tweet--Block-Footer p {
        font-size: 13px !important;
        text-transform: lowercase !important;
    }

    .Configure--Alert .tab-content {
        padding-left: 0;
    }


    .Configure--Alert .Nav-Sidebar {
        width: 0;
        left: -500px;
        z-index: 999;
    }

    #Config--Wrapper.toggled .Nav-Sidebar {
        width: 250px;
        left: 0;
        margin-left: 0;
    }

    .Emoji--Check input[type="checkbox"] + label {
        width: 100%;
        font-size: 25px;
        margin: 0;
        margin-bottom: 5px;
    }

    /*-------topics page-------------*/
    .Topics--Section .Topics--Area .Topic--Header, .Topics--Section .Topics--Area {
        position: static;
        width: 100%;
        height: auto !important;
    }

        .Topics--Section .Topics--Area .Topic--Body {
            margin-top: 0;
            height: auto;
        }

    /*my plan*/
    .plan_text, .plan_text_num {
        margin-bottom: 15px;
    }

    /*--------------login--------------------*/
    .hero-login .hero-card {
        padding: 40px 30px !important;
    }
}

@media(min-width:240px) and (max-width: 450px) {
    .Topics--Section .Topics--Area .Topic--Header {
        display: block;
        clear: both;
    }

        .Topics--Section .Topics--Area .Topic--Header h6 {
            flex: none;
            float: left;
        }

        .Topics--Section .Topics--Area .Topic--Header ul {
            float: right;
            margin-top: 9px !important;
            flex: none;
        }
}

@media(min-width:767px) and (max-width:1024px) {
    .dropdown-menu.wide {
        min-width: auto;
    }

    .arrow_box {
        width: 100px;
    }

    .dark-box h5 {
        width: auto;
        font-size: 12px;
    }

    .orange-box h5 {
        text-align: center;
        font-size: 16px;
    }

    .publish_nav {
        width: 35%;
    }
}

/*--------------------responsive end----------------------*/

/* LinkedIn analytics css start  */
.linkedIn_arrow {
    background-color: #0077b5 !important;
}

    .linkedIn_arrow:after {
        border-left-color: #0077b5 !important;
    }
/* LinkedIn analytics css end */

/*youtube analytics css start*/
.youtube_arrow {
    background-color: #c41f1e !important;
}

    .youtube_arrow:after {
        border-left-color: #c41f1e !important;
    }

.yt_table tbody tr:nth-child(odd) {
    background-color: #f1f1f1;
}

.yt_wtch h4 {
    margin-top: 20px !important;
}

.yt_num {
    color: #333333 !important;
    font-weight: 900 !important;
    font-size: 20px !important;
}

.KI-Dark .yt_num {
    color: #ffffff !important;
}

.KI-Dark .yt_table > tbody tr:nth-child(odd) {
    background-color: #1c2023;
    color: #FFFFFF;
}
/*youtube analytics css end*/
.Profile--Modal .modal-header {
    position: static !important;
}

.Profile--Modal .modal-body {
    margin-top: 0px !important;
}

.email_box_wrapper {
    background: #ffffff;
    padding: 10px;
    margin-top: 7.5px;
    border-radius: 5px;
    text-align: center;
}

    .email_box_wrapper img {
        width: 100px;
        margin: 0 auto;
        display: block;
    }


.badge1 {
    position: relative;
}

    .badge1[data-badge]:after {
        content: attr(data-badge);
        position: absolute;
        right: -20px;
        top: -9px;
        padding: .2em .6em .3em;
        font-size: 75%;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        background-color: #d9534f;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .50em;
    }


.listview ul li {
    margin-bottom: 0px;
}

.OverviewPadding {
    padding-left: 5px;
    padding-right: 10px;
}

@media(min-width:768px) {
    .griddropdown {
        overflow-x: inherit !important;
    }
}

.float_btn {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #36c6d3;
    position: fixed;
    bottom: 2%;
    right: 20%;
    color: #ffffff;
    font-size: 20px;
    border-radius: 50%;
    box-shadow: 1px 1px 4px #849594;
}

    .float_btn:hover, .float_btn:focus, .float_btn:active {
        color: #ffffff;
        box-shadow: 1px 1px 6px #849594;
        background: #2fbbc8;
    }

.ExBody {
    font-size: 0.9em;
    margin-top: 8px;
    background: #e9ebee !important;
}

    /*.ExBody .Topic--Feed .Topic--Header .Topic--Header-Right .Time {
        font-size: 0.9em;
    }*/

    .ExBody .Topic--Feed {
        background: transparent !important;
    }

    .ExBody .Topic--Body + [data-readmore-toggle], .ExBody .Topic--Body[data-readmore] {
        padding: 6px 15px !important;
    }

    .ExBody .Topic--Header {
        margin-bottom: 0 !important;
    }

        .ExBody .Topic--Header figure {
            position: absolute;
            top: 0px;
        }

    .ExBody .Topic--Body {
        padding-top: 5px;
        /*max-height: none;
        padding-left: 52px;*/
    }

    .ExBody .Profile--title {
        /*position: absolute;*/
        padding-left: 0px;
    }

.ExBody {
    overflow-y: auto !important;
    overflow-x: auto !important;
    /*overflow: scroll !important;*/
}

    .ExBody .Feed--Lists li .Topic--Feed .Topic--Footer .Topic--Footer-Right .Feed--Action li a {
        background: #e9ebee !important;
    }

.ExScroll {
    max-height: 250px !important;
}

    /*.ExScroll {
    height: 500px;
    width: 500px;
    overflow: scroll;
}*/

    .ExScroll::-webkit-scrollbar {
        width: 0.5em;
        height: 0.5em;
    }

    .ExScroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .ExScroll::-webkit-scrollbar-thumb {
        background-color: #babcbd;
        outline: 1px solid #babcbd;
    }

.yearsdropdown {
    border-radius: 4px;
    padding: 3px 5px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    border-color: #dcdcdc;
}

/* birthday event modal */
.compose_header .dropdown button {
    width: 100%;
    background: transparent;
    border: 0;
    padding: 10px;
}

.compose_modal {
    padding: 0;
}

.compose_body {
    padding: 10px;
}

.compose_icons {
    width: 100%;
    padding: 0 20px;
    padding-bottom: 20px;
}

.addimage {
    margin-top: 5px;
    font-size: 18px;
    opacity: 0.7;
    display: inline-block;
}

.compose_header .dropdown .dropdown-menu li:hover {
    background: #F1F1F1;
}

.compose_header .dropdown .dropdown-menu li {
    padding: 5px 20px;
}

.compose_header {
    border-bottom: 1px solid #dcdcdc;
}

    .compose_header .dropdown button:active, .compose_header .dropdown button:focus {
        outline: none;
    }

    .compose_header .dropdown button .media-object {
        margin-right: 10px;
        border-radius: 5px;
    }

.profile_name {
    font-size: 16px;
    margin-right: 5px;
}

.selected_profile .media-object {
    display: inline-block !important;
}

.selected_profile .u_name {
    margin-right: 10px;
}


/* birthday event modal end*/

.emptystate_image {
    display: block;
    margin: 0 auto;
}

.switch_span {
    position: absolute;
    color: #ffffff;
    text-align: center;
    left: 82%;
    top: 62%;
    display: none;
    z-index: 99999;
}

    .switch_span a {
        color: #ffffff;
        font-size: 16px;
        padding-left: 15px;
    }


.copied {
    opacity: 0;
    position: absolute;
}

.copied_animated {
    position: absolute;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    animation-name: fadeani;
    animation-duration: 2s;
}

@keyframes fadeani {
    0% {
        bottom: 10%;
        opacity: 0.8;
    }

    50% {
        bottom: 50%;
        opacity: .2;
    }

    100% {
        bottom: 100%;
        opacity: 0;
    }
}

/* chk most relevant */
.chkmstrel {
    display: inline !important;
}


#liMostRelevant1 .Drop--Checkbox > span > label {
    display: inline !important;
}

.input-group-addon i {
    height: auto !important;
}

/* all messages drop down list */
.AlMDDL {
    overflow-y: auto;
    max-height: 500px !important;
    overflow-x: hidden;
}

.dashboard_send_list {
    list-style-type: none;
    padding-left: 10px;
    height: 400px;
    overflow-y: auto;
}

    .dashboard_send_list li {
        padding-bottom: 10px;
    }


.Assign--ConversationHistory--Active i {
    color: #039BE5 !important;
}

.ConversationHistory--Active i {
    color: #5654a4 !important;
}

.ConversationHistory i {
    color: rgba(0, 0, 0, 0.34) !important;
}

.bitlydivopen {
    display: none;
}

.bitly_div {
    min-height: 100px;
}

.input_error {
    box-shadow: 0 0 3px #c9302c !important;
}

.daterangepickerformat {
    font-size: 12px;
    display: inline-block;
    float: left;
    margin: 7px;
}

.field-icon {
    float: right;
    margin-right: 9px;
    margin-top: -43px;
    position: relative;
    z-index: 2;
    opacity: 0.7;
}

.googleflicker svg > g > g:last-child {
    pointer-events: none;
}