@font-face {
    font-family: 'HelveticaNeue-Regular';
    src: url('../fonts/HelveticaNeue-Regular_22623.ttf');	
}
@font-face {
    font-family: 'Helvetica Neue Bold';
    src: url('../fonts/HelveticaNeueBold.ttf');	
}
a{ color: #00ADF1;}
a:hover{text-decoration: none;}
header.panel-heading{
	background: #00ADF1;
	padding: 0;
	border-radius: 0;
	box-shadow: 0 3px 3px #ccc;
}
#mem-friends-list li{ vertical-align: top; }p{ margin:0}
.main-body{
	margin-top: 19px;
}
#profile{ font-size: 13px; }
#profile label{ font-weight: bold; color:#333333 !important;}
#profile > .aside > ul > li:nth-child(2){ font-size:13px !important; color:#333333 !important; font-weight: normal !important;}
footer.panel-footer{
	background: none; border-radius: 0; border: none;
	text-align: center;
}
footer.fbottom{
	background: #cc0000; font-size: 12px;
}
.ftop{
	font-weight: bold; letter-spacing: 3px;
}
.fbottom a{
	color: #fff;
}
.fbottom ul{margin: 0; padding: 5px 0;}
.member-list ul, #profile ul, #mem-friends-list ul, .help-block ul{
	padding: 0; margin: 0;
}
/* friend start */
#pgfriends #friends-list #block-search-member{text-align:left;}
#pgfriends #friends-list h2{ color: #060b0b; text-transform: none;text-align: left; letter-spacing: normal; font-family:unset; margin-left:20px;}
#pgfriends #friends-list #block-search-member .susers{ width: 21% !important;  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.20);
border-radius: 8px; padding:20px 0px;}
#pgfriends #block-search-member .susers:hover{background:#00adf1; }
#pgfriends #block-search-member .susers:hover div{color:#ffffff;}
#pgfriends #block-search-member .susers:hover a:first-child img { border: 2px solid #ffffff; }
#pgfriends #block-search-member .susers a:first-child img {  width:100px !important; height:100px !important; }
/* friend end */

/* birthday start */
#pdfriendsbday #block-search-member{text-align:left;}
#pdfriendsbday h2{ color: #060b0b; text-transform: none;text-align: left; letter-spacing: normal; font-family:unset; margin-left:20px; font-size:20px;}
#pdfriendsbday #block-search-member .susers{ width: 30% !important;  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.20);
border-radius: 8px; margin:10px; }
#pdfriendsbday #block-search-member img { display: block; width: 219px; height: 210px; border-radius: 10px; margin: auto; }
.bdaytitle{color:#00adf1; font-size:13px; padding:10px 5px; }
/* birthday end */

#my-friends #friends-list #block-search-member .susers, #pgfriends #friends-list #block-search-member .susers{ margin: 15px !important;}
#my-friends #friends-list #block-search-member .susers span{ color: red}
#friends-list #block-search-member .susers{ width: 15% !important;}
.newdelico{width:30px !important; height:30px !important; margin: 0 auto !important;}
.help-block ul{
	list-style-type: none; color: red; font-size: 10px;
}
#block-logo{
	padding: 12px 0 7px 0; color: #fff;
}
#block-logo span{display: block; font-style: italic;}
.form-group.dob{
	float: left; margin-right: 2%; width: 24%; margin-bottom: 0;
}
.form-group.dob.last{margin-right: 0;}
.block{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eee 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#eee 100%); /* W3C */
	color: #111; font-size: 12px; /*border-radius: 9px;*/
	/*box-shadow: 0px 0px 3px #67CEF6; */padding: 12px;/* margin-bottom: 19px;*/
	border:1px solid #67cef6;
}
.block  h2{
	margin: 0; font-weight: bold;
	color: #00ADF1;
	font-variant: small-caps; font-size: 18px;
	margin-bottom: 9px;
}
.block  h1{
	margin: 0; font-weight: bold;
	color: #00ADF1;
	font-variant: small-caps; font-size: 18px;
	margin-bottom: 9px;
}
#block-register hgroup{
	
	margin: 9px 0;
	color: red;
}
#block-register hgroup h3{
	font-size: 12px; margin: 0;
}
#block-register header{
	margin-bottom: 12px;
}
.search{
	font-size:13px; font-family:arial;
}
/*.searchfields{
	float: left;
    margin-right: 10px;
    width: 11.5%;
}*/
.searchfields {
    margin: 10px 0px;
}
.searchfields .form-control{
	padding: 6px 2px !important;
}
.mem-search{
	width:100% !important;
}
#block-search-member{
/*	border-right: 3px solid #eee;
	border-left: 3px solid #eee;
*/	padding: 0 9px;
}
#block-search-member .susers{
	display: inline-block;
	/*margin: 3px;*/
	text-align: center; font-size: 11px;
}
.suser-container{
	float:left;
	margin-right: 13px;
}
#block-search-member header{
	color: #00ADF1;
	font-weight: bold;
	font-size: 17px; line-height: 60px;
	text-align: center;
	/*margin-bottom: 29px;*/
}
#block-search-member header span{
	text-transform: uppercase;
	letter-spacing: 2px;
}
#usazip{
	float: none; margin: 10px auto 0px; /*border: 1px solid rgb(234, 234, 234); width: 30%; padding: 10px 21px;*/ text-align:center; color: #555555;
}
#friends-list #block-search-member img{
    width: 150px;
	height: 150px;
}
#friends-list #block-search-member{
   text-align:center;
}

#block-search-member img {
    display: block;
    border-radius: 50%;
    margin: 10px auto;
    width: 75px;
    height: 75px;
}
#block-search-member .susers {
    background: none repeat scroll 0 0 #ffffff;
    font-family: arial;
    min-height: 110px;
    text-align: center;
    width: 150px;
}
#block-search-member .susers a{
	display: block;
}
/*#block-search-member a:hover{
	text-decoration: none;
	font-style: italic;
}*/
#block-search-member .content{
	display: inline-block; cursor: pointer;
	line-height: 13px; width: 100%;
}
/*#block-search-member .content:hover img{
	opacity: 0.6;
}*/
#block-search-member .content .susers:hover img{
	opacity: 1;
}
#block-search-member .susers span{
	display: block;
}
#block-search-left h2{
	font-size: 18px;
	text-align: center; color: #00ADF1
}
#block-search-left select{
	width: 100%;
	border: 1px solid #b2eaff;
}
#block-search-left label{
	font-weight: bold; color: #00ADF1;
}
.member-list h2, #friends-list h2, #my-friends-request h2{
	color: #5c5c9a; font-size: 17px;
	/* border-bottom: 1px solid #67cef6; */
	width: 98%; font-weight: bold; text-transform:uppercase;
	clear:both;text-align: center;
    letter-spacing: 5px;
	font-family: HelveticaNeue-Regular_22623;
}
.grey{
	/*-webkit-filter: grayscale(75%);
       -moz-filter: grayscale(75%);
         -o-filter: grayscale(75%);
        -ms-filter: grayscale(75%);
            filter: grayscale(75%); */
	opacity: 0.4 !important;
    filter: alpha(opacity=40); /* msie */
    background: #000000 !important;
	line-height:18px;
	font-size: 13px;
	color: #FFFFFF;
	border-radius:0px;
	text-transform:uppercase;
	margin-top: 20px;
	letter-spacing: 2px;
	font-weight: bold;
	width: 100%;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	border:1px solid transparent;
}
#my-friends-request h2{
	border-bottom: 0px !important;
}
#my-friends-request .friends{
	border: 1px solid #eaeaea;
    border-radius: 5px;
    box-shadow: 1px 2px 5px 0 #eaeaea;
    float: left;
    padding: 20px 10px;
    width: 21%;
	margin: 0 30px 30px 20px;
}
#my-friends-request .friends img{
	display: block;
    height: 125px;
    margin: 10px auto;
    width: 125px;
}
.member-list li{
	display: inline-block;
	margin: 5px 7px 5px 7px;
    width: 18%;
    text-align: center;
	vertical-align: text-top;
	min-height: 150px;
}
.member-list .outer{
	width: auto; height: 100px; cursor: pointer;
	/*border-radius: 3px;*/
	overflow: hidden;
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.20);
}
.member-list .outer div{
	height: 100%;
	background-position: center;
	background-size: cover;
}
.member-list .susers div, #friends-list .susers div{
	text-align: center;
	font-size: 12px; color: #00ADF1;
}
.member-list li div{
	text-align: center;
	font-size: 13px; 
	text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 8px;
    color: #333333;
	line-height: 15px;
	font-family: HelveticaNeue-Regular_22623;
}
#front-new-members{margin-top:7%;}
#block-member-by-dob-country h2{
	color: #FFF;font-size: 16px;background: #00adf1;padding: 7px;text-align: center;text-transform: uppercase;font-weight: 600; /*margin-bottom: 20px;*/
}
/*#block-member-by-dob-country img{
	width: 40px; height: 40px;
	float: left;
	margin-right: 4px;
}*/
#block-member-by-dob-country li{
	font-size: 11px;
	float: left; width: 48%;
	color: #888;
	margin: 2px;
	line-height: 12px;
}
.rmsg{
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0px;
}
#search{
	/*margin-bottom: 59px;*/
	padding: 20px 10px;
    background: #0c3;
}
#search select{
	font-weight: bold;
	margin:0 auto;
	
	width: 270px;
}
#block-account .image img{
	max-width: 219px;
}
#friend-request{
	margin-bottom: 19px;
	text-align: center;
}
#friend-request h3{
	font-weight: normal;
	font-size: 18px;
}
#pro-right-img .outer div{
	min-height: 200px;
	width:200px;
	background-position: center;
	background-size: cover;
	margin:auto;
}
#block-friend-requested h2{
	font-size: 20px;
	margin-top: 19px;
}
#block-friend-requested .outer{
	width: 120px; height: 120px; cursor: pointer;
	overflow: hidden;
	float: left;
}
#block-friend-requested .outer div{
	height: 100%;
	background-position: center;
	background-size: cover;
}
#block-friend-requested .fr-left {
	float:left;
}
#block-friend-requested .fr-right {
	float:left;
	padding-left: 15px; 
}
#block-friend-requested .action{
	float: right; padding-top: 9px;
}
#block-friend-requested a{
	margin-left: 5px;
}
#mem-friends-list{
	margin: 15px;
	padding: 0px;
}
.bdayryt {
    background: #00adf1;
    padding: 20px 10px 10px 10px;
    border-radius: 10px;
    float: right;
}
.col-md-4.bdayryt {width:28%;}
#mem-friends-list h2{
	font-size: 13px; color: #ffffff; background:none; border-bottom: 1px dashed #eaeaea; font-weight: bold; text-transform: uppercase; margin: 0px; padding: 10px 0px;
}
#mem-friends-list .unstyled{
	margin: 20px 0 10px 0px;
}
#mem-friends-list li{
	display: inline-block;
	margin: 3.5px;
	border-radius:5px; 
	background: #ffffff;
}
#mem-friends-list .outer div {border-radius:5px;}
#mem-friends-list li:hover{
	opacity: 1;
}
#mem-friends-list .outer{
	width: 60px; height: 60px; cursor: pointer;	overflow: hidden;
}
#mem-friends-list .outer div{
	height: 100%;
	background-position: center;
	background-size: cover;
}
#block-settings{
	text-align: right;
	padding-top: 12px;
	color: #fff;
	font-size: 13px;
}
#block-settings b{
	letter-spacing: 3px; text-transform: uppercase;
}
#block-settings li{
	display: inline-block;
	margin-left: 11px;
}
#block-settings a{
	color: #fff;	
}
#blink span {
display:block; font-size: 17px; font-weight: normal; float: right; letter-spacing:normal; text-transform:none; margin-top: -33px;
}
/* Profile */
#profile .image{
	float: left; width: 40%;
}
#profile .image img{
	border: 1px solid #bbb;
	border-radius: 3px;
	padding: 5px; margin-top: 9px;
	width: 300px; width: 222px;
}
#profile > .aside{
	overflow: hidden; width: auto;
	font-size: 13px;
}
#profile > .aside > ul > li{
	display:inline-block; width: 99%;
	margin-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	line-height: 35px;
}
#profile > .aside > ul > li:first-child{
	color: blue; font-weight: bold;
	font-size: 16px;
}
#profile > .aside > ul > li:nth-child(0n+2){
	color: #999; font-weight: bold;
	font-size: 15px;
}
#profile > .aside > ul > li li{
	float: left;
	width: 45%;
}
#profile > .aside > ul > li li label{
	float: left; width: 35%;color: #bbb;
}
#profile .location{
	float: left; width: 50%;
	text-align: center;
	margin-top: 5px;
}
#profile .location b{
	display: block;
}
#profile .thumbnail{
	margin-top: 29px;
	display: inline-block; width: 97%;
}
#profile .thumbnail li{
	display: inline-block;
	margin-right: 5px;
}
#profile .thumbnail li img{
	width: 100px; cursor: pointer;
	border: 1px solid #ccc; padding: 3px;
	border-radius: 3px;
}
#profile .thumbnail li.active img{
	border: 1px solid orange;
}
#profile h2{
	font-size: 18px; font-weight: normal;
	color: #00ADF1;
	border-bottom: 2px solid #00ADF1;
	padding-bottom: 3px;
	margin: 19px 0 9px 0;
	display: inline-block; width: 100%;
}
#profile .container{
	height: 165px;
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
	white-space: nowrap;
	width: 100%;
}
#profile .container li{
	display: inline-block;
	margin-left: 5px;
}
#profile .container li img{
	height: 150px;
}
#sms{
	margin-bottom: 29px;
}
#sms header{
	text-align: center;
}
/* User Panel */
.user-content{
	border-left: 3px solid #f5f5f5;
	border-right: 3px solid #f5f5f5;
}
#block-user-left-menu li.active a{
	color: #aaa;
}
#block-profile-settings{
	padding: 0 19px;
}
#block-profile-settings h3{
	color: #00ADF1; margin: 0 0 39px 0;
	font-size: 18px;
}
#block-profile-settings .control-label{
	font-weight: normal;
}
#block-profile-settings .dob{
	width: 32%; margin-right: 2%; float: left;
}
#block-profile-settings .dob:last-child{margin-right: 0;}
#block-visited-countries{
	padding: 0 19px
}
#block-visited-countries table{
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin-top: 19px;
	width: 100%;
}
#block-visited-countries td{
	border: 1px solid #ddd;
	padding: 5px;
}
#thumbs > ul > li{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: inline-block;  margin-right: 1%; margin-bottom: 1%;
	width: 32.666666667%; height: 150px;
	position: relative;
	cursor: pointer;
}
#thumbs > ul > li a{
	display: block; height: 100%;
}
#thumbs > ul > li:nth-child(3n+3){ margin-right: 0;}
.youtube-video-list li{
	display: inline-block;  margin: 0.9%;
	width: 31%;
}
.youtube-video-list li img{
	max-width: 100%;
}
/* User Front Profile */
#profile .image{
	float: left; width: 40%;
}
#profile .image img{
	border: 1px solid #bbb;
	border-radius: 3px;
	padding: 5px; margin: 9px​ 0;
	width: 300px; width: 222px;
}
#profile > .aside{
	overflow: hidden; width: auto;
	font-size: 13px;
}
#profile > .aside > ul > li{
	display:inline-block; width: 99%;
	margin-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	line-height: 35px;
	list-style-type: none;
}
#profile > .aside > ul > li:first-child{
	color: blue; font-weight: bold;
	font-size: 16px;
}
#profile > .aside > ul > li:nth-child(0n+2){
	color: #999; font-weight: bold;
	font-size: 15px;
}
#profile > .aside > ul > li li{
	float: left;
	width: 45%;
	line-height: 35px;
	list-style-type: none;
}
#profile > .aside > ul > li li label{
	float: left; width: 35%;color: #bbb;
	line-height: 35px;
}
#profile .location{
	float: left; width: 50%;
	text-align: center;
	margin-top: 5px;
}
#profile .location b{
	display: block;
}
#profile #gallery{
	display: inline-block;
	width: 100%;
}
#profile #gallery .gallery-item{
	width: 107px; height: 90px; cursor: pointer;
	border: 1px solid #ccc; padding: 3px;
	border-radius: 3px;
	overflow: hidden;
	margin: 5.4px; display: inline-block;
}
#profile #gallery .gallery-item div{
	height: 100%;
	background-position: center;
	background-size: cover;
}
#video .container{
	height: 165px;
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
	white-space: nowrap;
	width: 100%;
	margin-bottom: 19px;
}
#video .container li{
	display: inline-block;
	margin-left: 5px;
}
#video .container li img{
	height: 150px;
}
#traveled b{
	color: #00ADF1;
}
#block-account .image img{
	max-width: 219px;
}
#friend-request{
	margin-bottom: 19px;
	text-align: center;
}
#friend-request h3{
	font-weight: normal;
	font-size: 18px;
}
#pro-right-img .outer div{
	min-height: 180px;
	width:180px;
	background-position: center;
	background-size: cover;
	margin: 10px auto;
	border-radius: 10px;
}
#block-friend-requested h2{
	font-size: 17px !important;
	margin-top: 19px;
	color: #00ADF1;
	font-size: 18px;
	border-bottom: 1px solid #67cef6 !important;
}
#block-friend-requested .outer{
	width: 120px; height: 120px; cursor: pointer;
	overflow: hidden;
	float: left;
}
#block-friend-requested .outer div{
	height: 100%;
	background-position: center;
	background-size: cover;
}
#block-friend-requested .action{
	float: right; padding-top: 9px;
}
#block-friend-requested a{
	margin-left: 5px;
}
.node-detail{
	text-align: justify;
}
#block-password-recover label{
	font-weight: bold; color: #555;
	margin: 3px 0 0 0;
}
#block-password-recover form{
	background: #eee; padding: 29px;
}
.clear{
	clear:both
}
.online{
	background:url(../img/online.gif) no-repeat; width: 12px; height:12px; float:left; margin:2px;
}
.slide-content{ overflow: hidden !important;}
.offline{
	background:url(../img/offline.gif) no-repeat; width: 12px; height:12px; float:left; margin:2px;
}
.socontainer{
	margin: auto; width: 60%;
}
.sologin{
	float:left; margin:10px;
}
#block-login .form-group{
	float:left;
	margin-right: 10px;
    margin-top: 22px;
	margin-bottom:0px;
}#block-login .form-control{
	padding: 3px 10px !important;
	height:26px !important;
	font-size:13px;
}
#block-login .btn{
	padding: 2px 10px;
}
#block-login .checkbox, #block-login .checkbox a{
	color: #FFFFFF;
	font-size:13px;
}
#block-login .checkbox a:hover{
	color: #2d6ca2;
}
.forgot-pwd{
	margin-left:55px;
}
#register-form .form-group{
	margin-bottom: 10px;
}
#register-form .form-control{
	height: 30px;
	padding: 6px !important;
}
.clear{
	clear: both;
}
#errorMsg{
	color: #FF0000; text-decoration: none !important; font-size:13px;
}
.title h2{
	color: #00adf1;
    font-size: 17px;
	text-transform:uppercase;
    font-weight: normal;
    margin: 0 0 9px;
}
#block-password-recover label{
	font-size:13px;
}
#block-password-recover .form-control{
	margin-bottom:10px;
	width: 30%;
}
.alert-error{
	color: #FF0000;
	font-size: 13px;
}
.something{
	background: #00adf1;
	line-height: 24px;
	font-weight: bold;
	padding: 10px;
	text-align:center;
	margin-bottom:10px;
	color: #FFFFFF;
}
.something p{
	margin-bottom: 0px !important;
}
.few_words{
	color: #00adf1;
	line-height:24px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom:5px;
}
.btn-fav{
	background: #2E3192 !important;
	line-height:18px;
	font-size: 13px;
	color: #FFFFFF;
	border-radius:0px;
	text-transform:uppercase;
	margin-top: 20px;
	letter-spacing: 2px;
	font-weight: bold;
	width: 100%;
}
.btn-fav:hover{
	color: #FFFFFF;
}
.btn-send{
	line-height:18px;
	font-size: 13px;
	background: #ec008c !important;
	color: #FFFFFF;
	border-radius:0px;
	text-transform:uppercase;
	margin-top: 20px;
	letter-spacing: 2px;
	font-weight: bold;
	width: 100%;
}
.userprofiles .outer{
	width: 95px;
	height: 80px;
	cursor: pointer;
	border: 1px solid #ccc;
	padding: 3px;
	border-radius: 3px;
	overflow: hidden;
	margin: 4px;
	display: inline-block;
	list-style: none;
}
.userprofiles{
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	min-height: 100px;
}
.userprofiles li{
	list-style:none;
	float: left;
}
.usrimg{
	height: 100%;
	background-position: center;
	background-size: cover;
}
.textbox{
	border: 1px solid #EAEAEA;
	margin-bottom: 10px;
	border-radius: 3px;
	padding: 7px;
	width: 50%;
}
.textarea{
	border: 1px solid #EAEAEA;
	margin-bottom: 10px; 
	border-radius:3px;
	padding: 7px;
}
#like:hover{
	 word-wrap: break-word;
}
.video-pop{
	z-index: 99999; left: 0px; width: 100%; height: 0px; display: block; position: absolute; text-align: center;
}
.video-popup-holder{
	background: none repeat scroll 0 0 #00ADF1;
    border: 1px solid #00ADF1;
    border-radius: 3px;
    bottom: 20px;
    color: #fff !important;
    display: block;
    height: 27px;
    line-height: 25px;
    overflow: hidden;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 102px;
    z-index: 1;
}
.video-popup-holder a{ 
	color: #FFFFFF;
	font-weight:bold;
}
.video-popup-holder:hover{ 
	text-transform: uppercase !important;
}
.footop2
{
	margin-top:0px;
}
.innercontent
{
margin-top:10px; width:22% !important; float:left;
}
.vide6
{
	width:600px; height:400px;
}
.box12
{
width:632px;
}
.clocks1
{
overflow:hidden;
border:0;
margin:0;
padding:0;
width:600px;
height:315px;
}
.countw
{
	width:15%;
}
.demorange
{
/*float: left;
 margin-right: 12px; 
 width:30% !important;*/
margin-top:10px;
}
.zip1
{
/*float:left; margin-right: 12px;
width: 45%;*/
}
.flobj
{
width:240px; height:20px;
}
/*--------------------------------------------------------------
*/@media only screen and (min-width: 200px) and (max-width:240px) {.submit_btn {
background: none repeat scroll 0 0 #00adf1;
border: 1px solid #00adf1 !important;
color: #ffffff;
font-weight: bold;
 margin-left:0px !important; 
padding: 8px 20px;
text-transform: uppercase;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right:14px !important;
padding-left:14px !important;
}
/*.member-list .outer {
width:87px !important;
height: 88px;
cursor: pointer;
overflow: hidden;
}
*/
.footop2
{
	margin-top:10px !important;
}
img {
vertical-align: middle;
width:100% !important;
}
#block-logo span {
display: block;
font-style: italic;
width:100% !important;
}
#register-form .form-group {
margin-bottom: 10px;
width:100% !important;
}
#search select {
font-weight: bold;
color: red;
width:200px !important;
}
.vide6
{
	max-width:200px !important;width:100%; height:100px;
}.box12
{
max-width:200px; width:100%;
}
.demo1
{
max-width:200px; width:100%;
display: none;
}
.shortcuts .shortcut {
background: none repeat scroll 0 0 #F3F3F3;
border-radius: 5px 5px 5px 5px;
display: inline-block;
margin: 0 0.9% 1em;
padding: 12px 0;
text-decoration: none;
vertical-align: top;
width:100% !important;
}
.centertable {
display: table-cell;
width:100% !important;
padding-right: 10px;
float: left;
}.lefttable {
display: table-cell;
width:100% !important;
float: left;
}.righttable {
display: table-cell;
width:100% !important;
right: 0px;
width: 100%;
border: 1px solid #CCCCCC;
background: #FFFFFF;
vertical-align: top;
float: left;
}
.fortable {
 display: block !important; 
margin: auto;
width: 100%;
}
.searchfields {
float: left;
width:100% !important;
margin-top: 5px;
margin-bottom: 5px;
}
#block-profile-settings .dob {
width:98% !important;
margin-right: 2%;
float:left;
margin-top: 10px;
}
#thumbs > ul > li {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: inline-block;
margin-right: 1%;
margin-bottom: 1%;
width:98% !important;
height: 150px;
position: relative;
cursor: pointer;
}
#profile > .aside {
overflow: hidden;
width: auto;
font-size: 13px;
float:left;
}
.clocks1
{
overflow: visible;
border:0;
margin:0;
padding:0;
width:150px !important;
height:215px;
}
#profile > .aside > ul > li li {
float: left;
width:100% !important;
line-height: 35px;
list-style-type: none;
}
.countw
{
	width:100% !important;
}
.demorange
{
float:left;
 margin-right:12px; 
 width:100% !important; margin-bottom:5px; margin-top:5px;
}.zip1
{
float:left; margin-right: 12px; width:100%;
}
 #form-email textarea {
border: 1px solid #dddddd;
border-radius: 3px;
height: 150px;
padding: 5px;
width:100% !important ;
}#form-email input, select {
border: 1px solid #dddddd;
border-radius: 3px;
padding: 5px;margin: 5px 0px;
width:100% !important;
}
 input, select[multiple], textarea {
	margin:5px 0px; width:100% !important;
	}
.btn-primary
{margin:5px 0px; 
}
#block-visited-countries td {
border: 1px solid #ddd;
padding: 5px;
float: left;
width:100%;
}.flobj
{
width:150px !important; height:20px;
}
#friends-list #block-search-member .susers {
width:65% !important;
}
.chat-holder {
width:30% !important;
text-align: center;
position: fixed;
bottom: 0;
right:0px !important;
z-index: 2;
}.chatoutput {
/* border: 1px solid silver; */
background-color: #FFFFFF;
height:101px !important;
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
font-family: arial;
font-size: 12px;
color: #646464;
padding: 5px;
}}
@media only screen and (min-width: 241px) and (max-width:320px) {
.submit_btn {
background: none repeat scroll 0 0 #00adf1;
border: 1px solid #00adf1 !important;
color: #ffffff;
font-weight: bold;
 margin-left:0px !important; 
padding: 8px 20px;
text-transform: uppercase;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right:14px !important;
padding-left:14px !important;
}
/*.member-list .outer {
width:87px !important;
height: 88px;
cursor: pointer;
overflow: hidden;
}
*/
.footop2
{
	margin-top:10px !important;
}
#register-form .form-group {
margin-bottom: 10px;
width:100% !important;
}
.form-group.dob {
float: left;
margin-right: 2%;
width:100% !important;
margin-bottom: 0;
}
.sologin {
float:left;
margin:10px 4px !important;
}
.socontainer {
margin: auto;
width: 100%;
}.vide6
{
	max-width:300px;width:100%; height:200px;
}
.box12
{
max-width:300px; width:100%;
}
.demo1
{
	width:273px !important;
display: none;
}
.shortcuts .shortcut {
background: none repeat scroll 0 0 #F3F3F3;
border-radius: 5px 5px 5px 5px;
display: inline-block;
margin: 0 0.9% 1em;
padding: 12px 0;
text-decoration: none;
vertical-align: top;
width:100% !important;
}
.centertable {
display: table-cell;
width:100% !important;
padding-right: 10px;
float: left;
}.lefttable {
display: table-cell;
width:100% !important;
float: left;
}.righttable {
display: table-cell;
width:100%;
right: 0px;
width:100% !important;
border: 1px solid #CCCCCC;
background: #FFFFFF;
vertical-align: top;
float: left;
}
#block-profile-settings .dob {
width:98% !important;
margin-right: 2%;
float:left;
margin-top: 10px;
}
.searchfields {
float: left;
width:100% !important;
margin-top: 5px;
margin-bottom: 5px;
}
#profile > .aside {
overflow: hidden;
width: auto;
font-size: 13px;
float:left;
}
.clocks1
{
overflow: visible;
border:0;
margin:0;
padding:0;
width:200px !important;
height:215px;
}
#profile > .aside > ul > li li {
float: left;
width:100% !important;
line-height: 35px;
list-style-type: none;
}
.countw
{
	width:38% !important;
}
.demorange
{
float: left;
 margin-right: 12px; 
 width:100% !important;margin-bottom:5px; margin-top:5px;
}
#usazip {
float: none;
margin: 10px auto 0px;
/* border: 1px solid rgb(234, 234, 234); */
/*width: 30%;
padding: 10px 0px !important;*/
text-align: center;
color: #555555;
}
.zip1
{
float:left; margin-right: 12px; width:100% ;
}
 #form-email textarea {
border: 1px solid #dddddd;
border-radius: 3px;
height: 150px;
padding: 5px;
width:100% !important ;
}#form-email input, select {
border: 1px solid #dddddd;
border-radius: 3px;
padding: 5px;margin: 5px 0px;
width:100% !important;
}
 input, select[multiple], textarea {
	margin:5px 0px; width:100% !important;
	}
.btn-primary
{margin:5px 0px; 
}
#block-visited-countries td {
border: 1px solid #ddd;
padding: 5px;
float: left;
width:100%;
}
#friends-list #block-search-member .susers {width:65% !important;}
#pgfriends #friends-list #block-search-member .susers{ width:80% !important;}
.chat-holder {
width:59% !important;
text-align: center;
position: fixed;
bottom: 0;
right:123px !important;
z-index: 2;
}.chatoutput {
/* border: 1px solid silver; */
background-color: #FFFFFF;
height:151px !important;
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
font-family: arial;
font-size: 12px;
color: #646464;
padding: 5px;
}
#pdfriendsbday #block-search-member .susers{width:80% !important}
}

@media only screen and (min-width:320px) and (max-width:420px) {
.member-list li {width:45%; }
.member-list .outer{height:115px;}
/* #block-register .radio-inline input[type="radio"] {margin-left:-42px;} */
#block-settings li{ margin-left:7px;}
#pdfriendsbday h2{margin-left:0px;}
}
@media only screen and (min-width:421px) and (max-width:650px) {
.member-list li {width:22%; }
.member-list .outer{height:95px;}
}
	
@media only screen and (min-width:321px) and (max-width:365px) {
	#pdfriendsbday #block-search-member .susers{width:70% !important}
}
@media only screen and (min-width:401px) and (max-width:420px) {
	#pdfriendsbday #block-search-member img{width:245px;}
}
@media only screen and (min-width:421px) and (max-width:500px) {
	#pdfriendsbday #block-search-member img{width:190px; height:180px;}
}
@media only screen and (min-width:501px) and (max-width:550px) {
	#pdfriendsbday #block-search-member img{width:213px; height:205px;}
}
@media only screen and (min-width:551px) and (max-width:580px) {
	#pdfriendsbday #block-search-member img{width:229px; height:209px;}
}
@media only screen and (min-width:581px) and (max-width:660px) {
	#pdfriendsbday #block-search-member img{width:242px; height:225px;}
}
@media only screen and (min-width:661px) and (max-width:700px) {
	#pdfriendsbday #block-search-member img{width:218px; height:210px;}
	#pdfriendsbday #block-search-member .susers{ width:35% !important;}
}
@media only screen and (min-width:701px) and (max-width:750px) {
	#pdfriendsbday #block-search-member img{width:213px; height:190px;}
	#pdfriendsbday #block-search-member .susers{ width:31% !important;}
}
@media only screen and (min-width:751px) and (max-width:990px) {
	#pdfriendsbday #block-search-member img{width:211px; height:190px;}
}
@media only screen and (min-width:991px) and (max-width:1100px) {
	#pdfriendsbday #block-search-member .susers{ width:36% !important;}
}
@media only screen and (min-width:321px) and (max-width:420px) {
	#pgfriends #friends-list #block-search-member .susers{ width:65% !important;}
	#pgfriends #friends-list #block-search-member, #pgfriends #friends-list h2, #pdfriendsbday #block-search-member{text-align:center;}		
	#pdfriendsbday #block-search-member .susers{width:67% !important}	
}
@media only screen and (min-width:421px) and (max-width:600px) {
	#pgfriends #friends-list #block-search-member .susers{ width:42% !important;}
	#pdfriendsbday #block-search-member .susers{width:44% !important}	
}
@media only screen and (min-width:601px) and (max-width:768px) {
	#pgfriends #friends-list #block-search-member .susers{ width:28% !important;}
}
@media only screen and (min-width:769px) and (max-width:900px) {
	#pgfriends #friends-list #block-search-member .susers{ width:40% !important;}
}
@media only screen and (min-width:901px) and (max-width:1250px) {
	#pgfriends #friends-list #block-search-member .susers{ width:28% !important;}
}

@media only screen and (min-width:321px) and (max-width:375px) {
.chat-holder {
width:59% !important;
text-align: center;
position: fixed;
bottom: 0;
right:123px !important;
z-index: 2;
}.chatoutput {
/* border: 1px solid silver; */
background-color: #FFFFFF;
height:151px !important;
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
font-family: arial;
font-size: 12px;
color: #646464;
padding: 5px;
}
.submit_btn {
background: none repeat scroll 0 0 #00adf1;
border: 1px solid #00adf1 !important;
color: #ffffff;
font-weight: bold;
 margin-left:0px !important; 
padding: 8px 20px;
text-transform: uppercase;
}
.footop2
{
	margin-top:10px !important;
}
.vide6
{
	max-width:300px;width:100%; height:200px;
}
.box12
{
max-width:300px; width:100%;
}
.demo1
{
	width:273px !important;
display: none;
}
.centertable {
display: table-cell;
width:100% !important;
padding-right: 10px;
float: left;
}.lefttable {
display: table-cell;
width:100% !important;
float: left;
}.righttable {
display: table-cell;
width:100%;
right: 0px;
width:100% !important;
border: 1px solid #CCCCCC;
background: #FFFFFF;
vertical-align: top;
float: left;
}
.searchfields {
float: left;
width:100% !important;
margin-top: 5px;
margin-bottom: 5px;
}#block-profile-settings .dob {
width:98% !important;
margin-right: 2%;
float:left;
margin-top: 10px;
}
.clocks1
{
overflow: visible;
border:0;
margin:0;
padding:0;
width:200px !important;
height:215px;
}
#profile > .aside {
overflow: hidden;
width: auto;
font-size: 13px;
float:left;
}
#profile > .aside > ul > li li {
float: left;
width:100% !important;
line-height: 35px;
list-style-type: none;
}
.countw {
width: 35% !important;
}
.demorange
{
float: left;
 margin-right: 12px; 
 width:100% !important;margin-bottom:5px; margin-top:5px;
}
#usazip {
float: none;
margin: 10px auto 0px;
/* border: 1px solid rgb(234, 234, 234); */
/*width: 30%;
padding: 10px 0px !important;*/
text-align: center;
color: #555555;
}
.zip1
{
float:left; margin-right: 12px; width:100%;
} #form-email textarea {
border: 1px solid #dddddd;
border-radius: 3px;
height: 150px;
padding: 5px;
width:100% !important ;
}#form-email input, select {
border: 1px solid #dddddd;
border-radius: 3px;
padding: 5px;margin:5px 0px !important;
width:100% !important;
}
 input, select[multiple], textarea {
	margin:5px 0px; width:100% !important;
	}
.btn-primary
{margin:5px 0px; 
}
#block-visited-countries td {
border: 1px solid #ddd;
padding: 5px;
float: left;
width:100%;
}
#friends-list #block-search-member .susers{width:65% !important;}
}

@media only screen and (min-width:376px) and (max-width:384px) {
.msg {float: left;padding-left: 0;width:100% !important;}
.clocks1{overflow: visible;border:0;margin:0;padding:0;width:200px !important;height:215px;}
#profile > .aside {overflow: hidden;width: auto;font-size: 13px;float:left;}
#profile > .aside > ul > li li {float: left;width:100% !important;line-height: 35px;list-style-type: none;}
.countw{width:100% !important;}
}

@media only screen and (min-width:385px) and (max-width:600px) 
{
.vide6{	max-width:300px;width:100%; height:200px;}
.box12{max-width:300px; width:100%;}
.demo1{	width:273px !important; display: none; }
.searchfields {float: left;width:100% !important;margin-top: 5px;margin-bottom: 5px;}
.clocks1{overflow: visible;border:0;margin:0;padding:0;width:200px !important;height:215px;}
#profile > .aside {overflow: hidden;width: auto;font-size: 13px;float:left;}
.countw{width:30% !important;}
#friends-list #block-search-member .susers {width:40% !important;}
}

@media only screen and (min-width:376px) and (max-width:768px) 
{
.submit_btn {background: none repeat scroll 0 0 #00adf1;border: 1px solid #00adf1 !important;color: #ffffff;font-weight: bold;
 margin-left:0px !important; padding: 8px 20px;text-transform: uppercase; }
.footop2{margin-top:10px !important;}
.centertable {display: table-cell;width:100% !important;padding-right: 10px;float: left;}
.lefttable {display: table-cell;width:100% !important;float: left;}
.righttable {display: table-cell;width:100% !important;right: 0px;width: 100%;border: 1px solid #CCCCCC;background: #FFFFFF;
vertical-align: top;float: left;}
#block-profile-settings .dob {width:98% !important;margin-right: 2%;float:left;margin-top: 10px;}
.demorange{float: left; margin-right: 12px;  width:100% !important;margin-bottom:5px; margin-top:5px;}
#usazip {float: none; margin: 10px auto 0px; text-align: center; color: #555555; /* border: 1px solid rgb(234, 234, 234); */
/*width: 30%; padding: 10px 0px !important;*/ }
.zip1{ float:left; margin-right: 12px; width:100%; }
#form-email textarea {border: 1px solid #dddddd;border-radius: 3px;height: 150px;padding: 5px;width:100% !important;}
#form-email input, select {border: 1px solid #dddddd;border-radius: 3px;padding:5px;margin:5px 0px !important; width:100% !important; }
input, select[multiple], textarea {	/*margin:5px 0px; width:100% !important;*/	}
.btn-primary{ margin:5px 0px; }
#block-visited-countries td {border: 1px solid #ddd;padding: 5px;float: left;width:100%;}
.chat-holder {width:59% !important;text-align: center;position: fixed;bottom: 0;right:123px !important;z-index: 2;}
.chatoutput {/* border: 1px solid silver; */background-color: #FFFFFF;height:151px !important;overflow-x: hidden;overflow-y: scroll;width: 100%;font-family: arial;font-size: 12px;color: #646464;padding: 5px;}
#friends-list #block-search-member .susers {width:40% !important;}
}
@media only screen and (min-width:400px) and (max-width:600px) {
.post-btn{margin:auto !important;}
}
@media only screen and (min-width:200px) and (max-width:400px) {
.post-btn{margin:auto !important;}
}
@media only screen and (min-width:601px) and (max-width:900px) 
{
	#friends-list #block-search-member .susers {width:25% !important;}
}
@media only screen and (min-width:901px) and (max-width:1200px) 
{
	#friends-list #block-search-member .susers {width:20% !important;}
}

.blogimg img{ padding:5px; border-radius:15px}
.bloginfo h3{ margin-top:0;color:#00ADF1;font-size:15px;}
.blog_details h3{ margin-top:0; margin-bottom:5px}
.date{font-size:12px; float:left;color:#999999}
.date img{vertical-align:middle; }
.comment{float:left; width:50px; height:33px; text-align:center; font-size:12px; font-weight:bold; color:#00adf1}
.bloginfo p{line-height:22px}
.readmore{background:#f4f4f4; outline:2px solid #eee; border:1px solid #fff; padding:5px 9px; float:right; display:block}
.readmore:hover{ text-decoration:none; background:#e8e7e7; outline:2px solid #eee; border:1px solid #fff;}
.divider{border-bottom:1px solid #ececec; width:100%; margin:15px auto}
.readmore:focus{text-decoration:none}
.blog_tag{font-size:11px; color:black;font-style: italic;}

.blog_details p{padding:10px 0; line-height:22px}
.blogcont p{padding:10% 0;}
.blog_details_cmts{font-size:15px; font-weight:bold; color:#cc0000}
.cmts_img{float:left; width:30%}
.cmts_info{	font-size:12px;background: #ebf8fe;
    padding: 10px 20px;
    border-radius: 20px;
    border: 1px solid #00adf1;margin:15px 0px;}
.cmts_info h2{font-size: 16px;
    font-weight: bold;
    color: #00adf1;
    padding: 10px 0 0 0;
    margin: 0;
    font-family: calibri;}
.cmts_info p{font-size:12px; line-height:22px}
.cmt_txtbox{width:100%; height:100px;border:1px solid #e2e2e2;border-radius: 20px;padding: 10px 20px;font-size: 16px;
    font-family: calibri;
    color: #757575;}
.post-btn{
	font-size: 12px;
     padding: 10px 20px;
    border-radius: 20px;
    border: 1px solid #de5e5d;
    margin: 15px 0px; display:block; 
	background: #fbedea;
	width: fit-content;
}
.post-btn:hover{text-decoration:none;border: 1px solid black;}
.send_btn{background:none;border:none;}
.send_btn:focus{outline:0}
.send_btn:focus{border:none !important;} 
.send_btn:hover{border:none !important;}
.col-md-9.blogcont {
    color: #4a4a4a;
    font-size: 16px;
    font-family: calibri;
}
.divider1{ width:100%; margin:5px auto}
.newsltr_box{border:1px solid #00adf1; width:185px; height:23px; line-height:28px; margin-right:-3px; color:#555; padding-left:10px;  border-radius:5px 0 0 5px}
.newsltr_btn{background:#00adf1;border:1px solid #00adf1; padding:2px 9px; cursor:pointer; border-radius:0 5px 5px 0}
.newsltr_btn:hover{background:#039cd8 }
.newcl.col-sm-6, .newcl.col-sm-12 { padding: 0;}
.newcll.col-sm-4{padding-right: 5px;   padding-left: 5px;}
.alrght{text-align:right;}
.blue_bx { background: #00ADF1; padding: 80px 0px 0px 0px; border-radius: 5px; color: #fff !important;font-size: 16px !important; margin-top: -80px; min-height: 175px; line-height: 21px; }
.flusers {margin: 20px auto;}
#form-member-search+br+br+p {font-size: 16px;  font-weight: bold; padding-top: 20px;}
header#bt-main {margin-bottom: -25px;}
.search.col-sm-2 { margin-top: 108px;}
.searchfields select{background: #00ADF1;color:#fff;}
.searchfields select option{background: #fff;color:#000;}
.searchfields select.Violet{background: #9400D3;}
.searchfields select.Indigo{background: #4B0082;}
.searchfields select.Blue{background: #0000FF;}
.searchfields select.Green{	background: #00FF00;}
.searchfields select.Yellow{background: #FFFF00;color:#000;}
.searchfields select.Orange{background: #FF7F00;}
.searchfields select.Red{background: #FF0000;}
.zipcolor input{background: #00ADF1;color: #fff;}
.friend_div{max-width:735px;margin:0 auto;width:100%;}
.search_top{margin-top:160px;}
.other_mem{text-align:center;font-size: 16px;font-weight: bold;padding-top: 30px;}
.cen_div{text-align:center;}
.yout_tubeiframe{margin:1%;float:none !important;}
input[type="checkbox"] { width: auto !important;}
.post-class{float:right; margin:10px 0px ; background:#ebf8fe;padding:10px 30px; border-radius:20px;border:1px solid #00adf1;}
.post-class	a{color:black !important;font-size:14px;}
.post-class:hover{text-decoration:none; background:#e8e7e7;  border:1px solid #fff;}
@media only screen and (max-width:991px) {
.panel-footer div:first-child{display:none;}
nav#block-user-left-menu{text-align:center;font-size: 14px;}
.user-content{text-align:center;}
.col-md-4.bdayryt{width:94%; margin:2% auto;}
.bdayryt{float:none;}
}

.livefooter{background:#ffffff; border-radius:15px; padding:5px;}
.livefooter img{padding: 0px 5px 0px 10px;}
.livefooter a{ color:#cc0000; padding:5px 15px 5px 0px; font-weight:bold; vertical-align:middle;  }
.list-inline>li{vertical-align:baseline;}

.bloginfo {
    line-height: 23px;
}
.col-md-4.bdayryt.post {
    margin-top: 25px;
}
.col-md-8.post {
    width: 70.666667%;
}

.count{color:#00adf1}
@media only screen and (max-width:376px){
	a.col-read {float: left;}
}
@media only screen and (max-width:768px){
.post .col-md-3.blogimg { text-align: center;}
}
@media only screen and (max-width:990px){
.col-md-8.post { width: 100% !important;}
}
@media only screen and (min-width:769px) and (max-width:990px) 
{
	.post .col-md-3.blogimg { width: 25%; float: left;}
	.post .col-md-9.bloginfo { width: 73%; float: left;}
}
@media only screen and (min-width:991px) and (max-width:1200px) 
{
	.post .col-md-9.bloginfo { width: 68%;}
}
.help-block-red{
	color:red;
	margin: 5px 0px;
}
.active-mem-foot {
	float: left;
	font-weight: bold;
	color: transparent !important; /* Hide text */
	user-select: text; /* Allow text selection */
}

.active-mem-foot::selection {
	color: #fff; /* Text color when highlighted */
	background: #007bff; /* Highlight background color */
}
span.expired-btn {
	color: red;
}
.message.vdo-chat-box {
	display: flex;
}
ul.user.user-vdo-chat {
	width: 40% !important;
	color: #00adf1;
}
ul.user.user-vdo-chat:hover {
	color: #2A6496;
}
ul.action.vdo-chat-action {
	display: flex;
	width: 32% !important;
	justify-content: space-between;
}
div#pagination-vdo-chat {
	gap: 40px;
	display: flex
;
	padding: 20px 0px !important;
}
.MuiSvgIcon-root {
    color: #fff !important;
}
button.MuiButtonBase-root.Mui-disabled {
    background-color: #fff !important;
    color: #fff !important;
}
button[class*="Mui-disabled"] {
    background-color: #fff !important;
    color: #fff !important;
}
svg[class*="MuiSvgIcon-root"] {
    color: #fff !important;
}
:global(.Mui-disabled) {
    background-color: #fff !important;
    color: #fff !important;
}