@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900');

/**** All Custom CSS Are Placed Here ***/

.CameraSmiley {
    z-index: 0 !important;
}


/*//For update textarea stop hide on richtext editor. */

textarea.note-codable,
div.note-resizebar {
    display: none !important;
}

.avatar.avatar-100.bg-white.img-bordered>img {
    height: 100px;
    min-height: 100px !important;
    width: 100px;
}

.tab-content .tab-pane .panel-body {
    position: relative;
    float: left;
    width: 100%;
}

.page-register a.btn-primary,
.page-register a.btn-primary:hover,
.page-login a.btn-primary,
.page-login a.btn-primary:hover {
    text-decoration: none;
}

.modal-sidebar button.close {
    z-index: 999999;
}

.HideAbout .modal-header {
    border-bottom: medium none;
    float: left;
    margin: 80px 0 0;
    padding: 15px 20px;
    width: 100%;
}

.loginbody .page-content.vertical-align-middle {
    margin-top: 30px;
    vertical-align: top !important;
}

.FriendsListHd {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.FriendsListHd .margin-top-20 {
    margin-top: 10px !important;
}

.FriendsCommonHeaderTop {
    border: 1px solid #e0e0e0;
    float: left;
    width: 100%;
}

.FriendsCommonHeader {
    border: 1px solid #e0e0e0;
    float: left;
    width: 100%;
}

.comments-list .FriendsCommonHeader,
.ReplYBoxMain .FriendsCommonHeader {
    border: 1px solid #e0e0e0;
    display: table;
    width: 80%;
    margin: 0 auto;
    float: none;
    box-shadow: 0 0 12px #444;
    padding-bottom: 5px;
    position: absolute;
    top: 76px;
    z-index: 10000;
    left: -10px;
    right: 0;
    background: #eee;
}

.record-live-modal {
    border: 1px solid #000;
    height: auto;
    margin-bottom: 20px;
    text-align: center;
    min-height: 200px;
    width: 267px;
}

.invitation-success {
    background: #008000;
    color: #fff;
    margin: 30px 10px;
    height: auto;
    font-size: 18px;
    padding: 5px;
    font-weight: bold;
    border-radius: 15px;
}

.ReplYBoxMain .FriendsCommonHeader {
    width: 80%;
    /*top: 60px;
    left: -60px;*/
}

.comments-list .media-body {
    overflow: visible !important;
}

.comments-list .media .well.show .FriendsCommonHeader {
    top: 55px;
    z-index: 10000000;
}

.FriendPicHeader {
    float: left;
    width: 12%;
}

.FriendPicHeader img {
    height: 40px;
    margin: 4px 10px 0 3px;
    max-height: 40px;
    max-width: 40px;
    width: 40px;
}

.FriendNameHeader {
    float: left;
    margin: 13px 10px 0;
    width: 75%;
}

.FriendNameHeader h3 {
    border: medium none;
    color: #000;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 3px 0 0;
    width: 100%;
}

.FriendNameHeader p {
    color: #ccc;
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 0 0 3px;
    width: 100%;
}

.FriendsButtonHeader {
    float: right;
    padding: 5px;
    text-align: right;
    width: 50%;
}

.FriendsButtonHeader a {
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
}

.FriendsListHd h5 {
    font-size: 13px;
    margin: 0;
    padding: 10px 0 0 17px;
}


/*START :hoverPopup css*/

.popover {
    max-width: 100%;
    /* Max Width of the popover (depending on the container!) */
}

.popover-content {
    padding: 15px;
}

.hoverMain {
    /*border: 1px solid #f0f0f0;*/
    /*box-shadow: 0 1px 3px #d0d0d0;*/
    width: 500px;
    background: #fff;
    position: relative;
    z-index: 999999999999999 !important;
}

.hoverCoverimg {
    height: 150px !important;
    width: 100%;
    /*overflow: hidden;*/
}

.hoverProfileimg {
    width: 113px !important;
    /*float: left;*/
    box-shadow: 1px;
    margin: 0 20px;
    position: absolute;
    bottom: 5px;
}


/*END : hoverPopup css*/

.UpLoadCover {
    color: #fff;
    display: none;
    font-size: 16px;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 217px;
    z-index: 9;
}

.fb-profile a:hover .UpLoadCover {
    display: block !important;
}

.navbar-toolbar>li:first-child+li a {
    padding-bottom: 0 !important;
}

.WhiteButton {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #2a2d35 !important;
}

.TakeFromCam {
    padding-bottom: 15px;
}

.ULink {
    line-height: 40px;
}

.Ago {
    line-height: 16px;
    padding-right: 5px;
}

.PostArrow button {
    background: #2a2d35 none repeat scroll 0 0;
    border: 1px solid #2a2d35;
    padding: 5px 12px 5px 10px;
}

.panel-body {
    z-index: 1;
}

.example-modal {
    display: block;
    width: 100%;
    padding: 35px 15px;
    background-color: #f3f7f9;
}

.example-modal .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block;
}

.example-modal .modal .modal-dialog {
    width: auto;
    max-width: 600px;
    margin: 15px auto;
}

.example-modal-top .center {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.example-modal-bottom .center {
    top: auto;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.example-modal-sidebar .center {
    top: 0;
    right: 5px;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.color-selector>li {
    margin-right: 20px;
}

@media (max-width:479px) {
    #examplePositionSidebar .modal-sidebar {
        min-width: 260px;
    }
}

.video-full {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 5px;
}

.video-full video {
    width: 100%;
    max-height: 450px;
}

.timeline-content .media .modal {
    top: 60px;
}

.PostArrow .dropdown-menu>li {
    margin: -1px 0;
}

.NewsFeedImageThumb {
    float: left;
    position: relative;
    top: 0;
    left: 0;
}

.CoverPicDiv {
    float: left;
    width: 100%;
}

.CoverPicDiv>img {
    width: 100%;
}

.PersonProfilePic {
    float: left;
    margin: 0 20px;
    position: relative;
    top: -50px;
    width: 150px;
}

.PersonProfilePic>img {
    border: 4px solid #fff;
    box-shadow: 0 1px 3px #666;
    width: 100%;
}

.PersonDetialDiv {
    float: left;
    padding: 20px 0 0;
}

.FuterDiv {
    background: #f0f0f0 none repeat scroll 0 0;
    float: left;
    padding: 15px;
    width: 100%;
}

.NewsFeedImageThumb ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 50px;
}

.NewsFeedImageThumb ul li {
    float: left;
    display: block;
}


/*.NewsFeedImageThumb ul li:hover .PersonHoverDiv, .NewsFeedImageThumb ul li:hover .PersonHoverDivOLd {
            display: block;
        }*/

h4.media-heading.user_name a:hover .PersonHoverDiv,
h4.media-heading.user_name a:hover .PersonHoverDivOLd {
    display: block !important;
}

.PersonHoverDiv,
.PersonHoverDivOLd {
    border: 1px solid #f0f0f0;
    box-shadow: 0 1px 3px #d0d0d0;
    float: left;
    width: 500px;
    /* display: none; */
    background: #fff;
    position: absolute;
    z-index: 99999999999999999999999999999;
}

.FuterDiv ul.dropdown-menu {
    width: auto !important;
}

.FuterDiv ul.dropdown-menu li {
    width: 100% !important;
    margin: 0;
}

.FuterDiv ul.dropdown-menu li a {
    font-size: 12px;
    padding: 5px 10px;
}

.timeline-content .widget .media {
    overflow: inherit;
    float: left;
    width: 100%;
}

.app-media .media-list.is-grid .media-item .dropdown {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    display: none;
    float: right;
    padding: 0 7px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.info-wrap ul li a {
    font-size: 13px;
}

.app-media .media-list ul li:hover .media-item-actions {
    display: block !important;
    position: absolute;
    top: 65%;
}

.app-media .media-list ul li:hover .media-item-actions button {
    font-size: 13px;
    color: #fff;
}

.app-media .media-list ul li:hover .media-item-actions button:hover {
    color: #000;
}

.MarginTOpBot {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.SharePost {
    float: left;
    width: 100%;
    border: 1px solid #f0f0f0;
    max-height: 300px;
    margin: 20px 0;
}

ul.list-icons li.active a,
ul.list-icons li:hover a,
ul.list-icons li.active i,
ul.list-icons li:hover i,
ul.list-icons li a:hover {
    color: #fff !important;
}

ul.list-icons li {
    border-radius: 3px;
    clear: both;
    float: left;
    padding: 5px 20px;
    width: auto;
    min-width: 270px;
}

ul.list-icons li.active,
ul.list-icons li:hover {
    background: #2a2d35;
}

.CoverMenu {
    bottom: 20px;
    position: absolute;
    right: 0;
}

.CoverMenu>ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.CoverMenu li {
    float: left;
    margin: 0 5px;
}

.wave-bg {
    color: #fff;
    background: #0A1156;
}

.CoverMenu li a {
    /*background:#fff;*/
    background: #ff5603;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    border-bottom: 2px solid #ccc;
    float: left;
    padding: 5px 20px;
}

.CoverMenu li a:hover {
    background: #2a2d35;
    color: #fff;
    border-bottom: 2px solid #2a2d35;
}

.MainCoverDiv {
    float: left;
    height: 350px;
    /*overflow: hidden;*/
    position: relative;
    width: 100%;
}

.fb-profile .MainCoverDiv img.fb-image-lg {
    background-position: center top;
    background-size: cover;
    height: 100%;
}

.CoverMenu li .btn-group ul li a {
    border-bottom: none;
    background: none;
    color: #777;
}

.CoverMenu li .btn-group button.btn {
    padding: 5px 12px;
}

.CoverMenu li .btn-group ul li a:hover {
    background: none;
    color: #2a2d35;
    border: none;
}

.page-profile .modal {
    top: 60px;
}

.BirthdayDiv select.form-control {
    border: 1px solid #ccc !important;
    color: #000;
}

.CoverMenu li.btn-group ul li a:hover {
    background: none;
    color: #2a2d35;
    border: none;
}

.CoverMenu li.btn-group ul li a {
    border: none;
}

.yellow_box::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fdd835 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}

.yellow_box {
    background: #fdd835 none repeat scroll 0 0;
    position: relative;
}

.TrendingList .list-group a {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}

.Pre-reg-Text {
    margin: 22px auto;
    padding: 0px;
    width: 100%;
}

.Pre-reg-Text h3 {
    color: #fff;
    font-weight: bold;
    margin: 0;
    padding: 0 0 20px;
}

.Pre-reg-Text p {
    color: #a4a4a4 !important;
    font-weight: normal;
    margin: 0;
    font-size: 18px;
    padding: 0 0 10px;
    font-family: Helvetica, sans-serif;
}

.Pre-reg-Text p a {
    color: #002e62 !important;
}

.Pre-reg-Text p a:hover {
    color: #fff !important;
}

.widget a.FeedWidget .counter-number-related {
    color: #363636;
    font-size: 20px;
    /*Changed By JS*/
    /*font-size: 24px;*/
}

.widget a.FeedWidget .counter-number-related:hover {
    color: #2a2d35;
}

.page-register .form-group.form-material span {
    position: absolute;
    font-size: 12px;
}

.erroemsg {
    color: red;
    left: 0;
    position: absolute;
    top: -40px;
    width: 100%;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.page-register form input {
    padding: 0 5px !important;
}

.form-group.form-material.floating select.form-control {
    padding: 5px;
}

.AllTrendingStories {
    float: left;
    width: 100%;
}

.AllTrendingStories ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

.AllTrendingStories ul li {
    padding: 10px;
    list-style: none;
    margin: 0 0 0px;
    float: left;
    width: 100%;
}

.AllTrendingStories ul li:nth-child(2n+2) {
    background: #f8f8f8;
}

.AllTrendingStories ul li p.list-group-item-text {
    font-size: 14px;
    line-height: 24px;
    padding: 5px 0;
    text-align: justify;
}

.AllTrendingStories ul li h4 {
    padding-top: 15px;
}

.FriendName p span {
    display: none !important;
}

.FriendName {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
}

.avatar i {
    display: none !important;
}

.MediaPage {
    float: left;
    width: 100%;
}

.MediaPage ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

.MediaPage ul li {
    padding: 10px;
    list-style: none;
    margin: 0 0 0px;
    float: left;
    width: 100%;
    border: none;
}

.MediaPage ul li span {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.MediaPage ul li:nth-child(2n+2) {
    background: #f8f8f8;
}

.MediaPage ul li a {
    font-size: 16px;
    line-height: 24px;
    padding: 5px 0;
    text-align: justify;
    text-decoration: none;
    float: left;
    width: 100%;
    display: block;
    border: none !important;
}

.MediaPage ul li a:hover {
    color: #2a2d35;
}

.MediaPage img {
    float: right;
}

.timeline-content .widget-body {
    clear: both;
}

.collapse.navbar-collapse.in.navbar-collapse-toolbar {
    margin: auto;
    /*width: 550px;*/
    /*width: 650px;*/
    text-align: center;
}

.dropdown_mobile {
    top: 34% !important;
    right: 4px !important;
}

.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li>a {
    color: #000 !important;
}

.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.limenu>a {
    font-weight: bold !important;
}

table.tablesaw {
    width: 100%;
    max-width: 100%;
    empty-cells: show;
}

.tablesaw {
    width: 100%;
    border-collapse: collapse;
}

.tablesaw {
    padding: 0;
    border: 0;
}

.tablesaw td,
.tablesaw th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em .7em;
}

.tablesaw thead tr:first-child th {
    padding-top: .9em;
    padding-bottom: .7em;
}

:root {
    var-button-selected-background: #29abe2;
    var-button-checkbox-selected-background: #34a3de;
    var-button-selected-shadow: rgba(0, 75, 115, .45);
    var-button-interaction-text: #757575;
    var-button-interaction-shadow: #4faeef;
}

.tablesaw-enhanced .tablesaw-bar .btn {
    position: relative;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none !important;
    padding: 4px 8px;
    margin: 0;
    clear: both;
    color: #757575;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    cursor: pointer;
    background: 0 0;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    -moz-appearance: none !important;
    -webkit-font-smoothing: antialiased;
}

.tablesaw-enhanced .tablesaw-bar .btn:hover {
    text-decoration: none;
}

.tablesaw-enhanced .tablesaw-bar .btn:focus,
.tablesaw-enhanced .tablesaw-bar .btn:hover {
    background-color: #fff;
    border-color: #3f51b5;
    outline: 0;
}

.tablesaw-enhanced .tablesaw-bar .btn:focus {
    color: #3f51b5;
}

.tablesaw-bar .btn:focus {
    color: #3f51b5;
}

.ie-lte8 .tablesaw-bar .btn:focus,
.ie-lte8 .tablesaw-bar .btn:hover {
    color: #757575;
    background-color: #fff;
    border-color: #aaa;
    outline: 0;
}

.ie-lte8 .tablesaw-bar .btn:focus,
.ie-lte8 .tablesaw-bar .btn:hover {
    color: #757575;
    background-color: #fff;
    border-color: #3f51b5;
    outline: 0;
}

.tablesaw-bar .btn-select select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 1em;
    margin: 0;
    font-weight: inherit;
    background: 0 0;
    border: none;
}

.tablesaw-bar .btn-select select {
    display: inline-block;
    color: transparent;
    filter: alpha(opacity=0);
    opacity: 0;
}

.tablesaw-bar .btn select option {
    font-family: sans-serif;
    color: #000;
    background: #fff;
}

.tablesaw-enhanced .tablesaw-bar .btn.btn-select {
    min-width: 7.25em;
    margin-bottom: 3px;
    color: #757575;
    text-align: left;
    text-indent: 0;
}

.ie-lte8 .tablesaw-bar .btn-select {
    min-width: 6.1em;
}

.tablesaw-bar .btn.btn-micro,
.tablesaw-bar .btn.btn-small {
    position: relative;
    top: 0;
    display: inline-block;
    width: auto;
    height: auto;
}

.tablesaw-bar .btn.btn-small {
    line-height: 20px;
}

.tablesaw-enhanced .tablesaw-bar .btn-select {
    text-align: left;
}

.tablesaw-bar .btn-select:after {
    position: absolute;
    display: block;
    content: " ";
    background: #eee;
    background: rgba(0, 0, 0, .1);
}

.tablesaw-bar .btn-select:after {
    top: 6px;
    right: auto;
    bottom: 0;
    left: auto;
    display: inline-block;
    width: 1.8em;
    padding: 0;
    margin: 0 5px 0;
    font-family: Material-Design-Iconic-Font;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    font-size-adjust: none;
    font-stretch: normal;
    line-height: 1;
    content: '\f2f2';
    background: 0 0;
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-kerning: auto;
    -moz-font-kerning: auto;
    font-kerning: auto;
    -webkit-font-language-override: normal;
    -moz-font-language-override: normal;
    font-language-override: normal;
    font-synthesis: weight style;
    text-rendering: auto;
}

.tablesaw-bar .btn-select.btn-micro:after,
.tablesaw-bar .btn-select.btn-small:after {
    background: 0 0;
    border-left-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tablesaw-bar .btn-select.btn-small:after {
    padding-top: 0;
    padding-right: 0;
    font-size: 16px;
}

.tablesaw-advance .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 3px;
    -moz-appearance: none;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
    position: relative;
    display: inline-block;
    margin-left: .5em;
    font-family: Material-Design-Iconic-Font;
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    font-size-adjust: none;
    font-stretch: normal;
    line-height: 1;
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-kerning: auto;
    -moz-font-kerning: auto;
    font-kerning: auto;
    -webkit-font-language-override: normal;
    -moz-font-language-override: normal;
    font-language-override: normal;
    font-synthesis: weight style;
    text-rendering: auto;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
    content: '\f2f2';
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
    content: '\f2f8';
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
    content: '\f2fa';
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
    content: '\f2fb';
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=40);
    opacity: .4;
}

.tablesaw-bar {
    clear: both;
    font-family: sans-serif;
}

.tablesaw-toolbar {
    float: left;
    font-size: 13px;
}

.tablesaw-toolbar label {
    display: block;
    padding: .5em 0;
    margin-right: 20px;
    clear: both;
    color: #757575;
    text-transform: uppercase;
}

.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
    margin-top: .5em;
    margin-bottom: .5em;
}

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
    margin-bottom: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn {
    padding-left: .3em;
    margin-top: 0;
    margin-left: .4em;
    font-family: sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tablesaw-bar .tablesaw-toolbar .btn-select {
    min-width: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
    padding-top: 0;
}

.tablesaw-bar .tablesaw-toolbar select {
    color: #757575;
    text-transform: none;
    background: 0 0;
}

.tablesaw-toolbar~table {
    clear: both;
}

.tablesaw-toolbar .a11y-sm {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

body.push-menu .sidebar-nav li.change-color a .counter-number-group {
    color: #cc181e !important;
}

@media (min-width:24em) {
    .tablesaw-toolbar .a11y-sm {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: none;
    }
}

.tablesaw td,
.tablesaw th {
    line-height: 1em;
    text-align: left;
    vertical-align: middle;
}

.tablesaw tbody th,
.tablesaw td {
    vertical-align: middle;
}

.tablesaw tbody th .btn,
.tablesaw td .btn {
    margin: 0;
}

.tablesaw thead th {
    text-align: left;
    text-transform: uppercase;
}

.tablesaw caption {
    margin-bottom: 0;
    line-height: 2.4;
    text-align: left;
    filter: alpha(opacity=50);
    opacity: .5;
}

@media (min-width:25em) {
    .tablesaw caption {
        margin-bottom: .6em;
        line-height: 1.2;
    }
}

.tablesaw-cell-label-top {
    font-weight: 300;
    text-transform: uppercase;
}

.tablesaw-cell-label {
    text-transform: uppercase;
}

@media (min-width:40em) {
    .tablesaw td {
        line-height: 1.5em;
    }
}

.tablesaw-cell-label-top {
    font-weight: 300;
    text-transform: uppercase;
}

.tablesaw-cell-label {
    text-transform: uppercase;
}

@media (min-width:40em) {
    .tablesaw td {
        line-height: 1.5em;
    }
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}

@media only all {
    .tablesaw-stack td,
    .tablesaw-stack th {
        display: block;
        text-align: left;
    }
    .tablesaw-stack tr {
        display: table-row;
        clear: both;
    }
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: inline-block;
        width: 30%;
        padding: 0 .6em 0 0;
    }
    .tablesaw-stack td .tablesaw-cell-label-top,
    .tablesaw-stack th .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
    }
    .tablesaw-cell-label {
        display: block;
    }
    .tablesaw-stack tbody th.group {
        margin-top: -1px;
    }
    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important;
    }
}

@media (max-width:767px) {
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none;
    }
    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        float: left;
        width: 100%;
        clear: left;
    }
    .tablesaw-cell-label {
        vertical-align: top;
    }
    .tablesaw-cell-content {
        display: inline-block;
        max-width: 67%;
    }
    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none;
    }
}

@media (min-width:768px) {
    .tablesaw-stack tr {
        display: table-row;
    }
    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
    }
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: none !important;
    }
}

.tablesaw-fix-persist {
    table-layout: fixed;
}

@media only all {
    .tablesaw-swipe td.tablesaw-cell-hidden,
    .tablesaw-swipe th.tablesaw-cell-hidden {
        display: none;
    }
}

.btn.tablesaw-columntoggle-btn span {
    display: inline-block;
    text-indent: -9999px;
}

.tablesaw-columntoggle-btnwrap {
    position: relative;
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    padding: .5em;
}

.tablesaw-columntoggle tbody td {
    line-height: 1.5;
}

.tablesaw-columntoggle-popup {
    display: none;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    position: absolute;
    top: 2em;
    right: 0;
    z-index: 1;
    display: block;
    padding: .5em .8em;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.tablesaw-columntoggle-popup .btn-group {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tablesaw-columntoggle-popup fieldset {
    margin: 0;
}

@media only all {
    .tablesaw-columntoggle td.tablesaw-priority-1,
    .tablesaw-columntoggle td.tablesaw-priority-2,
    .tablesaw-columntoggle td.tablesaw-priority-3,
    .tablesaw-columntoggle td.tablesaw-priority-4,
    .tablesaw-columntoggle td.tablesaw-priority-5,
    .tablesaw-columntoggle td.tablesaw-priority-6,
    .tablesaw-columntoggle th.tablesaw-priority-1,
    .tablesaw-columntoggle th.tablesaw-priority-2,
    .tablesaw-columntoggle th.tablesaw-priority-3,
    .tablesaw-columntoggle th.tablesaw-priority-4,
    .tablesaw-columntoggle th.tablesaw-priority-5,
    .tablesaw-columntoggle th.tablesaw-priority-6 {
        display: none;
    }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    top: 0 !important;
    right: 1em;
    left: auto !important;
    width: 12em;
    max-width: 18em;
    margin: -.5em auto 0;
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
    outline-style: none;
}

@media (min-width:20em) {
    .tablesaw-columntoggle td.tablesaw-priority-1,
    .tablesaw-columntoggle th.tablesaw-priority-1 {
        display: table-cell;
    }
}

@media (min-width:30em) {
    .tablesaw-columntoggle td.tablesaw-priority-2,
    .tablesaw-columntoggle th.tablesaw-priority-2 {
        display: table-cell;
    }
}

@media (min-width:40em) {
    .tablesaw-columntoggle td.tablesaw-priority-3,
    .tablesaw-columntoggle th.tablesaw-priority-3 {
        display: table-cell;
    }
    .tablesaw-columntoggle tbody td {
        line-height: 2;
    }
}

@media (min-width:50em) {
    .tablesaw-columntoggle td.tablesaw-priority-4,
    .tablesaw-columntoggle th.tablesaw-priority-4 {
        display: table-cell;
    }
}

@media (min-width:60em) {
    .tablesaw-columntoggle td.tablesaw-priority-5,
    .tablesaw-columntoggle th.tablesaw-priority-5 {
        display: table-cell;
    }
}

@media (min-width:70em) {
    .tablesaw-columntoggle td.tablesaw-priority-6,
    .tablesaw-columntoggle th.tablesaw-priority-6 {
        display: table-cell;
    }
}

@media only all {
    .tablesaw-columntoggle td.tablesaw-cell-hidden,
    .tablesaw-columntoggle th.tablesaw-cell-hidden {
        display: none;
    }
    .tablesaw-columntoggle td.tablesaw-cell-visible,
    .tablesaw-columntoggle th.tablesaw-cell-visible {
        display: table-cell;
    }
}

.tablesaw-columntoggle-popup .btn-group>label {
    display: block;
    padding: .2em 0;
    white-space: nowrap;
}

.tablesaw-columntoggle-popup .btn-group>label input {
    margin-right: .8em;
}

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
    position: relative;
}

.tablesaw-sortable thead tr th {
    padding-right: 1.6em;
    vertical-align: top;
}

.tablesaw-sortable th.tablesaw-sortable-head,
.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
    padding: 0;
}

.tablesaw-sortable th.tablesaw-sortable-head button {
    padding-top: .9em;
    padding-right: 1.6em;
    padding-bottom: .7em;
    padding-left: .6em;
}

.tablesaw-sortable .tablesaw-sortable-head button {
    position: relative;
    min-width: 100%;
    padding: 0;
    font: inherit;
    color: inherit;
    text-align: left;
    text-transform: inherit;
    background: 0 0;
    border: 0;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
    position: absolute;
    right: .5em;
    display: inline-block;
    width: 7px;
    height: 10px;
    font-family: Material-Design-Iconic-Font;
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    font-size-adjust: none;
    font-stretch: normal;
    line-height: 1;
    content: "\0020";
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-kerning: auto;
    -moz-font-kerning: auto;
    font-kerning: auto;
    -webkit-font-language-override: normal;
    -moz-font-language-override: normal;
    font-language-override: normal;
    font-synthesis: weight style;
    text-rendering: auto;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
    content: '\f2f8';
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
    content: '\f2f2';
}

.tablesaw-sortable .not-applicable:after {
    display: block;
    content: "--";
}

.tablesaw-sortable .not-applicable span {
    display: none;
}

.tablesaw-advance {
    float: right;
}

.tablesaw-advance.minimap {
    margin-right: .4em;
}

.tablesaw-advance-dots {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}

.tablesaw-advance-dots li {
    display: table-cell;
    padding: .4em .2em;
}

.tablesaw-advance-dots li i {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #9e9e9e;
    border-radius: 100%;
}

.tablesaw-advance-dots-hide {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=30);
    opacity: .3;
}

@media only screen and (max-device-width: 767px) {
    /**/
    .AboutHide {
        width: 45px;
        display: none;
        /*Hide About Us On mobile Screens-JS*/
    }
    .AboutHide .btn {
        padding: 5px;
    }
    .AboutHide img {
        width: 100%;
    }
    .AboutHide span {
        display: none;
    }
    .page-register::before {
        min-height: 700px;
    }
    .Pre-reg-Text {
        width: 100%;
    }
    .bgnone {
        background: none;
    }
    ul.CustomMenu {
        background: #f1f1f1 none repeat scroll 0 0;
        box-shadow: 0 3px 4px #ccc;
        float: right;
        position: relative;
        top: -60px;
        width: 50%;
        z-index: 9999999;
    }
    ul.CustomMenu li {
        width: 100%;
    }
    .nav>li>a {
        padding: 10px 5px !important;
    }
    ul.CustomMenu:after,
    ul.CustomMenu:before {
        bottom: 100%;
        right: 6%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    ul.CustomMenu:after {
        border-color: rgba(241, 241, 241, 0);
        border-bottom-color: #f1f1f1;
        border-width: 10px;
        margin-left: -10px;
    }
    ul.CustomMenu:before {
        border-color: rgba(241, 241, 241, 0);
        border-bottom-color: #f1f1f1;
        border-width: 10px;
        margin-left: -10px;
    }
    .MainCoverDiv {
        height: 250px;
    }
    .CoverMenu li a {
        font-size: 11px;
        padding: 5px;
    }
    .CoverMenu li .btn-group button.btn {
        padding: 3px 9px;
    }
    .fb-profile-text>h1 {
        margin-bottom: 40px;
    }
    .TimeLineMenu {
        padding-left: 0 !important;
        min-height: 40px !important;
    }
    .TimeLineMenu ul li a {
        font-size: 12px;
        line-height: 40px !important;
        padding: 25px 8px !important;
    }
    .Mob {
        display: none;
    }
    .UpLoadPic {
        bottom: 57px !important;
        left: 0 !important;
        width: 121px !important;
    }
    .nav-tabs-vertical .nav-tabs {
        width: 100%;
        height: 115px !important;
    }
    .ProfileCommon .nav-tabs-vertical .tab-content {
        float: left;
        width: 100%;
    }
    .panel-body.padding-0.padding-right-20.padding-top-20 {
        overflow-x: scroll;
    }
    .TopRgt {
        width: 100%;
    }
    .TopRgt a {
        padding: 5px !important;
        width: 50%;
        font-size: 13px !important;
    }
    .FriendNameDiv {
        margin: 0 0 0 10px !important;
        width: 58%;
    }
    .FriendsButton {
        padding: 10px 10px 0 !important;
    }
    .FriendsButton a.btn {
        font-size: 13px !important;
    }
    .FriendNameDiv h3 {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
    }
    .FriendSelect {
        float: left !important;
        padding: 0 0 0 25px !important;
    }
    .FriendSelect .form-group {
        margin-bottom: 0 !important;
    }
    .MyPics {
        width: 100% !important;
    }
    .example {
        float: left;
    }
    .ProfileGallery .TopRgt {
        width: 45%;
        border: none !important;
    }
    .ProfileGallery .TopRgt a {
        padding: 5px !important;
        width: 86%;
        border: 1px solid #e0e0e0;
    }
    .ProfileGallery .TopRgt a i {
        font-size: 20px;
        margin: 0 !important;
        padding: 0;
        position: relative;
        top: 3px;
    }
    .cover-image {
        height: auto !important;
    }
    /******/
    .fb-profile-text>h3 {
        font-size: 20px;
        padding: 0 0 35px;
        position: relative;
        top: 10px;
    }
    .timeline-content .widget-header.cover>img {
        width: 100%;
    }
    .fb-image-profile {
        border: 5px solid #fff;
        box-shadow: 0 1px 1px #d0d0d0;
        height: 120px;
        margin: -45px 10px 0 25px;
        max-height: 100px;
        position: relative;
        width: 37%;
        z-index: 777;
    }
    .CommentBox {
        margin-bottom: 1%;
        margin-left: 1%;
        width: 98% !important;
    }
    .user_name {
        font-size: 12px !important;
        line-height: 16px !important;
    }
    .fb-profile {
        position: relative;
        /*top: 45px;*/
        top: 0px;
    }
    .ProfileGallery img {
        width: 90% !important;
    }
    .ProfileGallery {
        margin-bottom: 20px;
        /*margin-top: 330px;*/
    }
    #divFriendList.ProfileGallery {
        margin-top: 0;
    }
    .PersonHoverDiv,
    PersonHoverDivOLd {
        width: 270px;
    }
    .PersonDetialDiv {
        float: left;
        padding: 0 0 0 20px;
        position: relative;
        top: -40px;
    }
    .FuterDiv .btn-group {
        box-shadow: none;
        margin: 0 0 10px;
        width: 48%;
    }
    #video_background {
        width: 100%;
    }
    .panel.StatusUpdate {
        /*left: 0;
        position: absolute;
        top: 30px;*/
        /*JAS*/
        width: 100%;
        float: left;
    }
    .scrollable-content {
        width: 100% !important;
    }
    .scrollable-container {
        width: 280px !important;
    }
    .page-aside-switch .icon.md-accounts-alt {
        color: #fff;
        font-size: 28px;
    }
    .page-aside .page-aside-switch {
        background-color: #2a2d35 !important;
    }
    .TopNavigation ul li a {
        padding: 4px 14px !important;
    }
    .Div40,
    .Div60 {
        float: none !important;
        margin: 0 auto 20px !important;
        width: 90% !important;
    }
    /**22-07-2016**/
    .widget-article .media {
        float: left !important;
        padding: 5px !important;
        width: 100% !important;
    }
    .media>.pull-right {
        margin: 0 !important;
    }
    .media-body .well .example {
        width: 100% !important;
    }
    .media-body .well .example input.form-control {
        float: left;
        margin-bottom: 20px;
        width: 62% !important;
    }
    .CameraSmiley {
        float: left;
        left: 0 !important;
        position: relative !important;
        top: 0 !important;
    }
    .ReplYBoxMain input.form-control {
        float: left;
        width: 66% !important;
    }
    .CameraSmiley>a.post-btn {
        background: #2a2d35 none repeat scroll 0 0;
        border-radius: 3px;
        color: #fff;
        float: right !important;
        font-size: 14px;
        padding: 4px 8px;
        text-decoration: none;
    }
    .CameraSmiley>a.post-btn:hover {
        text-decoration: none;
        color: #F90 !important;
    }
    .widget-actions a {
        margin-right: 2px !important;
    }
    .media-body>p {
        float: left;
        margin: 0 0 10px;
    }
    /**22-07-2016**/
    .comments-list {
        float: left;
        width: 100%;
    }
    .comments-list>div {
        float: left;
        width: 100%;
    }
    .NewsFeedImageThumb {
        width: 15% !important;
    }
    /*.comments-list .media .media-body {
        float: left !important;
        left: 5px;
        margin-bottom: -20px;
        position: relative;
        top: -30px;
        width: 80% !important;
    }*/
    .ReplyText {
        width: 80% !important;
    }
    .media-body>a {
        float: left;
        font-size: 12px;
        width: 100%;
    }
    .timeline li.timeline-reverse,
    .timeline>li {
        margin-bottom: 10px !important;
    }
    .ProfileCommon {
        margin-bottom: 40px !important;
    }
    .navbar-toolbar-right font {
        font-size: 12px !important;
        font-weight: bold;
    }
    .page.animsition {
        margin-top: 20px !important;
    }
    .page.animsition.FeedPage {
        margin-top: 0 !important;
        overflow-x: hidden !important;
    }
    .replypic {
        margin-right: 5px !important;
    }
    .media-body .well.show {
        float: left;
        width: 100%;
    }
    .page-register .page-content.vertical-align-middle {
        margin-top: 20px;
    }
    .ReplYBoxMain {
        margin: 0 !important;
        padding: 0 !important;
    }
    .ReplYBoxMain .commentTextArea {
        width: 67% !important;
        resize: none;
    }
    .timeline-content .widget-body {
        padding: 0 !important;
    }
    .timeline-content .widget-body .CommentBox {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .AddWork #exampleAccordionContinuous .panel-title {
        border: 0 solid #ccc !important;
    }
    .AddWork .examle-wrap .example {
        float: left;
        width: 100% !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    .AddWork {
        float: left;
        width: 100%;
    }
    .commentTextArea {
        /*width: 64% !important;*/
        width: 55% !important;
    }
    .RepliedComment .user_name {
        line-height: 12px !important;
    }
    .media .LargeText {
        padding: 0 10px;
    }
    .media .LargeText p {
        margin: 0 !important;
    }
    #btnViewMore {
        margin: -10px 0 20px;
    }
    .ContiNue {
        width: 100% !important;
    }
    .FeedPage .col-lg-6 .ProfileCommon.margin-bottom-40.margin-bottom-40 {
        margin-bottom: 10px !important;
    }
    .ProfileCommon .FriendNameDiv h3 {
        font-size: 14px !important;
        padding: 0 10px 10px !important;
    }
    /*.avatar img {
        height: 30px !important;
        margin-top: 5px;
    }*/
    .comments-list .FriendsCommonHeader {
        top: 60px;
    }
}

.page-copyright.page-copyright-inverse>p {
    color: #2a2d35;
    font-size: 12px;
    margin: 0;
}

.page-login a.AboutHide button.btn-primary,
.page-register a.AboutHide button.btn-primary {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
}

.page-login a.AboutHide button.btn-primary:hover .page-register a.AboutHide button.btn-primary:hover {
    color: #ff5603 !important;
}


/*** New CSS ***/

.RedColr {
    color: #a5a4a4 !important;
    font-size: 18px;
}

.BlueColr {
    color: #a5a4a4;
}

.Font18 {
    font-size: 15px !important;
    margin: 50px 0 0;
}

.Font35 {
    font-size: 35px !important;
}

.checkbox-custom label,
.radio-custom label {
    color: #a5a4a4 !important;
}

.page-dark.layout-full::after {
    background-color: rgba(33, 33, 33, 0) !important;
}

.TopNavigation {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px #ccc;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 999;
}

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

.TopNavigation ul li {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 35px;
}

.TopNavigation ul li a {
    display: block;
    color: #a4a4a4;
    line-height: 35px;
    margin: 0;
    padding: 4px 25px;
    font-size: 14px;
    text-decoration: none;
    border-right: 1px solid #ccc;
}

.TopNavigation ul li a:hover {
    color: #ff5603;
    text-decoration: none;
}

.TopNavigation ul li:last-child a {
    border-right: none;
}

.page-content {
    position: relative;
}

.TextLeft {
    float: left;
    width: 100%;
}

.TextLeft p {
    font-family: Helvetica, sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: left;
    width: 100%;
    font-weight: 300;
}

.TextRight {
    float: left;
    width: 100%;
}

.TextRight p {
    font-family: Helvetica, sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: left;
    width: 100%;
    font-weight: 300;
}

.TextRight a {
    color: #f80302;
    font-size: 16px;
    font-weight: bold;
}

.Rules p {
    color: #848484;
    text-align: left;
}

.Rules p b {
    font-weight: bold;
}

.MediaPage {
    float: left;
    width: 100%;
}

.MediaPage ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.MediaPage ul li {
    border: medium none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 10px;
    width: 100%;
}

.MediaPage ul li span {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #848484;
    text-align: left;
}

.MediaPage ul li a {
    border: medium none !important;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 0;
    text-align: justify;
    text-decoration: none;
    width: 100%;
    color: #3949ab;
}

.Flr {
    float: right;
}

.Flt {
    float: left;
}

.Div100 {
    float: left;
    width: 100%;
    margin: 50px 0 20px;
}

.Div100+.Div100 {
    float: left;
    width: 100%;
    margin: 0px 0 20px;
}

.Div40 {
    width: 40%;
    padding: 20px;
    background: rgba(0, 46, 98, 0.7) none repeat scroll 0 0;
    border-bottom: 3px solid #1c1e24;
    border-radius: 5px;
    min-height: 350px;
}

.Div60 {
    width: 58%;
    padding: 20px;
    background: rgba(0, 46, 98, 0.7) none repeat scroll 0 0;
    border-bottom: 3px solid #1c1e24;
    border-radius: 5px;
    min-height: 350px;
}

.loginbody {
    background-color: #64c2b0 !important;
}

.comments-list .media .well.show {
    float: left;
    width: 100%;
}

.panel-body.nav-tabs-animate ul.list-group {
    margin-bottom: 0 !important;
}

.panel-body.nav-tabs-animate ul.list-group li.list-group-item {
    padding: 10px 0;
}

.panel-body.nav-tabs-animate ul.list-group li.list-group-item textarea.form-control {
    margin: 0;
    min-height: 50px !important;
    resize: none;
}

.comments-list .ReplYBoxMain {
    margin: 0 !important;
}


/*for comment and reply like and dislike*/

.comments-list medium a {
    margin-right: 5px;
}

.commnentPostArrow button {
    background: #0A1156 none repeat scroll 0 0;
    border: 1px solid #0A1156;
    padding: 0px 4px;
}

.LeftBar .PaddingZero.margin-top-60 {
    margin-top: 10px !important;
}

.LeftBar .ProfileGallery.margin-bottom-25 {
    margin-bottom: 10px !important;
}

.widget-content select option {
    padding: 10px;
}

.RepliedComment .ReplyText>p {
    display: none;
}

.ReplyText {
    margin: 0 0 10px;
}

.media-body .well {
    margin-bottom: 0;
}

.panel-body.nav-tabs-animate.nav-tabs-horizontal {
    padding-bottom: 10px;
    padding-top: 0;
}

.FeedPage .page-content .col-lg-6 .panel {
    margin-bottom: 10px;
}

.avatar.avatar-100 {
    width: 110px;
}

.page-login .modal-primary .modal-header {
    background-color: #ff5603;
    border-radius: 4px 4px 0 0;
}


/***** Create Group Popup CSS ********/

.CreatePageForm {
    background: #fff none repeat scroll 0 0;
    border-bottom: 3px solid #d0d0d0;
    border-radius: 5px;
    margin: 0 auto;
    padding: 20px;
    width: 40%;
}

.SolidBorder {
    border: 1px solid #ddd !important;
    border-bottom: none !important;
    padding: 0 10px !important;
}

.CreatePageForm form label.Flt {
    line-height: 40px;
}

.CreatePageForm form .checkboxcustom {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    float: left;
    padding: 10px 0 5px;
    width: 100%;
}

.CreatePageForm form .checkboxcustom .col-md-9 input {
    line-height: normal;
    margin: 10px 0 0;
}

.col-md-9>a.moregrpinfo {
    padding: 0 0 0 20px;
}

.CreatePageForm form .btn-block+.btn-block {
    margin-top: 0;
}

.Border1pxBot {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 5px;
}

.GrupBtn {
    float: right;
    margin: 0 2px;
    width: 130px;
}

.Border1px {
    border-bottom: 1px solid #ddd;
    float: left;
    margin: 0 0 20px;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
}


/***** Create Group Popup CSS ********/


/***** Advertising CSS ********/

.AdCommon {
    background: #fff none repeat scroll 0 0;
    border-bottom: 3px solid #d0d0d0;
    border-radius: 5px;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
}

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

.example-wrap1 .md-plus {
    font-size: 14px;
    left: 0;
    position: relative;
    top: 0;
}

.CreateCam .md-plus {
    font-size: 14px;
    left: 0;
    position: relative;
    top: 0;
}

.CreateCam button {
    margin-top: 9px;
}

.GreyBorder {
    float: left;
    width: 100%;
    margin: 10px 0;
    border-top: 1px solid #f0f0f0;
}

.AccountName {
    float: left;
    font-size: 20px;
    padding: 12px 0 0;
}

.Promotepage .panel-heading button {
    margin: 20px 20px 0 0;
}

.AdCommon .widget-header {
    padding: 0 !important;
}

.Agebox select.form-control {
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==") no-repeat scroll right center !important;
    padding-right: 30px;
    border: 1px solid #ccc !important;
}

#selectMulti {
    border: 1px solid #ccc !important;
}

.PagetoPro h3 {
    font-size: 14px;
    font-weight: normal;
}

.PageDivv {
    float: left;
    width: 100%;
}

.PageTop {
    float: left;
    width: 100%;
}

.thumbnaildiv {
    border: 1px solid #ccc;
    float: left;
    margin: 0 10px 0 0;
    padding: 2px;
}

.pagenamediv {
    float: left;
}

.pagenamediv h2 {
    color: #2a2d35;
    float: left;
    font-size: 22px;
    margin: 0;
}

.pagenamediv p {
    color: #2a2d35;
    float: left;
    font-size: 14px;
    margin: 0;
    clear: both;
}

.AboutPage {
    float: left;
    margin: 10px 0 0;
    width: 100%;
}

.PageImageMain {
    border: 1px solid #d0d0d0;
    float: left;
    margin: 20px 0 0;
    width: 100%;
}

.PageImagediv {
    border-bottom: 1px solid #d0d0d0;
    float: left;
    width: 100%;
}

.PageImagediv img {
    width: 100%;
}

.ImageFooter {
    float: left;
    padding: 10px;
    width: 100%;
}

.ImageFooter a {
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.ImageFooter p {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.ImageFooter button {
    margin-top: 15px;
}

.PgBtn {
    float: right;
    margin: 20px 0 0;
}

.PgBtn button {
    margin-right: 5px;
}


/***** Advertising CSS ********/

.page-register .modal-primary .modal-header {
    background-color: #ff5603;
    border-radius: 4px 4px 0 0;
}

.page-login .modal-primary .modal-header {
    background-color: #ff5603;
    border-radius: 4px 4px 0 0;
}

.arrow_box {
    background: #0A1156 !important;
}

.arrow_box:after {
    border-top-color: #0A1156 !important;
}

.PostArrow button {
    background: #0A1156 none repeat scroll 0 0;
    border: 1px solid #0A1156;
}

.PagesSelect select.form-control {
    background: #0A1156 !important;
}

.blue-icon {
    color: #0A1156 !important;
}

@media screen and (max-width: 480px) {
    #petitionrow {
        margin-top: 90px !important;
    }
    .page {
        max-width: 100% !important;
        width: 100% !important;
    }
    .animsition,
    .animsition-overlay {
        /*overflow: hidden;*/
        position: relative;
        width: 100%;
    }
    .fb-profile {
        margin-top: 0px !important;
    }
    .profile_mobile {
        margin-top: -35px !important;
    }
    .timeline-content .media .modal {
        top: 40% !important;
    }
    .collapse.navbar-collapse.in.navbar-collapse-toolbar {
        margin: auto;
        width: 100%;
    }
    .nav>li>a {
        overflow: visible;
        padding: 10px 0 !important;
    }
    .navbar-toolbar-right li.limenu font {
        float: none;
        margin: 0;
    }
    .nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.dropdown>a {
        margin-right: 20px;
    }
    .navbar-toolbar>li>a {
        min-height: 30px !important;
    }
    .avatar.avatar-online {
        vertical-align: middle;
    }
    .nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu {
        width: 100%;
    }
    .navbar-toolbar-right font span {
        font-size: 12px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 41px;
        display: inline-block;
    }
}

@media ( max-width:767px) {
    .page.animsition.FeedPage .page-content.container-fluid>.row>.col-sm-6 {
        padding: 0 !important;
    }
    .page.animsition.FeedPage .page-content.container-fluid {
        padding: 5px 10px !important;
    }
    .col-lg-12.PaddingZero.divfloatleft {
        width: 100%;
    }
    .page.animsition.FeedPage .page-content.container-fluid>.row {
        margin: 0;
    }
}

.OnlyMobileMenu {
    display: none;
}


/* Push Menu Starts */

body.push-menu {
    position: relative;
    overflow-x: hidden;
    height: 100%;
}

body,
html {
    height: 100%;
    overflow-x: hidden;
}

body.push-menu .nav .open>a {
    background-color: transparent;
}

body.push-menu .nav .open>a:hover {
    background-color: transparent;
}

body.push-menu .nav .open>a:focus {
    background-color: transparent;
}


/*-------------------------------*/


/*           Wrappers            */


/*-------------------------------*/

body.push-menu #wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

body.push-menu #wrapper.toggled {
    padding-left: 300px;
}

body.push-menu #wrapper.toggled #sidebar-wrapper {
    width: 300px;
}

body.push-menu #wrapper.toggled #page-content-wrapper {
    margin-right: -300px;
    position: absolute;
}

body.push-menu #sidebar-wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    /*background: #1a1a1a;*/
    background: #fff;
    height: 100%;
    left: 300px;
    margin-left: -300px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 0;
    /*z-index: 101;*/
    z-index: 9999;
}

body.push-menu #sidebar-wrapper::-webkit-scrollbar {
    display: none;
}

body.push-menu #page-content-wrapper {
    padding-top: 70px;
    width: 100%;
}


/*-------------------------------*/


/*     Sidebar nav styles        */


/*-------------------------------*/

body.push-menu .sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 300px;
}

body.push-menu .sidebar-nav li {
    display: inline-block;
    /*line-height: 20px;*/
    line-height: 10px;
    position: relative;
    width: 100%;
}

body.push-menu .sidebar-nav li:hover {
    background: #3949ab;
}

body.push-menu .sidebar-nav li:first-child:hover {
    background: none;
    color: #757575;
}

body.push-menu .sidebar-nav li.active,
body.push-menu .sidebar-nav li.active:hover {
    background: #cc181e;
}

body.push-menu .sidebar-nav h5 {
    color: #cc181e;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 10px;
    text-transform: uppercase;
}

body.push-menu .sidebar-nav hr {
    margin: 10px 0;
}

body.push-menu .sidebar-nav .subscription li a {
    display: block;
    overflow: hidden;
    /*padding: 10px;*/
    padding: 7px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.push-menu .sidebar-nav .channelImg {
    display: inline-block;
    height: 20px;
    width: 30px;
    margin-right: 5px;
}

body.push-menu .sidebar-nav .channelImg>img {
    height: 20px;
    width: 20px;
}

body.push-menu .sidebar-nav .subscription ul li:hover {
    background: #ccc;
}

body.push-menu .sidebar-nav .subscription ul li:hover a {
    color: #333;
}

body.push-menu .sidebar-nav .subscription {
    /*border: 1px solid #ccc;*/
    border-radius: 3px;
    cursor: pointer;
    padding: 5px;
    /*margin: 5px;*/
    margin: 0 !important;
    opacity: 1;
    position: relative;
    max-height: 500px;
    min-height: initial;
    overflow: hidden;
    overflow-y: auto;
}

body.push-menu .sidebar-nav .subscription ul li {
    list-style: none;
    position: relative;
    /*margin-bottom: 5px;*/
    margin-bottom: 0 !important;
}

body.push-menu .sidebar-nav .addChannel {
    background: #3949ab;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 5px 0;
    margin-bottom: 5px;
}

body.push-menu .sidebar-nav .ch-content {
    display: none;
    position: absolute;
    background: #3949ab;
    min-width: 160px;
    padding: 10px;
    z-index: 1;
    font-size: 11px;
    padding-top: 25px;
    min-height: 115px;
}

body.push-menu .sidebar-nav .subscription:hover .ch-content {
    display: block;
    background: rgba(57, 73, 171, 0.9);
}

body.push-menu .sidebar-nav .subscription:hover {
    opacity: 1;
}

body.push-menu .sidebar-nav .subscription:hover .addChannel {
    background: #3949ab;
}

body.push-menu .sidebar-nav .subscription ul li i {
    color: #cc181e;
}

body.push-menu .sidebar-nav .subscription>ul {
    margin-left: 0;
}

body.push-menu .sidebar-nav .subscription ul li i {
    background: #cc181e;
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

body.push-menu .sidebar-nav li a {
    /*color: #dddddd;*/
    color: #757575;
    display: block;
    /*padding: 10px 15px 10px 30px;
            padding: 10px 10px 0;*/
    padding: 5px 5px 0;
    text-decoration: none;
}

body.push-menu .sidebar-nav .dropdown-menu {
    background-color: #222222;
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

body.push-menu .sidebar-nav li a:hover,
body.push-menu .sidebar-nav li a:active,
body.push-menu .sidebar-nav li a:focus,
body.push-menu .sidebar-nav li.open a:hover,
body.push-menu .sidebar-nav li.open a:active,
body.push-menu .sidebar-nav li.open a:focus {
    background-color: transparent;
    /*color: #ffffff;*/
    color: #cc181e;
    text-decoration: none;
}

body.push-menu .sidebar-nav>.sidebar-brand {
    font-size: 20px;
    height: 71px;
    line-height: 44px;
}


/*-------------------------------*/


/*       Hamburger-Cross         */


/*-------------------------------*/

body.push-menu .hamburger {
    background: transparent;
    border: none;
    display: block;
    height: 32px;
    margin-left: 15px;
    position: fixed;
    top: 20px;
    width: 32px;
    /*z-index: 999;*/
    z-index: 9999;
}

body.push-menu .hamburger:hover {
    outline: none;
}

body.push-menu .hamburger:focus {
    outline: none;
}

body.push-menu .hamburger:active {
    outline: none;
}

body.push-menu .hamburger.is-closed::before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    color: #ffffff;
    content: '';
    display: block;
    font-size: 14px;
    line-height: 32px;
    opacity: 0;
    text-align: center;
    width: 100px;
    pointer-events: none;
}

body.push-menu .hamburger.is-closed:hover::before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    display: block;
    opacity: 1;
}

body.push-menu .hamburger.is-closed:hover .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    top: 0;
}

body.push-menu .hamburger.is-closed:hover .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    bottom: 0;
}

body.push-menu .hamburger.is-closed .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: rgba(0, 0, 0, 0.7);
    top: 5px;
}

body.push-menu .hamburger.is-closed .hamb-middle {
    background-color: rgba(0, 0, 0, 0.7);
    margin-top: -2px;
    top: 50%;
}

body.push-menu .hamburger.is-closed .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 5px;
}

body.push-menu .hamburger.is-closed .hamb-top,
body.push-menu .hamburger.is-closed .hamb-middle,
body.push-menu .hamburger.is-closed .hamb-bottom,
body.push-menu .hamburger.is-open .hamb-top,
body.push-menu .hamburger.is-open .hamb-middle,
body.push-menu .hamburger.is-open .hamb-bottom {
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
}

body.push-menu .hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    background-color: #000;
    margin-top: -2px;
    top: 50%;
}

body.push-menu .hamburger.is-open .hamb-middle {
    background-color: #ffffff;
    display: none;
}

body.push-menu .hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    background-color: #000;
    margin-top: -2px;
    top: 50%;
}

body.push-menu .hamburger.is-open:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    color: #ffffff;
    content: '';
    display: block;
    font-size: 14px;
    line-height: 32px;
    opacity: 0;
    text-align: center;
    width: 100px;
}

body.push-menu .hamburger.is-open:hover before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    display: block;
    opacity: 1;
}


/*-------------------------------*/


/*          Dark Overlay         */


/*-------------------------------*/

body.push-menu .overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.site-navbar.navbar.navbar-inverse.navbar-fixed-top.navbar-mega {
    /*z-index: 101;*/
    z-index: 1000;
}

body.push-menu .LeftDDMenu {
    display: none;
}

body.push-menu .hamburger .hamburger-bar,
body.push-menu .hamburger::after,
body.push-menu .hamburger::before {
    background: none;
}

body.push-menu .counter-md .counter-number-group,
body.push-menu .counter-md>.counter-number {
    font-size: 14px !important;
}

body.push-menu .counter .counter-number-group,
body.push-menu .counter>.counter-number {
    color: #757575;
    font-size: 14px !important;
}

body.push-menu .sidebar-nav li:hover .counter .counter-number-group,
body.push-menu .sidebar-nav li:hover .counter>.counter-number,
body.push-menu .sidebar-nav li.active .counter .counter-number-group,
body.push-menu .sidebar-nav li.active .counter>.counter-number {
    color: #fff;
}

body.push-menu ul.nav.sidebar-nav li>div {
    display: inline-block;
    line-height: 20px;
    padding-bottom: 5px;
    width: 100%;
}

.comments-list .media .media-body {
    border-bottom: 1px dotted #ccc;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}

.comments-list .media .media-body:not(*:root) {
    word-break: break-word !important;
}

.external-iframe {
    overflow: hidden;
}

#iframe_freedomCoin_Signup {
    height: 633px;
    margin-bottom: -160px;
    margin-top: -120px;
}

#modelFreedomCoinSignup .modal-dialog {
    width: 478px;
}

.widget-content.CreateBox {
    padding: 10px;
}

.LargeText.fbook {
    width: 100%;
}

.fbook h2 {
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    font-family: 'Titillium Web', sans-serif;
}

.fbook h4 {
    font-size: 12px;
}

.commentTextArea {
    border-color: gray;
    border-style: solid;
    float: left;
    font-size: 100%;
    height: 30px;
    margin: 0 0 10px;
    min-height: 30px;
    padding: 3px;
    width: calc(100% - 40px);
    border-radius: 0px !important;
    color: #000000;
}

.commentTextArea::-webkit-scrollbar {
    display: none;
}

.commentTextAreareply {
    border-color: gray;
    border-radius: 7px;
    border-style: solid;
    float: left;
    font-size: 100%;
    height: 30px;
    margin: 0 0 10px;
    min-height: 30px;
    padding: 3px;
    width: 74%;
    box-sizing: border-box;
}

.mediabackground {
    background-color: #fff;
    border-radius: 5px;
}

.padding-top-custom {
    padding-top: 15px;
}

.comments-list .media {
    padding: 10px;
    overflow: visible;
}

.comments-list .fbook {
    margin-bottom: 15px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.CountryDivRegister select.form-control {
    border: 1px solid #ccc !important;
    color: #a4a4a4 !important;
}

.page-register .BirthdayDiv select,
.page-register .BirthdayDiv select option {
    color: #a4a4a4 !important;
    font-size: 14px !important;
}

.page-register form label {
    font-size: 14px !important;
}

.BTCQR {
    margin: 10px;
    text-align: left;
    color: black;
}

.freedomWallet .panel {
    background: none;
    box-shadow: none;
}

.freedomWallet {
    width: 100%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    min-height: 565px;
    border-radius: 10px;
}

.freedomWallet a {
    color: #0A1156;
    font-weight: bold;
}

.freedomWallet ul {
    text-align: center;
}

.freedomWallet ul.respective-table {
    text-align: left;
    margin-top: 20px;
}

.freedomWallet ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.freedomWallet ul li:last-child {
    margin-right: 0;
}

.freedomWallet .table {
    background: #fff;
    margin-bottom: 0;
}

.freedomWallet .tab-table-border {
    margin-bottom: 0px;
    border-top: none;
    border-radius: 4px;
    margin-top: 20px;
    border: 1px solid #ccc;
}

.freedomWallet .tab-table-border a {
    text-decoration: underline !important;
}

.freedomWallet .table>thead>tr>th,
.freedomWallet .table>tbody>tr>th,
.freedomWallet .table>tfoot>tr>th,
.freedomWallet .table>thead>tr>td,
.freedomWallet .table>tbody>tr>td,
.freedomWallet .table>tfoot>tr>td {
    border-top: 1px solid #d3d3d3;
    line-height: 1.42857;
    padding: 10px 8px;
    vertical-align: middle;
    text-align: center;
}

.freedomWallet .table-label {
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
    font-size: 14px;
    font-weight: 700;
}

/* .freedomWallet .tab-table-border.long-table {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
} */

#modalMinutemenVerification .modal-dialog {
    width: 1000px;
}

#modalMinutemenVerification th,
#modalMinutemenVerification td {
    text-align: center;
}

#modalMinutemenVerification th {
    background: #c5c5c5;
    color: #000;
}

#modalMinutemenVerification .table-bordered {
    border: 1px solid #000 !important;
}

#modalMinutemenVerification .table-bordered>thead:first-child>tr:first-child>th {
    border: 1px solid #000 !important;
}

#modalMinutemenVerification .table-bordered>tbody>tr>td,
#modalMinutemenVerification .table-bordered>tbody>tr>th,
#modalMinutemenVerification .table-bordered>tfoot>tr>td,
#modalMinutemenVerification .table-bordered>tfoot>tr>th,
#modalMinutemenVerification .table-bordered>thead>tr>td,
#modalMinutemenVerification .table-bordered>thead>tr>th {
    border: 1px solid #000 !important;
}

#modalMinutemenVerification .table-bordered th {
    width: 25%;
}

.freedomWallet h3,
.freedomWallet h4 {
    color: #3949ab;
    font-weight: 700;
}

.freedomWallet h3.text-danger {
    color: #f44336;
}

.f-exchange h3 {
    margin: 0 !important;
}

.f-exchange h3 span {
    display: inline-block !important;
    text-align: left !important;
    font-size: 14px !important;
    color: #000066;
}

.f-exchange h4 a {
    color: #ff5603;
}

.f-exchange h4 a:link,
.f-exchange h4 a:visited {
    text-decoration: underline !important;
}

.admin-idverify table.dataTable tbody th,
.admin-idverify table.dataTable tbody td {
    vertical-align: middle;
}

.admin-data strong {
    font-weight: bold !important;
}

.admin-data select,
.admin-data option {
    font-weight: bold !important;
}

.purchase-limit {
    display: block;
    float: right;
    margin-top: 22px;
    text-align: right;
}

.purchase-limit .label {
    font-weight: 700 !important;
}

.f-color-blue {
    color: #0a1156 !important;
}

.row.f-exchange {
    margin-bottom: 10px;
}

.btn-MOActions {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 5px;
    width: 140px;
}

.btn-MOActions.disabled {
    background: rgba(0, 0, 0, 0.7);
}

.list-group .inviteNoty .media .media-left,
.list-group .inviteNoty .media .pull-left {
    float: left !important;
}

.dropdown-menu-media .inviteNoty .media-body .media-heading .list-group-item {
    padding: 0 !important;
}

.dropdown-menu-media .inviteNoty .media-body .media-heading .list-group-item:not(*:root) {
    padding: 0 10px 0 0 !important;
    width: 85%;
    box-sizing: border-box;
}

#modelLiveVideoPanels .min_popup_col {
    position: relative;
}

.f-suggestions {
    position: absolute;
    display: table;
    width: 100%;
    top: 0;
    z-index: 1000;
}

#modelLiveVideoPanels .FriendsCommonHeader {
    border: 1px solid #e0e0e0;
    display: table;
    width: 100%;
    margin: 0 auto 5px;
    float: none;
    box-shadow: 0 0 12px #444;
    padding-bottom: 5px;
    position: relative;
    z-index: 10000 !important;
    top: 40px;
    left: 0;
    right: 0;
    background: #eee;
}

.purchase-mmr .form-group>label,
.purchase-mmr .form-group>input,
.purchase-mmr .form-group .help-block {
    color: #000 !important;
}

.purchase-btcqr .help-block {
    display: inline-block;
    color: #757575;
}

.purchase-terms {
    text-align: center;
    border: 1px solid #999;
    color: #000000;
    font-size: 10px !important;
    font-weight: 100;
    margin-top: 20px;
    /*margin-bottom: 20px;*/
}

.margin-0 {
    margin: 0px;
}

.myEtherWallet {
    margin-top: 20px;
}

.myEtherWallet li a {
    color: #ff5603;
}

.myEtherWallet li a span {
    color: #0a1156;
}

.fb-image-profile {
    width: 230px !important;
    height: 230px !important;
}

.ProfileGallery .image-wrap {
    height: 50px;
    width: 100%;
}

.BTCQR.purchase-btcqr {
    margin: 10px 0 !important;
}

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

#modelChannelCreditCardPayment .modal-dialog,
#modalmasternodeecheck .modal-dialog {
    width: 800px;
}

.qr-code {
    height: 150px;
    vertical-align: middle;
    display: table-cell;
    width: 500px;
}

.qr-image {
    float: right;
}

.serial-no {
    float: left;
    margin: 15px 5px 0 0;
}

.TopRgt.inline-block a {
    float: none !important;
    text-align: right;
    display: inline-block;
}

.TopRgt.inline-block a {
    border-right: 1px solid #e0e0e0;
}

.TopRgt.inline-block a:last-child {
    border-right: none;
}

.GroupFriendName h3 {
    font-size: 18px !important;
}

.FriendCheckboxDiv {
    min-height: 100px;
    line-height: 40px;
}

.FriendCheckboxDiv input[type="checkbox"] {
    vertical-align: bottom;
}

#AddMemberNotInGroup {
    padding-right: 0 !important;
}

.vsearchresults .search-list .video-section {
    position: initial;
}

.vsearchresults .search-list .video-description {
    float: left;
    padding-left: 0;
}

.vsearchresults .recomment-videos.search-list .r-video.r-video0 {
    width: 100%;
}

.vsearchresults .recomment-videos.search-list .r-video {
    min-height: initial !important;
    height: auto !important;
    border-bottom: none !important;
}

.page.animsition.FeedPage .container-fluid .vsearchresults .row {
    float: none !important;
}

#modalMsgEditor textarea {
    margin: 0 !important;
}

.TimeLineMenu ul li a {
    cursor: pointer !important;
}

#modelLiveVideoPanels {
    margin: 70px auto !important;
    width: 50% !important;
    z-index: 999999999999999 !important;
}

.new-popup .form-control {
    -moz-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #757575;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 1.57143;
    padding: 6px 15px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.min_popup_col input.form-control {
    margin: 20px 0;
}

#modelLiveVideoPanels .modal-footer .btn {
    margin-top: 10px;
}

.widget.widget-shadow.CreateBox.top {
    min-height: 221px;
}

.widget.widget-shadow.CreateBox.top video {
    display: block;
    min-height: 200px;
}

.jw-preview {
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.clsLnkSeeMore {
    color: #0a1156;
    font-weight: 600;
    margin-left: 15px;
}

.panel-body.nav-tabs-animate ul.list-group.filter-post-type {
    margin-bottom: 20px !important;
}

ul.list-group.filter-post-type {
    list-style: none !important;
}

.page-aside.full-width {
    position: relative !important;
    width: 100% !important;
    z-index: 10 !important;
}

.input-group-btn.fb-profile-btn {
    text-align: right;
    padding-right: 10px;
}

.input-group-btn.fb-profile-btn #h4Members {
    color: #0000ff;
    float: left;
}

.input-group-btn.fb-profile-btn #divGroupButton button:first-child {
    margin-right: 10px;
    width: 100px;
}

.ProfileGallery {
    padding: 0 10px;
}

.ProfileGallery h3 {
    margin: 0;
    padding: 10px 0;
}

.ProfileGallery.user-profile .shine_me {
    padding: 0 10px !important;
}

.ProfileGallery .shine_me {
    padding: 0 10px;
}

.navbar-fixed-top {
    width: 99.1%;
}

.default-home {
    background: #ffffff;
    /*#e0e0e0;*/
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 0 20px #666;
    padding: 15px;
}

.default-home h2 {
    margin-top: 0;
}

.default-home h2,
.default-home h5 {
    text-align: center;
}

.select-dropdown option {
    padding: 5px;
}

.SocialBtns .widget-actions a {
    margin-right: 4px !important;
    padding: 5px 0;
}

.fb-image-profile {
    z-index: initial !important;
}

.profile-pic {
    /*margin: -122px 10px 0 5px;*/
    margin: -142px 10px 0 0;
    position: relative;
    float: left;
}

.profile-pic .fb-image-profile {
    margin: 0 !important;
}

.profile-pic {
    position: relative;
}

.profile-pic .UpLoadPic {
    bottom: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    right: 0 !important;
    width: auto !important;
}

.profile-pic a:hover .UpLoadPic {
    display: block;
}

.fb-profile-text .input-group-btn>div#divLikeButton .btn-default.focus,
.fb-profile-text .input-group-btn>div#divLikeButton .btn-default:focus,
.fb-profile-text .input-group-btn>div#divLikeButton .btn-default:hover {
    background-color: #ccc !important;
}

.fb-profile-text .input-group-btn>div#divLikeButton .btn-default.active.focus,
.fb-profile-text .input-group-btn>div#divLikeButton .btn-default.active:focus,
.fb-profile-text .input-group-btn>div#divLikeButton .btn-default.active:hover,
.fb-profile-text .input-group-btn>div#divLikeButton .btn-default.focus:active,
.fb-profile-text .input-group-btn>div#divLikeButton .btn-default:active:focus,
.fb-profile-text .input-group-btn>div#divLikeButton .btn-default:active:hover {
    background-color: #ccc !important;
}

.fb-profile-text .input-group-btn .open>.dropdown-toggle.btn-default.focus,
.fb-profile-text .input-group-btn .open>.dropdown-toggle.btn-default:focus,
.fb-profile-text .input-group-btn .open>.dropdown-toggle.btn-default:hover {
    background-color: #ccc !important;
}

.button-navigation .counter-number-related.text-capitalize>a {
    color: #cc181e;
    font-weight: bold;
    font-size: 14px;
}

body.push-menu .sidebar-nav li.button-navigation {
    padding: 5px 5px 0;
    text-transform: capitalize;
}

body.push-menu .sidebar-nav li.button-navigation a {
    display: inline-block;
}

body.push-menu .sidebar-nav li.button-navigation:hover {
    background: none;
}

body.push-menu .sidebar-nav li.button-navigation:hover .counter .counter-number-group,
body.push-menu .sidebar-nav li.button-navigation:hover .counter>.counter-number,
body.push-menu .sidebar-nav li.button-navigation.active .counter .counter-number-group,
body.push-menu .sidebar-nav li.button-navigation.active .counter>.counter-number {
    color: #cc181e;
}

.feature-links img {
    height: 20px;
    margin-right: 5px;
    width: 20px;
}

.TimeLineMenu {
    margin-bottom: 5px !important;
    min-height: 40px !important;
    top: 0 !important;
    padding-left: 0 !important;
    float: none !important;
    display: inline-block;
    text-align: right;
}

.TimeLineMenu ul li {
    display: inline-block !important;
    float: none !important;
    line-height: 40px !important;
}

.TimeLineMenu ul li a {
    line-height: normal !important;
    padding: 10px !important;
}

.TimeLineMenu ul li.mobile-menutoggle-option {
    display: none !important;
}

#modalCreateChannelPhotoPaid .PicAvatar #imgProfilePicPaid,
#modalCreateChannelPhoto .PicAvatar #imgProfilePic {
    max-width: 100%;
}

.content-box {
    background: #fff;
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
    float: left;
    color: #000;
}

.content-box strong {
    font-weight: 700;
}

ul.list-link {
    list-style: none;
}

ul.list-link li {
    display: inline-block;
}

ul.list-link li+li:before {
    color: #000;
    content: "|";
    padding: 0 10px;
}

.navbar-toolbar>li>a {
    line-height: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    min-height: inherit;
}

.navbar-toolbar>li.dropdown>a {
    line-height: 5px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    min-height: inherit;
}

.blank-p {
    height: 0;
}

.FriendsCommon.channel-profile {
    padding: 5px;
}

.FriendsCommon.channel-profile .FriendNameDiv h3 {
    padding-top: 10px;
}

.fb-profile .MainCoverDiv.profile-banner img.fb-image-lg {
    height: 420px;
}

.fb-profile-text.profile-banner-text {
    position: relative;
    top: 47px;
}

.comment-ytube iframe {
    height: 300px;
}

.ReplyText iframe {
    height: 250px;
}

.fb-profile-text .input-group-btn .CoverMenu {
    bottom: initial;
    float: right;
    position: static;
    right: initial;
    width: auto;
}

.fb-profile-text .input-group-btn .CoverMenu li a {
    padding: 8px 20px;
}

.channelVideoLink a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.AddWork.createpage-accordian .panel-title {
    border: 1px solid #ccc;
    width: 100% !important;
}

.AddWork.createpage-accordian .example {
    margin-top: 0 !important;
}

.AddWork.createpage-accordian .panel-group {
    margin-bottom: 0 !important;
}

.freedom-news {
    background: #fff !important;
    padding: 0 15px;
}

span.text-bold {
    font-weight: 700;
}

.text-bold {
    font-weight: 700;
}

.freedom-news img {
    max-width: 100%;
    height: auto !important;
}

.LargeText.fbook img {
    max-width: 100%;
}

#divLikeButton button {
    margin-right: 10px;
}

#ltrShareHolicStory .SocialMediaItem_First {
    margin-left: 0 !important;
}

div#ltrShareHolicStory a {
    display: inline-block;
    margin-bottom: 5px;
}

#modelCreateStory {
    padding-right: 0 !important;
}

.page-main.MyPics {
    margin-left: 220px !important;
}

#divMyPhotos #ulMyPics li {
    min-height: 27px !important;
}

.FeedPage .StatusUpdate .nav-tabs-animate .tab-content {
    z-index: initial !important;
}

.FeedPage .StatusUpdate .panel-body {
    z-index: initial;
}

.live-stat marquee {
    /*background: #fff;    
    border-radius: 5px 5px 0 0;*/
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}

.live-stat span {
    background: #089d08;
    color: #fff;
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 10px;
    text-transform: capitalize;
}

.page.animsition.FeedPage {
    /*margin-top: -10px !important;*/
    margin-top: 10px !important;
}

.page.animsition.FeedPage .page-content {
    padding: 5px 30px 0;
}


/* body {
    padding-top: 68px !important;
} */

.eCheck-form .form-horizontal label {
    font-size: 13px;
}

.eCheck-form .form-horizontal .control-label {
    text-align: left;
}

.eCheck-form .form-control {
    font-size: 13px;
}

.eCheck-form .purchase-terms {
    margin-top: 0;
}

.modal-body.paidpopup .tabcontent,
.modal-body.paidpopup .tab-content {
    max-height: 750px;
    overflow: hidden;
    overflow-y: auto;
}

.modal-body.paidpopup .tab-content {
    padding: 6px 12px;
}

.form-instruction {
    font-size: 9px;
    color: #ff0000;
    margin: -10px 0 10px -15px;
}

.freedom-loader {
    text-align: center;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 10;
    color: #000;
    height: 100%;
    width: 100%;
    display: none;
}

.freedom-loader i {
    top: 40%;
    position: relative;
}

div#divlivemembersModal.live-stat a {
    display: block;
    margin-bottom: 5px;
}

.md-2x {
    font-size: 2em;
}

.md-3x {
    font-size: 3em;
}

.md-4x {
    font-size: 4em;
}

.md-5x {
    font-size: 5em;
}

.form-horizontal .control-label.otp-icon {
    padding-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.next-step-pay-opt .divider-pipe {
    float: right;
}

#modelChannelCreditCardPaymnt .modal-dialog {
    width: 800px;
}

.referrer_listing {
    float: left;
    width: 100%;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.referrer_listing h3 {
    border-bottom: none !important;
}

.sss-1776-pa {
    float: left;
    width: 100%;
    margin: 20px 0;
    border: 1px solid #ccc;
    padding: 15px;
}

.sss-1776-pa .form-control {
    border: 1px solid #0A1156;
}

.sss-1776-pa label {
    font-weight: 700;
}

.Claim_1776 .modal-dialog {
    width: 800px;
}

#divOrderPaymentPreview .modal-dialog.modal-lg {
    width: 1200px !important;
}

.token-details p {
    text-align: center !important;
}

.main-news-body i {
    font-size: 20px;
}

b,
strong {
    font-weight: 700;
}

#divOrderPaymentPreview .modal-body.form-group-m-t {
    height: 650px;
    overflow-x: hidden;
    overflow-y: auto;
}

.token-details {
    border-right: 2px solid #c5c5c5;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
}

.token-logo img {
    display: inline-block;
}

hr.new-hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 2px solid #c5c5c5;
}

.all-feature .r-video {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    float: left;
    width: 100% !important;
}

.all-feature .r-video .video-section {
    position: absolute;
    width: 130px;
    z-index: 1;
}

.all-feature .r-video .video-description {
    padding-left: 139px;
    position: relative;
    width: 100%;
}

.all-feature .r-video .video-description p {
    max-height: 40px;
    overflow: hidden;
}

.all-feature .r-video .video-description a {
    font-size: 12px;
    font-weight: bold;
    color: #3949ab;
}

.all-feature .r-video .video-description .channel-unique-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px 0;
}

.all-feature .r-video .video-description .channel-unique-link a {
    font-size: 10px;
    font-weight: normal;
}

.all-feature .r-video span {
    font-size: 10px;
}

.fb-image-profile.after-logout {
    margin: 0;
    position: absolute;
    z-index: 777 !important;
    bottom: 20px;
}

.fb-profile.fb-cover-pic {
    float: left;
    width: 100%;
}

.tabcontent.download-wallet hr {
    margin: 10px 0;
}

#modalAdditional1776 .modal-dialog {
    width: 1200px;
}

.wallet-download {
    text-align: center;
    border-right: 1px solid #c5c5c5;
    padding: 10px;
    box-sizing: border-box;
}

.profile-pic.user-thumb {
    position: relative;
    z-index: 100 !important;
    margin: -112px 10px 0 0 !important;
}

.help-video ul {
    padding-left: 0;
}

.help-video ul li {
    margin-bottom: 10px;
    list-style: none;
}

.help-video ul li a span {
    margin-right: 10px;
}

.ProfileCommon h3 span {
    /*display: block;*/
    font-size: 14px;
}

.right-panel-groupname a {
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 12px !important;
    padding: 5px 0;
    margin-bottom: 5px;
}

.right-panel-groupname a:last-child {
    border-bottom: none;
}

.right-panel-groupname a h5 {
    color: #3949ab !important;
    font-weight: bold;
}

.input-xs {
    text-align: center;
    height: 22px;
    vertical-align: middle;
}

.reporting-table>.row>.col-lg-offset-1 {
    margin-left: 0 !important;
}

.reporting-table>.row>.col-lg-7 {
    width: 75%;
}

.admin-idverify table.dataTable tbody th,
.admin-idverify table.dataTable tbody td:nth-child(5n) {
    word-break: break-word;
    word-break: break-all;
}

#modalQuestionPost h5 {
    margin-top: 0;
}

#modalQuestionPost .modal-body {
    padding: 10px 20px;
}

#divLoadingOverPage.show {
    /* display: block; */
    position: fixed;
    z-index: 9999999999;
    /* background-image: url('../images/loading_image.gif'); */
    /* background-image: url('../newtemplate/images/favicon.png'); */
    background-color: rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#divLoadingOverPage.show img {
    border: 2px solid #0A1156;
    background: #fff;
    padding: 20px;
    border-radius: 50%;
    position: absolute;
    /* left: 50%;
    top: 50%; */
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
}

#divLoadingOverPage.show img {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(-360deg);
    }
}


/* all other browsers */

@keyframes spinner {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

#loadinggif.show {
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 101;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
}

div.content {
    width: 1000px;
    height: 1000px;
}

.ProfileCommon .form-control {
    padding: 6px 15px !important;
}

.ProfileCommon .radio-custom label::before,
.ProfileCommon .radio-custom input[type=radio]:focus+label::before {
    outline-offset: 0 !important;
    outline: 0 !important;
    border-color: #ccc !important;
    border-width: 1px !important;
    background-color: #ccc !important;
}

.ProfileCommon .radio-custom label::after {
    top: 6px;
    left: 6px;
    border: 4px solid #867b7b;
}

.ProfileCommon .radio-default input[type=radio]:checked+label::after {
    border-color: #867b7b;
}

.ProfileCommon .panel-group .panel-title {
    border: 1px solid #ccc !important;
    width: 100% !important;
}

.ProfileCommon .panel-group .panel-heading+.panel-collapse {
    border: none;
}

.ProfileCommon .panel-group .panel-title::after,
.ProfileCommon .panel-group .panel-title::before {
    top: 5px;
    right: 15px;
}

.ProfileCommon .panel-group .panel-title[aria-expanded=false]::before {
    opacity: .7;
    font-size: 25px;
}

.ProfileCommon .panel-group .panel-title[aria-expanded=true]::after {
    opacity: 1;
    font-size: 25px;
}

.ProfileCommon .panel-group .panel-heading {
    border-left: 1px solid #ccc;
}

.ProfileCommon.adminProfile .nav-tabs-vertical .panel-group .panel-heading {
    border-left: none;
}


/*.comment-reply-tag{position:absolute; z-index: 10000; left: -10px; right: 0;}
.comments-list .comment-reply-tag .FriendsCommonHeader, .ReplYBoxMain .comment-reply-tag .FriendsCommonHeader, .comment-reply-tag .FriendsCommonHeader {
    position: relative; border: 1px solid #e0e0e0; display: table; width: 80%; margin: 0 auto; float: none; box-shadow: 0 0 12px #444; padding-bottom: 5px; background: #eee; margin-bottom: 10px;
}*/

.comments-list .FriendsCommonHeader,
.ReplYBoxMain .FriendsCommonHeader,
.comments-list .media .well.show .FriendsCommonHeader {
    position: relative;
    margin-bottom: 10px;
    top: initial;
}

.modal-content {
    box-shadow: 0 0 30px #777;
}

.comment-chat .chats {
    padding: 30px 0;
}

.comment-chat .chat-content,
.chat-right .chat-content {
    padding: 15px;
}


/*.comment-chat .chat-body{margin: 0 0 20px 0 !important;}*/

.comment-chat .chat-body a {
    word-break: break-word;
    word-wrap: break-word;
}

.liveTvAlert {
    background: #ff0000;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
}

.liveTvAlert h3 {
    margin-top: 0;
    color: #fff;
    font-weight: bold;
}

.liveTvAlert marquee a {
    color: #fff;
    font-weight: bold;
}

.liveTvAlert.mobileOnly h3 {
    margin-top: 20px;
}


/*.referral-section, .wallet-address-section {background: #ea5d17; box-shadow: 5px 5px 10px #888; padding: 10px; margin: 10px 0; border-radius: 10px;}
.wallet-address-section{background: #0A1156;}
.referral-section .form-group, .wallet-address-section .form-group{margin-bottom: 0;}

.referral-section h4, .wallet-address-section h4 {margin-top:0; color: #f1eaea;}
.referral-section .form-control[disabled], .referral-section .form-control[readonly], .referral-section fieldset[disabled] .form-control {
    background: #f1eaea;
    margin-bottom: 10px;
}

.wallet-address-section input[type="text"]{background: #f1eaea; margin-bottom: 10px; color:#000;}

.referral-section .btn-primary, .wallet-address-section .btn-primary {background: #f1eaea; color: #ff5603; margin-bottom: 10px; border:none;}
.wallet-address-section .btn-primary{color: #0A1156; margin-bottom: 5px;}
.referral-section a, .wallet-address-section a {color: #f1eaea;}*/

.referral-section .share-referral .SocialMediaItem_First,
.referral-section .share-referral .SocialMediaItem {
    margin: 10px 3px 0 0 !important;
}

.referral-section .share-referral .SocialMediaItem:last-child {
    margin-right: 0 !important;
}

.referral-section .share-referral .widget-actions {
    text-align: center;
}

.referral-section .share-referral .SocialMediaItem_First img,
.referral-section .share-referral .SocialMediaItem img {
    /*width: 25px; height: 25px;*/
    width: 20px;
    height: 20px;
}

.post-count.fPostCount .social-count a {
    text-decoration: none !important;
}

.referral-section h6 {
    color: #0A1156;
    font-weight: bold;
}

.referral-section,
.wallet-address-section {
    text-align: center;
}

.referral-section .form-group,
.wallet-address-section .form-group {
    margin-bottom: 0;
}

.referral-section input[type="text"],
.wallet-address-section input[type="text"] {
    margin-bottom: 5px;
}

.referral-section hr,
.wallet-address-section hr {
    border-top: 4px solid #0A1156;
    margin: 10px 0;
}

.referral-section h3,
.wallet-address-section h3 {
    margin-top: 0;
    font-weight: bold;
    color: #0A1156;
}

.row.f-exchange.dashboard {
    margin-bottom: 0;
}

.row.f-exchange.dashboard h4 {
    margin-bottom: 0;
}

.marquee {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee a {
    color: #fff;
}

.marquee a:hover {
    color: #fff;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    /* show the marquee just outside the paragraph */
    animation: marquee 15s linear infinite;
    -webkit-animation: marquee 15s linear infinite;
    -moz-animation: marquee 15s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
}


/* Make it move */

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
    }
}

@-moz-keyframes marquee {
    0% {
        -moz-transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
    }
}

@-ms-keyframes marquee {
    0% {
        -ms-transform: translate(0, 0);
    }
    100% {
        -ms-transform: translate(-100%, 0);
    }
}

.copyUrl {
    background: #0a1156;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0a1156 0%, #4f85bb 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0a1156 0%, #4f85bb 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0a1156 0%, #4f85bb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0a1156', endColorstr='#4f85bb', GradientType=0);
    /* IE6-9 */
    padding: 5px;
    border: none;
    cursor: pointer;
    color: #fff;
    box-shadow: 2px 2px 3px #000;
    border-radius: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.copyUrl:hover {
    background: #499bea;
    /* Old browsers */
    background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0);
    /* IE6-9 */
}

.copyUrl:active {
    box-shadow: 2px 4px 5px #000;
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
}

.copyUrllnk {
    color: #ff5603;
    padding: 2px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 8px;
    white-space: nowrap;
}

.copiedUrlInfo {
    padding: 1px 3px;
    position: absolute;
}

.ShareContainer {
    color: #ff5603;
}

.tabable-content {
    padding: 10px;
}

.tabable-message {
    overflow: hidden !important;
}

.tabable-content .tab-content {
    height: 600px;
    /* overflow-x; */
    overflow-y: auto;
}

.edt,
.cp {
    cursor: pointer;
}

.ProfileCommon table.dataTable tbody th,
.ProfileCommon table.dataTable tbody td {
    padding: 0 !important;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px !important;
}

span.icon-gap {
    margin-right: 5px;
}

.LargeText.MA_ManagePost img {
    max-width: 100%;
}

.cc-selector-2 input {
    position: absolute;
    z-index: 999;
}

.rclive-layout1 {
    background-image: url(../global/photos/style2.png);
}

.rclive-layout2 {
    background-image: url(../global/photos/style1.png);
}

.cc-selector-2 input:active+.drinkcard-cc,
.cc-selector input:active+.drinkcard-cc {
    opacity: 1;
}

.cc-selector-2 input:checked+.drinkcard-cc,
.cc-selector input:checked+.drinkcard-cc {
    /*-webkit-filter: none;
       -moz-filter: none;
            filter: none;*/
    opacity: 1;
}

.drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 70px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    /*-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);*/
    opacity: 0.7;
}

.drinkcard-cc:hover {
    /*-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);*/
    opacity: 0.7;
}


/* Extras */


/*a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}*/


/** { font-family:monospace; }*/

.cc-selector-2 input {
    margin: 5px 0 0 12px;
}

.cc-selector-2 label {
    margin-left: 7px;
}

span.cc {
    color: #6d84b4;
}

.live-layout {
    padding-left: 0;
}

.primary-pageNav {
    background: #fff;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.primary-pageNav ul {
    list-style: none;
    text-align: center;
}

.primary-pageNav ul li a {
    color: #000066;
    font-weight: 700;
    font-size: 12px;
}

.feed-toggle button {
    border: none !important;
    background: none !important;
    text-align: right !important;
    padding: 0 !important;
    font-size: 30px;
    outline: none;
}

.feed-toggle .dropdown-menu {
    left: inherit;
    right: 0;
}

.dropdown-menu>li>a {
    padding: 6px 13px 6px 33px;
}

.dropdown-menu>li.active a {
    background: url("../images/tick-icon.png") no-repeat 10px center;
}


/*.user_name a {padding-bottom: 15px;}*/


/*This line is for Hovering on Username/ProfileName and extended from Username place to show the info div */

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ff5603;
}


/*.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color: white; }*/

#divFreedomMessageHeader h3,
#divFreedomnfview {
    color: #fff !important;
    background-color: #0A1156;
    text-align: center;
    margin-top: 0;
}

#divFreedomMessageDesc {
    padding: 0 0 0 50px;
    color: #ff0000;
}

#divFreedomMessage hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

#divFreedomMessageDesc .mCSB_inside>.mCSB_container {
    margin-right: 50px;
}

.span-control {
    padding-top: 7px;
    margin-bottom: 0;
    display: inline-block;
}

.action-idea-block textarea {
    margin: 0;
    resize: none;
    background: #ddd;
}

.action-idea-block label {
    font-weight: bold;
}

.ProfileGallery.action-idea-block,
.ProfileGallery.action-idea-list-block {
    margin-bottom: 20px;
}

.ProfileGallery.action-idea-list-block a.btn {
    margin-bottom: 10px;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0;
    padding: 5px;
}

.ProfileGallery.action-idea-list-block .collapse.in {
    margin-bottom: 10px;
    background: #ddd;
    padding: 5px;
    margin-top: -10px;
    border-radius: 0 0 4px 4px;
    word-wrap: break-word;
}

.ProfileGallery.action-idea-list-block a.btn span {
    font-weight: normal;
    float: right;
}

.ProfileGallery.action-idea-list-block a[aria-expanded="true"] .fa-plus::before {
    font-family: 'FontAwesome';
    content: "\f068";
}

.admin-header-right {
    margin-right: 105px;
    margin-top: 15px;
}

.navbar-inverse .navbar-toolbar.admin-header-right>li>a:focus,
.navbar-inverse .navbar-toolbar.admin-header-right>li>a:hover {
    background-color: #464a4d;
    border-color: #464a4d;
}

.action-subject {
    display: inline-block;
    max-width: 90%;
}

.rjMarketplace ul {
    list-style: none;
}

.rjMarketplace label {
    font-weight: bold;
    margin-right: 5px;
}

.rjMarketplace-description {
    margin: 15px 0;
}

.progressg {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 1px;
    position: relative;
}

.barg {
    background-color: #18af9a;
    border-radius: 3px;
    height: 30px;
    width: 0;
}

.barg.hide {
    opacity: 0;
    transition: opacity 1.3s;
}

.percentg {
    position: absolute;
    color: #000;
    left: 0;
    right: 0;
    top: -4px;
}

p.swal-contents {
    margin: -10px 0 25px !important;
    border: 2px dashed #18af9a;
    padding: 10px !important;
}

.header-icon-story,
.header-icon-upload,
.header-icon-fmarket {
    display: none !important;
}

ul.more-settings {
    list-style: none;
    text-align: center;
    padding-left: 0;
}

.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li>ul.more-settings li a {
    color: #000 !important;
}

.error-message {
    display: inline-block;
}

#modalCommentTagPopup .FriendsCommonHeader,
#modalPostTagPopup .FriendsCommonHeader,
#modalReplyTagPopup .FriendsCommonHeader {
    border: 1px solid #e0e0e0;
    display: table;
    width: 100%;
    margin: 0 auto 5px;
    float: none;
    box-shadow: 0 0 12px #444;
    padding-bottom: 5px;
    /*position: relative;*/
    z-index: 10000 !important;
    top: 40px;
    left: 0;
    right: 0;
    background: #eee;
}

.commentTextAreaTag,
.postTextAreaTag,
.commentTextAreareplyTag {
    /*width: 64% !important;*/
    width: 55% !important;
}

.commentTextAreaTag,
postTextAreaTag,
.commentTextAreareplyTag {
    border-color: gray;
    border-style: solid;
    float: left;
    font-size: 100%;
    height: 30px;
    margin: 0 0 10px;
    min-height: 30px;
    padding: 3px;
    width: 82%;
}

.commentTextAreaTag,
.postTextAreaTag,
.commentTextAreareplyTag {
    border-radius: 7px !important;
}

.tag-suggestion-parent {
    position: relative;
}

.tag-suggestion-parent input.form-control {
    margin: 20px 0;
}

.tag-suggestion-parent .f-suggestions .FriendsCommonHeader {
    border: 1px solid #e0e0e0;
    display: table;
    width: 100%;
    margin: 0 auto 5px;
    float: none;
    box-shadow: 0 0 12px #444;
    padding-bottom: 5px;
    position: relative;
    z-index: 10000 !important;
    top: 55px;
    left: 0;
    right: 0;
    background: #eee;
}

.tag-holder .selectize-input,
.tag-holder .selectize-input:focus,
.tag-holder .selectize-input.focus,
.tag-holder .selectize-input:active,
.tag-holder .selectize-input.active {
    border: none !important;
    border-radius: 0;
    box-shadow: none;
}

.custom-error-page {
    width: 100%;
    height: 100%;
    float: left;
}

.custom-error-page img {
    width: 100%;
    height: auto;
}

#modelLiveVideo .modal-dialog {
    width: 1200px;
}

.commentHolder {
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal.fade.in {
    padding-right: 0 !important;
}

.video-commentBox .grey-bg textarea {
    padding-right: 30px;
}

.grey-bg {
    background: #efefef !important;
    border-radius: 6px;
    float: left;
    padding: 17px;
    width: 100%;
}

.grey-bg textarea {
    border: 2px solid #ccc;
    border-radius: 10px;
    height: 30px;
    width: 86%;
    text-indent: 10px;
}

.flip-clock-wrapper {
    margin: 0 !important;
}

.flip-clock-wrapper .flip {
    height: 30px;
    width: 20px;
}

.flip-clock-wrapper .flip a div {
    height: 50%;
}

.flip-clock-wrapper .flip .inn {
    font-size: 25px;
    line-height: 30px;
}

.flip-clock-divider:first-child {
    width: 0 !important;
}

.flip-clock-divider {
    width: 20px !important;
    height: 45px !important;
}

.flip-clock-dot.top {
    top: 25px !important;
}

.flip-clock-dot.bottom {
    bottom: 25px !important;
}

.flip-clock-divider .flip-clock-label {
    right: -45px !important;
}

.flip-clock-divider.minutes .flip-clock-label,
.flip-clock-divider.seconds .flip-clock-label {
    right: -50px !important;
}

.video-viewers {
    text-align: right;
}

.findGroupPopup {
    padding: 0;
}

.findGroupPopup .ListofFriends .widget {
    min-height: 270px;
    border: 1px solid #ccc;
}

.PageGroupTitle {
    min-height: 100px;
}

.findGroupPopup .ListofFriends .col-lg-6.margin-top-20 {
    margin-top: 0 !important;
}

.min_popup {
    width: 100%;
    margin: 0;
    float: left;
    background-color: #F7F7F9;
    padding: 15px;
    margin-bottom: 20px;
}

.w100p {
    width: 100% !important;
}

.min_popup_col {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    float: left;
    padding: 10px;
    width: 100%;
}

.text-info h2 {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    color: #444;
}

.text-info p {
    padding: 0px;
    margin: 5px 0;
    font-size: 14px;
    color: #444;
}

.InstructionRedText {
    font-size: 18px;
    color: #ff5603;
}

.bottom_buttons a.fa {
    background-color: #0a1156;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 16px;
    margin-right: 4px;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    width: 30px;
}

.bottom_buttons a.fa.fa-save {
    background-color: #FF5603;
}

.chat-content h1 {
    font-size: 20px;
}

.chat-content h2 {
    font-size: 18px;
    margin-top: 0;
}

.chat-content h3 {
    font-size: 16px;
}

.chat-content h4 {
    font-size: 14px;
}

.chat-content h5 {
    font-size: 12px;
}

.chat-content h6 {
    font-size: 10px;
}

.chat-content hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
}

.btn-icon-center i,
.btn-icon-center .fa {
    margin-right: 0;
}

.tooltip {
    background: none !important;
    min-width: 130px;
}

.record-live-modal {
    border: 1px solid #000;
    height: auto;
    margin-bottom: 20px;
    text-align: center;
    min-height: 200px;
}

.invitation-success {
    background: #008000;
    color: #fff;
    margin: 30px 10px;
    height: auto;
    font-size: 18px;
    padding: 5px;
    font-weight: bold;
    border-radius: 15px;
}

#modelLiveVideoPanels .modal-body {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.admin-idverify table.dataTable tbody th,
.admin-idverify table.dataTable tbody td:nth-child(5n) {
    min-width: 140px;
}

.admin-idverify table.dataTable tbody td:nth-child(5n) {
    padding: 5px !important;
}

.admin-idverify table.dataTable tbody td:nth-child(5n) .btn-action {
    padding: 5px 10px;
    margin-right: 5px;
    margin: 5px 5px 5px 0;
    text-transform: uppercase;
    font-size: 11px;
}

.admin-idverify table.dataTable tbody td:nth-child(5n) .btn-action:last-child {
    margin-right: 0;
}

.comments-list .media .media-body {
    width: 100% !important;
    overflow: auto !important;
    display: block !important;
}

#addProductOrService textarea,
#modalBarterOffer textarea {
    margin: 0;
}

#modalBarterInfo .form-horizontal .form-group label {
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}

#modalBarterInfo .form-horizontal .form-group label+div {
    background: #e8e8e8;
    color: #000;
    padding: 5px;
}

#modalBarterOffer .form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#modalBarterOffer .modal-body {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.btn-exchange {
    float: right;
}

.post-description {
    display: block;
}

.barter-offer .panel-heading {
    padding: 0;
}

.barter-offer .panel-body {
    padding: 0 !important;
}

.barter-offer h4.panel-title {
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
}

.panel-group .barter-offer .panel-title:focus,
.panel-group .barter-offer .panel-title:hover {
    color: #ccc;
    text-decoration: none;
}

.barter-offer h4.panel-title i {
    float: right;
}

.ticket {
    background: #eee;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 25px;
    position: relative;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.ticket::before,
.ticket::after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.ticket::after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

.barter-offer h4.panel-title[aria-expanded="true"] .fa::before {
    font-family: 'FontAwesome';
    content: "\f068";
}

.panel-group .barter-offer .panel-title::before,
.panel-group .barter-offer .panel-title::after {
    content: normal !important;
}

.panel-default.barter-offer>.panel-heading {
    background-color: rgba(10, 17, 86, 1);
    border-color: transparent;
}

.ticket .barter-details {
    margin-top: 10px;
}

.ticket .barter-details label {
    margin-bottom: 0;
}

.ticket ul li {
    list-style: none;
}

#modalViewBarterOffer .modal-body {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ticket img {
    width: 250px;
    height: 200px;
}

.long-nospace-text {
    white-space: normal;
    word-wrap: break-word;
}

.padding-left-0 {
    padding-left: 0;
}

.padding-right-0 {
    padding-right: 0;
}

.freedomWallet .panel .tab button {
    padding: 14px;
}

.text-md {
    font-size: 1em;
}

.ticket label {
    font-weight: 700;
}

#modalBarterOffer .modal-body label {
    font-weight: 700;
}

.radio-custom input[type=radio]:checked+label::before {
    border-color: #ccc !important;
    outline: none !important;
}

.radio-default input[type=radio]:checked+label::after {
    background: #3f51b5 !important;
    border: none !important;
}

.radio-custom label::after {
    top: 5px !important;
    left: 5px !important;
    width: 10px !important;
    height: 10px !important;
    outline: none !important;
}

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
.radio-custom input[type=radio]:focus+label::before {
    outline: none !important;
    outline-offset: 0 !important;
}

#addProductOrService .form-horizontal .control-label {
    text-align: left;
}

.widget-Ad-image img {
    height: 300px;
}

.topNewVideo {
    padding-bottom: 5px;
}

.topNewVideo ul {
    list-style: none;
    text-align: center;
    min-height: 50px;
}

.topNewVideo ul li {
    display: inline-block;
    width: 35%;
    font-size: 16px;
}

.topNewVideo ul li a {
    color: #000;
    font-weight: 700;
}


/* New TopmenuBar Start */

.nav.navbar-toolbar.new-menu.latest-menu>li.limenu>a,
.nav.navbar-toolbar.new-menu.latest-menu>li.dropdown>a {
    font-weight: bold !important;
    color: #000 !important;
    line-height: 35px;
    padding: 10px 15px !important;
    cursor: pointer;
}

.nav.navbar-toolbar.new-menu.latest-menu>li.dropdown>a {
    padding: 15px !important;
}

.navbar-inverse .navbar-toolbar.new-menu.latest-menu>li>a {
    color: #000;
}

.nav.navbar-toolbar.new-menu.latest-menu>li.limenu .avatar {
    width: 40px;
    height: 40px;
}

.nav.navbar-toolbar.new-menu.latest-menu>li.limenu .avatar img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border: 0 none;
    border-radius: 100%;
}


/* New TopmenuBar  Ends */

.CameraSmiley.replyPost {
    right: 0;
}

.CameraSmiley.replyPost>a {
    background: #363636;
    font-size: 14px;
    margin: 0 0 0 5px;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
}

.CameraSmiley.replyPost>a:hover {
    color: #ccc;
}


/* New Left Sidebar Starts */

.NewLeftSideBar {
    background: #fff;
    padding: 15px;
    border: none;
    border-radius: 10px;
    text-align: right;
}

.NewLeftSideBar ul {
    list-style: none;
    padding-left: 0;
}

.NewLeftSideBar ul li {
    margin-bottom: 10px;
    font-size: 12px;
}

.NewLeftSideBar ul li.BigText {
    font-size: 16px;
    margin-bottom: 5px;
}

.NewLeftSideBar ul li.BigText:nth-child(4n) {
    margin-bottom: 30px;
}

.NewLeftSideBar ul li a {
    color: #0A1156;
    font-weight: 700;
}

.NewLeftSideBar ul li.BigText a {
    color: #FF0000 !important;
}


/* New Left Sidebar Ends */

#modalLatestVideos .modal-dialog {
    width: 1200px;
}

#modalLatestVideos .videoimg {
    width: 100%;
    height: 110px;
    position: relative;
}

#modalLatestVideos .video-description {
    min-height: 140px;
}

#modalLatestVideos .hoverfordelete,
#modalLatestVideos .hoverforedit,
#modalLatestVideos .hoverdownload {
    display: none;
}

.imagePreview {
    margin-top: 10px;
}

.clock_Viewers {
    text-align: center;
}

#clock-countdown {
    text-align: center;
    display: inline-block;
}

.video-viewers {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

.flip-clock-divider .flip-clock-label {
    right: -65px !important;
}

.flip-clock-divider.minutes .flip-clock-label,
.flip-clock-divider.seconds .flip-clock-label {
    right: -70px !important;
}

.takeAction textarea {
    margin: 0 !important;
}

h3.actionTeamNewsfeed {
    background-color: #0A1156;
    text-align: center;
    color: #fff !important;
    margin-top: 2px;
}

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

#divFreedomMessage,
.panel.panelSubmitPost,
.panel.panelSubmitPost .widget {
    margin-bottom: 20px;
}

.takeAction {
    background-color: #fff;
    width: 100%;
    padding-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.Checkbox {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline;
}


/* Hide the browser's default checkbox */

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


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}


/* On mouse-over, add a grey background color */

.Checkbox:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.Checkbox input:checked~.checkmark {
    background-color: #0a1156;
}


/* Create the checkmark/indicator (hidden when not checked) */

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


/* Show the checkmark when checked */

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


/* Style the checkmark/indicator */

.Checkbox .checkmark::after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkractionadio {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline;
}


/* Hide the browser's default checkbox */

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

.checkradio {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.checkractionadio:hover input~.checkradio {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.checkractionadio input:checked~.checkradio {
    background-color: #0a1156;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

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


/* Show the indicator (dot/circle) when checked */

.checkractionadio input:checked~.checkradio::after {
    display: block;
}


/* Style the indicator (dot/circle) */

.checkractionadio .checkradio::after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

.form-horizontal.actionFeed .control-label {
    text-align: left;
}

.actionFeed {
    font-size: 14px;
}

td.dt-center.manageaction .btn {
    margin: 0 4px 4px 0;
}

.cryptocurrency {
    margin: 10px 0;
    /*padding: 10px;*/
    text-align: center;
    background: #eee;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 4px 7px 2px #a99d9d;
}

.cryptocurrency h3 {
    margin: 10px 0;
}

span.current-crypto-price {
    color: #ff5603;
}

.crypto_button .btn-group {
    float: right;
}

.crypto_button .btn-group button:first-child {
    margin-right: 5px;
}

.tag-suggestion-parent textarea {
    width: 100% !important;
}

ul.nav.navbar-toolbar.new-menu.latest-menu {
    float: none;
    display: inline-block;
    text-align: center;
}

ul.nav.navbar-toolbar.new-menu.latest-menu>li {
    float: none;
    display: inline-block;
    padding: 0px 6px;
    vertical-align: middle;
    position: relative;
}

#divOrderPaymentPreview .modal-dialog {
    width: 1000px;
}

#divOrderPaymentPreview .control-label {
    text-align: left!important;
}

#divOrderPaymentPreview .purchase-terms {
    margin-top: 0px!important;
}

li.dropdown.open .dropdown-backdrop,
.PostArrow.open .dropdown-backdrop {
    display: none
}

div#ContentPlaceHolder1_divSubmitPost.panel.panelSubmitPost {
    z-index: 10;
}

.panel-body.nav-tabs-animate.nav-tabs-horizontal.widget.padding-15 {
    z-index: 100;
}

.navbar-post-posted li.suggest-keywords {
    text-align: left;
    display: block;
}

.suggest-keywords .tag-suggestion-parent input.form-control {
    margin: 0;
}

.jw-state-idle .jw-controls {
    background-color: transparent !important;
}

.jw-controls-backdrop {
    background: none !important;
}

.post-label {
    color: #0b1156;
    font-size: 15px;
    font-weight: bold;
}

#post-inside .folded {
    overflow: hidden;
    height: 88px;
    transition: height 1s;
}

#post-inside .unfolded {
    overflow: visible;
    height: auto;
    transition: height 1s;
}

.post-description ol {
    list-style-type: none;
}

.right-side-posted ul.nav.nav-tabs.nav-tabs-line li.story-radio-option {
    width: auto;
    color: #0b1156;
    float: right;
}

.right-side-posted ul.nav.nav-tabs.nav-tabs-line li.story-radio-option label {
    margin-right: 5px;
}

.right-side-posted ul.nav.nav-tabs.nav-tabs-line li.story-radio-option label:last-child {
    margin-right: 0;
}

.nf-timeline-one .LargeText iframe {
    height: 330px !important;
}

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

.m-t-0 {
    margin-top: 0;
}

.post-count p.m-t-10 {
    margin-top: 10px;
}

.paidPostBlock {
    background: #d0cfcf;
    padding: 5px 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.CreateBox .list-group-item span {
    display: block;
    text-align: center;
}

.CreateBox .list-group-item {
    padding: 0;
}

.CreateBox .post-count {
    font-size: 12px;
    color: #000066;
    font-weight: 700;
}

.CreateBox .post-count strong {
    font-weight: 700;
}

.post-count p {
    margin: 0;
}

.post-count a {
    text-decoration: underline !important;
    color: #fe5603;
}

.CreateBox .list-group-item span:first-child {
    color: #000066;
    font-size: 12px;
}

.CreateBox .list-group-item span:first-child+a span {
    color: #ff0000;
}

.ProfileCommon .f-exchange h3 {
    margin: 0;
    line-height: normal;
    padding: 0;
    border-bottom: none;
}

.borderset {
    border: 1px solid transparent;
    border-color: #0b1156;
}

.ck.ck-editor {
    border: 1px solid transparent;
    border-color: #0b1156!important;
    border-radius: 3px;
}

.ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
    border-bottom: 1px solid transparent;
    border-bottom-color: #0b1156!important;
}

.setwidth {
    width: calc(100% - 30px);
    float: left;
}

.dropdown-post .custom-select .select-selected {
    border-radius: 3px;
}

.navbar-post-posted>li.dealPro>a {
    border: none;
    padding: 0;
    border-radius: 0;
    background: none;
}

.PostSliderMore {
    padding: 0 10px;
    float: right;
}

.txtareachannel {
    margin-left: 0px;
}

.new-popup .help-block {
    font-size: 12px;
    color: #424242;
}

.new-popup .help-block ul {
    padding-left: 0px;
}

#postslider .post-discription p {
    overflow: hidden;
    text-overflow: ellipsis;
}

#postslider h2 {
    font-size: 14px;
}

#postslider .post-discription {
    min-height: 105px;
    max-height: 105px;
}

#vibepanel .AnchorVibe a:active,
#vibepanel .AnchorVibe a.active {
    color: #ff5603;
}

.custom-btn-blue.btn-blue {
    background: #0b1156;
    color: #fff;
}

.custom-btn-blue.btn-blue i {
    color: #fff;
}

#modalVideoHelp ul {
    list-style-type: none;
    padding-left: 0;
}

#modalVideoHelp li {
    margin-bottom: 5px;
}

#modalVideoHelp li span {
    margin-right: 5px;
}


/*ul.nav.navbar-toolbar.new-menu.latest-menu > li.dropdown.middle-align {
    top: 0;
}*/

.nav.navbar-toolbar.new-menu.latest-menu>li.dropdown>a {
    overflow: visible;
}

.notify-counter {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #0A1156;
    border-radius: 50%;
    font-size: 10px;
    line-height: 20px;
    top: 3px;
    right: -12px;
    color: #fff;
    text-align: center;
}

.notify-counter:empty {
    display: none;
}

.noDataDisplay {
    color: #ff0000;
    margin-bottom: 30px;
    background: #fff;
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 16px;
}

.freedom-view {
    margin-bottom: 11px;
}

.freedom-view li {
    list-style: none;
    display: inline-block;
}

.freedom-view span {
    margin-right: 10px;
    font-size: 17px;
}

.container.actionCampaignPost .actionFeed .form-group {
    margin-bottom: 0;
}

.SocialBtns .widget-actions a {
    margin-right: 4px !important;
}


/************* Responsive Css Starts ************************/

@media (max-width:575px) {
    .TimeLineMenu ul li.mobile-menutoggle-option {
        display: inline-block !important
    }
    .fb-profile-text .input-group-btn>div#divLikeButton {
        display: none !important
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: sticky !important
    }
    .TimeLineMenu ul {
        text-align: right
    }
    .TimeLineMenu ul li a {
        font-size: 13px;
        padding: 0 9px !important;
    }
    .mobile-menutoggle-option.open>.dropdown-menu {
        left: unset !important;
        right: 0px !important;
        width: auto;
        text-align: left;
    }
    .mobile-menutoggle-option>.btn:hover,
    .mobile-menutoggle-option>.btn:focus,
    .mobile-menutoggle-option.open>.dropdown-toggle.btn-info {
        color: #3949ab !important;
        background-color: #eaeaea !important;
        border: 0px solid #3949ab !important;
    }
    .navbar-fixed-top {
        position: fixed !important;
    }
}

@media (max-width:420px) {
    .searc-option-tabs ul {
        display: block
    }
    .searc-option-tabs ul li:last-child {
        width: 100%;
    }
}

@media only screen and (min-device-width: 1600px) {
    /*.fb-profile-text .input-group-btn > div#divLikeButton .dropdown-menu.pull-right {right: 200px;}*/
    .height-after-fb-profile {
        height: 103px;
    }
    .fb-profile.fb-cover-pic {
        margin-top: 0 !important;
    }
}

@media only screen and (min-device-width: 1599px) {
    .fb-profile-text .input-group-btn>h5 {
        display: block;
        width: 100%;
    }
    .fb-profile-text .input-group-btn>div#divLikeButton,
    .fb-profile-text .input-group-btn>div#divGroupButton {
        display: table;
        float: right;
    }
    .register-profile .PicAvatar {
        max-height: 300px;
        height: 300px;
        min-height: 300px;
    }
    /*.fb-profile-text .input-group-btn.fb-profile-btn > h5 {
        display: table; width: auto;
    }*/
    .fb-profile-text .input-group-btn.fb-profile-btn>h5 {
        display: block;
        width: 100%;
        text-align: left;
    }
    .PrivateUnjoinedView {
        min-height: 45px;
    }
}

@media only screen and (max-device-width: 1599px) {
    .admin-idverify {
        overflow: auto;
    }
    .page.animsition.FeedPage.freedomcoinBar {
        max-width: 100%;
    }
    .fb-cover-pic .profile-pic {
        margin: -122px 0 10px 5px;
    }
    .fb-cover-pic .profile-pic .fb-image-profile.thumbnail {
        height: 150px !important;
        width: 150px !important;
    }
    .featured-inner-div.feature-links>ul {
        margin-bottom: 30px;
    }
    .MainCoverDiv.profile-banner+.clearfix {
        display: none;
    }
    .fb-profile .MainCoverDiv.profile-banner img.fb-image-lg {
        height: 100%;
    }
    .fb-profile-text.profile-banner-text {
        position: static;
        top: initial;
    }
}

@media only screen and (max-device-width: 1460px) {
    .FeedPage.freedomcoinBar .page-content .widget-content .f-exchange .col-md-6.col-lg-6 {
        margin-right: 0;
        width: 50% !important;
    }
    .content-box label {
        font-size: 12px;
    }
}

@media only screen and (max-device-width: 1400px) {
    .modal-body.paidpopup .tabcontent {
        max-height: 550px;
    }
}

@media only screen and (min-device-width: 1351px) and (max-device-width: 1600px) {
    .counter-number-text {
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 200px;
    }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1350px) {
    .counter-number-text {
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 160px;
    }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1599px) {
    .fb-profile-text .input-group-btn>div#divLikeButton {
        display: table;
        float: right;
    }
    .register-profile .PicAvatar {
        max-height: 200px;
        height: 200px;
        min-height: 200px;
    }
    .page-aside+.page-main {
        margin-left: 162px !important;
    }
}

@media only screen and (min-device-width: 1286px) and (max-device-width: 1400px) {
    .f-exchange.other-amount h3 span {
        font-size: 12px !important;
        margin-top: 5px !important;
    }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1285px) {
    .f-exchange.other-amount h3 span {
        font-size: 11px !important;
        margin-top: 5px !important;
    }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1366px) {
    .page-content {
        padding: 30px 0;
        /*margin: 0 -30px;*/
    }
}

@media only screen and (min-device-width: 1138px) and (max-device-width: 1450px) {
    #iframe_freedomCoin_Signup {
        margin-top: -185px;
    }
}

@media only screen and (min-device-width: 1200px) {
    .nf-timeline-v-button {
        margin-bottom: 10px !important;
    }
    .nf-timeline-v-button #btnViewMore {
        margin: 20px 0 10px;
    }
}

@media screen and (max-width: 1200px) {
    #modelLiveVideo .modal-dialog,
    #modalLatestVideos .modal-dialog {
        width: 98%;
    }
}

@media only screen and (max-device-width: 1199px) {
    .purchase-limit {
        float: none;
        margin-bottom: 15px;
        text-align: center;
    }
    .f-logo {
        text-align: center;
    }
    .fb-profile-text .input-group-btn>div#divLikeButton {
        display: table;
    }
    .fb-image-profile {
        width: 150px !important;
        height: 150px !important;
    }
    .TimeLineMenu {
        margin-bottom: 5px !important;
        min-height: 40px !important;
        top: 0 !important;
        padding-left: 0 !important;
        float: none !important;
        display: inline-block;
        text-align: right;
    }
    .TimeLineMenu ul li {
        float: none !important;
        display: inline-block;
    }
    .TimeLineMenu ul li a {
        line-height: 40px !important;
        padding: 12px !important;
    }
    .profile-pic .UpLoadPic .btn {
        font-size: 12px;
        padding: 5px;
    }
    .sss-1776-pa button[type="button"] {
        margin-top: 10px;
    }
    #divOrderPaymentPreview .modal-dialog.modal-lg {
        width: 100% !important;
    }
    #modalAdditional1776 .modal-dialog {
        width: 95% !important;
        box-sizing: content-box;
    }
    .reporting-table>.row>.col-sm-8 {
        width: 66.66666667%;
    }
    #modalMinutemenVerification .modal-dialog {
        width: auto;
        margin: 10px;
    }
    .PersonHoverDiv,
    .PersonHoverDivOLd {
        width: 450px;
    }
    body.site-admin .admin-header-right {
        margin-right: 0;
    }
    body.site-admin .navbar-brand {
        padding: 12px 0;
    }
}

@media only screen and (max-device-width: 1100px) {
    .PersonHoverDiv,
    .PersonHoverDivOLd {
        width: 400px;
    }
    .PersonHoverDiv .FuterDiv .btn-group .btn {
        padding: 5px;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
    .fb-profile-text .input-group-btn>div#divLikeButton {
        display: block !important;
        text-align: right;
    }
    div[id^="divCommentText"]>iframe {
        height: 300px;
    }
    .register-profile .PicAvatar {
        max-height: 150px;
        height: 150px;
        min-height: 150px;
    }
}

@media only screen and (max-device-width: 991px) {
    .fb-profile .TimeLineMenu {
        z-index: 1;
    }
    div[id^="divCommentText"]>iframe {
        height: 250px;
    }
    .page-aside+.page-main {
        margin-left: 170px !important;
    }
    .eCheck-form .form-group [class^="col"]:nth-child(2) .form-control {
        margin-bottom: 20px;
    }
    .referrer_listing h3 {
        padding: 0 !important;
    }
    .referal_count,
    .sss_count {
        margin-bottom: 10px;
    }
    #modelLiveVideoPanels {
        width: 95% !important;
    }
    .PersonHoverDiv,
    .PersonHoverDivOLd {
        width: 380px;
    }
}

@media only screen and (max-device-width: 991px) {
    .SocialBtns .widget-actions a {
        margin-right: 0 !important;
    }
    a.SocialMediaItem img {
        width: 25px;
        height: 25px;
    }
}

@media only screen and (max-device-width: 850px) {
    .PersonHoverDiv,
    .PersonHoverDivOLd {
        width: 300px;
    }
    .PersonHoverDiv .FuterDiv .btn-group .btn {
        padding: 5px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-device-width: 800px) {
    #modelChannelCreditCardPayment .modal-dialog,
    #modalmasternodeecheck .modal-dialog {
        width: auto;
    }
    #modelChannelCreditCardPaymnt .modal-dialog {
        width: auto;
    }
    .Claim_1776 .modal-dialog {
        width: auto;
        margin: 10px;
    }
    .Claim_1776 .modal-body {
        height: 400px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
    .LargeText iframe {
        height: auto;
    }
    .comment-ytube iframe,
    .ReplyText iframe {
        height: auto !important;
    }
}

@media only screen and (max-device-width: 768px) {
    .fb-image-profile {
        z-index: inherit !important;
    }
}

@media only screen and (min-width: 768px) {
    .site-navbar .navbar-container {
        margin-left: 0 !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .fb-profile-text .input-group-btn>div#divLikeButton {
        display: table;
        float: right;
    }
    .register-profile .PicAvatar {
        max-height: 250px;
        height: 250px;
        min-height: 250px;
    }
    .page.animsition.AdminPage {
        max-width: none;
    }
    body.site-admin .site-navbar {
        padding-left: 5px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 875px) {
    .commentTextAreareply {
        width: 68%;
    }
}

@media only screen and (max-device-width: 767px) {
    .widget {
        margin-bottom: 30px !important;
    }
    .FeedPage.freedomcoinBar .page-content .widget-content .f-exchange .col-xs-6 {
        margin-right: 0;
        width: 50% !important;
    }
    .fb-image-profile {
        width: 100px !important;
        height: 100px !important;
    }
    ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu {
        text-align: center !important;
        width: 100% !important;
    }
    ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li:first-child+li+li+li,
    ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li:first-child+li+li+li+li,
    ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li:first-child+li+li+li+li+li {
        margin-left: auto !important;
    }
    ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li {
        display: inline-block !important;
        float: none !important;
    }
    .navbar-header {
        display: none;
    }
    .navbar-header.view-post-header-logo {
        display: block;
    }
    .navbar-header.view-post-header-logo .navbar-brand-center {
        left: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: none;
    }
    .collapse.navbar-collapse.in.navbar-collapse-toolbar {
        border: medium none;
        margin: auto;
        width: 100%;
    }
    .StatusUpdate .panel-body #activities>div {
        text-align: center;
        width: 100%;
    }
    .StatusUpdate .panel-body #activities>div .btn-group .btn {
        padding: 6px 8px !important;
    }
    .FeedPage .page-content .widget-content .f-exchange .col-lg-6.col-sm-6 {
        margin-right: 0 !important;
        width: 50% !important;
    }
    /*.OnlyMobileMenu > a {float: none !important; position: absolute; right: 10px !important; top: 10px !important;}*/
    .OnlyMobileMenu>a {
        float: none !important;
        position: absolute;
        right: inherit !important;
        top: 20px !important;
        left: 10px;
    }
    .latest-menu .OnlyMobileMenu #collapseSide {
        min-height: 500px;
        overflow-y: auto;
    }
    ul.nav.navbar-toolbar.new-menu.latest-menu {
        float: left;
        width: 100%;
        text-align: center;
    }
    ul.nav.navbar-toolbar.new-menu.latest-menu>li {
        float: none;
        display: inline-block;
        padding: 0px;
    }
    .OnlyMobileMenu {
        margin-right: 0 !important;
    }
    .qr-code {
        height: auto;
        display: block;
        width: 100%;
    }
    .qr-image {
        float: none;
        text-align: center;
    }
    #AddMemberNotInGroup .modal-dialog.modal-center {
        -moz-box-pack: center;
        display: block;
        flex-flow: nowrap;
        height: auto;
        margin: 10px;
        place-content: normal;
    }
    .page.animsition.FeedPage .container-fluid .vsearchresults .row {
        float: none !important;
    }
    .vsearchresults .search-list .video-description .title-text,
    .vsearchresults .recomment-videos p {
        width: 100%;
        overflow: auto;
        white-space: normal;
        text-overflow: initial;
    }
    .clsLnkSeeMore {
        margin-left: 5px;
    }
    .FbGroupView .ProfileGallery {
        margin-top: 0 !important;
    }
    .page-aside.full-width .page-aside-inner {
        opacity: 1 !important;
    }
    .page-main.full-width {
        margin-top: 85px;
    }
    .page-main.full-width .panel-title #chatWithIdentity {
        text-align: center !important;
        display: inline-block !important;
    }
    .page-main.full-width .panel-title {
        text-align: center;
        width: 100%;
    }
    .page-main.full-width .panel-title>a {
        display: inline-block !important;
        float: none !important;
        text-align: center !important;
    }
    .page.animsition.msg-header {
        margin-top: -60px !important;
    }
    .ProfileGallery .image-wrap {
        height: 100px;
    }
    .ProfileGallery .image-wrap img {
        height: 100px !important;
    }
    .FriendNameHeader {
        margin: 13px 10px 0 20px;
    }
    .select-dropdown {
        margin-bottom: 10px;
    }
    .CoverMenu {
        bottom: 10px;
    }
    .FbGroupView .ProfileGallery.user-profile {
        display: none;
    }
    /** Ordering Change of Contact List **/
    .message-contact-list {
        /*display: table;*/
        display: block;
    }
    .LeftBar.Messages {
        display: table-row-group;
    }
    .chat-window {
        display: table-header-group;
    }
    .message-contact-list .chat-window {
        display: block;
    }
    .message-rightbar {
        margin-top: 80px;
    }
    /** Ordering Change of Contact List **/
    .fb-profile.fb-cover-pic .MainCoverDiv {
        float: none;
        margin-top: 20px;
    }
    .profile-pic a:hover .UpLoadPic,
    .fb-profile a:hover .UpLoadPic {
        display: none !important;
    }
    .fb-profile-text>h3 {
        display: block;
        font-size: 20px;
        padding: 10px !important;
        position: relative;
        text-align: center !important;
        top: initial !important;
        margin-top: 0;
    }
    .input-group-btn>h5 {
        float: none !important;
    }
    .fb-profile-text .input-group-btn {
        text-align: center !important;
    }
    .fb-profile-text .input-group-btn>div#divLikeButton {
        display: block !important;
    }
    div[id^="divCommentText"]>iframe {
        height: 450px;
    }
    .freedom-coinEx-rightbar {
        float: left;
    }
    .fb-profile-text .input-group-btn>div#divLikeButton .dropdown-menu.pull-right {
        right: 35px !important;
    }
    .register-profile .PicAvatar {
        max-height: 550px;
        height: 550px;
        min-height: 550px;
    }
    .page.animsition.FeedPage.other-content {
        top: 20px;
    }
    .navbar-toolbar>li>a {
        min-height: initial !important;
    }
    .blank-p {
        display: none;
    }
    .fb-cover-pic .profile-pic {
        margin: -87px 0 0 5px;
        position: absolute;
    }
    #modelNewsMedia .modal-dialog {
        margin: 10px auto;
    }
    .fb-profile-text .input-group-btn .CoverMenu {
        float: none;
    }
    .fb-profile-text .input-group-btn .CoverMenu li {
        display: inline-block;
        float: none;
    }
    #modelStoryConfirm .modal-dialog {
        width: 96%;
    }
    #modelLiveVideo {
        padding-right: 0 !important;
    }
    #modelLiveVideo .modal-dialog,
    #modelCreateStory .modal-dialog {
        width: 96% !important;
    }
    .navbar-toolbar>li.dropdown>a {
        line-height: 0 !important;
        padding-bottom: 5px !important;
        padding-top: 0 !important;
        min-height: inherit;
    }
    .page.animsition.FeedPage {
        /*top: -5px !important;*/
        top: 0px !important;
    }
    .PhotoGrid .page-header {
        padding: 30px 10px 10px !important;
    }
    .app-media .PhotoGrid .media-list {
        padding: 10px !important;
    }
    .page.animsition.FeedPage .page-content {
        margin-top: -25px;
    }
    .fb-profile.fb-cover-pic {
        margin-top: 0 !important;
    }
    .next-step-pay-opt {
        text-align: center;
    }
    .next-step-pay-opt .divider-pipe {
        display: none;
    }
    .wallet-download {
        border-right: none;
    }
    .token-details {
        border-right: 0;
    }
    .rightbar-video.all-feature {
        display: none;
    }
    .reporting-table>.row>.col-sm-8 {
        width: 100%;
    }
    .page.animsition.FeedPage.other-content.mb-nf-menu {
        margin-top: -62px !important;
    }
    #modalClaimFalse .modal-body {
        max-height: 600px;
        overflow-x: hidden;
        overflow-y: visible;
    }
    ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.header-icon-fmarket {
        display: none !important;
    }
    ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.header-icon-msg-settings {
        vertical-align: text-bottom;
    }
    .timeline.timeline-icon.nf-timeline {
        margin-bottom: 0 !important;
    }
    .nf-timeline-v-button {
        margin-bottom: 10px !important;
    }
    .nf-timeline-v-button #btnViewMore {
        margin: 20px 0 10px;
    }
    .flip-clock-wrapper ul {
        float: none !important;
        display: inline-block !important;
    }
    .flip-clock-divider {
        float: none !important;
        display: inline-block !important;
    }
    .flip-clock-dot.top {
        top: 30px !important;
    }
    .flip-clock-dot.bottom {
        bottom: 22px !important;
    }
    .video-viewers {
        text-align: center;
    }
    body.viewPostExt .page.animsition.FeedPage {
        top: 0 !important;
        margin-top: 0!important;
    }
    body.viewPostExt .page.animsition.FeedPage .page-content {
        margin-top: 0;
    }
    body.viewPostExt .NewsFeedImageThumb {
        width: auto !important;
        display: inline-block;
    }
    body.viewPostExt .comments-list .media .media-body {
        float: none !important;
        width: auto !important;
        top: 0 !important;
    }
    .findGroupPopup .ListofFriends .widget .widget-body {
        padding: 0 10px !important;
        text-align: center;
    }
    #modalRecordLiveTitle .modal-dialog,
    #modalSelectChannel .modal-dialog {
        width: auto;
        margin: 10px;
    }
    .PersonHoverDiv .FuterDiv .btn-group {
        width: 100%;
    }
    .SocialBtns .widget-actions a {
        margin-right: 4px !important;
    }
    a.SocialMediaItem img {
        width: 34px;
        height: 34px;
    }
    #modalBarterInfo .form-horizontal .form-group label {
        border-bottom: none;
        padding-left: 0;
    }
    #modalBarterInfo .modal-center {
        display: block;
    }
    #modalBarterInfo .modal-dialog {
        width: 98%;
        margin: 30px auto !important;
    }
    .LargeText.fbook.padding-left-0.padding-right-0 {
        padding: 10px;
    }
    .ReplYBoxMain .CameraSmiley {
        top: 0 !important;
    }
    .CameraSmiley.replyPost {
        position: absolute !important;
    }
    .commentTextAreareply {
        position: relative;
        z-index: 100;
    }
    #modalLatestVideos .videoimg {
        height: 300px;
    }
    #modalLatestVideos .modal-dialog {
        width: auto;
    }
    .action-team {
        padding-top: 20px;
    }
    .OnlyMobileMenu {
        width: 100%;
    }
    .NewLeftSideBar {
        text-align: center;
    }
    .chat-window .commentTextArea {
        width: 100% !important;
    }
    #divFreedomMessageHeader h3,
    h3.actionTeamNewsfeed,
    #divFreedomnfview {
        clear: both;
        margin-bottom: 0;
    }
    .tag-holder .btn {
        margin-bottom: 10px;
    }
    #modalCommentTagPopup .modal-dialog {
        margin: 10px !important;
    }
    .right-side-posted ul.nav.nav-tabs.nav-tabs-line li {
        width: auto;
    }
    .right-side-posted ul.nav.nav-tabs.nav-tabs-line li.story-radio-option {
        width: auto;
        color: #0b1156;
        float: right;
    }
    .right-side-posted ul.nav.nav-tabs.nav-tabs-line li a i {
        margin-right: 5px;
    }
    .right-side-posted ul.nav.nav-tabs.nav-tabs-line li.story-radio-option label {
        margin-right: 0;
    }
    body.site-admin .navbar-header {
        display: block;
    }
    body.site-admin .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .mobile-menu li {
        float: left;
        width: 33.333%;
        box-sizing: border-box;
        padding: 0;
    }
    .mobile-menu li a {
        padding: 5px;
        display: block;
    }
    .site-navbar.navbar-inverse .navbar-toolbar>li.sign {
        margin: 10px 0;
    }
    .site-navbar.navbar-inverse .navbar-toolbar>li.sign>a {
        color: #fff;
    }
}

@media screen and (max-width: 767px) {
    #ContentPlaceHolder1_divSubmitPostformobile {
        display: block!important;
    }
    #ContentPlaceHolder1_divSubmitPost {
        display: none!important;
    }
    .adminsubmitposts#ContentPlaceHolder1_divSubmitPost {
        display: block!important;
        margin-top: 50px;
    }
}

@media only screen and (min-device-width: 640px) and (max-device-width: 767px) {
    .fb-profile-text .input-group-btn>div#divLikeButton .dropdown-menu.pull-right {
        right: 85px !important;
    }
}

@media only screen and (max-device-width: 640px) {
    .input-group-btn.fb-profile-btn #h4Members {
        float: none;
        text-align: center;
    }
    .input-group-btn.fb-profile-btn {
        text-align: left;
    }
    .TimeLineMenu {
        text-align: center;
    }
    .fb-cover-pic .profile-pic .fb-image-profile.thumbnail {
        height: 100px !important;
        width: 100px !important;
    }
    body.push-menu #wrapper.toggled #sidebar-wrapper,
    body.push-menu .sidebar-nav {
        width: 98%;
    }
    body.push-menu .hamburger {
        right: 25px;
        top: 30px;
    }
    .register-profile .PicAvatar {
        max-height: 450px;
        height: 450px;
        min-height: 450px;
    }
    .nav.navbar-toolbar.new-menu.latest-menu>li.limenu>a {
        padding: 10px 5px !important;
    }
    .nav.navbar-toolbar.new-menu.latest-menu>li.dropdown>a {
        padding: 15px 5px !important;
    }
}

@media only screen and (min-device-width: 575px) {
    #modalCreateChannelPhotoPaid .PicAvatar,
    #modalCreateChannelPhoto .PicAvatar {
        min-height: 450px !important;
        max-height: 450px !important;
    }
    #modalCreateChannelPhotoPaid .PicAvatar #imgProfilePicPaid,
    #modalCreateChannelPhoto .PicAvatar #imgProfilePic {
        height: 450px !important;
    }
}

@media only screen and (max-device-width: 575px) {
    .mobile-menu li {
        width: 50%;
    }
}

@media only screen and (max-device-width: 567px) {
    .ProfileCommon.view-post-profile {
        margin-top: 60px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 767px) {
    .navbar-right .avatar {
        top: -15px;
    }
    .mPlace {
        margin-top: 25px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 574px) {
    #modalCreateChannelPhotoPaid .PicAvatar,
    #modalCreateChannelPhoto .PicAvatar {
        min-height: 350px !important;
        max-height: 350px !important;
    }
    #modalCreateChannelPhotoPaid .PicAvatar #imgProfilePicPaid,
    #modalCreateChannelPhoto .PicAvatar #imgProfilePic {
        height: 350px !important;
    }
    .nav>li.dropdown>a {
        padding: 10px 2px !important;
    }
    .navbar-toolbar>li.dropdown>a {
        padding-bottom: 5px !important;
        padding-top: 0 !important;
    }
}

@media only screen and (max-device-width: 550px) {
    .register-profile .PicAvatar {
        max-height: 400px;
        height: 400px;
        min-height: 400px;
    }
    .topNewVideo ul li {
        width: 45%;
    }
    .nav.navbar-toolbar.new-menu.latest-menu>li.limenu>a {
        padding: 10px 5px !important;
    }
    .nav.navbar-toolbar.new-menu.latest-menu>li.dropdown>a {
        padding: 15px 5px !important;
    }
}

@media only screen and (min-device-width: 480px) {
    .usebreak.clearfix {
        display: none;
    }
}

@media only screen and (max-device-width: 480px) {
    /*#divNewsFeed {margin-top: 10px !important;}*/
    /*.OnlyMobileMenu > a {top: 75px !important;}*/
    .user-profile-pic .ProfileGallery.user-profile {
        margin-top: 50px;
    }
    .freedomWallet ul li:nth-child(3),
    .freedomWallet ul li:nth-child(4) {
        font-size: 13px;
        text-align: left;
        width: 47%;
    }
    .freedomWallet ul li:nth-child(3) a img,
    .freedomWallet ul li:nth-child(4) a img {
        float: left;
        padding-right: 5px;
    }
    .page.animsition.msg-header {
        margin-top: -30px !important;
    }
    .CoverMenu {
        bottom: -90px;
    }
    div[id^="divCommentText"]>iframe {
        height: 250px;
    }
    .fb-cover-pic .profile-pic {
        margin: -60px 0 0 5px;
    }
    .fb-cover-pic .profile-pic .fb-image-profile.thumbnail {
        height: 70px !important;
        width: 70px !important;
    }
    #modalCreateChannelPhotoPaid .PicAvatar,
    #modalCreateChannelPhoto .PicAvatar {
        min-height: 290px !important;
        max-height: 290px !important;
    }
    #modalCreateChannelPhotoPaid .PicAvatar #imgProfilePicPaid,
    #modalCreateChannelPhoto .PicAvatar #imgProfilePic {
        height: 290px !important;
    }
    .register-profile .PicAvatar {
        max-height: 290px;
        height: 290px;
        min-height: 290px;
    }
    .page.animsition.FeedPage.other-content {
        top: 20px !important;
    }
    body.push-menu .hamburger {
        right: 25px;
        top: 40px;
    }
    .page.animsition.FeedPage {
        margin-top: 0 !important;
    }
    #divBodyContent {
        margin-top: 10px !important;
    }
    .wallet-link {
        display: block;
    }
    .freedomWallet ul li:nth-child(3) {
        padding-left: 77px;
    }
    .nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.limenu {
        width: auto;
        padding: 0 25px;
    }
    .navbar-right .limenu .avatar {
        top: -15px;
    }
    .nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.limenu>a {
        text-align: left;
    }
    #divMyPhotos #ulMyPics li {
        min-height: initial !important;
    }
    /*.live-stat {margin-top: 60px;}*/
    .page.animsition.FeedPage .page-content {
        margin-top: -35px;
    }
    /*.page.animsition.FeedPage {top: -10px !important;}*/
    .page.animsition.FeedPage.other-content.mb-nf-menu {
        margin-top: -30px !important;
        padding-top: 10px;
    }
    ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.header-icon-msg-settings {
        vertical-align: top;
    }
    ul.more-settings {
        text-align: left;
    }
    .nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li>ul.more-settings li a>i.icon.md-more {
        font-size: 30px !important;
    }
    /*select.form-control.nf-group-dropdown, select.form-control.nf-group-dropdown option{font-size:12px;}*/
    .topNewVideo ul li {
        width: 48%;
        font-size: 14px;
    }
    .nav.navbar-toolbar.new-menu.latest-menu>li.dropdown>a {
        padding: 0px 5px 10px !important;
    }
    #modalLatestVideos .videoimg {
        height: 200px;
    }
    .jwplayer.jw-flag-aspect-mode,
    .LargeText iframe {
        height: 250px !important;
    }
    .mobile-menu li {
        width: 100%;
    }
}

@media only screen and (max-device-width: 479px) {
    .live-stat {
        margin-top: 30px;
    }
}

@media only screen and (max-device-width: 475px) {
    .freedomWallet ul li:nth-child(3) {
        padding-left: 4%;
        width: 40% !important;
    }
}

@media only screen and (max-device-width: 473px) {
    .input-group-btn.fb-profile-btn,
    .input-group-btn.fb-profile-btn #h4Members {
        text-align: center;
    }
    .input-group-btn.fb-profile-btn {
        padding-right: 0;
    }
}

@media only screen and (min-device-width: 455px) and (max-device-width: 475px) {
    .freedomWallet ul li:nth-child(3),
    .freedomWallet ul li:nth-child(4) {
        font-size: 14px;
        width: 36%;
    }
}

@media only screen and (max-device-width: 450px) {
    .SocialBtns .widget-actions a {
        margin-right: 3px !important;
    }
    .SocialBtns .widget-actions a img {
        height: 22px;
        width: 22px;
    }
    .TimeLineMenu ul li a {
        font-size: 11px;
        line-height: 30px !important;
    }
    .TimeLineMenu ul li {
        line-height: 30px !important;
    }
}

@media only screen and (max-device-width: 445px) {
    .nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.limenu {
        padding: 0 10px;
    }
    body.viewPostExt .page.animsition.FeedPage .page-content .timeline-content .CommentBox .SocialBtns .widget-actions {
        text-align: center;
    }
    body.viewPostExt .page.animsition.FeedPage .page-content .timeline-content .CommentBox .SocialBtns .widget-actions a {
        min-width: 30px;
        padding: 5px;
        margin-right: 0 !important;
    }
}

@media only screen and (max-device-width: 425px) {
    .TimeLineMenu ul li a {
        font-size: 11px;
        padding: 0 2px !important;
    }
}

@media only screen and (min-device-width: 416px) and (max-device-width: 454px) {
    .freedomWallet ul li:nth-child(3),
    .freedomWallet ul li:nth-child(4) {
        font-size: 13px;
        width: 37%;
    }
}

@media only screen and (max-device-width: 408px) {
    .ProfileGallery {
        margin-bottom: 20px;
    }
}

@media only screen and (max-device-width: 400px) {
    .fb-profile-text .input-group-btn>div#divLikeButton .btn.btn-primary.waves-effect.waves-light.waves-effect.waves-light.waves-effect.waves-light.waves-effect.waves-light,
    .fb-profile-text .input-group-btn>div#divLikeButton .btn.btn-default.dropdown-toggle.waves-effect.waves-light.wave-bg.waves-effect.waves-light {
        padding: 3px !important;
        width: auto !important;
    }
    .LargeText iframe {
        height: auto;
    }
    .comment-ytube iframe,
    .ReplyText iframe {
        height: auto !important;
    }
    .fb-profile-text .input-group-btn .CoverMenu li a {
        padding: 8px 3px;
    }
    .fb-profile-text .input-group-btn .CoverMenu li .btn-group button.btn {
        font-size: 11px;
        padding: 6px 2px;
    }
    #divLikeButton button {
        font-size: 11px !important;
        margin-right: 5px !important;
        padding: 3px !important;
        width: auto !important;
    }
}

@media only screen and (max-device-width: 385px) {
    .nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.limenu {
        padding: 0 5px;
    }
    .register-form .radio-inline {
        display: block !important;
    }
    .register-form .radio-inline+.radio-inline {
        margin-left: 0 !important;
    }
}

@media only screen and (min-device-width: 381px) and (max-device-width: 415px) {
    .freedomWallet ul li:nth-child(3),
    .freedomWallet ul li:nth-child(4) {
        font-size: 12px;
        width: 38%;
    }
}

@media only screen and (max-device-width: 370px) {
    .modal-body.paidpopup .tab button {
        padding: 8px;
    }
}

@media only screen and (min-device-width: 361px) and (max-device-width: 380px) {
    .freedomWallet ul li:nth-child(3),
    .freedomWallet ul li:nth-child(4) {
        font-size: 14px;
        width: 47%;
    }
}

@media only screen and (max-device-width: 360px) {
    .freedomWallet ul li:nth-child(3),
    .freedomWallet ul li:nth-child(4) {
        font-size: 13px;
        width: 47%;
    }
    .input-group-btn.fb-profile-btn #h4Members {
        font-size: 13px;
    }
    .StatusUpdate .panel-body #activities>div .btn-group .btn {
        font-size: 12px;
        padding: 5px !important;
    }
    .fb-profile-text .input-group-btn>div#divLikeButton .dropdown-menu.pull-right {
        right: 0 !important;
    }
    #modalCreateChannelPhotoPaid .PicAvatar,
    #modalCreateChannelPhoto .PicAvatar {
        min-height: 220px !important;
        max-height: 220px !important;
    }
    #modalCreateChannelPhotoPaid .PicAvatar #imgProfilePicPaid,
    #modalCreateChannelPhoto .PicAvatar #imgProfilePic {
        height: 220px !important;
    }
    .register-profile .PicAvatar {
        max-height: 240px;
        height: 240px;
        min-height: 240px;
    }
    .btn-exchange .btn {
        padding: 5px;
    }
    .topNewVideo ul li {
        width: 100%;
    }
    #modalLatestVideos .videoimg {
        height: 170px;
    }
    .jwplayer.jw-flag-aspect-mode,
    .LargeText iframe {
        height: 200px !important;
    }
}

@media only screen and (max-device-width: 355px) {
    .nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.limenu {
        padding: 0;
    }
    .nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu>li.limenu font {
        font-size: 11px !important;
    }
}

@media only screen and (max-device-width: 350px) {
    .fb-profile-text .input-group-btn {
        white-space: normal !important;
    }
    .fb-profile-text .input-group-btn>h5 {
        font-size: 12px;
    }
    .fb-profile-text .input-group-btn>div#divLikeButton .btn.btn-primary.waves-effect.waves-light.waves-effect.waves-light.waves-effect.waves-light.waves-effect.waves-light,
    .fb-profile-text .input-group-btn>div#divLikeButton .btn.btn-default.dropdown-toggle.waves-effect.waves-light.wave-bg.waves-effect.waves-light {
        font-size: 11px;
    }
    .TimeLineMenu ul li a {
        font-size: 10px;
        padding: 0 1px !important;
    }
}

@media only screen and (max-device-width: 335px) {
    .freedomWallet ul li:nth-child(3),
    .freedomWallet ul li:nth-child(4) {
        font-size: 12px;
    }
    .register-profile .PicAvatar {
        max-height: 220px;
        height: 220px;
        min-height: 220px;
    }
}

@media only screen and (max-device-width: 320px) {
    .freedomWallet ul li:nth-child(3) {
        width: 47% !important;
    }
    #modalLatestVideos .videoimg {
        height: 150px;
    }
}

#site-navbar-collapse ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.new-menu {
    float: none !important;
    display: inline-block !important
}


/************* Responsive Css Ends ***********************/


/**========== 12-11-2018 ==========**/

.right-side-posted {
    float: left;
    width: calc(100% - 0px);
    padding: 0px;
}

.left-side-posted {
    width: 50px;
    text-align: center;
    height: 100px;
    float: left;
    line-height: 100px;
}

.navbar-post-posted {
    width: 100%;
    float: left;
    text-align: right
}

.navbar-post-posted li {
    display: inline-block;
}

.navbar-post-posted li li {
    width: 100%;
}

.navbar-post-posted>li>a {
    padding: 5px 10px;
    background: #fff;
    color: #0b1156;
    border: 1px solid #0b1156;
    font-size: 14px;
    border-radius: 2px;
}

.navbar-post-posted li button {
    float: left;
    padding: 5px 15px;
    background: #fff;
    border: 1px solid #0b1156;
    color: #0b1156;
}

.navbar-post-posted>li>a:hover,
.navbar-post-posted>li>a:focus {
    background: #0b1156;
    color: #fff;
    box-shadow: none;
    outline: none
}

.navbar-post-posted li button {
    float: left;
    padding: 5px 15px;
    background: #fff;
    border: 1px solid #0b1156;
    color: #0b1156;
}

.navbar-post-posted li button:hover,
.navbar-post-posted li button:focus,
.navbar-post-posted li button.btn-blue {
    background: #0b1156;
    color: #fff;
    box-shadow: none;
    outline: none
}


/*the container must be positioned relative:*/

.custom-select {
    position: relative;
    font-family: Arial;
}

.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-color: #fff;
}


/*style the arrow inside the select element:*/

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #0b1156 transparent transparent transparent;
}


/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #0b1156 transparent;
    top: 7px;
}


/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
    color: #0b1156;
    padding: 6px 15px;
    border: 1px solid transparent;
    border-color: #0b1156;
    cursor: pointer;
    font-size: 15px;
}


/*style items (options):*/

.select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    max-height: 300px;
    overflow-y: auto
}

.select-items div {
    border-top-color: transparent
}


/*hide the items when the select box is closed:*/

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.panel-body.nav-tabs-animate ul.list-group li.list-group-item textarea.form-control.postTextArea {
    border-radius: 0px;
    border: 0px !important;
    box-shadow: none !important;
    outline: none !important;
    min-height: 100px !important;
    /*height:223px !important*/
}

.profile-image {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 5px;
    float: left;
    padding: 0px;
}

.profile-image img {
    width: 100%;
    float: left
}

.right-side-posted .feed-toggle button {
    font-size: initial;
    position: relative;
    height: auto;
    line-height: 11px;
    padding-right: 10px !important;
    padding-top: 3px !important;
}

.right-side-posted .feed-toggle button .fa {
    font-size: 15px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.right-side-posted .nav-tabs-line>li.active>a:after {
    content: '';
}

.right-side-posted .nav-tabs-line>li>a {
    padding: 6px 10px
}

.post-form {
    width: 100%;
}

.user-post-image {
    width: 30px;
    float: left;
    display: none;
}

.user-post-field {
    width: calc(100% - 0px);
    display: inline-block
}

.navbar-post-posted .custom-select {
    float: left;
}

.navbar-post-posted .custom-select .select-selected {
    padding: 4.5px 25px 4.5px 15px;
}

.navbar-post-posted .custom-select .select-items {
    min-width: 200px;
    text-align: left;
}

.navbar-post-posted .custom-select .select-items div {
    border-top-color: #0b1156;
}

.dropdown-post .custom-select {
    /*width: calc(100% - 30px);*/
    width: calc(100% - 30px);
    display: inline-block;
    margin-right: 5px;
}

#divFreedomMessageHeader h3,
#divFreedomnfview,
h3.actionTeamNewsfeed {
    padding: 7px 10px;
    font-size: 17px;
}

.NewLeftSideBar {
    text-align: left !important
}

.main-sites-link {
    border-bottom: 2px solid #0b1156;
}


/*.NewLeftSideBar .main-sites-link li{
    font-size:14px;
}*/

.NewLeftSideBar .main-sites-link li a {
    color: #fe5603;
}

.ads-section .widget-Ad-image img {
    height: auto !important
}

#divFreedomMessageDesc {
    padding: 15px;
    color: #111436;
}

.blacktext {
    color: #202020;
}

.right-panel-groupname a {
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 12px !important;
    padding: 5px 0px;
    margin-bottom: 0;
}

.right-panel-groupname a h5 {
    margin: 0px;
    font-weight: 500;
    line-height: 20px;
    padding: 4px 5px 4px 30px;
    position: relative;
}

.right-panel-groupname a h5:before {
    content: '';
    width: 10px;
    border: 2px solid transparent;
    border-color: transparent #ff6113 #3949ab transparent;
    position: absolute;
    left: 0px;
    height: 10px;
    display: inline-block;
    transform: rotate(-45deg);
    top: 10px;
}


/*.right-panel-groupname a h5 .fa {
        position: absolute;
            left: 0px;
    top: 6px;
    color: #fe5603;
    font-size: 18px;
    }*/

.wallet-address-section h3 {
    font-size: 16px;
}

.form-inline-custom input[type=text] {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    border-radius: 0px;
    padding-right: 42px;
}

.form-inline-custom button {
    margin-top: 0px;
    width: 45px;
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    position: absolute;
    right: 15px;
    padding: 6px;
    background: transparent;
}

.form-inline-custom button:hover,
.form-inline-custom button:focus {
    background: none !important;
    border: none;
    color: #0A1156
}

.d-flex-class {
    display: flex;
}

.flex-class,
.clsLnkSeeMore {
    flex: 1;
    background: #f7f7f7;
    text-align: center;
    vertical-align: middle;
    line-height: 21px;
    padding: 5px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.newlikeButton span:last-child {
    position: relative;
    /*top: -2px;*/
    font-size: 15px;
    margin-left: 4px;
    display: inline-block;
}

.ReplYBoxMain {
    padding-top: 0px;
}

.media {
    margin-top: 0px;
    margin-bottom: 15px;
}

.ReplYBoxMain .CameraSmiley {
    top: 20px;
    float: right;
    position: initial;
}

.ppl-tag {
    float: right;
    padding: 5px 3px;
    text-align: center;
    margin-left: 3px;
}

.aPophover font {
    color: #ff6113 !important;
    font-weight: bold;
    font-size: 12px
}

.comments-list .media .media-body {
    border-bottom: initial !important
}

.profile-section {
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 35px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.profile-section img {
    width: 100%;
    position: relative;
}

.profile-image-side {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0;
    float: left;
}

.profile-image-side span:first-child {
    width: 70px;
    float: left;
    height: 70px;
    background: #fff;
}

.profile-image-side span:last-child {
    float: left;
    width: calc(100% - 0px);
    padding: 0px 0px 0;
    white-space: nowrap;
    /*overflow: hidden;*/
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #0b1156;
    background: #fff;
    margin-top: 35px;
    height: 35px;
    font-weight: 600;
    line-height: 35px;
}

.profile-image-side img {
    width: 70px;
    margin-top: -35px;
    border-radius: 100%;
    height: 70px;
}

ul.timeline.timeline-icon.nf-timeline {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%;
}

.timeline>li.timeline-reverse {
    display: inline-block;
    float: none !important;
}

.postname-field {
    float: left;
    width: calc(100% - 70px);
}

.action-post-button {
    position: absolute;
    right: 7px;
    top: 7px;
}

.action-post-button .btn-group {
    box-shadow: none;
}

.action-post-button .btn-group>.btn:first-child {
    border-radius: 0px;
    padding: 0px;
    background: none;
    border: 0pc;
    box-shadow: none;
    color: #0b1156;
    width: 10px;
    height: 10px;
    border: 2px solid transparent;
    border-color: #afafaf transparent transparent #afafaf;
    transform: rotate(-135deg);
}

.action-post-button .btn-group .dropdown-toggle.btn .caret {
    margin-left: 0;
    border-width: 8px;
    box-shadow: none !important;
}

.shareandlikecount {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -9px;
    padding: 2px 10px;
    background: #fff;
    border-radius: 10px;
    font-size: 13px;
}

.shareandlikecount .flex-class {
    background: transparent;
    padding: 0 5px;
}

.SocialBtns .widget-actions a.SocialMediaItem {
    /* margin-right: 0px !important; */
    width: 20px;
    height: 23px;
}

.SocialBtns .widget-actions a.SocialMediaItem img {
    width: 100%;
    height: auto
}

.SocialBtns .widget-actions a {
    min-width: 0px;
}

.widget-actions a .icon,
.widget-actions a.icon,
.widget-actions a .fa {
    font-size: 16px !important;
    /*display: block;*/
    margin-bottom: 0px;
}


/*.gallery .pics {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    display: inline-block
}

.gallery .animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}*/

h3 .input-group-btn {
    padding: 10px;
}

.custom-btn-blue,
.btn-default.dropdown-toggle.waves-effect.waves-light.wave-bg.waves-effect.waves-light,
.CoverMenu li a {
    color: #3949ab;
    background-color: #ffffff;
    border: 1px solid #3949ab;
    font-size: 15px !important;
    padding: 8px 15px;
    margin-bottom: 10px;
}

.CoverMenu .pull-right>.dropdown-menu li {
    width: calc(100% - 10px);
}

.CoverMenu .pull-right>.dropdown-menu li a {
    width: 100%;
}

.btn-primary .fa {
    color: #ff6113;
    margin-left: 7px;
    font-size: 21px;
}

.btn-default.dropdown-toggle.waves-effect.waves-light.wave-bg.waves-effect.waves-light {
    height: 37px;
    padding: 0px 15px !important
}

.btn-default.dropdown-toggle.waves-effect.waves-light.wave-bg.waves-effect.waves-light .icon {
    margin: 0px !important;
    margin-right: 0px !important
}

.panel.StatusUpdate {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.FriendName h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user_name {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-size: 15px;
}

.post-description {
    /*font-family: 'Titillium Web', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font: inherit;
}

.widget-body-footer ul {
    border-top: 1px solid #e0e0e0;
}

.widget-body-footer ul li {
    display: inline-block;
    padding: 6px 10px 6px 0;
    font-size: 13px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
}

.Nbrs {
    background: #111437 none repeat scroll 0 0;
    padding: 4px 10px;
}

.FriendPic {
    margin-left: 1px;
}

.LargeText iframe {
    height: 150px !important;
}

.user-post-field .note-editable.panel-body {
    height: 100px !important;
}


/*.modal-backdrop.in{ 
    z-index:-1;
}*/

#ddlCryptoTrade {
    padding: 5px 4px;
    border: 1px solid #0A1156
}

.navbar-brand {
    padding: 12px 15px;
    position: relative;
    z-index: 1;
}

.site-navbar.navbar-inverse .navbar-header .navbar-brand-logo-normal {
    height: auto;
    width: 250px;
}

.ck.ck-editor__editable_inline {
    min-height: 300px
}

#ContentPlaceHolder1_divSubmitPost .ck.ck-editor__editable_inline {
    min-height: 150px
}

.open>.dropdown-menu {
    z-index: 99;
}

.new-freedom-menu ul {
    padding-left: 15px;
    margin: 0px;
}

.new-freedom-menu ul li {
    padding: 6px 0px 0;
    margin-bottom: 0px;
}

.new-freedom-menu ul li a {
    color: #ff5603;
}


/*ul.nav.navbar-toolbar.new-menu.latest-menu > li.dropdown{
  top:-16px;
}*/

.group-menu-list {
    padding: 0px;
    list-style: none;
    margin-top: 14px;
    top: 19px;
    position: relative;
    display: flex;
    justify-content: space-between;
    min-width: 240px;
}

.group-menu-list li {
    display: inline-block;
}

.group-menu-list li a {
    padding: 12px 0;
    font-weight: bold !important;
    color: #000 !important;
}

ul.group-menu-title {
    padding: 0pc;
    list-style: none;
    border-top: 2px solid #4caf50;
    margin-top: 5px;
    position: relative;
    top: 16px;
}

.group-menu-title li a {
    padding: 12px;
    font-weight: bold !important;
    color: #4caf50 !important;
}

.m-l-0 {
    margin-left: 0px;
}

.post-box {
    width: 100%;
    padding: 0px 8px;
    position: relative
}

.post-box>img {
    width: 100%;
    height: 170px;
}

.post-box .post-share-status {
    display: block;
    background: #ececec;
}

.post-box .post-share-status ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 4px 10px;
    margin: 0px;
}

.post-box .post-share-status ul li a {
    color: #000066;
    font-size: 14px;
    margin: 0px 7px 0 0px;
}

.post-box .post-discription {
    background: #000066;
    padding: 10px;
}

.post-box .post-discription h2 {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.post-box .post-discription p {
    font-size: 14px;
    color: #fff;
}

span.post-checkbox {
    position: absolute;
    top: 5px;
    right: 13px;
    border-radius: 0;
    overflow: hidden;
    width: 22px;
    height: 22px;
    border: 1px solid #ff5603;
    background: #fff;
}

span.post-checkbox span {
    width: 8px;
    height: 14px;
    display: inline-block;
    border-radius: 0;
    border: 2px solid transparent;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -68%) rotate(-145deg);
    border-color: #000066 transparent transparent #000066;
    opacity: 0
}

span.post-checkbox input {
    position: absolute;
    top: -3px;
    width: 24px;
    height: 24px;
    right: 0px;
    border-radius: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

span.post-checkbox input:checked+span {
    opacity: 1
}

.navbar-post-posted li {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin-right: 5px;
}

.post-visibility-option select {
    height: 34px;
}

.dealPro {
    color: #fe5603;
    font-size: 14px;
    margin: 0;
    display: inline-block;
}

.navbar-post-posted>li.dealPro>a {
    color: #fe5603;
    padding: 0 5px;
}

.navbar-post-posted>li.dealPro>a:hover {
    color: #fff;
}

@media only screen and (max-device-width: 1199px) {
    #divOrderPaymentPreview .modal-dialog {
        width: auto;
        margin: 10px;
    }
    .group-menu-list {
        min-width: initial;
    }
    .group-menu-list li {
        margin-right: 20px;
    }
    .group-menu-list li:last-child {
        margin-right: 0;
    }
}

@media (min-width:992px) {
    .nav.navbar-toolbar.new-menu.latest-menu>li.limenu>a {
        padding: 10px 0 !important;
    }
    /*ul.nav.navbar-toolbar.new-menu.latest-menu > li.dropdown {
        top: -13px;
    }*/
    .nav.navbar-toolbar.new-menu.latest-menu>li.dropdown>a {
        padding: 15px 4px !important;
    }
    .group-menu-list {
        top: 15px;
        margin-top: 0px;
    }
    ul.group-menu-title {
        top: 10px;
    }
}

@media (max-width:992px) and (min-width:768px) {
    ul.timeline.timeline-icon.nf-timeline {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-width: 100%;
        -moz-column-width: 100%;
        column-width: 100%;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .navbar-fixed-top {
        width: 100%;
    }
    .site-navbar {
        padding-right: -webkit-calc((100% - 768px)/ 2 + 10px) !important;
        padding-right: calc((100% - 768px)/ 2 + 10px) !important;
        padding-left: -webkit-calc((100% - 768px)/ 2 + 10px) !important;
        padding-left: calc((100% - 768px)/ 2 + 10px) !important;
    }
    .nav.navbar-toolbar.new-menu.latest-menu>li.limenu>a {
        padding: 10px 0 !important;
    }
    /*ul.nav.navbar-toolbar.new-menu.latest-menu > li.dropdown {
        top: -13px;
    }*/
    .nav.navbar-toolbar.new-menu.latest-menu>li.dropdown>a {
        padding: 15px 4px !important;
    }
    .group-menu-list {
        top: 15px;
        margin-top: 0px;
    }
    ul.group-menu-title {
        top: 10px;
    }
    .collapse.navbar-collapse.in.navbar-collapse-toolbar {
        text-align: right
    }
}

@media (min-width:768px) {
    .desk-padding-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width:768px) {
    .nav-tabs-horizontal .post-share-status ul li {
        width: auto;
    }
    .nav-tabs-horizontal .post-share-status ul li a .icon {
        display: initial;
        float: none;
    }
}

@media (max-width:767px) {
    .right-sidebar .PaddingZero {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .right-sidebar .widget {
        margin-bottom: 10px !important
    }
    .navbar-post-posted li {
        width: auto !important
    }
    .navbar-post-posted>li>a {
        float: left;
        font-size: 13px;
        padding: 4.5px 10px !important;
    }
    .navbar-post-posted li button {
        font-size: 13px;
        padding: 4.5px 10px !important;
    }
    .select-items div,
    .select-selected {
        font-size: 13px;
    }
    .ReplYBoxMain .commentTextArea {
        width: 60% !important
    }
    .OnlyMobileMenu>a {
        top: 15px;
    }
    /*.nav.navbar-toolbar.new-menu.latest-menu > li.dropdown > a {
            padding: 0px !important;
        }*/
    .topic-help,
    .group-heading,
    .CreateBox {
        margin-bottom: 10px !important;
    }
    .page-aside+.page-main {
        margin-left: 0px !important
    }
    .TopRgt a {
        width: 49%;
        text-align: left !important
    }
    .CameraSmiley>a {
        background: none;
        color: #3949ab;
    }
    .group-menu-list,
    .group-menu-title,
    ul.group-menu-title {
        top: 5px;
    }
    .notify-counter {
        right: 0;
    }
    .FeedPage .page-content .col-lg-6 .panel {
        margin-bottom: 0px !important
    }
    .navbar {
        margin-bottom: 0px !important
    }
    .live-stat {
        display: none
    }
    .OnlyMobileMenu {
        margin-top: 0px !important;
    }
    ul.nav.navbar-toolbar.new-menu.latest-menu {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    .open>.dropdown-menu {
        z-index: 999;
        min-width: 300px;
        left: -119px !important;
    }
    .widget {
        margin-bottom: 0px !important
    }
    .page.animsition.FeedPage {
        margin-top: 10px !important;
    }
}

@media (max-width:640px) {
    .notify-counter {
        right: -10px;
    }
    .open>.dropdown-menu {
        z-index: 999;
        min-width: 300px;
        left: initial !important;
        right: 0px !important
    }
}

@media(max-width:567px) {
    ul.nav.navbar-toolbar.new-menu.latest-menu>li.dropdown {
        /*top: -12px;*/
        margin-bottom: 4px;
    }
    a.SocialMediaItem img,
    a.SocialMediaItem_First img {
        width: 24px;
        height: 24px;
    }
    .not-fixed-mb {
        position: initial !important
    }
    body {
        padding-top: 0px !important;
    }
    .live-stat,
    #divNewsFeed {
        margin-top: 0px !important
    }
    ul.nav.navbar-toolbar.new-menu.latest-menu {
        margin-top: 20px;
    }
}

@media (min-width:521px) {
    .nf-timeline-one .SocialBtns .widget-actions a.SocialMediaItem {
        width: 34px;
        height: 34px;
    }
}

@media (max-width:520px) {
    ul.timeline.timeline-icon.nf-timeline {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-width: 100%;
        -moz-column-width: 100%;
        column-width: 100%;
    }
    .jqte_toolbar {
        display: none
    }
    .shareandlikecount {
        display: none
    }
    .widget {
        margin-bottom: 0px !important
    }
    .FeedPage .page-content .col-lg-6 .panel {
        float: left;
        width: 100%;
    }
    #divFreedomMessage,
    .freedom-view {
        margin-bottom: 10px !important;
    }
    .fb-cover-pic .profile-pic {
        bottom: 57px;
    }
    .TopRgt a {
        width: 100%;
    }
    .SocialBtns .widget-actions a.SocialMediaItem {
        width: 29px;
        height: 29px;
    }
}

@media (max-width:480px) {
    .usebreak.clearfix {
        display: none;
    }
    ul.nav.navbar-toolbar.new-menu.latest-menu>li.dropdown {
        top: 0px;
    }
    .left-gap {
        padding-left: 25px!important;
    }
    .group-menu-list {
        padding: 0px;
        list-style: none;
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 0px;
        top: 0px;
    }
    .group-dropdown-list {
        width: 100%;
        padding: 0 15px !important;
        box-sizing: border-box;
    }
    .group-menu-list li a {
        padding: 12px 0;
    }
    ul.group-menu-title {
        top: 0px;
    }
    ul.nav.navbar-toolbar.new-menu.latest-menu {
        margin-top: 10px;
    }
    .notify-counter {
        right: -12px;
        top: -10px;
    }
    /*#divNewsFeed {margin-top: 0px !important;}*/
    .open>.dropdown-menu {
        z-index: 999;
        min-width: 300px;
        left: -120px !important;
        right: initial !important
    }
    ul.nav.navbar-toolbar.new-menu.latest-menu {
        margin-top: 0px !important;
        padding-top: 15px !important;
    }
}

@media (max-width:420px) {
    .searc-option-tabs ul {
        display: block
    }
    .searc-option-tabs ul li:last-child {
        width: 100%;
    }
}

.panel-body.nav-tabs-animate ul.list-group li.list-group-item textarea.form-control.postTextArea {
    border: 1px solid #0b1156 !important;
    font-size: 16px;
}

.panel-body.nav-tabs-animate ul.list-group li.list-group-item input.form-control.postTextArea {
    border: 1px solid #0b1156 !important;
    font-size: 16px;
}

.margin-b-15 {
    margin-bottom: 15px !important;
}

.padding-b-15 {
    padding-bottom: 15px !important;
}

.padding-b-0 {
    padding-bottom: 0 !important;
}

@media (max-width:360px) {
    .site-navbar.navbar-inverse .navbar-header .navbar-brand-logo-normal {
        width: 200px;
    }
    /*#divNewsFeed {margin-top: 0px !important;}*/
}

@media (max-width:420px) {
    .panel-body.nav-tabs-animate ul.list-group li.list-group-item textarea.form-control.postTextArea {
        font-size: 16px;
    }
}

ul.nav.nav-tabs.nav-tabs-line.margin-right-25 {
    width: 72px !important;
    height: 185px !important;
    float: left;
}

.ProfileCommon .nav-tabs-vertical .tab-content {
    height: auto !important;
    overflow: hidden;
    float: left;
}

.col-md-11.user-setting {
    padding-left: 15px;
}

.col-md-1.user-left-setting {
    padding-left: 0 !important;
    /* padding-right: 22px !important; */
}

.AddWork #exampleAccordionContinuous .panel-title {
    border: 1px solid #ccc !important;
    color: #363636;
    width: 98%;
}

.user-setting button.btn.btn-primary.waves-effect.waves-light {
    margin-right: 7px;
}

.pd-r-30 {
    padding-right: 30px;
}

/* Live streaming page */
div#chat-content span.name {
    /* color: red !important; */
    /* font-size: 1rem !important;; */
    font-weight: 500 !important;
}

#chat-section{ font-weight: 500; }
#chat-section .messages{ margin-bottom: 6px; display: flex; }
#chat-content span.image{ margin-right: 15px; }
#chat-content span img{ width: 30px !important; height: 30px !important; }
#chat-section .messages .flex{ margin-top: 4px; }
#chat-content span.name{ margin-right: 12px; color: #888; text-transform: capitalize; font-size: 14px !important; }

.modal-dialog.modal-lg-1200 {
    max-width: none;
    width: 1060px !important;
}
.table-responsive{ max-height: 500px; }

@media only screen and (max-width : 1100px){
.modal-dialog.modal-lg-1200{ width: 95% !important; }
}

@media only screen and (max-width : 805px){
.modal-dialog.modal-lg-1200 .col-lg-10{ padding: 0 25px; }
}

@media only screen and (max-width : 767px){
.modal-dialog.modal-lg-1200 .col-lg-10{ padding: 0 15px; }
}