.quiz_cat_item {
        float: left;
        background: url(img/quiz_cat_icon.png) no-repeat;
        background-size: 50px 50px;
        padding: 0 0 0 58px;
        margin-bottom: 10px;
    }
    .quiz_cat_item a {
        font: 17px 'Aptima';
    }
    .quiz_cat_item span {
        display: inline-block;
        color: gray;
        margin-right: 10px;
    }
	.quiz_cat_item span a {
		font-size: 14px;
	}

    .quiz_post_item {
		padding: 0 10px 10px 10px;
	}
    .quiz_post_item_level {
		height: 20px;
		float: right;
		margin: 5px -11px 0 10px;
		padding: 4px 0 5px 15px;
		font-weight: bold;
		font-size: 11px;
	}
    .quiz_post_item_level_1 {
		background: url(img/quiz_post_level_1.png) no-repeat;
        width: 60px;
        color: #fff;
	}
	.quiz_post_item_level_2 {
		background: url(img/quiz_post_level_2.png) no-repeat;
        width: 65px;
        color: yellow;
	}
	.quiz_post_item_level_3 {
		background: url(img/quiz_post_level_3.png) no-repeat;
        width: 60px;
        color: #fff;
	}
    .quiz_post_item_level_4 {
		background: url(img/quiz_post_level_4.png) no-repeat;
        width: 80px;
        color: #fff;
	}
	.quiz_post_item_content {
		text-align: justify;
		font-size: 15px;
		color: #000;
		font-family: "Times New Roman", LaTeX;
	}
	.quiz_post_item_content_source {
		color: #000;
	}
	.quiz_post_item_content_photo {
		border: 0;
	}
	.quiz_post_item_content_choice {
		width: 100%;
		font-size: 15px;
	}
	.quiz_post_item_content_choice img {
		border: 0;
		margin: 0;
		width: 40px;
	}
    .quiz_post_item_title {
		margin: 15px 0 10px 0;
		font-size: 12px;
		color: green;
	}
    .quiz_post_item_panel {
		border: 1px solid #ccc;
		border-left: 0;
		border-right: 0;
		background: #F9F7F7;
		margin: 10px -10px -11px -10px;
	}
    .quiz_post_item_panel span {
		display: inline-block;
		float: right;
		color: #333;
		font-size: 13px;
		margin: 5px 15px 0 0;
	}
    .quiz_post_item_panel a {
		display: inline-block;
		border-right: 1px solid #ccc;
		padding: 5px 15px;
		color: #000;
	}
    .quiz_post_item_panel a:hover {
		color: navy;
	}
	.quiz_post_item_panel a:last-child {
		border-right: 0;
	}
	.admin_group {
		color: red;
		text-align: justify;
		padding-top: 0;
		border-color: red;
	}
	.admin_group span a {
		display: inline-block;
		float: right;
		margin: 10px 0 10px 5px;
		padding: 1px 15px;
		border: 1px solid navy;
		-moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
	}
	.admin_group span a:hover {
		border: 1px solid red;
	}

    .quiz_card_level {
		margin: 20px 0 5px 0;
		display: inline-block;
        padding: 2px 20px 10px 20px;
        font: bold 18px Aptima;
        background: darkviolet;
        color: #fff;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
	}
	.quiz_card_title {
		margin: 0 0 15px 0;
	}
	.quiz_card_title img {
		float: right;
        border-radius: 50%;
		width: 60px;
	}
	.quiz_card_title h3 {
		color: blue;
		font: bold 18px OpenSansCondensed;
		margin: 0 10px 5px 0;
	}
	.quiz_card_title span {
		display: inline-block;
		padding: 0 7px 2px 7px;
		margin-right: 10px;
		background: #D7DAD3;
		color: #00002C;
		font: bold 14px Aptima;
		-moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
	}
	.quiz_card_info {
		margin: 0 0 10px 5px;
	}
	.quiz_card_info img {
		float: left;
		border: 3px solid #fff;
        border-radius: 50%;
		width: 32px;
		margin-left: -7px;
	}
	a.course_card_btn {
        display: block;
        float: right;
        font-weight: bold;
        color: #fff;
        font-size: 13px;
        margin: 3px 0 0 2px;
        padding: 6px 6px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
    }
    .course_card_btn:hover {
        color: #fff;
        background: #018CC5;
    }
    .course_card_rank img {
		border: 0;
		float: right;
		margin-right: 5px;
		margin-top: 3px;
		border-radius: 0px;
	}

    .quiz_post_sort {
		float: right;
		margin-top: -5.1px;
		margin-right: 2px;
		width: 100px;
	}
	.quiz_post_sort select {
		width: 100%;
		padding: 6.1px 5px;
		font-size: 14px;
	}
	.admin_post_sidebar h3 {
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #ccc;
	}
	.admin_post_sidebar .quiz_analytics_activity_list {
		max-height: 500px;
		overflow-y: overlay;
		background-color: transparent;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    /* custom scrollbar */
	::-webkit-scrollbar {
		width: 5px;
	}
	::-webkit-scrollbar * {
		background:transparent;
	}
	::-webkit-scrollbar-thumb {
		background: #d6dee1 !important;
		border-radius: 20px;
	}
	.admin_post_sidebar a.quiz_analytics_activity {
		display: block;
		padding: 5px;
		-moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
	}
	.admin_post_sidebar a.quiz_analytics_activity:hover {
		background: #FBE3FC;
	}
	.admin_post_sidebar a.quiz_analytics_activity img {
		width: 40px;
		float: left;
		margin-right: 10px;
		-moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
	}
	.admin_post_sidebar .quiz_analytics_activity_info {
		color: blue;
		font: bold 14px OpenSansCondensed;
	}
	.admin_post_sidebar .quiz_analytics_activity_info span {
		display: inline-block;
		margin-right: 10px;
		color: #000;
		font: 13px Entypo;
	}

    .quiz_post_page {
        font-size: 16.5px;
    }
	.quiz_post_page_title {
		margin-bottom: 20px;
		text-align: center;
		color: red;
		font: bold 22px Azuki;
		text-transform: uppercase;
	}
	.quiz_post_class_choose a {
		display: block;
		padding: 10px;
		margin-top: 10px;
		border: 1px solid chocolate;
		background: chocolate;
		color: yellow;
		font: 15px Azuki;
		-moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
	}
	.quiz_post_class_choose a:last-child {
		margin-top: 20px;
		color: navy;
		background: thistle;
		border: 1px solid thistle;
	}
	.quiz_post_class_choose a:hover {
		border: 1px solid palevioletred;
		background: peru;
	}
	.quiz_post_ex_group {
		text-align: justify;
		padding: 0 10px;
		margin: 10px 0;
		border: 1px solid darkviolet;
			-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
	}
	.quiz_post_ex {
		margin-bottom: 20px;
		text-align: justify;
		font-family: "Times New Roman", 'LaTeX';
	}
	.quiz_post_ex .quiz_post_ex_cau {
		color: navy;
		font-weight: bold;
	}
	.quiz_post_ex .quiz_post_ex_choice .quiz_post_ex_choice_item {
		text-align: left;
		margin: 0px 0px 5px 5px;
		display: inline-block;
		border: 1px solid #ccc;
			-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
	}
	.quiz_post_ex .quiz_post_ex_choice .quiz_post_ex_choice_item div {
		width: auto;
		font-weight: bold;
		color: blue;
		display: inline-block;
		padding: 1px 5.5px;
		margin: -3px 3px 0px 0px;
		border: 1px solid #ccc;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
	}
	.quiz_post_ex .quiz_post_ex_choice .quiz_post_ex_choice_item a {
		display: block;
		width: 100%;
		text-decoration: none;
		color: #000;
		padding: 7px 5px 5px 5px;
	}
	.quiz_post_ex .quiz_post_ex_choice .quiz_post_ex_choice_item:hover {
		border: 1px solid gray;
	}
	.quiz_post_ex .quiz_post_ex_choice input[type=radio], .quiz_post_ex .quiz_post_ex_choice input[type=checkbox] {
		position: absolute;
		visibility: hidden;
	}
	.quiz_post_ex td, .quiz_post_ex th {
        border: 1px solid #000;
        padding: 5px;
    }
	.countdown {
		position: fixed;
		bottom: 10px;
		right: 10px;
		color: red;
		font: 18px Azuki;
	}
	input[type=checkbox]{
        transform: scale(1.5);
        margin: 7px 10px 7px 0;
    }

@media screen and (min-width: 800px) {
    .quiz_cat_item {
        width: 431px;
        height: 70px;
    }

    .admin_cat {
        margin: 0 auto;
        width: 600px;
    }
    .admin_cat input[type=text], .admin_cat input[type=datetime-local], .admin_cat input[type=number], .admin_cat input[type=file], .admin_cat select, .admin_cat textarea {
		width: 470px;
        max-width: 470px;
	}
    .admin_cat .text-editor {
		width: 500px;
	}

    .admin_post {
        width: 850px;
        margin: 0 auto;
    }
	.admin_post_main {
		width: 600px;
		float: left;
	}
    .admin_post_main h2 {
        color: red;
    }
	.admin_post_sidebar {
		width: 240px;
		float: right;
		padding-top: 25px;
	}

    .admin_post input[type=text], .admin_post input[type=file], .admin_post select, .admin_post textarea, .admin_post .text-editor {
		width: 578px;
        max-width: 578px;
	}
    .admin_post select {
        width: 200px;
    }
    .quiz_post_sort select {
		width: 100%;
	}

	.quiz_card_item {
		float: left;
		margin: 5px;
		width: 468px;
	}
	.quiz_card_info {
		min-height: 38px;
	}

	.quiz_post_class_choose {
		margin: 30px 200px;
	}
	.quiz_post_ex .quiz_post_ex_cau {
		margin-left: -60px;
		float: left;
	}
	.quiz_post_ex .quiz_post_ex_content {
		margin-left: 60px;
		line-height: 1.6;
	}
	/*.quiz_post_ex .quiz_post_ex_content p:first-child {
	    margin-top: -24px;
	}*/
	.quiz_post_ex .quiz_post_ex_choice {
		margin: -5px 0 0 57px;
	}
}

@media screen and (max-width: 799px) {
    .quiz_cat_item {
        min-height: 50px;
    }

    .admin_cat input[type=text], .admin_cat input[type=datetime-local], .admin_cat input[type=number], .admin_cat input[type=file], .admin_cat select, .admin_cat textarea, .admin_cat .text-editor {
		width: 100%;
	}
    .admin_post input[type=text], .admin_post input[type=file], .admin_post select, .admin_post textarea, .admin_post .text-editor {
		width: 100%;
	}

	.admin_post_sidebar {
		padding-top: 25px;
	}
	.quiz_post_count {
	    display: none;
	}

	.quiz_post_class_choose {
		margin: 30px 0;
	}
	.quiz_post_ex .quiz_post_ex_content {
		line-height: 1.6;
	}
	.quiz_post_ex .quiz_post_ex_choice {
		margin: -5px 0 0 0;
	}
}