body{
background-color:#1d435a;
}

BODY,P,TABLE,TD,TR {
    font-size:  17px;
//    font-family: Verdana,Arial;
//  font-family: Arial,Helvetica;
//   font-family: sans-serif;

// this is what bootstrap is using by default
//  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #000000;
}

h1 { font-size:20pt; }

a:visited { color: #800080; }
//a:visited { color:#000033 !important; }
.headgradient {
background-image: url(https://cdn.funtrivia.com/img/home/bgh.gif);
background-repeat: repeat-x;
background-color: #f5f8fd;
}


/* google ads */
.top_responsive_1 { display:inline-block;width: 360px; height: 150px; }
@media(min-width: 500px) { .top_responsive_1 { display:inline-block;width: 468px; height: 60px; align:center;} }
@media(min-width: 800px) { .top_responsive_1 { display:inline-block;width: 728px; height: 90px; align:center;} }
@media(min-width: 1000px) { .top_responsive_1 { display:inline-block;width: 970px; height: 90px; align:center; } }


/* quizbriefs */
.quizbriefphoto {
float:left;
margin-right:15px;margin-bottom:8px;
}
.quizbriefdesc {
overflow:hidden;padding:0px;display: table-cell;width:100%;
    vertical-align: middle;
}
.categorybox {
        margin-top:10px;margin-bottom:5px;
        font-size:0.9em;"
}
.quizbriefformat {
margin-top:10px;font-size:0.9em;
}

label:hover, label:active {
   background:#ffccff;
}

.form-radio-item {
padding-bottom: 15px;
padding-top: 15px;
}

.sidebar {
background-color:#eeeced;
}


.extrainfo {
        font-size:  1em;
        padding-left:20px;
        line-height:160%;
}

.roundedblue {
        -moz-border-radius: 5px;
        border-radius: 5px;
        border : 1px solid #0066CC;
}

.navbar-brand {
  display: inline-block;
  padding-top: .4rem;
  padding-bottom: .3rem;
  //margin-right: 1rem;
  font-size: 1.2rem;
 // line-height: inherit;
  white-space: nowrap;
}

.boxql {
/*border:1px solid #0275d8;*/
background-color:#FFFFFF;
margin-bottom:3px;
padding-top:15px;
padding-bottom:15px;
padding-right:7px;
padding-left:7px;
}

.qlpic {
margin-right:0px;margin-left:5px;float:right;object-fit: cover;
}

.qldescbox {
/*background:#e6d1f2;*/
/*background:#cdf0ff;*/
margin-bottom:5px;
}

.box,.gamesbox {
border:1px solid #0275d8;
border-radius:5px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
margin-top:7px;
background-color:#FFFFFF;
  overflow-wrap: break-word;
  word-wrap: break-word;

}

.askbox{
border:1px solid #0275d8;
border-radius:5px;
padding-top:10px;
margin-bottom:7px;
//margin-left:0px;
background-color:#FFFFFF;
  overflow-wrap: break-word;
  word-wrap: break-word;

}

.cbox{
border:1px solid #0275d8;
border-radius:5px;
padding:16px;
margin-top:7px;
background-color:#FFFFFF;
  overflow-wrap: break-word;
  word-wrap: break-word;

}

.answercontain {
background-color: #F0F8FF;
border-radius:12px;
-moz-border-radius:12px;
border : 2px solid #0066CC;
padding:5px;
margin-top:15px;
}

.introbox {
//        background-color:#D4EFDF;
	background-color:#F1F3E5;
}

.instructions {
background:#ccffcc;margin-bottom:10px;padding:10px;font-size:1.2em;font-weight:bold;
border-radius:10px;
}


// Play Quiz Page
.playquiz_qnbox {
        background-color:#f5f5f5; 

        margin-top:15px;
}

.playquiz_anslabel {
	padding-right:10px;
}

.playquiz_anslist {
        padding-left:30px;
        font-size:1.1em;
        line-height:1.7em;
}
.playquiz_qntxtbox {
        padding:5px;
//        background-color:#dfebff;
	background-color:#eef7fa;
        border-radius:12px; 
        font-size:1.1em;
}



#header {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* CARD */
.card-header{
padding:5px !important;
}

.card {
margin:5px !important;
}

.cardtinytitle {
padding-top:5px;margin-top:0px;padding-left:6px;padding-right:6px;padding-bottom:15px;font-size:15px;
}

.cardtinyroot {
position:absolute;bottom:0;padding:2px;width:100%;max-height:25px;overflow:hidden;background:#ffffee;
}


.spr{
float:left;
width:30px;
}

.micon{
float:left;
margin-right:20px;
clear:left;
}


.footer{
background-color:#0275d8;
color:#FFFFFF;
margin-top:10px;
margin-bottom:10px;
padding-top:20px;
padding-bottom:20px;
}

.footer a{
color:#FFFFFF;
}

/* Quiz Lists */
.quizlistdotted {
/*	border:1px dotted grey;*/
	border-top:1px dotted #eeeeee;
	padding:3px;
	width:100%;
	font-size:80%;
}

.quizlistplay {
        padding:1px;
        font-size:80%;
}

.qldesc {
	font-weight:bold;
}

.columnnum {
 /*       background-color:#eeeeff;*/
	text-align:left;
}

.columninfo {
	font-size:0.8em;
	background-color:#e1f6ff;
	text-align:center;
}
.playedalready {
  background:  #daf8da;
}
.playedalreadytitle {
  background:  #C1E1C1;
}
.boxquizlist {
	border-bottom:2px solid #14568c;
	padding-top:7px;
	padding-bottom:7px;
}
.removeborder {
	border-bottom:0px;
}


.quizheading {
        font-weight:bold;
	font-size:1.1em;
        background-color:#b3e5fc;
        margin-bottom:5px;
        padding:5px;
	border-top-left-radius: 8px 8px;
	border-top-right-radius: 8px 8px;
/*        border-radius:8px;*/
}

.quizhead {
font-size:20px;
font-family:comic-sans;
font-weight:bold;
color:#002200;
text-shadow: 2px 2px 2px #fff;
}

.quizbox {
//        float:left;
	overflow:hidden;
	display:table;
        text-align:left;
        width:100%; 
        margin:15px 0 0 0;
        line-height: 1.0;
 /*       padding-bottom:20px; */
        border-bottom:1px dotted #cccccc;
}

.quizinfo {
        width:100%;
	line-height:150%;
}
.spacedinfo {
        line-height:120%;
	font-size:16px;
}

/*
.zoomphoto {
transition: all 2s;
  overflow:hidden;
}
.zoomphoto:hover {

  transform: scale(1.1);

    }
*/

.tinyphoto {
/* width:99px;height:71px; */
/*  width:192px;height:144px;  */
/*	width:153px;	height:115px;*/
width:192px;height:144px;
        margin-right:15px;margin-bottom:8px;
	border:1px solid #eeeeee;
}


.navbar-inverse .navbar-nav .nav-link{
color: rgba(255,255,255,1);
}

.navbar{
padding: 0rem 1rem 0rem 1rem;
}


.dropdown-menu {
	line-height:180%;
}

dropdown-item:focus, .dropdown-item:hover{
	background-color:#d3d3d3;
}

.dropdown-item:visited {color:#000033;}


.playedgame {
  background:  #CCFFCC;
}

.lighttable {
  background: #EEEEFF;
  color: #000000;
}

.navbar-nav > li > .dropdown-menu { background-color: #ffffe5;}



.totalq{
border:1px dotted grey;
padding:3px;
font-size:80%;
}

.quizno{
display:table;
float:left;
width:30px;
height:100%;
background-color:#EEEEFF;
}

.quizcontent{
float:left;
width:90%;
padding:10px;
}

.qmeta{
display:table;
float:right;
padding:10px;
height:100%;
width:100%;
background-color:#E2E2E2;
}


/*.bg-primary {
    background-color:#7AA8FE !important;
}*/

a{
//color:#000088;
  color:#2200CC;
}

#thecrumbs{
display:inline;
list-style-type: none;
list-style-position:inside;
margin:0;
padding:0;
}

#thecrumbs li{
float:left;
padding-left:6px;
/*padding-right:5px;*/
}

.qicon{
float:left;
width:100px;
margin-right:20px;
border-radius:10px;
}

.qhead{
background-color:#ccccdd;
border-radius:7px;
font-size:1.2rem;
padding:5px 10px 5px 10px;
font-weight:bold;
margin-bottom:20px;
}

#rightmenu{
width:280px;
text-align:right;
}

#rightmenu a{
display:inline;
color:#fff;
}

#rightmenu a:hover{
opacity:0.75;
text-decoration:none;
}

blockquote{
background-color:#F8F8F8;
border:1px dotted #ccc;
padding:16px;
margin-top:20px;
margin-bottom:20px;
}


.boxhomepage,.boxquizzes,.boxblue  {
width:100%;
margin:auto;
padding-bottom:0;
padding-right:0;
background-color: #F0F8FF;
border-radius:12px;
-moz-border-radius:12px;
margin-bottom:4px;
border : 2px solid #0066CC;
padding:6px;
}


.spr {
    background-image:url(/img/spritesheet2.gif);
    background-repeat: no-repeat;
    display: block;
}

.spr-0 {
    width: 24px;
    height: 24px;
    background-position: -5px -5px;
}

.spr-0-_16 {
    width: 16px;
    height: 16px;
    background-position: -39px -5px;
}

.spr-1 {
    width: 24px;
    height: 24px;
    background-position: -65px -5px;
}

.spr-10 {
    width: 24px;
    height: 24px;
    background-position: -99px -5px;
}

.spr-10-_16 {
    width: 16px;
    height: 16px;
    background-position: -133px -5px;
}

.spr-12 {
    width: 24px;
    height: 24px;
    background-position: -159px -5px;
}

.spr-12-_16 {
    width: 16px;
    height: 16px;
    background-position: -193px -5px;
}

.spr-13 {
    width: 24px;
    height: 24px;
    background-position: -193px -31px;
}

.spr-13-_16 {
    width: 16px;
    height: 16px;
    background-position: -39px -31px;
}

.spr-14 {
    width: 24px;
    height: 24px;
    background-position: -5px -65px;
}

.spr-14-_16 {
    width: 16px;
    height: 16px;
    background-position: -133px -31px;
}

.spr-15 {
    width: 24px;
    height: 24px;
    background-position: -39px -65px;
}

.spr-15-_16 {
    width: 16px;
    height: 16px;
    background-position: -73px -65px;
}

.spr-19 {
    width: 24px;
    height: 24px;
    background-position: -99px -65px;
}

.spr-19-_16 {
    width: 16px;
    height: 16px;
    background-position: -133px -65px;
}

.spr-1-_16 {
    width: 16px;
    height: 16px;
    background-position: -159px -65px;
}

.spr-20 {
    width: 24px;
    height: 24px;
    background-position: -185px -65px;
}

.spr-20-_16 {
    width: 16px;
    height: 16px;
    background-position: -5px -99px;
}

.spr-21 {
    width: 24px;
    height: 24px;
    background-position: -31px -99px;
}

.spr-21-_16 {
    width: 16px;
    height: 16px;
    background-position: -65px -99px;
}

.spr-22 {
    width: 24px;
    height: 24px;
    background-position: -91px -99px;
}

.spr-22-_16 {
    width: 16px;
    height: 16px;
    background-position: -125px -99px;
}

.spr-23 {
    width: 24px;
    height: 24px;
    background-position: -151px -99px;
}

.spr-23-_16 {
    width: 16px;
    height: 16px;
    background-position: -185px -99px;
}

.spr-24 {
    width: 24px;
    height: 24px;
    background-position: -185px -125px;
}

.spr-24-_16 {
    width: 16px;
    height: 16px;
    background-position: -5px -125px;
}

.spr-25 {
    width: 24px;
    height: 24px;
    background-position: -5px -159px;
}

.spr-25-_16 {
    width: 16px;
    height: 16px;
    background-position: -65px -125px;
}

.spr-29 {
    width: 24px;
    height: 24px;
    background-position: -39px -159px;
}

.spr-29-_16 {
    width: 16px;
    height: 16px;
    background-position: -125px -125px;
}

.spr-3 {
    width: 24px;
    height: 24px;
    background-position: -73px -159px;
}

.spr-3-_16 {
    width: 16px;
    height: 16px;
    background-position: -107px -159px;
}

.spr-4 {
    width: 24px;
    height: 24px;
    background-position: -133px -159px;
}

.spr-4-_16 {
    width: 16px;
    height: 16px;
    background-position: -167px -159px;
}

.spr-5 {
    width: 24px;
    height: 24px;
    background-position: -193px -159px;
}

.spr-5-_16 {
    width: 16px;
    height: 16px;
    background-position: -5px -193px;
}

.spr-7 {
    width: 24px;
    height: 24px;
    background-position: -31px -193px;
}

.spr-7-_16 {
    width: 16px;
    height: 16px;
    background-position: -65px -193px;
}

.spr-8 {
    width: 24px;
    height: 24px;
    background-position: -91px -193px;
}

.spr-8-_16 {
    width: 16px;
    height: 16px;
    background-position: -125px -193px;
}

.spr-9 {
    width: 24px;
    height: 24px;
    background-position: -151px -193px;
}

.spr-9-_16 {
    width: 16px;
    height: 16px;
    background-position: -185px -193px;
}

.spr-exp {
    width: 11px;
    height: 11px;
    background-position: -211px -99px;
}

.spr-greenplus {
    width: 16px;
    height: 17px;
    background-position: -227px -5px;
}

.spr-greenplus-_10 {
    width: 10px;
    height: 10px;
    background-position: -227px -32px;
}

.spr-new {
    width: 31px;
    height: 12px;
    background-position: -219px -65px;
}

.spr-s_editor {
    width: 24px;
    height: 24px;
    background-position: -219px -120px;
}

.spr-s_globe {
    width: 24px;
    height: 24px;
    background-position: -227px -154px;
}

.spr-s_handshake {
    width: 24px;
    height: 24px;
    background-position: -227px -188px;
}

.spr-s_pen {
    width: 24px;
    height: 24px;
    background-position: -185px -222px;
}

.spr-s_search {
    width: 24px;
    height: 24px;
    background-position: -219px -222px;
}

.spr-schart-_20 {
    width: 20px;
    height: 20px;
    background-position: -253px -5px;
}

.spr-sclock-_20 {
    width: 20px;
    height: 20px;
    background-position: -247px -35px;
}

.spr-snews-_20 {
    width: 20px;
    height: 20px;
    background-position: -260px -65px;
}

.spr-star {
    width: 14px;
    height: 14px;
    background-position: -232px -95px;
}

.spr-star-_14 {
    width: 14px;
    height: 14px;
    background-position: -256px -95px;
}

.spr-susers1-_20 {
    width: 20px;
    height: 20px;
    background-position: -253px -119px;
}

.spr-t_mail {
    width: 16px;
    height: 16px;
    background-position: -261px -149px;
}

.spr-t_pen {
    width: 16px;
    height: 16px;
    background-position: -261px -175px;
}



@media(min-width:576px){
.cbox, {
margin-left:0px;
}
}


@media (min-width: 576px) {
  .container {
    width: 576px;
    max-width: 100%;
  }

        .maxphoto {width:200px;height:140px;margin:5px;}

  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0px;
  }
}

@media (min-width: 768px) {
        .maxphoto {width:250px;height:180px;}
  .container {
    width: 768px;
    max-width: 100%;
  }
}

@media (min-width: 980px) {
  .container {
    width: 980px;
    max-width: 100%;
  }
.maxphoto {
width:336px;
height:251px;
}
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
    max-width: 100%;
  }
}

@media (max-width: 599px) {
	BODY,P,TABLE,TD,TR {
	    font-size:  18px;
	}

.maxphoto {
width:136px;height:100px;margin:5px;
}
	.extrainfo {padding-left:5px;}
        .hidemobile {display:none;}
	.playquiz_anslist {padding-left:20px;}
	.box {font-size: 18px;}
	.qlcorrect {margin-left:-20px !important;margin-right:-20px !important;}
        .tinyphoto {width:128px;height:96px;margin-right:11px;margin-bottom:3px;} */
/*	.tinyphoto {width:153px;height:114px;margin-right:10px;margin-bottom:0px;}*/
        h1 { font-size:20px;font-weight:bold;}
	h4 { font-size:18px;}
	.askboxcontainer {
        margin-left:0px;
	}
	.sidebar {background-color:#ffffff;}
/*	.container {padding:0px;} */
	.nopadmobile {padding:4px;}
	.zeropadmobile {padding:0px !important;}
	.row {
        margin-left:-10px;
        margin-right:-10px;   
	}
	.quizheading {
	margin-left:-10px;
	margin-right:-10px;
	}

	/* margin fix for heading appearing in right column where left gets collapsed on small screens */
	.quizheadingcorrect {
	margin-left:0px;margin-right:-16px;
	}


	.col-xs-12 {
	margin-left:-10px;
	margin-right:-10px;
	}

	.col-6 {
	      margin-left:-10px !important;
	      margin-right:10px !important;
	} 

	/* correct margins on right column when left has been made invis */
	.mobilemargincorrect {
		margin-left:-15px;
	} 

}



h5{
    font-size: 1.4em;
}

//@media screen and (max-width: 767px) {
//}


@media (max-width: 575px) {
			#navbarNavDropdown {
				overflow: hidden;
			}
		}



/* icons size 24 */

.iconalign {
	display:inline-block !important;
	float:none !important;
	position:relative !important;
	top:5px !important;
}

.icon24 {
    background: url('https://cdn.funtrivia.com/img/icons24b.png') no-repeat top left;
    width: 24px;
    height: 24px;
    float:left;
/*   display:inline-block;  */
}
.icon24.cat14 {
    background-position: 0 0;
}
.icon24.cat15 {
    background-position: 0 -25px;
}
.icon24.cat19 {
    background-position: 0 -50px;
}
.icon24.cat20 {
    background-position: 0 -75px;
}
.icon24.cat21 {
    background-position: 0 -100px;
}
.icon24.cat22 {
    background-position: 0 -125px;
}
.icon24.cat23 {
    background-position: 0 -150px;
}
.icon24.cat24 {
    background-position: 0 -175px;
}
.icon24.cat25 {
    background-position: 0 -200px;
}
.icon24.cat29 {
    background-position: 0 -225px;
}
.icon24.certificate {
    background-position: 0 -250px;
}
.icon24.classifyquiz {
    background-position: 0 -275px;
}
.icon24.clock {
    background-position: 0 -300px;
}
.icon24.correct {
    background-position: 0 -325px;
}
.icon24.email {
    background-position: 0 -350px;
}
.icon24.greystar {
    background-position: 0 -375px;
}
.icon24.history {
    background-position: 0 -400px;
}
.icon24.incorrect {
    background-position: 0 -425px;
}
.icon24.labelquiz {
    background-position: 0 -450px;
}
.icon24.matchquiz {
    background-position: 0 -475px;
}
.icon24.news {
    background-position: 0 -500px;
}
.icon24.orderquiz {
    background-position: 0 -525px;
}
.icon24.pencil {
    background-position: 0 -550px;
}
.icon24.photoquiz {
    background-position: 0 -575px;
}
.icon24.quiz {
    background-position: 0 -600px;
}
.icon24.redstar {
    background-position: 0 -625px;
}
.icon24.search {
    background-position: 0 -650px;
}
.icon24.users {
    background-position: 0 -675px;
}
.icon24.yellowstar {
    background-position: 0 -700px;
}
.icon24.barchart {
    background-position: 0 -725px;
}
.icon24.bluestar {
    background-position: 0 -750px;
}
.icon24.bulb {
    background-position: 0 -775px;
}
.icon24.calendar {
    background-position: 0 -800px;
}
.icon24.cat1 {
    background-position: 0 -825px;
}
.icon24.cat3 {
    background-position: 0 -850px;
}
.icon24.cat4 {
    background-position: 0 -875px;
}
.icon24.cat5 {
    background-position: 0 -900px;
}
.icon24.cat7 {
    background-position: 0 -925px;
}
.icon24.cat8 {
    background-position: 0 -950px;
}
.icon24.cat9 {
    background-position: 0 -975px;
}
.icon24.cat10 {
    background-position: 0 -1000px;
}
.icon24.cat12 {
    background-position: 0 -1025px;
}
.icon24.cat13 {
    background-position: 0 -1050px;
}
.icon24.piechart {
    background-position: 0 -1075px;
}
.icon24.photos {
    background-position: 0 -1100px;
}
.icon24.helpblue {
    background-position: 0 -1125px;
}
.icon24.folder {
    background-position: 0 -1150px;
}
.icon24.linkimg {
    background-position: 0 -1175px;
}
.icon24.viewmedium {
    background-position: 0 -1200px;
}
.icon24.viewlist {
    background-position: 0 -1225px;
}
.icon24.lightning {
    background-position: 0 -1250px;
}
.icon24.warning {
    background-position: 0 -1275px;
}
.icon24.script {
    background-position: 0 -1300px;
}
.icon24.tools {
    background-position: 0 -1325px;
}
.icon24.users2 {
    background-position: 0 -1350px;
}
.icon24.idcard {
    background-position: 0 -1375px;
}
.icon24.steppic {
    background-position: 0 -1400px;
}
.icon24.legend {
    background-position: 0 -1425px;
}
.icon24.inprogress {
    background-position: 0 -1450px;
}
.icon24.pinblack {
    background-position: 0 -1475px;
}
.icon24.mapsquare {
    background-position: 0 -1500px;
}
.icon24.bank {
    background-position: 0 -1525px;
}
    
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon24 {
        background: url('/img/icons24b-retina.png') no-repeat top left;
        background-size: 24px 1550px;
    }
}