body {
font-size: 1.6em;
font-weight: 400;
background-size: cover;
background-repeat: no-repeat;
background-position: 100%;
height: 100vh;
font-family: 'Rubik', sans-serif!important;
}
a {
color: #002f50;
text-decoration: none;
}
/* Bootstrap Reset */
.row {
margin-right: -5px;
margin-left: -5px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-right: 5px;
padding-left: 5px;
}
/* /Bootstrap Reset/ */

.container-fluid.header-main.fixed_header {
position: fixed;
width: 100%;
z-index: 1;
top: 0;
left: 0;
right: 0;
-ms-transition:     all 0.3s ease-out;
-moz-transition:    all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition:      all 0.3s ease-out;
transition:         all 0.3s ease-out;
animation:slide-down 0.7s;

}

@keyframes slide-down {
0% {
opacity: 0;
transform: translateY(-100%);
} 
100% {
opacity: 0.9;
transform: translateY(0);
} 
}
.search-bar .form-control {
border-radius: 0;
height: 33px;
padding: 3px 12px !important;
}
.search-bar .btn.btn-default {
position: absolute;
right: 20px;
border: 0;
background: none;
padding: 0;
margin: 0;
top: 17px;
}
.search-bar .btn.btn-default img {
max-width: 15px;
}
.socialLarge li a img:hover {
opacity: 0.7;
}

.navbar-form .form-group.login-form {
display: -webkit-flex; /* Safari */
display: flex;
}
.createText {
font-size: 26px;
text-align: center;
margin: 20px 0 25px;
}
.createText + h2 {
text-align: center;
font-size: 34px;
color: #3f3f3f;
font-weight: bold;
}
.listStep {
text-align: center;
padding: 0;
margin: 55px 0 0;
list-style: none;
}
.listStep li {
display: inline-block;
margin: 0 35px;
opacity: 0.5;
border: 2px solid #002F50;
cursor: pointer;
padding: 10px;
}

.listStep li:hover {
opacity: 1;
border: 2px solid #002F50;
}
.listStep li.active {
opacity: 1;
border: 2px solid #002F50;

}
.listStep li img {
max-height: 123px;
}
.createThis .btn {
text-align: center;
margin: 0 auto;
background: #002f50;
font-size: 20px;
min-width: 403px;
margin-top: 45px;
padding: 3px 6px;
}
.createThis {
text-align: center;
}
.createThis .largeText .btn {
margin: 0;
min-width: 0;
display: inline-block;
vertical-align: middle;
}
.createThis .largeText p {
margin: 0;
min-width: 0;
display: inline-block;
vertical-align: middle;
}
.largeText {
margin-top: 40px;
}
.navbar-form .form-group.login-form .form-control {
margin-right: 20px;
}

.navbar-form .form-group.login-form .btn-primary {
color: #fff;
background-color: #001828;
border-color: #001828;
font-size: 22px;
padding: 6px 7px;
min-height: 0;
line-height: 100%;
margin-top: 0;
}
.navbar-form .form-group.login-form .btn-primary:hover {
opacity: 0.7;
}
.right-bar.socialMedia {
padding-top: 15px;
}
/*.container-fluid.header-main {
background: #002f50;
padding: 8px 15px;
}*/
.flexslider .slides img {
height: auto;
-moz-user-select: none;
max-width: 368px;
margin: 0 auto;
}
.flex-direction-nav {
display: none;
}
.flex-control-paging li a {
background: #b8b8b8!important;
}
.flex-control-paging li a.flex-active {
background: #b8b8b8!important;
cursor: default;
height: 20px;
width: 20px;
vertical-align: middle;
position: relative;
top: -4px;
}
.logo img {
max-width: 180px;
margin-left: 0px;
margin-top: 1px;
}
.logo img:hover {
opacity: 0.6;
}
.right-bar ul {
padding: 0;
text-align: right;
margin: 8px 0 0;
}
.tagHead + p {
color: #303030;
font-size: 20px;
text-align: center;
}
h2.tagHead {
font-size: 30px;
text-align: center;
color: #002f50;
}
.gotohome {
background: #002f50;
padding: 4px 25px;
margin-top: 0px;
display: inline-block;
font-size: 22px;
color: #fff;
text-decoration: none;
}
.gotohome:hover {
background: #002f50;
opacity: 0.9;
text-decoration: none;
color: #fff;
}
.signUp {
border: 2px solid #ddd;
padding: 20px;
}
.signUp h3 {
text-align: center;
margin: 0 0 15px 0;
}
.socialLarge {
list-style: none;
text-align: center;
padding: 0;
margin: 0;
}
.socialLarge li {
display: inline-block;
}
.dividers {
border-bottom: 1px solid #ddd;
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
}
.dividers span {
margin-bottom: -24px;
display: inline-block;
background: #fff;
padding: 8px;
font-size: 22px;
}

.signUp .navbar-form .form-control {
display: inline-block;
width: 100%;
vertical-align: middle;
border-radius: 0;
min-height: 49px;
margin-bottom: 10px;
}
.signUp .navbar-form.navbar-left {
float: none !important;
}

.signUp .btn-primary {
border-color: #002f50;
background: #002f50;
padding: 2px 20px;
margin-top: 0px;
display: block;
font-size: 22px;
color: #fff;
text-decoration: none;
width: 100%;
}
.tag_line {
font-size: 20px;
text-align: center;
margin-top: 10px;
}
.signUp {
border: 2px solid #ddd;
padding: 20px;
max-width: 516px;
margin-top: 25px;
}
.right-bar ul li img {
transition: all 0.1s ease-in-out 0.1s;
max-width: 31px;
}
.right-bar ul li img:hover {
opacity: 0.9;
transform: scale(1.1);
}

.search-bar .navbar-form, .search-bar .form-group, .search-bar .form-control {
width: 100% !important;
padding: 0;
}
.inner .panel-default > .panel-heading {
color: #fff;
background-color: #002f50;
border-color: #002f50;
font-size: 15px;
border-radius: 0;
margin-bottom: 0px;
padding: 6px 15px;
}
.inner .online {
background: green;
width: 8px;
height: 8px;
display: inline-block;
border-radius: 20px;
vertical-align: middle;
}
.inner .panel-default {
border-color: transparent;
margin-bottom: 6px;
}
.inner .panel-body {
padding: 7px;
background: #eaeaea;
text-align: center;
margin: 0;
}
.sideBar .panel-body img {
margin-top: 0;
max-width: 90px;
height: auto;
}
.inner .panel-body h2 {
margin-bottom: 0;
font-size: 17px;
}
.inner .right_bar .panel-body h2 {
margin-bottom: 0;
font-size: 17px;
color: #fff;
}

.inner .panel-body ul {
list-style: none;
padding: 0;
text-align: left;
margin-block: 0;
}
.right-bar ul li {
display: inline-block;
margin-left: 1px;
}
/*.inner .panel-body ul li a {
color: #002f50;
font-size: 14px;
border-bottom: 1px solid #b1bdc4;
display: block;
max-width: 80%;
padding-bottom: 7px;
margin-bottom: 7px;
}*/
.listTag {
background: #002f50;
padding: 0;
list-style: none;
margin-bottom: 1px;
text-align: center;
}
.listTag li {
display: inline-block;
width: 20%;
margin-right: -12px;
text-align: center;
padding: 4px 4px;
}
.listTag li a {
text-align: center;
padding: 3px 3px;
border-right: 1px solid #00406d;
display: block;
font-size: 12px;
color: #fefefe;
}
.outerBorder {
border: 2px solid #00406d;
}
.inner .panel-default > .panel-heading.panelSet {
color: #00406d;
background-color: #e1f4fd;
border: 1px solid #00406d;
font-size: 14px;
border-radius: 0;
margin-bottom: 0;
text-align: center;
}
.inner .panel-body.bodySet {
padding: 0.2px;
background: #fffef4;
text-align: center;
/*border: 1px solid #00406d;*/
margin-top: -11px;
}
.body-container {
padding-top: 0px;
padding-bottom: 10px;
}
.row.teamSet h2 {
font-size: 14px;
text-align: center;
color: #002f50;
margin-top: 6px;
}
.listTag li a.active,.listTag li a:hover {
background: #00406d;
text-decoration:none;
}
.listTag li:last-child a{
border-right: 0px;
}
.inner.dashboard {
background: #fff;
height: auto;
}
.inner .container {
max-width: 1376px;
width: 100%;
padding: 0 170px;
/*margin-left: -26px;*/

}
.brand-logo {
margin: 10px auto;
}
.brand-logo img {
width: 100%;
max-width: 254px;
}
h1, h2, h3, h4, h5, h6 {
color: #2d385e;
}
.authfy-panel-right {
background-color: rgb(45,56,94,.6);
color: #fff;
height: 100vh;
}
.authfy-panel-left-wrap {
position: relative;
height: 100vh;
}
.authfy-panel-left {
background-color: #002F50;
color: #fff;
height: auto!important;
padding: 20px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: calc(100% - 34px);
border-radius: 50px 0 50px 0;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
}
.authfy-panel-right-inner {
color: #fff;
height: auto !important;
padding: 20px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: calc(100% - 34px);
}
.panel-forgot .form-control, .panel-login .form-control, .panel-signup .form-control {
background-color: #fff;
color: #333;
font-size: 17px;
height: 44px;
margin-bottom: 20px;
padding: 12px 22px;
border-radius: 37px;
box-shadow: 0 3px 6px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.1);
border: 1px solid #bcc2ce;
outline: 0;
}
.authfy-login .loginOr .spanOr::after {
right: -50px;
}

.authfy-login .loginOr .spanOr::before {

left: -50px;

}
.authfy-login .loginOr .spanOr::after, .authfy-login .loginOr .spanOr::before {
content: "";
background-color: #ddd;
width: 55%;
height: 1px;
position: absolute;
top: 19px;
}
.authfy-login .social-buttons .btn-facebook {
background: #3b5998;
}
.forgotPwd {
text-align: center;
margin: 20px 0 0;
}
.forgotPwd+.forgotPwd {
text-align: center;
margin: 0 0 0;
}
.lnk-toggler {
color: #fff !important;
}
.row.social-buttons {
padding: 0;
list-style: none;
text-align: center;
}
.authfy-login .social-buttons .btn-twitter {
background: #00aced;
}
.authfy-login .social-buttons .btn-google {
background: #c32f10;
}
button.btn.btn-lg.btn-primary.btn-block.login {
background-color: #285f84;
border: none !important;
border-radius: 38px;
margin: 0;
}
.col-xs-12.col-sm-12.col-md-5.col-lg-4.authfy-panel-left {
background-color: 002f50;
}

p.auth-title {
color: #fff;
padding-bottom: 21px;
font-size: 17px;
}
.col-md-7.col-lg-8.authfy-panel-right.hidden-xs.hidden-sm p {
text-align: center;
font-size: 15px;
}
.col-lg-8.authfy-panel-right.hidden-xs.hidden-sm h3 {
font-size: 39px;
padding: 0;
text-align: center;
padding-top: 0;
}
.img-1 {
width: 50px;
text-align: center;
margin: 3px 0 0 0px;
}
.row.social-buttons {
padding: 0;
list-style: none;
}
.col-xs-2.col-sm-1 {
width: 16%;
}
.row.social-buttons li {
display: inline-block;
}
/* latest match */
.themeum-latest-match .latest-team {
position: relative;
}

.themeum-latest-match h2 {
word-wrap: break-word;
}

.latest-team .latest-team-a,
.latest-team .latest-team-b {
font-size: 24px;
text-transform: uppercase;
font-weight: 700;
color:#000;
position: relative;
line-height: 28px;
}
.latest-team .latest-team-a {
padding: 15px 20px 15px 50px;
}

.latest-team .latest-team-a:after {
position: absolute;
content: "";
right: -58px;
top: 0;
border-width: 29px 29px 29px 29px;
border-style: solid;
border-right-color: rgba(255, 255, 255, 0) !important;
border-bottom-color: rgba(255, 255, 255, 0) !important;
}

.latest-team .latest-team-b:before {
position: absolute;
content: "";
left: -57px;
top: 0;
border-width: 28px 29px 29px 29px;
border-style: solid;
border-left-color: rgba(255, 255, 255, 0) !important;
border-top-color: rgba(255, 255, 255, 0) !important;
}

.latest-team .latest-team-b {
margin-left: 100px;
padding: 15px 50px 15px 20px;
}

#home-countdown-timer {
color: #fff;
display: inline-block;
background: rgba(0,0,0,.8);
padding: 25px;
margin: 35px 0 25px;
border-radius: 30px 0 30px 0;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
}
#home-countdown-timer > div.countdown-section:not(.next-match-count) span {
color: #002f50;
}
#home-countdown-timer > div.countdown-section:not(.next-match-count) {
display: inline-block;
margin: 0 8px 0 0;
font-weight: 700;
background: #fff;
color: #000;
border-radius: 35px;
padding: 14px;
}

.countdown-section.next-match-count {
border-bottom: 2px solid #fff;
position: relative;
top: 10px;
}

#home-countdown-timer > div {
display: inline-block;
margin: 0 40px 0 0;
font-weight: 700;
}

#home-countdown-timer > div:last-child {
margin: 0;
}

#home-countdown-timer .countdown-amount {
display: block;
font-size: 24px;
}

#home-countdown-timer .countdown-period{
font-size: 23px;
text-transform: uppercase;
}

#home-countdown-timer .countdown-amount.next-match-text {
font-size: 18px;
}
#home-countdown-timer .countdown-period.next-match-place {
text-transform: capitalize;
font-weight: 300;
}

#home-countdown-timer > div.next-match-count {
margin: 0 20px 0 0;
}
span.latest-team-a {
background-color: #fad32b;
}
span.latest-team-b{

background-color: #fad32b;
}
span.latest-team .latest-team-b::before {

position: absolute;
content: "";
left: -57px;
top: 0;
border-width: 28px 29px 29px 29px;
border-style: solid;
border-left-color: rgba(255, 255, 255, 0) !important;
border-top-color: rgba(255, 255, 255, 0) !important;

}
.latest-team-a::after{
border-color: #fad32b;
}
.latest-team-b::before{
border-color: #fad32b;
}
.latest-team {
padding-top: 48px;
}

#days {
font-size: 20px;
color: #fff;
}
#hours {
font-size: 20px;
color: #fff;
}
#minutes {
font-size: 20px;
color: #fff;
}
#seconds {
font-size: 20px;
color: #fff;
}
span#days {
display: grid;
}
span#hours{
display:grid;
}
span#minutes{
display:grid;
}
span#seconds{
display:grid;
}
.vs-center {
font-size: 22px;
position: absolute;
right: -11px;
top: calc(50% - 35px);
color: #002f50;
}
.teamSet img {
max-width: 85px;
}
.inner .panel-body .eventList li img {
margin: 0;
padding: 0;
max-width: 14px;
height: auto;
}
.inner .panel-body ul.eventList {
list-style: none;
padding: 0;
text-align: left;
max-width: 271px;
margin: 0 auto;
}
.eventList li {
background: #eaeaea;
color: #002f50;
font-size: 14px;
margin-bottom: 10px;
padding: 3px;
text-align: center;
}
.inner .panel-body ul.eventAction {
padding: 0;
margin-top: 15px;
text-align: center;
margin-bottom: 3px;
}
.inner .panel-body ul.eventAction li {
list-style: none;
padding: 0;
text-align: left;
display: inline-block;
width: 20%;
margin: 0 4px;
}
.actionBtn {
color: #002f50;
text-decoration: none;
}

.actionBtn img {
max-height: 18px;
width: auto;
vertical-align: middle;
position: relative;
top: -3px;
}
.row.teamSet h2::after {
width: 20px;
border-bottom: 2px solid #002f50;
display: block;
content: "";
margin: 10px auto;
}
.inner .panel-body ul.eventAction li a {
font-size: 14px;
border-bottom: 0px solid #b1bdc4;
display: block;
padding-bottom: 0;
margin-bottom: 11px;
background: #002f50;
color: #fff;
text-align: center;
max-width: 84px;
line-height: 27px;
margin: 1px auto;
}
.inner .panel-default.discussions > .panel-heading.panelSet {
color: #00406d;
background-color: #eaeaea;
border: 1px solid #00406d;
font-size: 22px;
border-radius: 0;
margin-bottom: 0;
text-align: center;
}
.inner .panel-default.discussions > .panel-body.bodySet{
background-color: #eaeaea;

}
.panel .panel-default .panel-default{border: none!important;}
.inner .panel-body ul.commentList li {
border-bottom: 1px solid #b1bdc4;
display: block;
padding-bottom: 5px;
margin-bottom: 5px;
position: relative;
}
.inner .panel-body ul.commentList li a {
color: #002f50;
font-size: 14px;
border-bottom: 0px solid #b1bdc4;
width: 100%;
padding-bottom: 0;
margin-bottom: 0;
display: block;
max-width: 100%;
}
.inner .panel-body ul.commentList li a img {
margin: 0;
}
.inner .panel-body ul.commentList li a:nth-child(2) {
width: auto;
margin-right: 10px;
position: absolute;
right: 22px;
top: 12px;
}
.inner .panel-body ul.commentList li a:nth-child(3) {

width: auto;
position: absolute;
right: 10px;
top: 12px;

}
.inner .panel-body ul.commentList li a:nth-child(2) img {
width: 17px;
height: auto;
}
.inner .panel-body ul.commentList li a:nth-child(3) img {
width: 17px;
height: auto;
}
.inner .panel-body ul.commentList li a:first-child {
padding-right: 54px;
}
.socialLarge li img {
max-width: 62px;
}
.filter_time {
margin-top: 9px;
}
.LeagueDetails li {
display: inline-block;
text-align: center;
}
.inner .panel-body ul.LeagueDetails {
list-style: none;
padding: 0;
text-align: left;
display: flex;
}

.LeagueDetails li:last-child {
display: inline-block;
text-align: center;
flex: 2;
}
.inner .panel-body ul.LeagueDetails li a {
color: #002f50;
font-size: 14px;
border-bottom: 0px solid #b1bdc4;
display: block;
max-width: 100%;
padding-bottom: 0;
margin-bottom: 0;
}
.inner .panel-body ul.LeagueDetails li a p{
margin-bottom: 0;
}
.inner .panel-body ul.LeagueDetails img {
display: block;
margin: 15px auto;
max-width: 66px;
}
.LeagueDetails li {
text-align: center;
flex: 1;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}

.inner .goalAlert .panel-body.bodySet {
padding: 6px;
background: #ffffff;
text-align: center;
/*border: 1px solid #00406d;*/
margin-top: -1px;
}
.row.teamSet h2 span {
display: block;
font-size:22px;
margin-top: 5px;
}
.liveEvent .row.teamSet h2::after {
display: none;
}
.inner .liveEvent .panel-body.bodySet {
background: #f2f9f4;
}

.goalAlert.genAlert .LeagueDetails li:last-child {
text-align: center;

flex: 1;

display: flex;

align-content: center;

align-items: center;

justify-content: center;
}
.inner .panel-body ul.LeagueDetails li a span {
font-size: 12px;
margin-top: 10px;
display: block;
}
.inner .goalAlert.genAlert .panel-body ul.eventAction li {
list-style: none;
padding: 0;
text-align: left;
display: inline-block;
width: calc(48% - 19px);
margin: 0 12px;
}
.inner .goalAlert.genAlert .panel-body ul.eventAction li:last-child {
width: calc(100% - 30px);
margin: 0 12px;
}

.inner .goalAlert.genAlert .panel-body ul.eventAction li a {
max-width: 100%;

}
.newsHeader {
font-size: 22px;
text-align: left;
margin-top: 0;
}
.newsImg {
width: 100%;
height: auto;
margin-top: 5px !important;
max-width: 100% !important;
}
.newsHeader {
font-size: 15px;
text-align: left;
margin-top: 0;
}
.actionBtn {
font-size: 13px;
}
.actionBtn img {
max-height: 13px;
width: auto;
vertical-align: middle;
position: relative;
top: -1px;
}
.inner .finished .panel-body.bodySet {
background: #fff4ee;

}
.inner .newsEvent .panel-body.bodySet {
background: #fff;

}
.panelHeader2 {
margin: 0;
text-align: left;
margin-bottom: 15px;
color: #002f50;
font-size: 17px;
}
.inner .type2 >.panel-body > ul > li> img {
margin-top: 0;
float: left;
overflow: hidden;
}
.inner .type2 >.panel-body > ul > li> img + h3 {
overflow: hidden;
padding: 0 0 0 15px;
font-size: 21px;
margin:0;
}
.inner .type2>.panel-body >ul> li {
margin-bottom: 15px;
background: #f4f4f4;
padding: 4px;
}
.inner .type2 >.panel-body> ul >li>h3> a,.inner .type2> .panel-body> ul >li> a  {
color: #002f50;
font-size: 14px;
border-bottom: 0px solid #b1bdc4;
display: block;
max-width: 100%;
padding-bottom: 0px;
margin-bottom: 0px;
}
.inner .type2 >.panel-body  > ul > li>  img {
margin-top: 0;
float: left;
overflow: hidden;
max-width: 35px;
height: auto;
}
.inner .type2 > .panel-body > ul > li > img + h3 > p {
font-size: 13px;
margin-bottom: 0;
color: #666;
}
.inner .type2 > .panel-body ul li a.btn-small {
font-size: 12px;
display: inline-block;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #002f50;
margin-right: 3px;
line-height: 100%;
margin-top: 7px;
}
.panel-default .panel-heading > svg {
float: right;
}
.container-fluid.header-main.header_mobile {
display: none;
}
.inner .type2 .panel-body ul li a.btn-small:hover {
background: #002f50;
color: #fff;
}
.col-md-3.col-lg-3.right_bar {
display: none;
}
.panel-body img:not(.newsImg):hover {
opacity: 0.8;
transform: scale(1.05);
}
.inner .panel-body ul.eventAction li a:hover {
text-decoration: none;
background: #00406d;
color: #fff;
}
.eventList li:hover {
background: #fff;
}
.inner .panel-body ul.commentList li:hover {
background: #fff;
}
.inner .panel-body ul.commentList li:hover a:first-child{
cursor:default;
text-decoration:none
}
.inner .panel-body ul li a:hover {
text-decoration: none;
color: #015fa2;
opacity: 0.9;
}
.inner .panel-body ul.fl_list {
padding: 0;
margin: 10px 0;
text-align: center;
}
.inner .panel-body ul.fl_list li {
margin: 0;
display: inline-block;
padding: 0 30px;
position: relative;
}
.inner .panel-body ul.fl_list li img {
max-height: 23px;
margin: 0;
}
.inner .panel-body ul.fl_list li:first-child::after {
content: "";
border-right: 1px solid #fff;
position: absolute;
right: 0;
top: 4px;
color: #fff;
width: 1px;
height: 14px;
}
.btn_render {
background: #002f50;
color: #fff;
font-size: 12px;
padding: 3px 6px;
text-align: center;
}
.btn_render:hover {
background: #fff;
color: #002f50;
font-size: 12px;
padding: 3px 6px;
text-align: center;
text-decoration: none;
}
.panel-body.profile.profile_single {
background: #004473;
color:#fff;
}
.panel-body.profile.profile_single .profile_img {
max-width: 88px;
}
.small_av {
max-width: 37px;
margin-right: 7px;
}
.tab_render {
padding: 0;
margin: 0 0 15px;
text-align: center;
background: #002f50;
}
.tab_render li {
display: inline-block;
text-align: center;
width: 33.33%;
margin-right: -3px;
position: relative;
}

.tab_render li a {
padding: 9px;
display: block;
color: #fff;
text-decoration: none;
}
.tab_render li.active a::after {
content: "";
border-color: white white transparent transparent;
border-width: 8px;
border-style: solid;
line-height: 100%;
display: inline-block;
transform: rotate(-45deg);
position: absolute;
left: 50%;
bottom: -9px;
margin-left: -7px;
}
.profile_single h2 {
color: #fff;
margin-top: 7px;
}
#accordion .table > tbody > tr > td,#accordion .table > tbody > tr > th,#accordion .table > tfoot > tr > td,#accordion .table > tfoot > tr > th,#accordion .table > thead > tr > td,#accordion .table > thead > tr > th {
padding: 5px;
line-height: 1.42857143;
vertical-align: top;
border-top: 0px solid #ddd;
font-size: 14px;
}
#accordion .table > thead > tr > th {
vertical-align: bottom;
border-bottom: 0px solid #ddd;
}
#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
padding: 10px;
border: 1px solid #002f50;
background:#fff;
}

#accordion .panel-default > .panel-heading {
color: #002f50;
background-color: #f5f5f5;
border: 1px solid #002f50;
font-size: 15px;
border-radius: 0;
margin-bottom: 0px;
padding: 8px 15px;
}
#accordion .panel-default .panel-heading > svg {
float: right;
display: inline-block;
margin-top: -16px;
color: #848484;
}
#accordion.aniversary .table > thead > tr > th {
vertical-align: bottom;
border-bottom: 0px solid #ddd;
background: #d0e2f5;
color: #002f50;
text-align: center;
min-width: 17%;
}

.row-warp {
position: relative;
}
.row-warp::after {
border-right: 1px solid #002f50;
content: "";
position: absolute;
right: -3px;
width: 1px;
height: 20px;
top: 50%;
transform: translate(0%,-50%);
}
#accordion.aniversary .table > tbody > tr > td:last-child .row-warp::after,
#accordion.aniversary .table > thead > tr > th:last-child .row-warp::after {
border-right:0px solid #002f50;
}
#accordion.aniversary .panel-default > .panel-heading + .panel-collapse > .panel-body {
padding: 0;
border: 1px solid #002f50;
background: #fff;
}
#accordion.aniversary .table > tbody > tr > td, #accordion.aniversary .table > tbody > tr > th, #accordion.aniversary .table > tfoot > tr > td, #accordion.aniversary .table > tfoot > tr > th, #accordion.aniversary .table > thead > tr > td, #accordion.aniversary .table > thead > tr > th {
padding: 3px;
line-height: 1.42857143;
vertical-align: top;
border-top: 0px solid #ddd;
font-size: 13px;
padding-bottom: 6px;
text-align: center;
min-width: 17%;
vertical-align: middle;
cursor: pointer;
}
.inner .panel-body img.wedding_aniversary {
max-width: 20px;
margin: 0;
/* Start the shake animation and make the animation last for 0.5 seconds */
animation: shake 0.5s;

/* When the animation is finished, start again */
animation-iteration-count: infinite; 
}

@keyframes shake {
/* 0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); } */

0%   {opacity: 0.2;}
25%  {opacity: 0.4;}
50%  {opacity: 0.6;}
75%  {opacity: 0.8;}
100% {opacity: 1;}
}

.right-bar ul li.dropdown:hover ul {
display: block;
left: auto;
top: 26px;
right: 0;
padding: 10px 0;
}

.right-bar ul li.dropdown ul li {
display: block;
text-align: left;
}
.right-bar ul li.dropdown ul li a {

padding: 6px 20px;

}
.right-bar ul li.dropdown ul li svg {
min-width: 20px;
}
/* .inner .type2:not(:first-child) .panel-body,.inner .click-pnl .panel-body {
display: none;
} */
.inner .sideBar .panel-default:not(:first-child) .panel-body {
display: none;
}
.panelHeader3 {
margin: 1px 0 6px 0;
padding: 6px;
background: #9ec3e8;
font-size: 19px;
}
#accordion:not(.aniversary) .panel.panel-default.discussions {
margin: 0 -12px -12px;
}
#accordion.aniversary tbody tr:not(.header){
display: none;
}
#accordion .panel.panel-default.discussions svg {
display: none;
}
.listing-bot {
max-width: 46px;
height: auto;
}
.my_div_group {
float: none;
width: 100%;
margin: 0 0 8px 0;
padding: 5px;
-webkit-border-radius: 10px;
border-radius: 0;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.79);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.79);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.79);
display: flex;
}
.my_div_row label{
width: auto;
display:block;
float:none;
font-weight: bold;
}
.my_div_row span{
width: auto;
display:block;
float:none;
}
.my_div_row {
flex: min-content;
}
.well {
min-height: 20px;
padding: 11px;
margin-bottom: 20px;
background-color: #e1f4fd;
border: 1px solid #004473;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0px 0px 4px rgb(0, 68, 115);
font-size: 0;
}
.well .table th, .well .table td {
vertical-align: top;
border-bottom: 2px solid #f8fafb;
font-size: 13px;
padding: 4px;
}
.well .table.Table2-table-List th, .well .table.Table2-table-List td {
vertical-align: top;
border-bottom: 2px solid #e1f4fd;
font-size: 13px;
padding: 4px;
background: #fff;
}
.well .table {
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
.well.profile-display .table, .well.profile-display .table * {
display: block;
}
.well.profile-display .table th, .well.profile-display .table td {
width: 50%;
display: inline-block !important;
margin-right: -3px;
}
.Table2-table-List .Table2__th {
background: #9ec3e8!important;
font-size: 19px;
color: #2d385e;
}
.table.my_table {
background: #fff;
margin-bottom: 10px;
}
.table.my_table tr.header td, .table.my_table tr th {
width: 17%;
}
@media (max-width:1199px){

.inner .container {
max-width: 1376px;
width: 100%;
padding: 0 30px;

}
.listStep li {
display: inline-block;
margin: 0 5px;
opacity: 0.5;
border: 2px solid #002F50;
cursor: pointer;
padding: 20px;
margin-bottom: 20px;
}
.logo img {
max-width: 180px;
margin-top: 1px;
}
.listTag li a {
padding: 2px 2px;
font-size: 12px;
}
.inner .panel-default > .panel-heading.panelSet {
color: #00406d;
font-size: 15px;
text-align: center;
}
.inner .type2 .panel-body ul li a {
font-size: 16px;
}
.inner .type2 .panel-body img + h3 > p {
font-size: 13px;
}
.inner .panel-body ul.eventAction li {
margin: 0 2px;
}
.inner .panel-body ul.eventAction {
padding: 0;
margin-top: 15px;
text-align: center;
}
.inner .panel-body ul.eventAction li a {
font-size: 14px;
border-bottom: 0px solid #b1bdc4;
display: block;
padding-bottom: 0;
margin-bottom: 5px;
background: #002f50;
color: #fff;
text-align: center;
max-width: 123px;
line-height: 26px;
}
.inner .type2  .panel-body > ul > li > img{
margin-top: 0;
float: left;
overflow: hidden;
max-width: 35px;
height: auto;
}
.inner .panel-body img {
margin-top: 8px;
max-width: max-content;
height: auto;
}
.eventList li {
background: #eaeaea;
color: #002f50;
font-size: 13px;
margin-bottom: 10px;
padding: 6px;
text-align: center;
}
.inner .panel-body .eventList li img {
margin: 0;
padding: 0;
max-width: 12px;
height: auto;
}
.vs-center {
font-size: 16px;
position: absolute;
right: -8px;
top: calc(50% - 35px);
color: #002f50;
}
.panelHeader2 {
font-size: 16px;
}

.inner .panel-body ul.commentList li a {
color: #002f50;
font-size: 13px;
border-bottom: 0px solid #b1bdc4;
width: calc(100% - 30px);
padding-bottom: 0;
margin-bottom: 0;
display: inline-block;
overflow: hidden;
}
.inner .panel-body ul.commentList li a img {
margin: 0;
max-width: 22px;
}
}
@media (max-width:991px){
#accordion.aniversary .table > tbody > tr > td, #accordion.aniversary .table > tbody > tr > th, #accordion.aniversary .table > tfoot > tr > td, #accordion.aniversary .table > tfoot > tr > th, #accordion.aniversary .table > thead > tr > td, #accordion.aniversary .table > thead > tr > th {
line-height: 1.42857143;
font-size: 12px;
text-align: center;
cursor: pointer;
}
.inner .container {
max-width: 1376px;
width: 100%;
padding: 0 15px;
}
.right-bar ul {
padding: 15px 15px 0 0;
text-align: right;
margin-bottom: 0;
}
.listStep li img {
max-height: 108px;
}
.createText {
font-size: 22px;
text-align: center;
margin: 5px 0 21px;
}
.createText + h2 {
text-align: center;
font-size: 30px;
color: #3f3f3f;
font-weight: bold;
}
.createThis .btn {
text-align: center;
margin: 0 auto;
background: #002f50;
font-size: 18px;
min-width: 0;
margin-top: 10px;
}
.largeText {
margin-top: 27px;
}
.createThis .largeText p {
margin: 0 0 8px 0;
min-width: 0;
display: inline-block;
vertical-align: middle;
}

h2.tagHead {
font-size: 30px;
text-align: center;
color: #002f50;
}
.tagHead + p {
color: #303030;
font-size: 20px;
text-align: center;
}
.gotohome {
background: #002f50;
padding: 4px 15px;
margin-top: 0px;
display: inline-block;
font-size: 22px;
color: #fff;
text-decoration: none;
}
.signUp .btn-primary {
border-color: #002f50;
background: #002f50;
padding: 2px 25px;
margin-top: 0px;
display: block;
font-size: 20px;
color: #fff;
text-decoration: none;
width: 100%;
}
.navbar-form .form-group.login-form .form-control {
margin-right: 5px;
}
.search-bar .navbar-form.navbar-left {
margin: 0;
padding: 0;
}
.signUp {
border: 2px solid #ddd;
padding: 20px;
max-width: 516px;
margin: 23px auto;
}
.actionBtn {
font-size: 12px;
}
.actionBtn img {
max-height: 12px;
width: auto;
vertical-align: middle;
position: relative;
top: -5px;
}

}

@media (min-width:768px){
.show_mobile {
display: none;
}
.right_bar_desktop .panel-default .panel-heading > svg {
display: none;
}	
.inner .right_bar_desktop   .panel-body {
padding: 7px !important;
background: #eaeaea;
text-align: center;
margin: 0;
display: block !important;
height: auto !important;
width: 100% !important;
opacity: 1 !important;
}
}
@media (max-width:767px){
.container-fluid.header-main.header_desktop {
display: none;
}
.container-fluid.header-main.header_mobile {
display: block;
}
.right-bar ul {
padding: 15px 15px 0 0;
text-align: center;
margin-bottom: 0;
}
.right-bar ul li {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
.search-bar .navbar-form.navbar-left {
margin: 15px 0 0 0;
}
.logo a {
display: block;
text-align: center;
}
.logo a img {
max-width: 230px;
}
.navbar-form .form-group.login-form {
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.navbar-form .form-group.login-form .form-control {
margin-right: 0;
margin-bottom:5px;
}
.group-btn {
text-align: center;
}


}
/**********Only For Real Divice***********/
@media (max-width:767px){
.actionBtn {
color: #002f50;
text-decoration: none;
white-space: nowrap;
}
.inner .panel-body ul.LeagueDetails li a span {
font-size: 10px;
margin-top: 0;
display: block;
line-height: 100%;
}
.search-bar .btn.btn-default {
position: absolute;
right: 28px;
border: 0;
background: none;
padding: 0;
margin: 0;
top: 11px;
}

.sideBar .panel-default .panel-heading > svg {
float: right;
display: inline-block;
}
.sideBar  .panel-body {
display: none;
}
.right-bar ul li img {
transition: all 0.1s ease-in-out 0.1s;
max-width: 24px;
}
.right-bar ul li.menu_left img, .right-bar ul li.menu_right img {
max-width: 32px;
}
.right-bar ul li.home_mobile img {
max-width: 25px;
}
.right-bar ul li.bell_mobile img {
max-width: 18px;
}
.right-bar ul {
padding: 12px 0;
text-align: center;
margin: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sideBar.col-md-3.col-lg-3 {
position: fixed;
left: 0;
top: 0;
z-index: 1;
height: 100%;
min-height: 100vh;
background: #002f50;
width: 60%;
transform: translate(-100%,0%);
transition: transform 1s;
padding: 10px;
}
.slow_menu .sideBar.col-md-3.col-lg-3 {
transform: translate(0%,0%);
transition: transform 1s;
}
.header_mobile, .container_main{
transform: translate(0%,0%);
transition: transform 1s;
}
.slow_menu .header_mobile,.slow_menu .container_main{
transform: translate(30%,0%);
transition: transform 1s;
}
.sideBar .panel-default {
border: 0;
margin: 0;
}
.sideBar .panel-default > .panel-heading {
color: #fff;
background-color: #002f50;
border-color: #265f87;
font-size: 15px;
border-radius: 0;
margin-bottom: 0px;
padding: 14px 8px;
}
.sideBar .panel-default .panel-heading > svg {
color: #265f87
}
.col-md-3.col-lg-3.right_bar {
position: fixed;
right: 0;
top: 0;
z-index: 1;
height: 100%;
min-height: 100vh;
background: #002f50;
width: 60%;
transform: translate(100%,0%);
transition: transform 1s;
padding: 10px;
}
.slow_menu_right .right_bar.col-md-3.col-lg-3 {
transform: translate(0%,0%);
transition: transform 1s;
}
.slow_menu_right .header_mobile,.slow_menu_right .container_main{
transform: translate(-60%,0%);
transition: transform 1s;
}
.right_bar .panel-default {
border: 0;
margin: 0;
}
.right_bar .panel-body:not(.profile) {
display: none;
}
.right_bar .panel-default > .panel-heading {
color: #fff;
background-color: #002f50;
border-color: #265f87;
font-size: 15px;
border-radius: 0;
margin-bottom: 0px;
padding: 14px 8px;
}
.right_bar .panel-default .panel-heading > svg {
color: #265f87;
display: inline-block;
}
.right_bar .panel-body img {
max-width: 90px;

}
.panel-body.profile {
background: #002f50;
color: #fff;
border-bottom: 1px solid #265f87;
}

.panel-body.profile_links {
padding: 0;
background: no-repeat;
}
.inner.dashboard {
overflow-x: hidden;
}
.inner .panel-body.profile_links ul li a {
border-bottom: 1px solid #265f87;
display: block;
max-width: 100%;
color: #fff;
background-color: #002f50;
font-size: 15px;
border-radius: 0;
margin-bottom: 0px;
padding: 14px 8px;
}
.col-md-3.col-lg-3.right_bar {
display: block;
}
.show_desktop{
display:none;
}
}


/************* User Profile Seeting CSS Start for Desktop *************/
.body-container .container_full {
max-width: 85%;
width: 85%;
flex: 0 0 83%;
margin-top: 7px;
}
.profile-setti-body {
background-color: #eaeaea;
padding-top: 24px;
}

.container-fluid.header-main {
background: #002f50;
padding: 20px 0px;
margin-top: -12px;
}

.profile-Setti-h-menu .profile-h-menu
{  
padding: 0;
text-align: right;
margin: 8px 6px 0;
color: #fff;
font-size: 20px;
font-weight: 500;
}
.profile-Setti-h-menu .profile-h-menu li {
display: inline-block;
margin-left: 10px;
}

.profile-Setti-h-menu .profile-h-menu li a
{  text-decoration: none;
font-size: 14px;
font-weight: 500;
color: #fff;
}
.profile-Setti-h-menu .profile-h-menu li a:hover
{  text-decoration: none;
font-size: 14px;
font-weight: 500;
color: #03A9F4;
}
.profile-h-right-bar ul {
padding: 0;
text-align: right;
margin: 8px 0 0;
}
.profile-h-right-bar ul li {
display: inline-block;
margin-left: 14px;
}
.profile-h-right-bar ul li img {
transition: all 0.1s ease-in-out 0.1s;
max-width: 24px;
}
/* dropdown*/
.profile-h-right-bar ul li.dropdown:hover ul {
display: block;
left: auto;
top: 26px;
right: 0;
padding: 10px 0;
}
.profile-h-right-bar ul li .caret {
display: inline-block;
width: 0;
height: 0;
color: #fff;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}

.home-icon {
color: #fff;
font-size: 19px;
padding: 0px;
}
.profile-h-right-bar ul {
padding: 0;
text-align: right;
margin: 12px 0 0;
}
.profile-h-right-bar ul li.dropdown ul li {
display: block;
text-align: left;
}
.profile-h-right-bar ul li.dropdown ul li a {
padding: 6px 5px;
}

/* Profile container */
.profile {
margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
padding: 20px 0 10px 0;
background: #fff;
}

.profile-userpic img {
float: none;
margin: 0 auto;
width: 50%;
height: 50%;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}

.profile-usertitle {
text-align: left;
margin-top: 20px;
margin: 13px;
}

.profile-usertitle-name {
color: #002f50;
font-size: 16px;
font-weight: 600;
margin-bottom: 0px;
}

.profile-usertitle-job {
color: #002f50;
font-size: 11px;
margin-bottom: 3px;    
}

.profile-usertitle .border
{ 
border-bottom: 1px solid #cac4c4;
width: 34%;
margin-bottom: 14px;
}
.border
{ 
border-bottom: 1px solid #cac4c4;
width: 70%;
margin-bottom: 0px;
}

.profile-usertitle-job:after{
content: " ";
position: absolute;
height: 6px;
width: 6px;
top: 20px;
right: 106px;
background: #4CAF50;
border-radius: 50%;
}

.profile-usertitle span:after
{
border-top: 1px solid #b7b2b2;
width: 97%;
height: 15px;
margin: auto;
}
#sidenav1 .profile-s-left-panel .panel {
margin-bottom: 20px;
background-color: #fff;
border: none;
border-radius: 0px;
-webkit-box-shadow:none;
box-shadow: none;
}

#sidenav1 .profile-s-left-panel .inner .panel-default {
border-color: none; 
margin-bottom: 6px; 
}
#sidenav1 .profile-s-left-panel .list-group-item {
position: relative;
display: block;
padding: 10px 0px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd; 
}
#sidenav1 .profile-s-left-panel .panel-heading svg {
margin-top: 5px;
/*margin-right: 130px;*/
/*float: right;*/
}

#sidenav1 .profile-s-left-panel .inner .panel-default {
border-color: none;
}
#sidenav1 .profile-s-left-panel .panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
#sidenav1 .profile-s-left-panel .panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}

#sidenav1 .profile-s-left-panel .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}  
#sidenav1 .profile-s-left-panel .panel-heading {
color: #002f50;
background-color: #eaeaea;
border-color: #eaeaea;
font-size: 15px;
font-weight: 500;
border-radius: 0;
margin-bottom: 0px;
padding: 0px 0px;
}
#sidenav1 .profile-s-left-panel .panel-heading a{
color: #002f50;
background-color: #eaeaea;
border-color: #eaeaea;
font-size: 14px;
font-weight: 500;
border-radius: 0;
margin-bottom: 0px;
text-decoration: none;
padding: 6px 9px;
}

#sidenav1 .profile-s-left-panel ul
{ 
list-style: none;
padding: 11px 10px;
text-align: left;
margin: 0;
}
#sidenav1 .profile-s-left-panel ul li a
{
color: #002f50;
font-size: 14px;
border-bottom: none;
text-decoration: none;
display: block;
font-weight: 500;
max-width: 100%;
padding-bottom: 3px;
margin-bottom: 4px;
}
#sidenav1 .profile-s-left-panel ul .active-myfeeds{color:#002f50;}

.padding_right_zero {
position: -webkit-sticky;
position: sticky;
width: 15%;
padding-left: 0px;
max-width: 15%;
}
.container_main.bootstap_padding_manage {
width: 59%;
max-width: 60%;
flex: auto;
min-height: 1300px;
}
.padding_left_zero {
width: 26%;
}
/****
.profile_setting_zero {
width: 79%;
}*/
/*user profile setting form css Start*/
.profile_Setting-forms
{
position: relative;
border-radius: 5px;
background-color: #fff;
margin-bottom: 5px;
padding: 8px;
}
.profile_Setting-forms h2{font-size: 22px;}
.profile_Setting-forms h3{font-size: 19px;}
.profile_Setting-forms h4{font-size: 14px;}
.profile_Setting-forms label{font-size: 14px;}


.profile_Setting-forms .form-horizontal .Update_profile_check 
{
background-color: #f3f1f1;
border-radius: 5px;
padding: 4px 10px;
}
.profile_Setting-forms .form-horizontal .update_profile-bdr
{
border-bottom:1px solid #cac4c4; 
margin-bottom: 13px;  
}
/* checkbox start css*/
.profile_Setting-forms label {
display: contents;
max-width: 100%;
margin-bottom: 5px;
font-weight: 400;
}
.profile_Setting-forms label {
cursor: pointer;
}

.profile_Setting-forms .check {top:1px!important;}
.profile_Setting-forms input[type="checkbox"] {
position: relative;
top: 10px;
box-sizing: content-box;
width: 10px;
height: 10px;
margin: 0 5px 0 16px;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0px;
background-color: #fff;
border: 1px solid #002f50;
}

.profile_Setting-forms .responsive-table input[type="checkbox"] {margin: 0 5px 0 6px;}
.profile_Setting-forms input[type="checkbox"]:before {
content: '';
display: block;
}
.profile_Setting-forms .table-mr{margin-bottom: 16px;}
.profile_Setting-forms .responsive-table .Delete-account{text-align: left;margin-right:0px;color:#002f50;}

.profile_Setting-forms input[type="checkbox"]:checked:before {
content: "";
display: block;
position: absolute;
top: 2px;
left: 2px;
width: 6px;
height: 6px;
background-color: #002f50;
}

.profile_Setting-forms .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
padding-top: 0px;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
}
/* checkbox end css*/

/* checkbox start for Login Setting css*/



/* checkbox end for Login Setting css*/

.profile_Setting-forms .form-control 
{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #eaeaea;
background-image: none;
border: 1px solid #ccc0;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.profile_Setting-forms .country-code 
{
display: block;
width: 20%;
height: 34px;
padding: 6px 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #eaeaea;
background-image: none;
border: 1px solid #ccc0;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}	    
.profile_Setting-forms .phone-input 
{
display: block;
width: 80%;
height: 34px;
padding: 6px 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #eaeaea;
background-image: none;
border: 1px solid #ccc0;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}	    
/*user profile setting form css End*/
.profile_Setting-forms .form-horizontal textarea
{
max-height: 40px;
height: 40px;
max-width: 100%;
overflow: hidden;
}
.profile_Setting-forms .cuntry-phone label
{
display: block;
max-width: 100%;
margin-bottom: 0px;
font-weight: 400;
}
.profile_Setting-forms .italic
{
font-style: italic;
}
.profile_Setting-forms .save-btn
{
background: rgb(0, 47, 80);
font-size: 14px;
margin-right: 5px;
}
.profile_Setting-forms .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 0px 5px;
line-height: 1.9;
vertical-align: top;
border-top: none;
}
.profile_Setting-forms .responsive-table {
	min-height: 13px;
	padding: 2px;
	margin-bottom: 0px;
	border-radius: 7px;
	font-size: 0;
	margin-top: -7px;
}
.profile_Setting-forms .responsive-table table tbody tr td p
{
font-size: 15px;
}


/************* User Profile Seeting CSS End for Desktop *************/


/************* My Feeds CSS Satrt for Desktop *************/

.myfeeds {
position: relative;
border-radius: 5px;
background-color: #fff;
margin-bottom: 5px;
padding:4px 0px;
}

.myfeeds .newsEvent .panel-body.bodySet {
background: #fff;
border-top: none;
border: none;
}         

.myfeeds .panel-default {
border-color: transparent;
margin-bottom: 6px;
}

.myfeeds .panel-default>.panel-heading.panelSet {
color: #00406d;
background-color: #fff;
border: none; 
font-size: 14px;
border-radius: 0px;
margin-bottom: 0;
text-align: center;
padding: 10px;
height: 50px;
}              
.myfeeds .goal-img {
text-align: left;
}

.myfeeds .goal-img img {
margin-top: -2px;
width: 40px;
height: 40px;
}
.myfeeds .goal-img.post-tag img {
float: left;
margin-right: 5px;
}

.myfeeds .goal-img.post-tag span {
font-size: 11px;
display: block;
}

.myfeeds .user_small_profile_image {
border-radius: 100px;
float: left;
}
.myfeeds .post-tag p {
color: #002f50;
font-weight: 500;
font-size: 13px;
}
.myfeeds .post-tag p a {
color: #002f50;
font-weight: 500;
}
.myfeeds .post-tag p a:hover
{
color: #337ab7;
}
.myfeeds .dropdown-menu {
position: absolute;
top: 100%;
left: auto;
right: 0;
z-index: 1000;
display: none;
float: left;
min-width: 134px;
padding: 5px 0;
margin:-4px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #00406d;
border-radius: 10px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.myfeeds .post-dropdown:hover ul {
display: block;
}

.myfeeds .post-dropdown ul li {
padding: 5px;
}
.myfeeds .post-dropdown ul li a img 
{
margin-bottom:4px; 
}

.myfeeds .post-dropdown ul li a {
padding: 2px;
display: inline;
}

.myfeeds .post-dropdown a {
color: #002f50;
}

.myfeeds .report_user ul li {
list-style: none;
}

.myfeeds .post-dropdown ul li {
cursor: pointer;
}

.myfeeds .post-dropdown ul li:hover {
background: #f7f5f5;
border-radius: 5px;
}

.myfeeds .filter_time.dropdown
{
margin-top: 9px;
text-align: right;
}
.myfeeds .fontawsome_profile_margin {
width: 20px;
}
@media (max-width: 767px)
{
.myfeeds .goal-img.post-tag span {
font-size: 10px;
display: block;
margin-left: 43px;
}
}

.myfeeds.post-dropdown:hover ul {
display: block;
}

.myfeeds.post-dropdown ul li {
padding: 5px;
}

.myfeeds.post-dropdown ul li a {
padding: 2px;
display: inline;
}

.myfeeds.post-dropdown a {
color: #002f50;
}

.myfeeds.report_user ul li {
list-style: none;
}

.myfeeds.post-dropdown ul li {
cursor: pointer;
}

.myfeeds.post-dropdown ul li:hover {
background: #f7f5f5;
}
.myfeeds .filter_time {
margin-top: 9px;
text-align: right;
}
.myfeeds .newsEvent .panel-body.bodySet {
background: #fff;
border-top: none;
}
.myfeeds .newsHeader {
text-align: justify;
padding-inline-end: 13px;
padding-inline-start: 13px;
/* margin-left: 0px; */
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #333;
margin-top: 1px;
}
.myfeeds .panel-body ul {
list-style: none;
text-align: left;
border-radius: 6px;
padding: 0 7px;
}
.myfeeds .post_list_img li {
display: inline-block;
position: relative;
}
.myfeeds .full_width {
width: 100%;
cursor: pointer;
margin: -5px 0px;
}

.myfeeds .full_width img {
width: 100%;
}
.myfeeds .newsImg {
height: auto;
max-width: 100%!important;
}
.myfeeds .message_conatiner {
height: auto;
float: left;
background: #fff;
width: 100%;
/*box-shadow: 0 -0.5px 0 #e3e5e6;*/
padding-top: 0px;
margin-top: -5px;
margin-left: 0px;
border-top:1px solid #eaeaea;
}

.myfeeds .message_info {
border: 1px solid #8080805e;
padding-top: 10px;
padding-bottom: 10px;
border-left: 0;
border-right: 0;
}

.myfeeds .like_info {
padding-left: 10px;
font-size: 13px;
}

.myfeeds .share_and_comment {
float: right;
font-size: 13px;
padding-right: 10px;
}

.myfeeds .panel-body ul {
list-style: none;
text-align: left;
width: 100%;
border-radius: 6px;
padding: 0 0px;
}
.myfeeds .list_conatiner {
list-style-type: none;
padding-top: 0!important;
padding-bottom: 2px!important;
margin: 0;
box-shadow: 0 0.5px #e3e5e6;
border-radius: 0!important;
position: relative;
}
.border-none{border:none!important;}
.border-full-b{margin-bottom: 6px;}
.border-full{border-bottom: 1px solid #f1f2f3;}
.myfeeds .message_conatiner .list_conatiner .share-btn {width: 1px;}
.myfeeds .message_conatiner .list_conatiner li {
display: inline-block;
padding: 2px 24px;
cursor: pointer;
}
.myfeeds .message_conatiner .list_conatiner li:nth-child(1){padding:2px 14px;}
.myfeeds .message_conatiner .list_conatiner li:nth-child(2){padding:2px 14px;}
.myfeeds .message_conatiner .list_conatiner li span {
margin-left: 0px;
margin-right: 0px;
font-size: 12px;
font-weight: 500;
color: #888787;
}
.myfeeds .like_btn:hover+.emoji_container {
display: block
}
.myfeeds.like_btn:hover .like_reaction {
display: block;
}
.myfeeds .like_reaction {
display:none;
position: absolute;
left: 0;
top: -37px;
background: #e9ebee;
border-radius: 100px;
padding-top: 6px;
padding-left: 4px;
padding-right: 8px;
}

/*share button  css Start*/

.dropbtn {
color: white;
font-size: 16px;
border: none;
}

.dropup {
position: relative;
display: inline-block;
}

.dropup-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 123px;
height: 158px;
bottom: 28px;
left: -14px;
z-index: 1;
border-radius: 5px;
border: 1px solid #002f50;
}

.dropup-content a {
color: black;
padding: 0px 0px;
text-decoration: none;
display: block;
height: 30px;
width: auto;
}

.dropup-content a:hover {background-color: #fff;border-radius: 5px;}

.dropup:hover .dropup-content {
display: block;
}

.dropup:hover .dropbtn {
background-color: none;
}

.dropbtn img {
width: 60%;
}


/*share button  css End*/


.myfeeds #zama-emoji {
display: inline-block;
margin-left: 5px;
vertical-align: top;
}
.myfeeds #zama-emoji {
display: inline-block;
vertical-align: top;
}
.myfeeds .zama-emoji.xs {
transform: scale(.2);
margin: -47px;
}
.myfeeds .emoji--like {
background: #548dff;
}
.myfeeds.zama-emoji {
width: 120px;
height: 120px;
background: #ffda6a;
border-radius: 50%;
position: relative;
display: inline-block;
}

.myfeeds i#tabs71 {
margin-top: 4px;
}

.myfeeds i#tabs21 {
margin-top: 4px;
}

.myfeeds .like_btn:hover .like_reaction {
display: block;
}

.myfeeds .left-side-register {
width: auto;
min-width: 310px;
}

.myfeeds .custom-select1 {
overflow: hidden;
position: relative;
top: 0;
left: 0;
float: left;
}

.myfeeds .commectsSection {
padding: 0px 7px 7px 7px;
}

.myfeeds .message_boxer {
width: 100%;
height: auto;
/*float: left;*/
/*padding-top: 10px;*/
}
/*.myfeeds .message_boxer:first-child{border-bottom: 1px solid #f1f1f1;}*/
.myfeeds .user_comment_image {
height: 40px;
width: 40px;
border-radius: 50px;
}

.myfeeds .user_image {
display: block;
width: 10%;
float: left;
}

.myfeeds .comment_text_parent {
display: block;
width: 100%;
float: left;
text-align: left;
padding-left: 10px;
position: relative;
}
.myfeeds .comment_text_parent-1 {margin-top: 40px;}
.myfeeds .comment_text_paren1 {
display: block;
width: 90%;
float: left;
text-align: left;
padding-left: 10px;
position: relative;
}
.myfeeds .comment-action {
text-align: right;
}

.myfeeds .comment-section-popup {
display: none;
position: absolute;
background: #fff;
border: 1px solid #00406d;
z-index: 2;
border-radius: 6px;
padding: 5px;
right: 0px;
}

.myfeeds .comment-section-popup span {
display: flex;
width: 60px;
font-size: 12px;
cursor: pointer;
}

.myfeeds .comment-section-popup span i {
margin-right: 4px;
}

.myfeeds .comment-dotted-line {
cursor: pointer;
}

.myfeeds .comment-action:hover .comment-section-popup {
display: block;
}

.myfeeds .comment-section-popup span:hover {
background: #f7f5f5;
}

.myfeeds .edit-box-cancel {
font-size: 12px;
cursor: pointer;
}

.myfeeds .edit-comment-text {
display: none;
}

.myfeeds .comment_text_parent img {
margin: 3px;
}

.myfeeds .comment_text_ {
background-color: #f2f3f5;
border-radius: 6px;
box-sizing: border-box;
color: #1c1e21;
display: block;
line-height: 16px;
margin: 0 0 0 -3px;
width: 96%;
padding: 7px;
word-wrap: break-word;
float: left;
white-space: normal;
word-break: break-word;
font-size: 12px;
}

.myfeeds .comments_of_comment {
float: left;
width: 100%;
padding-left: 10px;
padding-top: 5px;
}
.myfeeds .view_comments {
text-align: center;
width: 100%;
font-size: 12px;
font-weight: 500;
padding-top: 35px;
color: #375671!important;
}

.myfeeds .span_comment_style {
font-size: 12px;
color: #002f50;
cursor: pointer;
}

.myfeeds .comments_of_comment_like {
margin-left: 1px;
position: absolute;
top: -15px;
right: 0px;
}

.myfeeds .match_standing_tbl .icon-cheq-cross1 {
left: 0px;
}
.myfeeds .message_text_input_style-2 {
margin-left: 1;
overflow-y: hidden;
min-height: 37px;
background-color: #f1f1f1;
width: 98%;
padding: 9px;
resize: none;
margin-top: 12px;
border-radius: 7px;
font-size: 12px;
}
.myfeeds .message_text_input_style {
margin-left: 1;
overflow-y: hidden;
min-height: 37px;
background-color: #f1f1f1;
width: 98%;
padding: 9px;
resize: none;
border-radius: 7px;
font-size: 12px;
}

.myfeeds .view_more_section {
margin-left: 20px;
font-size: 12px;
font-weight: 500;
color: #002f50;
padding-top: 10px;
display: inline-block;
cursor: pointer;
}

.myfeeds .user_name_message {
font-weight: 600;
color: #002f50;
}

.myfeeds textarea {
border: none;
overflow: auto;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
resize: none;
/*remove the resize handle on the bottom right*/
}

.myfeeds .swal-button {
background-color: #002F50;
}

.myfeeds .swal-button:not([disabled]):hover {
background-color: #002F50;
}

.myfeeds .dashboard_page_loader {
position: absolute;
width: 40px;
height: 40px;
left: 0;
bottom: 0;
right: 0;
margin: auto;
top: 0;
}

.myfeeds .see_full_table {
text-align: right;
padding: 9px;
padding-top: 0px;
font-size: 13px;
margin-bottom: 0;
cursor: pointer;
}
.myfeeds .video-responsive{
margin-bottom:66.25%;
position:relative;
height:0;
}
.myfeegs .video-responsive video{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.myfeeds .see_more
{
padding: 0px 43px;
font-size: 12px;
text-decoration: none;
text-align: right;
}
.myfeeds .user-btn-title
{ 
padding: 3px 10px;
border: 1.2px solid #002f50;
border-radius: 5px;
margin-bottom: 12px;
font-size: 15px;
}
.myfeeds .user-btn-title:hover
{
background-color: #f1f1f1;
}
.myfeeds .user-btn-title  a{color:#002f50;font-weight: 400;}

.myfeeds .user-title-h4 {
color: #6e6e6e;
font-size: 16px;
text-align: left;
font-weight: 400;
margin-bottom: 14px;
padding: 2px 18px;
}
.myfeeds .post-goal-img {
text-align: left;
}
.myfeeds .post-goal-img img {
margin-top: 3px;
width: 50px;
height: 50px;
}
.myfeeds .post-goal-img.post-tag img {
float: left;
margin-right: 5px;
}

.myfeeds .post-goal-img.post-tag span {
font-size: 12px;
display: block;
}
.myfeeds .post-goal-img .post-tag p {
color: #002f50;
font-weight: 500;
font-size: 13px;
}
.myfeeds .post-goal-img .name_title a{
color: #002f50;
font-weight: 500;
margin-left: 10px;
font-size: 14px;
}
.myfeeds .post-goal-img .name_title span {
font-size: 12px;
display: block;
margin-left:62px;
color: #002f50;
}
.myfeeds .Post-follow h4
{
text-align: left;
}
.myfeeds .Post-follow .fallow-btn a {
	font-size: 12px;
	display: inline-block;
	text-decoration: none;
	padding: 3px 11px;
	border: 1px solid #002f50;
	border-radius: 2px;
	margin-right: 19px;
	line-height: 100%;
	color: #002f50;
	margin-top: 7px;
	border-left: ;
}
.myfeeds .Post-follow .fallow-btn a:hover {
font-size: 12px;
display: inline-block;
text-decoration: none;
background-color:#002f50;
color: #fff;
padding: 3px 11px;
border: 1px solid #eaeaea;
margin-right: 33px;
line-height: 100%;
margin-top: 7px;
}

.right_bar_desktop_search .Search
{
margin:0;
}

.right_bar_desktop_search .search-form .form-group {
float: right !important;
transition: all 0.35s, border-radius 0s;
width: 100%;
height: auto;
background-color: #fff;
border-radius: 9px;

}
.right_bar_desktop_search .search-form input.form-control {
padding-right: 20px;
border: 0 none;
background: transparent;
background-color: #ffff;
box-shadow: none;
display:block;
}
.right_bar_desktop_search .search-form input.form-control::-webkit-input-placeholder {
display: none;
}	
.right_bar_desktop_search .search-form input.form-control:-moz-placeholder {
/* Firefox 18- */
display: none;
}
.right_bar_desktop_search .search-form input.form-control::-moz-placeholder {
/* Firefox 19+ */
display: none;
}
.right_bar_desktop_search .search-form input.form-control:-ms-input-placeholder {
display: none;
}
/*.search-form .form-group:hover,
.search-form .form-group.hover {
width: 100%;
border-radius: 4px 25px 25px 4px;
}*/
.right_bar_desktop_search .search-form span.form-control-feedback {
position: absolute;
top: -1px;
right: -2px;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
color: #3596e0;
left: initial;
font-size: 14px;
}
.right_bar_desktop_search .has-feedback label.sr-only~.form-control-feedback {
top: 0;
right: 8px;
color: #9E9E9E;
}

.right_bar_desktop_birthday {
position: relative;
padding: 8px;
background-color: #fff;
border-radius: 5px;
margin-bottom: 16px;
}	

.right_bar_desktop_birthday .user_birthday 
{
width: 60%;
height: auto;
}

.right_bar_desktop_birthday .user_birthday img
{
float: left;
margin-right: 3px;
width: 30px;
height: auto;
}

.right_bar_desktop_birthday .user_birthday_fallow
{
width: 40%;
height: auto;
margin-top: 11px;
}
.right_bar_desktop_birthday .user_birthday h4
{
display: inline;
font-size: 14px;
}
.right_bar_desktop_birthday .user_birthday_fallow p a
{
font-size: 11px;
padding: 0px 0px;
font-weight: 400;
color: #2196F3;
border: 1px solid #d5d5d5;
text-decoration: none;
}
.right_bar_desktop_birthday h5
{
font-size: 12px;
padding-top: 0px;
margin-bottom: 3px;
}	

.right_bar_desktop_birthday p
{
font-size: 10px;
} 

.right_bar_desktop_birthday span a
{
font-size: 12px;
float:right;
}   

.right_bar_desktop_fallow {
position: relative;
padding: 5px;
background-color: #fff;
border-radius: 5px;
margin-bottom: 16px;
}
.right_bar_desktop_fallow a{color: #0076c9;}
.right_bar_desktop_fallow .user_title h4{font-size: 14px;} 
.right_bar_desktop_fallow .user_title 
{
width: 90%;
height: auto;
}	
.right_bar_desktop_fallow .user_next 
{
width: 20%;
height: auto;
margin-top: 11px;
}	
.right_bar_desktop_fallow .user_next a
{
font-size: 10px;
}	   
.right_bar_desktop_fallow span a {
font-size: 12px;
float: right;
}

.right_bar_desktop_fallow .user_fallow
{
text-align: left;
}
.right_bar_desktop_fallow .user_fallow img
{
margin-top: 3px;
width: 45px;
height: 45px;
}   
.right_bar_desktop_fallow .user_name_title 
{
display: inline;
}
.right_bar_desktop_fallow .user_name_title a {
	color: #002f50;
	font-weight: 500;
	display: block;
	margin-left: 20px;
	font-size: 16px;
	/* margin-top: -43px; */
	text-decoration: none;
	margin-top: 15px;
}
.user_small_profile_image-new34 {
	margin-top: 17px;
}
.right_bar_desktop_fallow .user_name_title span {
	font-size: 10px;
	display: block;
	margin-left: 22px;
	margin-top: 2px;
	line-height: 1.2;
	margin-bottom: 0px;
}
.right_bar_desktop_fallow .user_name_title .fallow {
display: block;
margin: 0 0 0px;
font-size: 11px;
color: #002f50;
margin-left: 43px;
line-height: 1.2;
}
.right_bar_Post-follow .right_fallow-btn a {
font-size: 9px;
display: inline-block;
text-decoration: none;
padding: 2px 2px;
border: 1px solid #d5d5d5;
border-radius: 4px;
/*margin-right: -5px;*/
line-height: 100%;
margin-top: 10px;
}
.right_bar_Post-follow .right_fallow-btn a:hover{background-color:#002f50;color: #fff;}
.border_fallowup
{
border-bottom: 1px solid #e8e7e7;
padding: 16px 0px;
margin: -15px 0px;
}

.border_fallowup2 {
padding: 16px 0px;
margin: -15px 0px;
}

.right_bar_desktop_fallow .border_fallowup:nth-child(3){
border-bottom: 1px solid #e8e7e7;
}

.right_bar_desktop_birthday .article h4{font-size: 14px;}
.right_bar_desktop_birthday .article {
width: 100%;
display: inline-flex;
height: auto;
}
.right_bar_desktop_birthday a{color:#0076c9;}

.side_footer {margin-top: -13px;}
.side_footer a{font-size: 11px;color: #002f50;line-height: 1.2;}

.country-view .center-margin p span {
display: block;
line-height: 1.5;
}
.country-view .center-margin
{
margin-top: 33px;
}
.country-view p img 
{
width: 70%;
}
.country-view .center-margin p span img{width: 15px;}
.country-view p{font-size: 15px;text-align: center;font-weight:500;color: #002f50;}
.country-view .cntry-user {display: block;}
.country-view .scores-span {display: block;font-size: 22px;}
.country-view .ctry-table 
{
border-top: 1px solid #f3eded;
border-bottom: 1px solid #f3eded;
border-right: 1px solid #f3eded;
text-align: right;
width: 50%;
}
.country-view .ctry-table-2 
{
border-top: 1px solid #f3eded;
border-bottom: 1px solid #f3eded;
text-align: left;
width: 50%;

}
.country-view .ctry-table-inner-1 ul {
list-style: none;
text-align: right;
border-radius: 6px;
padding: 0 0px;
}
.country-view .ctry-table-inner-1 ul li a{color:#2d385e;line-height: 2;}
.country-view .ctry-table-inner-1 ul li
{
color: #2d385e;
font-size: 14px;
margin-right: 19px;
}
.country-view .ctry-table-inner-1 {
border-right: 1px solid #f3eded;
text-align: right;
width: 50%;
height: 117px;
}

.country-view .ctry-table-2-inner-2 {
text-align: left;
width: 50%;
height: 100px;
}

.country-view .ctry-table-2-inner-2 ul {
list-style: none;
text-align: left!important;
border-radius: 6px;
padding: 0 0px;
}
.country-view .ctry-table-2-inner-2 ul li
{
color: #2d385e;
font-size: 14px;
margin-left: -21px;
}
.country-view .ctry-table-2-inner-2 ul li a{margin-left: 7px; color:#2d385e;line-height: 2;}
.country-view .ctry-table-2-inner-2 ul li img
{
width: 10%;
height: auto;
margin-top: -6px;
}

.country-view .user-view p img
{
width: 49px;
display: block;
margin: auto;
}       

.country-view .more-btn{font-size: 12px;font-weight: 500;text-align: right;color: #002f50!important;padding: 0px 33px;}            

/* My Feeds CSS End for Desktop *************/


/* Live Updates Design Page CSS Start*/

.live_updates {
position: relative;
border-radius: 5px;
margin-bottom: 3px;
padding: 0px;
}
.live_updates #navcontainer
{
width: 100%;
}
.live_updates #navcontainer .menu
{
padding:0;
} 
.live_updates .menu li
{
width: calc(100% / 4);
display: inline;
padding: 0;
list-style-type: none;
}
.live_updates .menu li a
{
color: #fff;
font-size: 12px;
display: inline-block;
}

/*.live_updates .menu li:first-child{width: 16%;}
.live_updates .menu li:last-child{width: 16%;}*/
.live_updates .select_page 
{
position: relative;
width: 100%;

background-color: #002f50; 
border-radius: 5px;        
}
.live_updates .select_page .select_pagination
{
list-style-type: none;
/*padding: 7px 4px;*/
width: 100%;
margin-bottom: 0px;
}
.live_updates nav {
width: 100%;
border-right: none;
}

.live_updates nav ul {
overflow: hidden;
margin: 0;
padding: 0;
}

.live_updates nav ul li {
list-style: none;
float: left;
text-align: center;
border-right: 1px solid #4b606f;
width: 16.6667%; /* fallback for non-calc() browsers */
width: calc(100% / 6);
font-size: 14px;
box-sizing: border-box;
}

.live_updates nav ul li:first-child {
border-left: none;
}
.live_updates nav ul li:last-child {
border-right: none;
}

.live_updates nav ul li a {
display: block;
text-decoration: none;
color:#fff;
padding: 10px 0;
}

.live_updates .p {
text-align: center;
font-size: 14px;
margin-top: 80px;
}

.live_updates .select_page .select_pagination li
{
display: inline-block;
padding: 7px 5px;
}
.live_updates .select_page .select_pagination li:nth-child(2)
{
border-right: 1.4px solid #00406d;
}

.live_updates .select_page .select_pagination li:nth-child(3)
{
border-right: 1.4px solid #00406d;
}
.live_updates .select_page .select_pagination li:nth-child(4)
{
border-right: 1.4px solid #00406d;
}

/* .live_updates .select_page .select_pagination li a .arrow
{
width: 100%;
}*/

.live_updates .select_page .select_pagination li a
{
color: #fff;
font-size: 14px;
text-decoration: none;
}
.live_updates .select_page .select_pagination li a:hover
{
color:#337ab7;
}

.live_updates .select_page .select_pagination select
{
background-color: #002f50;
border: none;
color: #fff;
font-size: 14px;
}

.live_updates .select_page .select_pagination select option
{
padding: 0px;
background-color: #f3f1f1;
color:#002f50;
font-size: 12px;
}
.live_updates .select_date
{ 
margin-top: 10px;
width: 100%;
height: auto;
background: #fff;
border-radius: 4px;
padding: 4px 8px;
}
.live_updates .select_date .list-inline li input[type="text"]
{
display: block;
width: 100%;
height: 24px;
padding: 6px 6px;
font-size: 11px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.live_updates .select_date .list-inline li a
{
padding: 3px 5px;
border-radius: 6px;
color: #002f50;
font-size: 12px;
}
.live_updates .select_date .list-inline li .select-day
{
padding: 3px 5px;
border-radius: 6px;
background-color: #acd8f7;
color: #002f50;
font-size: 12px;

}
.live_updates .select_date .list-inline li:nth-child(1)
{
border-right: 1.4px solid #7aa3c0;
}
.live_updates .select_date .list-inline li:nth-child(2)
{
border-right: 1.4px solid #7aa3c0;
}

.live_updates .select_date .list-inline li:nth-child(3)
{
border-right: 1.4px solid #7aa3c0;
}
.live_updates .select_date .list-inline li:nth-child(4)
{
border-right: 1.4px solid #7aa3c0;
}
.live_updates .select_date .list-inline li:nth-child(5)
{
border-right: 1.4px solid #7aa3c0;
}

.live_updates .table-body
{
width: 100%;
height: auto;
border-radius: 4px;
padding: 4px 12px;
}
.live_updates .table-body .table-body-heading {
color: #002f50;
font-size: 14px;
border-radius: 0;
width: 100%;
margin-bottom: 20px;
padding: 6px 15px;
}

.live_updates .table-body .table-body-heading .left-league {
float: left;
margin-left: -21px;
margin-bottom: 10px;
}

.live_updates .table-body .table-body-heading .right-league {
float: right;
margin-right: -27px;
}

.live_updates .table-body .table-body-heading .right-league span {
font-size: 12px;
margin: 3px;
border: 1px solid #0a2f50;
padding: 4px;
border-radius: 5px;
cursor: pointer;
}
.live_updates .table-body .table-body-heading .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
color: inherit;
}
.live_updates .table-body .table-body-heading .right-league .tab-active {
font-size: 12px;
margin: 3px;
border: 1px solid #002f50;
background-color: #acd8f7;
padding: 4px;
border-radius: 5px;
cursor: pointer;
}

.live_updates .panel-box
{
padding: 7px;
background: #ffffff;
text-align: center;
border-radius: 4px;
margin: 0;
margin-bottom: 12px;
}

.live_updates .panel-box tr.hide-table-padding td {
padding: 0;
}

.live_updates .panel-box .expand-button {
position: relative;
}

.live_updates .panel-box .accordion-toggle .expand-button:after
{
position: absolute;
left:.75rem;
top: 50%;
transform: translate(0, -50%);
content: '';
width: 14px;
height: 9px;
background-image: url(../../images/dropdown-arrow.png);
}
.live_updates .panel-box .accordion-toggle.collapsed .expand-button:after
{
content: '';
width: 10px;
height: 13px;
background-image: url(../../images/left-arrow-table.png);
}

.panel-box .table-responsive .table{overflow: hidden;margin-bottom: 0px;}
.panel-box .table-responsive .table tr a{font-size:12px;color: #002f50;}

/* for tab g css start*/
.live_updates .panel-box .match_events_in_match_list {
margin-bottom: 0px;
margin-top: 6px;
padding: 0px !important;
display: flex;
}
.live_updates .panel-box .tab-content{padding: 0px 15px;font-size: 13px;}
.live_updates .panel-box .tab-content tr td p{display: inline-block;margin-left: 7px;font-size: 13px;color:#002f50}
.live_updates .panel-box .tab-content tr td .marginn-p{margin: 2px;margin-left: 7px;font-size: 13px;color:#002f50;font-weight: 500;}
.live_updates .panel-box .tab-content .table>tbody>tr>td{border-top: none!important;}
.live_updates .panel-box .tab-content .table .table-border{border-bottom:1px solid #eaeaea!important;}

.live_updates .panel-box .match_events_in_match_list li {
display: inline-block;
width: 16.32%;
cursor: pointer;
font-size: 12px;
background: #e9ebee;
text-align: center;
padding: 5px;
margin-right: 2px;
}

.live_updates .panel-box ul.match_events_in_match_list li:nth-child(0) {
margin: 0;
}

.live_updates .panel-box ul.match_events_in_match_list li:nth-child(6) {
margin: 0;
}

.live_updates .panel-box .match_events_in_match_list .active {
display: inline-block;
cursor: pointer;
background: #e1f3fd;
text-align: center;
}

.live_updates .panel-box .match_list_th td {
border: 0px !important;
}

.live_updates .panel-box .Lineups_style {
width: 100%;
float: left;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
}

.float_left {
float: left;
}


/* .event_container_in_match{
border: 1px solid #002F50;
border-left: 0px;
border-right: 0;
width: 100%;
float: left;
} */

.live_updates .panel-box .event_container_in_match {
border-bottom: 1px solid #e3e5e6;
}

.live_updates .panel-box table.table.standing_match_ui {
border-bottom: 1px solid #002F50;
}

.live_updates .panel-box table.table.standing_match_ui tr td {
padding: 6px !important;
border-bottom: 0px !important;
}

.live_updates .panel-box table.table.standing_match_ui tr th {
font-size: 14px !important;
border-bottom: 0px !important;
}

.live_updates .panel-box table.table.standing_match_ui .standing_team {
width: 30% !important;
text-align: left !important;
}

.live_updates .panel-box .last5_items tr td {
width: 20%;
font-size: 14px;
}

.live_updates .panel-box .left-txt p {
text-align: left;
line-height: 5px;
font-size: 12px;
}

.live_updates .panel-box .goal-img {
text-align: left;
}

.live_updates .panel-box .goal-img img {
margin-top: -2px;
width: 40px;
}

.live_updates .panel-box .last5_items tr {
border-bottom: 1px solid #ccc;
padding-bottom: 5px !important;
height: 30px;
}

.live_updates .panel-box .pd10 {
padding: 10px !important;
}

.live_updates .panel-box .last5_item_cross {
background: red;
color: white;
font-size: 10px;
display: block;
border-radius: 100px;
height: 20px;
width: 20px;
padding-top: 3px;
margin-left: 35px;
float: left;
}

.live_updates .panel-box .last5_item_check {
padding: 4px;
background: #4dd965;
color: white;
height: 20px;
padding-top: 5px;
font-size: 8px;
width: 20px;
display: inline-block;
border-radius: 100px;
}

.live_updates .panel-box .predict tr td {
font-size: 12px;
}

.live_updates .panel-box table.user_predict {
margin-left: 15px;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

.live_updates .panel-box table.user_predict img {
margin-right: 5px;
margin-bottom: 8px;
cursor: pointer;
}

.live_updates .panel-box .predict_select {
width: 50px;
height: 25px;
border-radius: 6px;
text-align: center;
border: 1px solid #ccc;
}

.live_updates .panel-box .mobileLast5Left {
margin-left: -10px;
}

.live_updates .panel-box .mobileLast5Right {
margin-right: -10px;
}

.live_updates .panel-box .mobileLast5LeftLi {
padding: 5px 0px !important;
padding-left: 18px !important;
}

.live_updates .panel-box .mobileLast5RightLi {
padding: 5px 0px !important;
padding-right: 18px !important;
}

.live_updates .panel-box .goal-img.post-tag img {
float: left;
margin-right: 5px;
}

.live_updates .panel-box .goal-img.post-tag span {
font-size: 12px;
display: block;
}

.active_sport {
color: #ff0000 !important;
}

.live_updates .panel-box div#tabs3 ul li {
box-shadow: none;
padding-bottom: 0;
}

.live_updates .panel-box div#tabs3 ul li a {
padding-top: 2px !important;
}

.live_updates .panel-box div#tabs5 ul li {
box-shadow: none;
padding-bottom: 0;
}

.live_updates .panel-box div#tabs5 ul li a {
padding-top: 2px !important;
}

.live_updates .panel-box div#tabs7 ul li {
box-shadow: none;
padding-bottom: 0;
}

.live_updates .panel-box div#tabs7 ul li a {
padding-top: 2px !important;
}

.live_updates .panel-box div#tabs2 ul li {
box-shadow: none;
padding-bottom: 0;
}

.live_updates .panel-box div#tabs2 ul li a {
padding-top: 2px !important;
}

.live_updates .panel-box .line_up_match_local_team {
font-size: 14px;
text-align: left;
display: block;
width: 100%;
}

.live_updates .panel-box .line_up_match_visitor_team {
font-size: 14px;
display: block;
text-align: right;
width: 100%;
}

.live_updates .panel-box .event_text_style {
margin: 0px;
font-size: 14px;
text-align: left;
}

.live_updates .panel-box .event_text_main {
margin: 0px;
font-size: 14px;
text-align: left;
}

.live_updates .panel-box #cricket_match li {
display: inline-block;
width: 20% !important;
cursor: pointer;
font-size: 13px;
padding: 10px;
background: #ccc;
text-align: center;
}

.live_updates .panel-box #cricket_match .active {
display: inline-block;
width: 20%;
position: relative;
color: #fff;
cursor: pointer;
font-size: 13px;
background: #3379b7;
text-align: center;
}

.live_updates .panel-box .No_of_innings {
padding: 0;
margin: 0px;
}

.live_updates .panel-box .No_of_innings li {
display: inline-block;
background: #ccc;
font-size: 13px;
width: 50%;
white-space: pre;
padding: 7px;
overflow: hidden;
position: relative;
text-align: center;
max-height: 72px;
}

.live_updates .panel-box .No_of_innings .active {
display: inline-block;
background: #4dd965;
font-size: 13px;
color: #fff;
width: 50%;
padding: 7px;
text-align: center;
}

.live_updates .panel-box .innings_heading {
padding: 10px;
font-size: 15px;
background: #000;
margin: 0px;
color: #fff;
}

.live_updates .panel-box .standing_match_ui td {
padding: 3px;
word-break: break-word !important;
line-height: 1.42857143;
vertical-align: top;
border-top: 0px solid #ddd;
font-size: 13px;
padding-bottom: 6px;
text-align: center;
min-width: 9% !important;
width: 9% !important;
vertical-align: middle;
cursor: pointer;
/* width: 15%; */
}

.live_updates .panel-box .yellow_card {
height: 13px;
width: 10px;
background: yellow;
display: inline-block;
margin-left: 4px;
margin-top: 1px;
}

.live_updates .panel-box .match-cards span.Yellow_card {
height: 13px;
width: 10px;
background: yellow;
display: inline-block;
margin-left: 4px;
margin-top: 1px;
}

.live_updates .panel-box span.card-main-span {
width: auto !important;
}

.live_updates .panel-box .red_card {
height: 13px;
width: 10px;
background: red;
display: inline-block;
margin-left: 4px;
margin-top: 1px;
}

.live_updates .panel-box .total_result {
font: 14px;
font-weight: normal;
margin-top: 10px;
}

.live_updates .panel-box .event_text_main_for_cricket {
margin: 0px;
font-size: 14px;
text-align: left;
padding: 7px;
border-bottom: 1px solid #ccc;
}

.live_updates .panel-box .total_result span {
margin-left: 10px;
}

.live_updates .panel-box .No_of_innings .active:after {
content: '';
position: absolute;
left: 50%;
border: 0px;
bottom: 0px;
width: 0;
height: 0;
border-bottom: 8px solid #fff;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
clear: both;
}

.live_updates .panel-box .commentary_seperater {
padding: 10px;
border-bottom: 1px solid #ccc;
}

.live_updates .panel-box .cricket_match_info_for_cricket tr td {
width: 50%;
font-size: 14px;
text-align: left;
padding: 6px;
}

.live_updates .panel-box .cricket_match_info_for_cricket {
width: 100%;
}

.live_updates .panel-box .cricket_match_info_for_cricket tr {
border-bottom: 1px solid #ccc;
}

.live_updates .panel-box .american_football_info span {
margin-left: 10px;
margin-right: 6px;
width: 8px;
font-weight: 00;
float: left;
display: inline-block;
}

.live_updates .panel-box .text_left {
font-size: 14px;
text-align: left;
}

.live_updates .panel-box .american_football_heading {
font-weight: 500;
border-bottom: 1px solid;
margin-bottom: 10px;
margin-top: 10px;
}

.live_updates .panel-box .cricket_match_info_for_cricket tr:nth-child(odd) {
background-color: #f4f4f4;
}

.live_updates .panel-box .cricket_match_info_for_cricket tr:nth-child(even) {
background-color: #e9ebee;
}

.live_updates .panel-box .followers_countLeft {
float: left;
}

.live_updates .panel-box .folow_remove_right {
float: right;
}
/* for tab g css end*/

/* this css for left menu freez start*/
#left {
position: fixed;
float: left;
top:77;
}

#middle {
float: left;
margin-left: 141px;
}

#right {
overflow-x: hidden;
float: right;
}
/* this css for left menu freez End*/

.right_bar_desktop_birthday .user_birthday .img
{
background-image: url(../../images/birthday.png);
width: 30px;
height: 30px;
display: inline-block;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 6px 11px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}

.live_updates .progress {
height: 10px;
margin-bottom: 3px;
overflow: hidden;
background-color: #e1f4fd;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.live_updates .border-right {border-right: 1px solid #fff;}
.live_updates .progress .progress-bar-1 {
float: right;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #002f50;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.live_updates .progress .progress-bar-2 {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #002f50;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}

.live_updates .table-progress-label
{
position: absolute;
margin-top: 0px;
margin-left: -40px;
}

.live_updates .span
{
color: #071925;
font-size: 12px;
font-weight: 400;
}

.live_updates .table .division
{
color: #071925;
font-size: 15px;
}
.live_updates .table .division tr td{padding: 4px;border-bottom: 1px solid #eaeaea;border-top: none;}
.live_updates .table .division span{font-size: 13px;color:#071925;}
.live_updates .division-span {
color: #071925;
font-size: 15px;
font-weight: 400;
}
. .live_updates table .span-font{font-weight: 400;font-size: 12px;color:#002f50;}


/*  verticle bar chart css Start*/
.bar-chart-btn
{
background: rgb(0, 47, 80);
font-size: 15px!important;
margin-top: 5px;
color: #fff!important;
padding: 8px 21px;
}
.chart {
display: table;
table-layout: fixed;
width: 80%;
max-width: 700px;
height: 200px;
margin: 0 auto;
/*background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 2%, rgba(0, 0, 0, 0) 2%);*/
background-size: 100% 50px;
background-position: left top;
}
.chart li {
position: relative;
display: table-cell;
vertical-align: bottom;
height: 200px;
}
.chart span {
margin: 0 1em;
text-align: center;
padding: 25px 0px;
display: block;
background: #acd8f7;
color: #002f50;
font-weight: 500;
border-radius: 8px;
animation: draw 1s ease-in-out;
}
.chart span:before {
position: absolute;
left: 0;
right: 0;
top: 100%;
padding: 5px 1em 0;
display: block;
text-align: center;
content: attr(title);
word-wrap: break-word;
}

@keyframes draw {
0% {
height: 0;
}
}

/*  verticle bar chart css End*/



/* Live Updates Design Page CSS End*/




/*new css for section start*/


/* ========== job-status-bar ========== */







/*========================user profile banner css start===========================*/

.user_profile
{
max-width: 86%;
width: 86%; 
flex: 0 0 83%;
margin-top: 7px;
}

#device-bar-1
{
text-align: right;
padding: 6px;
background-color: #000;
overflow: hidden;
}

#device-bar-1 button
{
width: 15px;
height: 15px;
float: left;
margin: 6px;
border-radius: 50%;
cursor: pointer;
}

#device-bar-1 button:first-child
{
background-color: #f35d5b;
}

#device-bar-1 button:nth-child(2)
{
background-color: #f6bd3a;
}

#device-bar-1 button:last-child
{
background-color: #44cc45;
}

/* Header */
header
{
padding: 15px 20px;
background-color: #4267b2;
}

#logo
{
width: 30px;
}

#logo a
{
display: block;
}

#logo a i
{
font-size: 34px;
color: #fff;
}

#search-form form
{
position: relative;
width: 280px;
font-size: 16px;
padding: 8px 15px;
padding-right: 37px;
background-color: #3b5ca0;
border-radius: 20px;
margin-left: 15px;
}

#search-form form input
{
width: 100%;
color: #fff;
border: 0;
background-color: transparent;
}

#search-form form button
{
position: absolute;
top: 6px;
right: 6px;
color: #f1f1f1;
height: 22px;
line-height: 1;
cursor: pointer;
}

#search-form form button i
{
font-size: 22px;
}

#f-name-l
{
width: 1px;
color: #fff;
font-weight: bold;
white-space: pre;
padding-right: 20px;
}

#f-name-l span
{
padding-right: 28px;
border-right: 1px solid #35518b;
}

#i-links
{
width: 1px;
}

#m-td
{
padding-right: 20px;
}

#m-td span
{
position: relative;
cursor: pointer;
}

#m-td span.m-active:before
{
content: '5';
position: absolute;
top: -8px;
right: 0px;
color: #fff;
font-size: 12px;
padding: 4px 4px 3px 4px;
background-color: #ff1e0e;
border-radius: 3px;
line-height: 1;
}

#i-links i
{
color: #fff;
font-size: 24px;
padding: 0px 8px;
vertical-align: middle;
}

#p-link
{
display: block;
width: 34px;
height: 34px;
background-color: #f1f1f1;
border-radius: 50%;
overflow: hidden;
}

#p-link img
{
width: 100%;
}

/* Header finished */

/* Profile image header */
#profile-upper
{
position: relative;
border-radius: 4px;
margin-bottom: 8px;
}

#profile-d
{
position: absolute;
left: 25px;
top: 15px;
right: 0px;
height: 180px;
}

#profile-banner-image
{
height: auto;
overflow: hidden;
z-index: 1;
border-radius: 8px;
}

#profile-banner-image img
{
width: 100%;
margin-top: -20%;
}

#profile-pic
{
width: 80px;
height: 80px;
border-radius: 3px;
margin-bottom: 28px;
overflow: hidden;
}

#profile-pic img {
	width: 100%;
	border-radius: 50px;
}

#edit-u-name
{
position: absolute;
bottom: 156px;
left: 55px;
color: #fff;
font-size: 36px;
font-weight: bold;
box-shadow: 1px -1px 19px 0px grey;
background-color: #80808057;
}

#m-btns
{
position: absolute;
right: 38px;
bottom: 156px;
width: 83px;
}

#m-btns .td
{
padding: 0 8px;
}

.m-btn
{
cursor: pointer;
color: #0e0e0e;
font-size: 14px;
white-space: pre;
}

.m-btn i
{
font-size: 16px;
margin-right: 1px;
vertical-align: middle;
}

.m-btn span
{
position: relative;
top: 1px;
}

#edit-profile
{
position: absolute;
right: 20px;
bottom: 21px;
line-height: 1;
cursor: pointer;
}

#edit-profile i
{
display: block;
color: rgba(255, 255, 255, 0.7);
}

/*#black-grd
{
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
height: 300px;
background: linear-gradient(rgba(0,0,0,0) 71%, rgba(0,0,0, .53));
z-index: 1;
border-radius: 6px;
}*/
/* Profile image header finished */


/*user profile button section  Start*/
.user_profile_btn
{
position: relative;
border-radius: 5px;
background-color: #fff;
margin-bottom: 5px;
padding: 4px 0px;

}

.user_profile_btn .list-inline
{
width: 100%;
margin: auto;
}

.user_profile_btn .list-inline li {
	padding: 8px 13px;
}

.user_profile_btn .list-inline .save-btn
{
padding: 11px 4px;
font-weight: 500;
min-width: 144px;
background-color: #002f50;
}
.user_profile_btn .list-inline .save-btn:hover
{
background-color: #1c6180;
}
/*user profile button section  End*/


/*========================user profile banner css end===========================*/










.about-HI {
	padding: 20px;
	font-size: 12px;
}

.myfeeds .message_conatiner .list_conatiner-new li {
	display: inline-block;
	padding: 2px 1px;
	cursor: pointer;
}
.myfeeds .message_conatiner .list_conatiner-new li span {
	margin-left: 0px;
	margin-right: 0px;
	font-size: 12px;
	font-weight: 500;
	color: #888787;
}
.KKK h6 {
	text-align: left;
	padding: 1px 14px;
	font-size: 15px;
}
.KKK p {
	font-size: 13px;
	text-align: left;
	padding: 2px 14px;
	font-size: ;
	font-weight: normal;
}
.UY {
	text-align: right !important;
	color: #516671 !important;
}
.Post-follow-new {
	margin-top: -15px;
}
.panel-body.bodySet.bodySet-new {
	background: #f5f5f5 !important;
	margin-top: 6px;
	margin-bottom: -10px !important;
}
.fallow-btn-new1.text-right img {
	margin-right: 9px;
}
.fallow-btn-new1.text-right img {
	margin-right: 8px;
	margin-top: 16px;
	width: 52px;
}
.fallow-btn-new.text-right img {
	width: 60px;
	margin-top: 0px;
	margin-bottom: -8px;
}
.GG {
	padding: 5px;
	border: 1px solid;
	width: 53%;
	font-size: 12px !important;
	border-radius: 5px;
	text-align: center;
}
.GG:hover {
	background: #000;
	color: #fff;
	border: 1px solid #fff;
}
.TR a:hover {
	background: #000;
	color: #fff;
	text-underline: none !important;
	border: 1px solid #fff;
}
.OLs {
	font-size: 13px;
	font-weight: normal;
	color: #1c81db;
}
.TR {
	display: block;
	margin-left: 21px;
	margin-top: 7px;
	line-height: 1.2;
}
.TR a {
	/* border: 1px solid; */
	padding: 3px;
	margin: 2px;
	border-radius: 5px;
	/* margin-top: 24px !important; */
	background: #fff;
	color: #002f50;
	font-size: 12px;
	font-weight: 500;
}
.user_fallow-01 {
	/*background: #eaeaea;*/
	padding: 5px;
	border-radius: 10px;
}
.row.back-colo-ty {
	background: #eee;
	padding: 10px;
}

.filter_time {
	margin-top: 9px;
	float: right;
}
.JOV {
	background: #eee;
	margin: 5px;
	border-radius: 10px;
	padding: 5px;
}
.ASWE {
	padding: 13px !important;
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 12px;
}
.about-HI a {
	color: #2c364d;
	text-decoration: underline;
	padding: 2px;
}
.underline {
	text-decoration: none !important;
}




.UVX {
	font-size: 13px;
	margin: 0px;
	color: #0070ff;
}

.middle-new-1042 {
	width: 60%;
}
.border_fallowup-new1 {
	border-bottom: 1px solid #fff !important;
	padding: 16px 0px;
	margin: -15px 0px;
}
.right_bar_desktop_fallow span a {
	font-size: 10px !important;
	float: right;
}
.AW34 {
	border: 2px solid #eee;
	padding: 5px;
	border-radius: 10px;
}
.user_small_profile_image-new3401 {
	margin-top: 1px;
	margin-bottom: 1px;
}
.right_bar_desktop_fallow-new {
	position: relative;
	padding: 5px;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 16px;
}
.right_bar_desktop_fallow-new .user_name_title a {
	color: #002f50;
	font-weight: 500;
	display: block;
	margin-left: 20px;
	font-size: 16px;
	/* margin-top: -43px; */
	text-decoration: none;
	margin-top: 15px;
}
.right_bar_desktop_fallow-new .user_title h4 {
	font-size: 14px;
}
.right_bar_desktop_fallow-new .user_name_title span {
	font-size: 10px;
	display: block;
	margin-left: 22px;
	margin-top: 2px;
	line-height: 1.2;
	margin-bottom: 0px;
}
.right_bar_desktop_fallow-new .user_name_title a {
	color: #002f50;
	font-weight: 500;
	display: block;
	margin-left: 20px;
	font-size: 16px;
	/* margin-top: -43px; */
	text-decoration: none;
	margin-top: 0px;
}
.right_bar_desktop_fallow-new span a {
	font-size: 9px;
	float: right;
}
.right_bar_desktop_fallow-new span a {
	font-size: 10px !important;
	float: right;
	color: #0f7ece;
}

.text-right.Forum-n23p {
	margin-top: 12px;
	margin-bottom: 8px;
}
.Forum-n23p button {
	background: #002f50;
	margin-right: 16px;
	width: 94px;
	padding: 3px;
	border-radius: 8px;
}
.Forum-n23 {
	margin-top: 8px;
	margin-bottom: 8px;
}
.save-btn-newsd:hover {
	color: #354e88;
	border: 1px solid #eee;
}
.save-btn-newsd {
	background: #eee !important;
	color: #354e88;
}
.save-btn-newsd-new {
	background: #eee !important;
	color: #f00;
}
.row.Forum-n230 {
	border-bottom: 1px solid #eee;
}
.form-control:focus {
	border-color: #fff;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgb(255, 255, 255),0 0 8px rgb(255, 255, 255);
}

.post-new {
	padding-top: 12pt;
	border-bottom: 1px solid #eee;
}
.post-new90 {
	padding-top: 0pt;
	/*border-bottom: 1px solid;*/
}
.modal-footer-YY {
	padding: 8px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
	background: #eee;
	border-radius: 7px;
}
.ASDW {
	font-size: 14px;
}
.LK76-new a {
	margin-left: 7px;
	font-size: 15px;
	color: #002f50;
}

.T1 h4 {
	font-size: 13px;
	font-weight: 600;
	text-align: center;
}
.BO981 {
	text-align: center;
	border: 2px solid #d9d4d4;
	padding: 8px;
	margin: 10px 0 10px 0px;
	border-radius: 10px;
}
.text-right.Forum-n23p0 {
	margin-top: 19px;
	margin-bottom: 8px;
	text-align: right;
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	background: #eaeaea;
	border-radius: 8px;
}
.Forum-n23p0 input {
	margin-right: 35px;
}
.save-btn-2G4h4 {
	background: #0076c9 !important;
}
.save-btn-2G4h40 {
	background: #f00 !important;
	border: 1px solid #f00 !important;
}
.middle-new-10421 {
	width: 86%;
}
.post-dropdown-newsQ {
	/*margin-top: -11px;*/
	font-size: 14px;
	/* color: #fff !important; */
}
.myfeeds .post-tag p a {
	color: #002f50;
	font-weight: 500;
}
.name_title.F45 a {
	color: #0076c9 !important;
}
.row_graps {
	margin-right: 10px !important;
	margin-left: 38px;
}
.graps h3 {
	font-size: 17px;
	font-weight: bold;
	text-align: left;
}
.graps h2 {
	font-size: 30px !important;
	font-weight: bold;
	text-align: left;
}
.graps p {
	font-weight: normal;
	text-align: left;
	margin-top: 10px;
}
.grops img {
	/* margin-left: -36px; */
	width: 176;
	float: left;
}
.er-ta4 {
	float: left;
	margin-top: -13px;
	margin-left: 50px;
}
.row.AQ12 {
	margin: 0px;
}
.btn.btn-primary.save-btn.XZAS {
	background: #fff;
	color: #28a9e8;
	font-size: 14px;
	border: 2px solid #eae5e5 !important;
}
.BO9810 {
	text-align: center;
	border: 2px solid #002f50;
	padding: 8px;
	margin: 10px 0 10px 0px;
	border-radius: 10px;
}
.BO981 a {
	font-weight: bold;
	font-size:14px;
}
.BO9810 a {
	font-weight: bold;
	font-size:14px;
}
.modal-header .close {
	margin-top: -10px;
	margin-right: -10px;
}
.close {
	float: right;
	font-size: 19px;
	font-weight: normal;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: 1.0;
}
.modal-title {
	margin: 0;
	line-height: 1.42857143;
	font-size: 15px;
}
[class~="post-pop"] [class~="post-new"] [class~="post-new-media"] {
	margin-bottom: .416666667in;
}
[class~="post-focus"] [class~="post-pop"] [class~="post-new"] [class~="post-new-media-input"] [class~="uk-input"] {
	border-top-color: transparent;
}

[class~="post-focus"] [class~="post-pop"] [class~="post-new"] [class~="post-new-media-user"] {
	margin-right: 0;
}
[class~="post-pop"] [class~="post-new"] [class~="post-new-media"] {
	margin-bottom: .416666667in;
}

[class~="post-new-media-user"] img {
	border-radius: 50%;
}
[class~="post-heading"] [class~="post-avature"] img, [class~="post-new-media-user"] img {
	height: 40px;
}
.post-new-media-input input {
	border: 1px solid #fff;
}
.HQF a {
	background: #d8e5ef;
	padding: 4px;
	margin: 5px;
	font-size: 13px;
	font-weight: bold;
}
.post-new-type {
	float: right;
}
.LK76 a {
	margin-left: 20px;
	font-size: 22px;
	color: #b5aeae;
}
.BNZ {
	float: right;
	margin-right: 16px;
}
.BNZ a {
	background: #002f50;
	padding: 7px;
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
}
.post-new-media-input textarea {
	border: 2px solid #fff;
}
.col-md-1.IMK img {
	margin-top: -9px;
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
	background: #eee;
	border-radius: 5px;
}
.modal-body {
	position: relative;
	padding: 15px;
	margin-top: -18px;
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	/* border-radius: 4px; */
	-webkit-box-shadow: inset 0 1px 1px rgba(251, 245, 245, 0.08);
	/* box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.row.GT5Z {
	margin-top: 15px;
}
.BNZ.BNZ-NZ {
	margin-top: 3px;
	width: 75px;
	background: #012f50;
	border-radius: 5px;
	text-align: center;
	padding: 6px;
}
.LO99 {
	margin-bottom: 10px;
}
.BNZ.bottan-JJ {
	margin-top: 6px;
}
.row.bottan-JJ-new {
	margin-top: 10px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #fff;
}


.modal-header02 {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
	border-radius: 8px;
}

.LK76 a img {
	width: 23;
}
.see {
	margin-top: -20px;
	margin-left: -36%;
	font-size: 14px !important;
}
#middle-new {
	float: left;
	margin-left: 157px;
}
#middle-new1 {
	float: left;
	margin-left: 142px;
	width: 86%;
}
.TZ2 {
	text-align: center;
	background: #eee;
	margin-top: 10px;
	padding: 7px;
	border-radius: 4px;
}
.TZ2 a {
	font-size: 13px;
}
.bot-red {
	background: #ff0000 !important;
}
#profile-banner-image-new34 img {
	width: 100%;
	margin-top: 0%;
}
.FantZ1 {
	text-align: center;
}
.FantZ1 h2 {
	font-size: 26px;
	margin: 0px;
}
.FantZ1 p {
	font-size: 13px;
}
.fantasy-i {
	text-align: center;
	background: #002f50;
	padding: 5px;
	border-radius: 10px;
	/* color: #fff !important; */
}
.fantasy-i a {
	color: #fff !important;
}
.GZ320 {
	text-align: center;
	font-size: 20px !important;
	font-weight: normal !important;
}
.fon-bo {
	border-top: 1px solid #eee;
}
.fon-fon {
	font-size: 23px !important;
}
hr {
	margin-top: 7px;
	margin-bottom: 7px;
	border: 0;
	border-top: 1px solid #eee;
}
.col-md-4.myfeeds.fon-feeds {
	width: 282px;
	margin: 5px;
}
.GZ320 i {
	font-size: ;
	color: #f00;
	font-size: 21px;
}
.filter_time_font {
	margin-top: 5px !important;
	float: left;
	background: #fff;
	padding: 6px;
	border-radius: 5px;
	margin-left: -5px;
}
.filter_time-09 {
	margin: 0px;
	/* color: #000; */
}
.filter_time-09 a {
	color: #002f50 !important;
	color: ;
	background: #eaeaea;
	padding: 5px;
	border-radius: 5px;
}
.modal-footer-YY-font {
	padding: 0px;
	text-align: right;
	border-top: 1px solid #fff;
	background: #fff;
	border-radius: 7px;
}
.modal-footer-YY-font select {
	background: #eee;
}
.modal-footer-YY-font input {
	background: #eee;
}
.T1-fon h4 {
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	margin: 5px;
}
.AS23 {
	background: #f00 !important;
}
.close.close-UI {
	margin-top: 0px !important;
	margin-right: 6px !important;
}
.close-UI i {
	color: #40de47;
}

@media only screen and (max-width: 1280px) {
	.col-md-4.myfeeds.fon-feeds {
	width: 255px;
	margin: 5px;
}
.user_profile_btn .list-inline li {
	padding: 8px 4px;
}
.middle-new-1042 {
	width: 59%;
}
.fallow-btn-new1.text-right img {
	margin-right: 1px;
	margin-top: 14px !important;
	width: 63px;
}
.GG {
	padding: 5px;
	border: 1px solid;
	width: 63%;
	font-size: 12px !important;
	border-radius: 5px;
	text-align: center;
}
.right_bar_desktop_fallow .user_name_title a {
	color: #002f50;
	font-weight: 500;
	display: block;
	margin-left: 20px;
	font-size: 14px;
	/* margin-top: -43px; */
	text-decoration: none;
	margin-top: 15px;
}
.list_conatiner-new.like-com img {
	width: 45px;
}
.profile_Setting-forms label {
	font-size: 13px;
}
.UVX {
	font-size: 11px;
	margin: 0px;
	color: #0070ff;
}

}

@media only screen and (max-width: 1024px) {
.TZ2 a {
	font-size: 12px !important;
}
.filter_time-09 a {
	color: #002f50 !important;
	color: ;
	background: #eaeaea;
	padding: 5px;
	border-radius: 5px;
	font-size: 13px;
}
.filter_time-09 a {
	font-size: 13px;
	margin-top: ;
}
.col-md-4.myfeeds.fon-feeds {
	width: 260px;
	margin: 5px;
	float: left;
}
.user_profile_btn .list-inline .save-btn {
	padding: 11px 4px;
	font-weight: 500;
	min-width: 183px !important;
	background-color: #002f50;
}

.user_profile_btn .list-inline li {
	padding: 8px 7px;
}
.middle-new-1042 {
	width: 59%;
}
.fallow-btn-new1.text-right img {
	margin-right: 1px;
	margin-top: 14px !important;
	width: 63px;
}
.list_conatiner-new.like-com img {
	width: 45px;
}
.list_conatiner-new.like-comZ1 img {
	width: 45px;
}
.profile_Setting-forms label {
	font-size: 13px;
}
.UVX {
	font-size: 12px;
	margin: 0px;
	color: #0070ff;
}
.right_bar_desktop_fallow .user_name_title a {
	color: #002f50;
	font-weight: 500;
	display: block;
	margin-left: 20px;
	font-size: 14px;
	/* margin-top: -43px; */
	text-decoration: none;
	margin-top: 15px;
}
.BNZ a {
	background: #002f50;
	padding: 7px;
	border-radius: 8px;
	color: #fff;
	font-size: 9px;
}
}


@media only screen and  (max-width:992px) and (min-width: 768px) {
#middle-new1 {
	float: left;
	margin-left: 109px;
	width: 86%;
}
.graps p {
	text-align: left !important;
}
.see {
	margin-top: -20px;
	margin-left: 62%;
	font-size: 14px !important;
}
.myfeeds .message_conatiner {
	height: auto;
	float: left;
	background: none;
	width: 100%;
	/* box-shadow: 0 -0.5px 0 #e3e5e6; */
	padding-top: 0px;
	margin-top: -5px;
	margin-left: 0px !important;
	border-top: 1px solid #eaeaea;
}
.middle-new-1042 {
	width: 58%;
}
.HQF a {
	background: #d8e5ef;
	padding: 4px;
	margin: 13px !important;
	font-size: 9px !important;
	font-weight: bold;
}
.right_bar_desktop_fallow .user_name_title span {
	font-size: 8px !important;
	display: block !important;
	margin-left: 33px !important;
	margin-top: 0px !important;
	line-height: 1.2;
}
.right_bar_desktop_fallow .user_name_title a {
	color: #002f50;
	font-weight: 500;
	display: block;
	margin-left: 29px;
	font-size: 9px;
	margin-top: 22px !important;
	text-decoration: none;
}
.right_bar_desktop_fallow-new .user_name_title a {
	color: #002f50;
	font-weight: 500;
	display: block;
	margin-left: 35px;
	font-size: 12px;
	/* margin-top: -43px; */
	text-decoration: none;
	margin-top: 0px;
}
.right_bar_desktop_fallow-new .user_name_title span {
	font-size: 10px;
	display: block;
	margin-left: 37px;
	margin-top: 2px;
	line-height: 1.2;
	margin-bottom: 0px;
}
.TR {
	display: block;
	margin-left: 36px;
	margin-top: 3px;
	line-height: 1.2;
}
.TR a {
	/* border: 1px solid; */
	padding: 2px;
	margin: 2px;
	border-radius: 5px;
	/* margin-top: 24px !important; */
	background: #fff;
	color: #002f50;
	font-size: 6px;
	font-weight: normal;
}
.right_bar_desktop_fallow-new .user_title h4 {
	font-size: 12px !important;
}
}

@media (max-width:767px) and (min-width: 320px){
.col-md-4.myfeeds.fon-feeds {
	width: 365px;
	margin: 5px;
	float: left;
}
.user_profile_btn .list-inline .save-btn {
	padding: 11px 4px;
	font-weight: 500;
	min-width: 164px !important;
	background-color: #002f50;
}
.filter_time_font {
	margin-top: 5px !important;
	float: left;
	background: #fff;
	padding: 6px;
	border-radius: 5px;
	margin-left: -5px;
	font-size: 13px;
}	
	
	#middle-new {
	float: left;
	margin-left: 0px;
	/* width: 88%; */
}
#middle-new1 {
	float: left;
	margin-left: 0px;
	width: 100%;
}
	.country-view p {
	font-size: 13px;
	text-align: left !important;
	font-weight: 500;
	color: #002f50;
}
	 
	 .middle-new-10421 {
	width: 100%;
}
.graps p {
	text-align: left !important;
}
.graps h3 {
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	margin: 41px 0 0 0px;
}
.see {
	margin-top: -3px;
	margin-left: -36%;
	font-size: 14px !important;
}
#middle {
	float: none;
	margin-left: 0px;
	width: 100%;
}
.fallow-btn-new1.text-right img {
	margin-right: 1px;
	margin-top: 14px !important;
	width: 43px;
}
.fallow-btn-new.text-right img {
	width: 43px;
	margin-top: 0px;
	margin-bottom: -8px;
}
	 
 }
 
 
 @media (max-width:767px) and (min-width: 375px){
.T1-fon h4 {
	font-size: 10px !important;
	font-weight: normal;
	text-align: left;
	margin: 5px;
}
.BO981 a {
	font-weight: bold;
	font-size: 10px !important;
}
.BO9810 a {
	font-weight: bold;
	font-size: 10px;
}
.col-md-4.myfeeds.fon-feeds {
	width: 325px;
	margin: 5px;
	float: left;
}
.filter_time-09 a {
	color: #002f50 !important;
	color: ;
	background: #eaeaea;
	padding: 5px;
	border-radius: 5px;
	font-size: 8px;
}
.TZ2 a {
	font-size: 9px !important;
	padding: 3px;
}
/*.filter_time-09 {
	background: #eee;
	font-size: 9px;
}*/
.user_profile_btn .list-inline .save-btn {
	padding: 11px 4px;
	font-weight: 500;
	min-width: 145px !important;
	background-color: #002f50;
}
.filter_time_font {
	margin-top: 5px !important;
	float: left;
	background: #fff;
	padding: 6px;
	border-radius: 5px;
	margin-left: -5px;
	font-size: 13px;
}	
	
	#middle-new {
	float: left;
	margin-left: 0px;
	/* width: 88%; */
}
#middle-new1 {
	float: left;
	margin-left: 0px;
	width: 100%;
}
	.country-view p {
	font-size: 13px;
	text-align: left !important;
	font-weight: 500;
	color: #002f50;
}
	 
	 .middle-new-10421 {
	width: 100%;
}
.graps p {
	text-align: left !important;
}
.graps h3 {
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	margin: 41px 0 0 0px;
}
.see {
	margin-top: -3px;
	margin-left: -36%;
	font-size: 14px !important;
}
#middle {
	float: none;
	margin-left: 0px;
	width: 100%;
}
.fallow-btn-new1.text-right img {
	margin-right: 1px;
	margin-top: 14px !important;
	width: 43px;
}
.fallow-btn-new.text-right img {
	width: 43px;
	margin-top: 0px;
	margin-bottom: -8px;
}
	 
 }
        
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
	display: block;
	padding: 2px;
	text-decoration: none;
}
.fas.fa-chevron-down {
	display: none;
}
#headingOne {
	border-radius: 6px !important;
	background: #fff !important;
	color: #002f50 !important;
}

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }