@media screen and ( min-width:400px){  
  .settingicon, .logouticon{ margin-right: 12px; vertical-align: -3px;}
}
/*Header*/
.card, nav .smartphone-menu-trigger span, .formfield input[type="checkbox"]:before,.enterquestion .formfield input[type="radio"]:before, .cd-popup-container, .gameplay li, .resubmit, .tag,.avatarimg input[type="file"], #file-name{ background: #fff }
body, .playwith a:after, .h1block:after, .question-list li label,.recentlygames li a:hover, .navview #statis li a:hover, .tag .tag-i, .secondbg, .logininner .withsocial{ background: #f1f2f2 }
.question-list li label:hover{ background: #e8e8e8 }
.headermain{ background: #3b5998 }
.startgame{ background: #f50057; }
.btn, .question-list li input:checked ~ label, .optionbox input:checked + label, .formfield input[type="checkbox"]:checked:before,.enterquestion .formfield input[type="radio"]:checked:before, .gameplay li.right,.questionstatus .tabbing li:after{ background: #71b02f }
footer{ background: #0b214f}
/*.landingpage{ background:url(../images/landing-bg.png) center center, radial-gradient(ellipse at center, #6d8ac6 1%,#3b5998 100%); }*/
.landingpage,.loginpage{ background:radial-gradient(ellipse at center, #6d8ac6 1%,#3b5998 100%); }
.btn.signup, .logininner .formfield input[type="checkbox"]:checked:before, .gameplay li.wrong, .rejected{ background: #d54937;}
.approval{ background: #efbf00;}
.reasons{ background: #ffe8e4 }

.form-group .bar:before{ background: #4285f4 }
.invitationlist li:nth-child(odd){ background:#fafafa;}

/*Text*/
.copyright{ color: rgba(255,255,255,0.5); }
footer a{ color: rgba(255,255,255,0.8); }
.startgame, .btn, .question-list li input:checked ~ label, .optionbox .radiobtn input:checked + label, .optionbox input:checked + label .dark, .optionbox input:checked + label .light, .landinginner, .gameplay li.right, .gameplay li.wrong{ color: #fff }
body,.recentlygames h2, .pageheading, main h2, .question-list li label, .blog h2 a, .optionbox h2,.optionbox h2 span, .submitpage textarea, .enterquestion .formfield > input, .formfield select, .cd-popup-container,.viewbublic{ color: #263238 }
.headerdrop a, .ladding-copyr{color: #f1f2f2;}
.light, .breadcrumbs span, .tag .tag-i{color: #8c8c8c}
.dark, .viewtext, .playwith a, .clinton,.card h3, .breadcrumbs a, .optionbox .radiobtn label, .formfield label, .tags p, .questionstatus .tab-content > ul > li p, .questionstatus .light, .saccount select ~ label, .savebox a:nth-child(2){ color: #282828 }
.sec, .vs:after, .opponent, main h2 span, .invitationleft, .subscrib-cont p, .subs-bottom, .chancat, .tag, .popupbottom,.date, .signupfree, .avatarinput p, .saccount .formfield label + p, #file-name, .namefield .formfield > p{ color: #7c7c7c }
.tabbing li{color: rgba(66,66,66,0.6);}
h1, h1 + p, .gameplay h1, .gameplay p, .custom-file-upload{ color: #1b1c1c;  }
.tabbing li.active, .form-group input:focus,.form-group input:valid{ color: #424242 }
.T-tagging{ color: #fe4f20 }
.viewall, .viewcount, a.dark:hover,.gameplay p a, .loginlink a.forgot{ color: #3b5998 }
.logininner .heading, .form-group .control-label, .logininner .formfield label, .logininner .withsocial h3{ color: #3d3d3d }
.form-group input:focus ~ .control-label{color: #4285f4}
.loginlink a{ color: #f50057 }
.resubmit{color:#71b02f}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7c7c7c;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #7c7c7c;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #7c7c7c;
}
:-moz-placeholder { /* Firefox 18- */
  color: #7c7c7c;
}
/*border*/
.recentlygames li, .viewall, .navview #statis li, .navview #graph li, .blog-social, .time-stats, .pcategories > .col-sm-9, .tag, .btnbox, .form-group .bar, .questionstatus .tab-content > ul > li, nav .card{ border-color: rgba(204,204,204,0.44); }
.viewall:after, #currentgame li .innerli, .gameplay li, .questionstatus .tabbing li, .questionstatus .tabbing li.active,.viewbublic, .tag, .avatarimg, #file-name, .custom-file-upload, .expertise{ border-color: #b8b8b8 }
input[type="text"], input[type="email"], .submitpage textarea, .enterquestion .formfield > input, #currentgame li .innerli .yourimg, .invitationlist img, .categorybox img,.withfriends label .labelimg img, .saccount .formfield select{ border-color:#9a9a9a}
.tabbing li.active, .viewall:hover{ border-color: #3b5998}
.h1block, .optionbox .radiobtn label, .withfriends,.friendsslider .owl-prev,.friendsslider .owl-next, .formfield select{ border-color: #dfe0e1 }
.h1block:after, .question-list li input:checked ~ label:before, .optionbox .radiobtn label:after, .formfield input[type="checkbox"]:checked:after,.enterquestion .formfield input[type="radio"]:checked:after, .gameplay li:after{ border-color: #fff }
.skyblue h3:before{ border-color:#01d5d8  }
.red h3:before{ border-color:#ff2d55  }
.green h3:before{ border-color:#7ec856  }
.yellow h3:before{ border-color:#C0CA33  }
.orrange h3:before{ border-color: #FF3D00 }
.bluegrey h3:before{ border-color: #78909C}
.optionbox input:checked + label, .formfield input[type="checkbox"]:before,.enterquestion .formfield input[type="radio"]:before, .gameplay li:hover, .gameplay li.right{border-color:#71b02f}
.secondbg{ border-color: #dddddd }
.logininner .formfield input[type="checkbox"]:before, .gameplay li.wrong, .reasons{ border-color: #d54937;}
.timer .dots{ border-color: #10383d }

.optionbox input:checked + label:before, .gameplay li.right:before{ border-top-color:#1f7b2b; }
.optionbox input:checked + label:before, .gameplay li.right:before{ border-right-color:#1f7b2b; }

.gameplay li.wrong:before{ border-top-color:#af3424; }
.gameplay li.wrong:before{ border-right-color:#af3424; }


.submitpage textarea, .enterquestion .formfield > input{ box-shadow: inset 5px 5px 5px rgba(0,0,0,0.06); }

::-webkit-input-placeholder {  color: #b5b4b1;}
::-moz-placeholder { color: #b5b4b1;}
:-ms-input-placeholder { color: #b5b4b1;}
:-moz-placeholder { color: #b5b4b1;}

@media screen and ( min-width:1000px){
	.playwith a:hover .playwithicon{ background-position: -125px -22px;}

	.playwith a:hover, .viewall:hover, .blog .card:hover h2 a, .breadcrumbs a:hover, .chancat:hover{ color: #3b5998 }
	.tabbing li:hover, .tag;hover, .tag .tag-i:hover{ color: #424242 }
	.startgame:hover{ background-color: #e50051 }
	.btn:hover{background: #1f7b2b}
	.btn.signup:hover, .rejected:hover{ background: #af3424 }
	.approval:hover{ background: #d5aa00;}
	.categorybox{border-color: #ececec}
	.blog-social a:hover .shareicon{background-position:-63px -208px;}
	footer a:hover, .viewbublic:hover{ color:#fff; }
	.viewbublic:hover{ background: #71b02f }
	.withfriends .owl-prev:hover,.withfriends .owl-next:hover, .viewbublic:hover{ border-color: #71b02f }
	.resubmit:hover, .savebox a:nth-child(2):hover{color:#1f7b2b}
	
}
@media screen and ( max-width:1024px){
	nav { background: #f1f2f2 }
}
@media screen and ( max-width:989px){
	.invitationlist li{ background:#fafafa;}
}