div#SearchMobile {display:none;}
/*manage icon dropdown*/
.tr_for_mob{width:100% !important;}
.dd-options {
    border: solid 1px #ccc;
    border-top: none;
    list-style: none;    
    display: none;
    position: absolute;
    z-index: 2000;
    padding: 0;
    background: #fff;
    border-top: 1px solid #ccc;  
    border-radius: 2px; 
}

.dd-options li{

	padding:15px 0px 0px 30px !important;
	width:90% !important;
}

#last_modified_th_mobile .dd-options li{padding-left:0px !important; padding-top:0px !important; width:100% !important;}

#all_quiz_dropdown .dd-options li{padding-left: 0px !important;}

.dd-options li a{

	font-size: 14px;
}

.arrow-up {
   /* position: relative;
    border-top: 1px solid #ccc;
    width: 100%;*/
    margin-top: 6px;
    }

.arrow-up:before {
    border-bottom-color: #ccc !important;
    border-width: 6px !important;
   right:3.6%;
}

#all_quiz_dropdown .arrow-up:before {right:58% !important;}

.arrow-up:after {
    border-bottom-color: #fff !important;
    border-width: 5px !important;
    right:3.9%;
}

#all_quiz_dropdown .arrow-up:after {right:59% !important;}

.arrow-up:after, .arrow-up:before {
    bottom: 100%;   
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dd-option {
    padding: 6px 0 0px 10px;
    display: block;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.editIcon{width: 16px !important; height: 11px !important; float: left; background: url(/quiz-school/img/edit.svg); padding-right:0px !important; cursor: pointer;} 
.settingIcon{width: 17px; height: 17px; float: left; background: url(/quiz-school/img/settings.svg); cursor: pointer;}
.draftIcon{width: 17px; height: 17px; float: left; background: url(/quiz-school/img/draft.svg); cursor: pointer;}
.copyIcon{width: 12px !important; height: 16px !important; background: url(/quiz-school/img/copy.svg) !important; cursor: pointer;}
.deleteIcon{width: 17px; height: 17px; float: left; background: url(/quiz-school/img/delete.svg); padding-right:0px !important;  margin-top: 0px !important; cursor: pointer;}
.closeIcon{width: 17px; height: 19px; float: left; background: url(/quiz-school/img/close.svg); cursor: pointer;}
.editIcon, .settingIcon, .draftIcon, .copyIcon, .deleteIcon, .closeIcon{margin-right: 10px !important;}

.manageIcon_popup_overlay{width: 100%; height: 100%; opacity: 0.8; position: fixed;  top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: #000; cursor: pointer;}

#l2snlayer{z-index: 999 !important;}
ul.Organ_folder{max-height: 250px !important; overflow: auto;}

@media only screen and (max-width: 768px)
{
	#quiz_detailed_data{margin-top:0px !important;}
	.heading_tr{background: #eee !important;}
	.header-mob{margin-top:2px !important;}
	#user_profile_detailed,.search_frm_desktop, #last_modified_th{display:none;}
	#recent-attempt-th, .last_modified , #total-attempt-th, .preview_heading {display: none !important;}	
	#quiz_detailed_data table tbody tr td{vertical-align: top !important; padding-top: 15px !important;}
	#tablesorter-demo tr th{background:#fafafa !important;}
	div#SearchMobile {display:none; float: left !important;/*margin-left: auto !important;*/ margin-right: auto !important;  width:100%;}
	div#SearchMobile div {float:left;}	
	.privateIcon1{float:left; margin-right: 10px; background-position: top center !important; padding-top: 0px !important;}
	.mob_edit_qtip{float:left; width: 80% !important;}
	.mobileSearchbox{width:92%;}
	.header-mob{width:15%;}
	.header-mob span#quizSearchIcon{border:0px solid; height:28px; cursor:pointer;}
	th#last_modified_th_mobile{display:block; width:auto !important; font-weight: 500; margin-top: 13px !important; float: right;  padding: 0px !important; padding-right: 5%;}
	th#last_modified_th_mobile .caret{margin-top:9px !important;}
	th#last_modified_th_mobile ul.last_modifd{right:3% !important;}
	#searchCancel{width:7%; color: #3b5998; font-size: 15px; line-height: 2.5; margin-left: 1%; cursor: pointer;}
	div#SearchMobile #keyword_mob{width:86% !important;}
	.header-mob#detailed_info{float:left; width:100% !important; margin-top: 30px !important;}
	.header-mob#detailed_info ul li{padding-right:0px !important; width:33% !important; }
	.header-mob#detailed_info ul li a{padding-bottom: 15px !important;}
	.header-mob#detailed_info ul li.active a{border-bottom: 5px solid #3c8ac9;}
	.header-mob#detailed_info ul li.last_one{padding-right:0 !important;}	
	.quizMenu,.userMenu,.userMenu-hover,.instructorMenu,.instructorMenu-hover{margin-right:0px;}
	.quizMenu{width:25px !important; background-position: -42px 19px !important;}
	#header_right_menu{margin-top:0px !important;}
	.navbar-inner{padding-bottom: 0px !important; box-shadow: 0px 2px 2px 0px #dadada; padding: 10px 5px 0px 5px !important;}
	.container{margin:0px !important;}
	#titleRow,.quiz_preview,.share_mob,.share_mob_tr,.Reports_heading,.last_modified{display:none;}
	th#last_modified_th_mobile {display:table-cell !important;}
	#tablesorter-demo th>a, #tablesorter-demo th>li{float:left !important;}
	span#hideme{margin:0px !important; margin-left:5px !important; float: left !important;width:20px !important;}
	.mobile_quiz_manage_icon{float:left; width:9px !important; height: 20px; margin-top: 10px !important; cursor: pointer; background: url("/quiz-school/img/dashboard_icons.png") -225px -1px;}
	.tr_for_mob{border:0px solid !important; height: 0px !important; line-height: inherit !important;}
	.tr_for_mob>td {border-bottom: 0px solid !important;}
	a.edit_qtip{font-size: 15px !important;}	
	#all_quiz_dropdown{width:50% !important; float:left;}
	#all_quiz_dropdown:before{content: " ";}
	#all_quiz_dropdown > a, #all_quiz_dropdown > span{display: none;}
	#all_quiz_dropdown li#allquizzes>a:hover{background: none !important;}
	#all_quiz_dropdown .nav .caret{display: block !important; float:left;}	
	#all_quiz_dropdown #test2{float: left; font-size: 14px !important; font-weight: 500 !important; }
	th#last_modified_th_mobile #test2, #all_quiz_dropdown #test2{color: #888 !important; font-size: 14px !important;}
	.caret{border-top: 4px solid #888 !important;}
	#all_quiz_dropdown #allquizzes a, #all_quiz_dropdown #allquizzes{padding-left:0px !important;}
	#all_quiz_dropdown{padding-left:2px !important;}
	#all_quiz_dropdown #allquizzes{margin-left:0px !important; float: left; background: #eee !important;}
	#quiz_detailed_data table thead tr th{padding-top:0px !important;}
	#all_quiz_dropdown > ul{margin:0px !important;}
	#all_quiz_dropdown .nav{margin-bottom: 0px !important;}
	#all_quiz_dropdown .nav-pil b.caret {margin-top: 9px !important;}
	#all_quiz_dropdown .nav-pil:hover b.caret {border-top: 4px solid #546ea5 !important; margin-top: 9px !important;}
	#all_quiz_dropdown #organ_folder{padding-left:20px !important; max-height: 250px; overflow: auto; z-index: 2000; border-radius: 0px !important;}
	#all_quiz_dropdown .arrow-up{margin-top: 31px; margin-left: 84px;}
	.us_preview1, .us_preview1:hover{background-position: bottom center !important;}
	.share, .share:hover{margin:auto; padding-left:0px !important;}
	.share{width:16px !important; height: 20px !important; }
	.mob_share_preview{width:100% !important; float:left; text-align: left; display: none; margin-bottom: 10px;}
	.mob_share_preview a{text-align: center; width:88px; float: left;}
	.mob_share_preview .mob_report{display: block; height: 15px; margin-top:5px;}
	.mob_modified_attempts, .mob_total_attempts, .mob_recent_attempts{font-size: 11px; color: #999; width: 100% !important; text-align: left;}	
	.mob_total_attempts, .mob_recent_attempts{display: none;}
	.privateIcon1{background: url(/quiz-school/img/lock.svg) !important; height: 17px !important; padding-bottom: 0px !important;}
	.click_user{display: none !important;}
}
@media only screen and (max-width: 569px) 
{
	.header-mob{width: 20%;}
	.mobileSearchbox{width:89%;}
	div#SearchMobile #keyword_mob{width:80% !important;}
	#quiz_detailed_data table thead tr th a{font-size: 14px !important;}
	
}
@media only screen and (max-width: 450px) 
{
	.header-mob#detailed_info ul li a{font-size: 14px !important;}
	.header-mob{width: 25%;}
	.mobileSearchbox{width:84%;}
	div#SearchMobile #keyword_mob{width:71% !important;}	
	#quiz_detailed_data table thead tr th a{font-size: 14px !important;}
	
}