.btn_cancel1,.btn_cancel2{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9b9b9b), color-stop(1, #707070));
	background: -moz-linear-gradient(top, #9b9b9b 5%, #707070 100%);
	background: -webkit-linear-gradient(top, #9b9b9b 5%, #707070 100%);
	background: -o-linear-gradient(top, #9b9b9b 5%, #707070 100%);
	background: -ms-linear-gradient(top, #9b9b9b 5%, #707070 100%);
	background: linear-gradient(to bottom, #9b9b9b 5%, #707070 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b9b9b', endColorstr='#707070', GradientType=0);
	background-color: #9b9b9b;}
.btn_cancel1:hover,.btn_cancel2:hover  {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #707070), color-stop(1, #9b9b9b));
	background: -moz-linear-gradient(top, #707070 5%, #9b9b9b 100%);
	background: -webkit-linear-gradient(top, #707070 5%, #9b9b9b 100%);
	background: -o-linear-gradient(top, #707070 5%, #9b9b9b 100%);
	background: -ms-linear-gradient(top, #707070 5%, #9b9b9b 100%);
	background: linear-gradient(to bottom, #707070 5%, #9b9b9b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#9b9b9b', GradientType=0);
	background-color: #707070;}
.login_btfb {
	width: 48%;
	float: left;
	margin-right: 2%;
	border: 1px solid #bfbfbf;
	padding-left: 1%;}
.login_btfb:hover {
	color: #FFFFFF;
	background-color: #ffffff;
	border: 1px solid #333333;}
.login_btfblogo {
	background-image: url(../img/icon_squarefb.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 20%;
	height: 40px;
	float: left;
	margin-right: 3%;}
.login_btfblogo:hover {
	background-color: #bfbfbf00;}
.btn_cancel3 {
	width: 77%;
    height: 40px;
    font-size: 15px;
    padding: 0px 0px;
    color: #000000;
    float: left;
    text-align: center;
    background-color: #ffffff;}
.btn_cancel3:hover {
	color: #000000;
	background-color: #e1e1e1;}
.btn_cancel3:active {
	top: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    box-shadow: iinset 0 0px 0px rgba(0,0,0,0);
	color: #000000;
	background-color: #b2b2b2;}
.login_btgoogle {
	width: 48%;
	float: right;
	margin-left: 2%;
	border: 1px solid #bfbfbf;
	padding-left: 1%;}
.login_btgoogle:hover {
	color: #FFFFFF;
	background-color: #ffffff;
	border: 1px solid #333333;}
.login_btgooglelogo {
	background-image: url(../img/icon_squaregoogle.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 20%;
	height: 40px;
	float: left;
	margin-right: 3%;}
.btn_cancel4{
	width: 77%;
    height: 40px;
    font-size: 15px;
    padding: 0px 0px;
    color: #000000;
    float: left;
    text-align: center;
    background-color: #ffffff;}
.btn_cancel4:hover {
	color: #000000;
	background-color: #e1e1e1;}
.btn_cancel4:active {
	top: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    box-shadow: iinset 0 0px 0px rgba(0,0,0,0);
	color: #000000;
	background-color: #b2b2b2;}
.btn_checknews {
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 20px;
    border: 0px solid;
	font-weight: bold;
    text-decoration: none;
    border-radius: 0;
	-moz-box-shadow: inset 0px 1px 0px 0px #fe9f1a;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fe9f1a;
    box-shadow: inset 0px 1px 0px 0px #fe9f1a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffbc00), color-stop(1, #e18600));
    background: -moz-linear-gradient(top, #ffbc00 5%, #e18600 100%);
    background: -webkit-linear-gradient(top, #ffbc00 5%, #e18600 100%);
    background: -o-linear-gradient(top, #ffbc00 5%, #e18600 100%);
    background: -ms-linear-gradient(top, #ffbc00 5%, #e18600 100%);
    background: linear-gradient(to bottom, #ffbc00 5%, #e18600 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbc00', endColorstr='#e18600', GradientType=0);}
.btn_checknews:hover {
	color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF9800), color-stop(1, #FFC107));
    background: -moz-linear-gradient(top, #FF9800 5%, #FFC107 100%);
    background: -webkit-linear-gradient(top, #FF9800 5%, #FFC107 100%);
    background: -o-linear-gradient(top, #FF9800 5%, #FFC107 100%);
    background: -ms-linear-gradient(top, #FF9800 5%, #FFC107 100%);
    background: linear-gradient(to bottom, #FF9800 5%, #FFC107 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FFC107', GradientType=0);
	background-color: #FF9800;}
 

.modal-footerjoin {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: -30px;}
.modal-content>.modal-footer {
    text-align: left;}	
.btn_cancel3join {
	border: 3px solid #fff;
	width: 32.3%;
    text-align: center;
    float: left;
    margin-right: 1%;
	height: 70px;
	border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6387d3), color-stop(1, #2a4d87));
	background: -moz-linear-gradient(top, #6387d3 5%, #2a4d87 100%);
	background: -webkit-linear-gradient(top, #6387d3 5%, #2a4d87 100%);
	background: -o-linear-gradient(top, #6387d3 5%, #2a4d87 100%);
	background: -ms-linear-gradient(top, #6387d3 5%, #2a4d87 100%);
	background: linear-gradient(to bottom, #6387d3 5%, #2a4d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6387d3', endColorstr='#2a4d87', GradientType=0);
	background-color: #6387d3;}
.btn_cancel3join:hover {
	border: 3px solid #cfcfcf;
	color: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2a4d87), color-stop(1, #6387d3));
	background: -moz-linear-gradient(top, #2a4d87 5%, #6387d3 100%);
	background: -webkit-linear-gradient(top, #2a4d87 5%, #6387d3 100%);
	background: -o-linear-gradient(top, #2a4d87 5%, #6387d3 100%);
	background: -ms-linear-gradient(top, #2a4d87 5%, #6387d3 100%);
	background: linear-gradient(to bottom, #2a4d87 5%, #6387d3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a4d87', endColorstr='#6387d3', GradientType=0);
	background-color: #2a4d87;}
.btn_cancel4join {
	border: 3px solid #fff;
	width: 31.3%;
    text-align: center;
	margin: 0 auto;
	margin: 0 1% 0 1%;
	height: 70px;
	border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e76b64), color-stop(1, #d2352c));
	background: -moz-linear-gradient(top, #e76b64 5%, #d2352c 100%);
	background: -webkit-linear-gradient(top, #e76b64 5%, #d2352c 100%);
	background: -o-linear-gradient(top, #e76b64 5%, #d2352c 100%);
	background: -ms-linear-gradient(top, #e76b64 5%, #d2352c 100%);
	background: linear-gradient(to bottom, #e76b64 5%, #d2352c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e76b64', endColorstr='#d2352c', GradientType=0);
	background-color: #e76b64;}
.btn_cancel4join:hover {
	border: 3px solid #cfcfcf;
	color: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d2352c), color-stop(1, #e76b64));
	background: -moz-linear-gradient(top, #d2352c 5%, #e76b64 100%);
	background: -webkit-linear-gradient(top, #d2352c 5%, #e76b64 100%);
	background: -o-linear-gradient(top, #d2352c 5%, #e76b64 100%);
	background: -ms-linear-gradient(top, #d2352c 5%, #e76b64 100%);
	background: linear-gradient(to bottom, #d2352c 5%, #e76b64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2352c', endColorstr='#e76b64', GradientType=0);
	background-color: #d2352c;}
.btn_cancel5join {
	border: 3px solid #fff;
	width: 32.3%;
    text-align: center;
    float: right;
    margin-left: 1% !important;
	height: 70px;
	border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #57cc57), color-stop(1, #00b900));
	background: -moz-linear-gradient(top, #57cc57 5%, #00b900 100%);
	background: -webkit-linear-gradient(top, #57cc57 5%, #00b900 100%);
	background: -o-linear-gradient(top, #57cc57 5%, #00b900 100%);
	background: -ms-linear-gradient(top, #57cc57 5%, #00b900 100%);
	background: linear-gradient(to bottom, #57cc57 5%, #00b900 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#57cc57', endColorstr='#00b900', GradientType=0);
	background-color: #57cc57;}
.btn_cancel5join:hover {
	border: 3px solid #cfcfcf;
	color: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00b900), color-stop(1, #57cc57));
	background: -moz-linear-gradient(top, #00b900 5%, #57cc57 100%);
	background: -webkit-linear-gradient(top, #00b900 5%, #57cc57 100%);
	background: -o-linear-gradient(top, #00b900 5%, #57cc57 100%);
	background: -ms-linear-gradient(top, #00b900 5%, #57cc57 100%);
	background: linear-gradient(to bottom, #00b900 5%, #57cc57 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b900', endColorstr='#57cc57', GradientType=0);
	background-color: #00b900;}
.friendslist_box {
	padding: 40px 30px 30px 30px;}
.friendsp{
	text-align: left;
	font-size: 1.6rem;
	line-height: 2.2rem;}
.bt_deletelist {
	font-weight: 900;
	color:#000000;
    background-color: #9ac5ff;
    line-height: 30px !important;
    padding: 3px 30px;
    text-align: center;
    display: table-cell;}
.bt_delete {
	width: 100%;
	height: 40px;
	margin: 40px 0px 0px 0px;}
.bt_deletecancel {
	width: 48%;
	float: left;
	font-weight: 900;
    background-color: #a7a7a7;
	line-height:30px !important;}
.bt_deletecancel:hover {
	color: #FFFFFF;
	cursor: pointer; 
	background-color: #333333;}
.bt_deleteconfirm {
	width: 48%;
	float: right;
	font-weight: 900;
    background-color: #9ac5ff;
	line-height:30px !important;}
.bt_deletelist:hover,.bt_deleteconfirm:hover {
	color: #FFFFFF;
	cursor: pointer; 
	background-color: #3d669c;}
.bt_addconfirm {
	width: 48%;
	float: right;
	font-weight: 900;
    background-color: #ffb548;
	line-height:30px !important;}
.bt_addconfirm:hover{
	color: #FFFFFF;
	cursor: pointer; 
	background-color: #ff8800;}
.bt_deletelist:hover,.bt_deleteconfirm:hover{
	color: #FFFFFF;
	cursor: pointer; 
	background-color: #3d669c;}
.bt_deletelist:active,.bt_deleteconfirm:active,.bt_addconfirm:active {
	position: relative;
    top: 2px;}
@media only screen and (max-width:800px) {
.bt_deletelist {
	padding: 3px 19px;}
}	
@media only screen and (max-width:642px) {
.btn_cancel3,.btn_cancel4,.btn_cancel5 {
	font-size: 1.5rem;
    /*padding: 0px;*/}
.btn_cancel3join,.btn_cancel4join,.btn_cancel5join {
	height: 70px;
	font-size: 1.7rem;
    padding: 0px;}
.modal-footerjoin {
	margin-bottom: -40px;}
.bt_deletelist {
	padding: 3px 30px;}
.form-horizontal{
	padding: 10px 0px;
    /*display: block;*/}
.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
    }
/*.btn_cancel {
    width: 46%;
    margin: 0 2%;
    float: left;
    }*/
}
@media only screen and (max-width:420px) {
.bt_deletelist {
	padding: 3px 40px;}
.login_btfb {
    width: 49%;
	margin-right: 1%;
	padding-left: 0%;}
.login_btgoogle {
    width: 49%;
	margin-left: 1%;}
.login_btfblogo {
	width: 22%;
	height: 40px;
	margin-top: -1px;
	margin-right: 0%;}
.btn_cancel3{
	width: 78%;}	
.login_btgoogle {
    width: 49%;
	margin-left: 1%;
	padding-left: 0%;}
.login_btgooglelogo {
	width: 22%;
	height: 40px;
	margin-top: -1px;
	margin-right: 0%;}
.btn_cancel4{
	width: 78%;}	
.check-group {
    width: 92%;}
} 
@media only screen and (max-width:322px) {
.btn_cancel3, .btn_cancel4 {
	font-size: 12px;}
.login_btfblogo {
	width: 25%;
	height: 36px;
	margin-top: 2px;}
.btn_cancel3{
	width: 75%;}
.login_btgooglelogo {
	width: 25%;
	height: 36px;
	margin-top: 2px;}
.btn_cancel4{
	width: 75%;}
.check-group {
    width: 90%;}
}