@charset "utf-8";
/* CSS Document */

/*********************************/
/* overriding Bootstrap settings */
/*********************************/

.bg-success {
    background-color: #28a667!important;
}

.btn-success {
    border: none;
}

.btn-info {
    border: none;
}

.jumbotron {
	padding: 2rem 0;
}

#shareModalBody[readonly] {
        background-color: #fff;
        margin-bottom: 40px;
}

#EmbedModalBody[readonly] {
    background-color: #fff;
    resize:none;
    border: none;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

#copylinkbtn_embed {
    height:75px;
}

/* change password form */

.edu_content #password_change_form {
}

.edu_content #password_change_form input#current_password, .edu_content #password_change_form input#new_password, .edu_content #password_change_form input#confirm_new_password {
	display: block;
	border: 0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin: 0 0 0 10px;
	padding: 5px 12px;
	height: 40px;
	min-width: 50%;
}

#password_change_form .input-group {
	margin-top: -12px;
}

#password_change_form input#search_input {
	margin-top: 10px;
	height: 35px;
}

#password_change_form button {
	margin-top: 10px;
	background-color: black;
	color: white;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin: 20px 10px;
	padding: 5px 12px;
	border: none;
}

/* login form on subpages */

/* containing form */
form#loginform {
	margin: 20px;
}

/* fields are wrapped in a p tag */
form#loginform p {
	margin: 12px 0;
}

/* ensure the label is on a separate line */
form#loginform label {
	display: block;
}

/* username and password boxes */
form#loginform input[type=text], form#loginform input[type=password] {
	background-color: white;
	border-radius: 20px;
	height: 40px;
	padding: 10px;
	border: none;
	outline: none;
}

/* login form button */
form#loginform input[type=submit] {
	border:none;
	background-color: #000;
	color:#fff;
	border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
	padding: 5px 15px 5px 15px;
}

/* remove yellow fill from autocomplete on forms */
form#loginform input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#custom_login_section p#educandy_registration_link {
	margin: 10px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
}
@media (min-width: 576px) {
	.jumbotron {
		padding: 2rem 0;
	}
	
	.modal-dialog {
    	max-width: 1000px;
	}
}

.modal-body {
	background-color: #E4E4E4;
	padding: 1rem 1.5rem 1.5rem 1.5rem;
}
.modal-header {
	background-color: #E4E4E4;
	border-bottom: none;
	padding: 1.5rem 1.5rem 0 1.5rem;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.modal {
  text-align: center;
}

.modal img.img_activities {
	width: 200px;
}
/*
@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: 100%;
  }
}
*/
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-title {
	font-weight: bold;
}

.modal-content {
    border: none;
    width:350px;
}

@media screen and (min-width: 576px) { 
  .modal-content {
    width:576px;
  }
}

@media screen and (min-width: 768px) { 
  .modal-content {
    width:768px;
  }
}


.form-control {
	padding: .375rem 1rem;
}

/********************/
/* general settings */
/********************/



/*********************/
/* sections settings */
/*********************/

.activity_checkbox {
   
   /*-webkit-appearance:none;*/
    margin-top:3px;
    width:25px;
    height:25px;
    border-radius:15px;
    border:2px solid #555;
}

.export_checkbox {
   
    width:18px;
    height:18px;
    border:2px solid #555;
	position:relative;
	top:2px;
}

#add_questions a:hover {
	text-decoration: none;
}

#edu_page_text .edu_content ul {
	list-style: disc;
	padding-left: 50px;
}

#edu_page_text h2 {
	margin-top: 30px;
}

#support_email, #support_message {
	border-radius: 30px;
}


#inner_code input {
	border: none;
	border-radius: 1.5rem 0 0 1.5rem;
	padding: 5px 15px 5px 15px;
}

#inner_code button {
	border:none;
	background-color: #000;
	color:#fff;
	border-radius: 0 1.5rem 1.5rem 0;
	padding: 5px 15px 5px 15px;
}

#inner_code label {
	border: none;
	border-radius: 1.5rem 0 0 1.5rem;
	margin-right: 5px;
}

.edu_afternav {
	width:100%;
}

#edu_afternav_code {
	margin-top: .5rem;
}

.edu_afternav label {
	margin-bottom:0;
}

#welcome {
	margin-right: 5px;
}

@media (min-width: 1000px) {
	#inner_code label {
		margin-left: 15px;
	}
	
	.edu_afternav {
		width:auto;
	}
	
	#edu_afternav_code {
		margin-top: 0;
	}
}

.edu_input_btn {
	color: #fff;
	background-color: #000;
	padding: 5px 15px;
	border: none;
	border-radius: 30px;
    margin-top:20px;
}

.custom-file-label {
    border-radius:30px;
	border:none;
	height:2.25rem;
}

.custom-file-label::after {
    background-color:#000;
    color:#fff;
    border-radius: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-file {
	height:2.25rem;
}

#all_questions {
    list-style-type: none;
    margin-left: 10px;
}

.question-edit a {
    color:#000;
}

.edu_btn_m_0100 {
	margin: 0 8px 0 0;
}


.edu_btn_m_0110 {
	margin: 0 8px 8px 0;
}

.edu_btn_m_1100 {
	margin: 8px 8px 0 0;
}

.edu_btn_m_1000 {
	margin: 8px 0 0 0;
}

.edu_ul_m_0 {
	margin:0;
}

.edu_ul_m_0 label {
	margin: 0;
}

.edu_mb_0 {
	margin-bottom: 0;
}

.edu_p_top {
	padding-top:10px;
}

.edu_p_bottom {
	padding-bottom:10px;
}

.edu_p_bottom_big {
	padding-bottom:25px;
}


.edu_ul_questions li:not(:first-child) {
	margin-top:10px;
}

.edu_line .edu_activity_title img {
	width:30px;
	height:30px;
	margin-right:12px;
	position:relative;
	top:-4px;
}

.edu_about_modal_title img {
	width:50px;
	height:50px;
	margin-right:20px;
}

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

a:focus,a:active {
   outline: none !important;
   box-shadow: none;
}

.edu_modal_title {
	font-weight: bold;
}

.edu_modal_title:not(:first-child) {
	margin-top:20px;
}

.edu_modal_txt {
	font-size:0.8em;
}

.edu_page_no i {
	margin: 0 10px;
}

.edu_activity_title {
	font-weight: bold;
}

.edu_activity_title a:hover{
	text-decoration: none;
}

.edu_fa_share_play_edit {
	text-align: left;
}

@media (min-width: 768px) { 
	.edu_fa_share_play_edit {
		text-align: right;
	}
}

.edu_page_no_txt {
	font-weight: bold;
	margin: 0 10px;
	position:relative;
	top:-2px;
}

.edu_icon_sup {
	font-size: 22px;
	color: #000;
	position: relative;
	top: 0;
	display: inline;
}

.edu_content .edu_icon_link {
	color:#000;
}

.edu_line a {
	font-size: 15px;
}

.edu_content .edu_form_inline {
	margin-bottom: 30px;
}

.edu_content ul {
	list-style: none;
}

div#login {
	padding:.5rem 1rem;
}

.edu_content { 
	margin: 0 auto;
	padding: 0 30px 60px 30px;
}

.edu_content_short {
	margin: 0 auto;
	padding: 0 30px 30px 30px;
}

#if_lessthan3entries_div {
    padding-left: 50px;
}

.edu_page_no {
	margin-top: 30px; 
}

/*
.edu_content_short button {
	margin: -1px 0 3px 0;
}
*/

.edu_content h1, .edu_content_short h1 { 
	font-size:1.6em;
}

.edu_content h2, .edu_content_short h2 { 
	font-size:1em;
	font-weight: bold;
}

.edu_content h3, .edu_content_short h3 { 
	font-size:1em;
}


@media (min-width: 576px) {
	.edu_content h1,  .edu_content_short h1 { 
		font-size:2.5em;
	}

	.edu_content h2, .edu_content_short h2 { 
		font-size:1.6em;
	}

	.edu_content h3, .edu_content_short h3 { 
		font-size:1.6em;
	}
	
	.edu_icon_sup {
		top:-15px;
	}
    #save_activity_title_icon , #canceledit_activity_title_icon {
        top:-43px;
    }
	
}

.edu_txt_danger {
	color: #ff0000;
	text-align: center;
	font-weight: bold;
}

.edu_fa_arrow {
	font-size:15px;
}

.edu_content_lines_header {
	margin-right: 10px;
}

.edu_line {
	margin: 0 auto;
	padding: 5px 30px 10px 30px;
}


.edu_body_my_activities .edu_content a,
.edu_body_my_activities .edu_content_short a {
	color:#000;
}

.edu_body_my_activities .edu_content a:hover,
.edu_body_my_activities .edu_content_short a:hover {
	color:#888;
}

.edu_body_my_activities .edu_content i,
.edu_body_my_activities .edu_content_short i {
	font-size: 1.2em;
	margin-right: 5px;
}

.edu_body_my_activities h1 { 
	font-size:1.6em;
}

.edu_body_my_activities h2 { 
	font-size:1em;
	font-weight: bold;
}

.edu_body_my_activities h3 { 
	font-size:1em;
}




@media (min-width: 992px) {
	.edu_body_my_activities h1 { 
		font-size:2.5em;
	}

	.edu_body_my_activities h2 { 
		font-size:1.4em;
	}
	
	.edu_body_my_activities .edu_content i {
		font-size: 1.6em;
		margin-right: 8px;
	}
/*
	.edu_body_my_activities h3 { 
		font-size:1.6em;
	}
	*/
}





.edu_form_control {
	border:none;
	border-radius:30px;
	margin: 20px 0;
	font-size:1em;
}

.edu_edit_title_subj {
    background-color:transparent;
    border:2px solid black;
    padding:15px;
    border-radius:30px;
    font-weight:bold;
    outline: none;
}

.edu_bg_white .edu_form_control {
	background-color: #e9edf0;
}

.edu_form_control_no_margin {
	border:none;
	border-radius:30px;
	font-size:1em;
}

.edu_btn {
	border-radius:30px;
	padding: 5px 15px;
	font-size:1em;
	background-color:#000;
	color:#fff;
}

.edu_btn_cancel {
	border-radius:30px;
	padding: 5px 15px;
	font-size:1em;
	/*background-color:#000;*/
	color:#fff;
}

.edu_btn_round_corners {
	border-radius:30px;
	padding: 5px 15px;
	font-size:1em;
	border:none;
}

.edu_btn:hover {
	background-color:#888;
	color:#fff;
}


.edu_btn_share_play_edit {
	border-radius:30px;
	padding: 2px 12px;
	margin: 2px;
	font-size:1em;
	background-color:#1798AD;
	color:#fff;
}

.edu_btn_share_play_edit:hover {
	background-color:#38B2CE;
	color:#fff;
}


.icon_image img {
	width:40px;
	height:40px;
	position:relative;
	top:-4px;
}

.edu_italic {
	font-style: italic;
}


#edu_create_list_words {
	background-color: #78e2b1;
}

#logout_btn {
	background-color: #000;
	padding: 5px 15px 5px 15px;
	/*margin: 15px 30px 15px 10px;*/
	border: none;
	border-radius: 30px;
	cursor: pointer;
	color: #FFF;
}

#supportus_btn {
	background-color: #62D9F9;
	padding: 5px 15px 5px 15px;
	/*margin: 15px 30px 15px 10px;*/
	border: none;
	border-radius: 30px;
	cursor: pointer;
	color: #000;
}

.edu_img_top {
	padding-bottom:30px;
}

.edu_img_help {
	margin:-5px 10px 0 0;
}


.edu_form_labelled_inline { padding-bottom: 20px; }

@media only screen and (min-width : 768px) {
	.edu_form_labelled_inline { padding-bottom: 20px; }
}

.edu_form_labelled_inline label { padding: 0; }

.edu_input_col { padding: 0; }


.edu_form_inline span.input-group-btn button {
	background-color: #000;
	color: #fff;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.edu_form_inline input.form-control {
	border: none;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

.edu_activities_search {
	position: relative;
	top:10px;
}

.edu_activities_search span.input-group-append button {
	background-color: #1798AD;
	color: #fff;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	position:relative;
	/*top:3px;*/
}

.edu_activities_search span.input-group-append button i {
	position:relative;
	top:2px;
}

.edu_activities_search input.form-control {
	border: none;
	background-color: #E9EDF0;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

#links_section span.input-group-append button {
	background-color: #000000;
	color: #fff;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	position:relative;
	top:20px;
    height: 45px;
}

#links_section span.input-group-append button i {
	position:relative;
	top:2px;
    font-size: 1em;
}

.edu_activities_search input.form-control {
	border: none;
	background-color: #E9EDF0;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

#button_add_link,#quiz_details_update {
    margin-top:30px;
}

.edu_images_centered {
	margin: 0 auto;
	text-align: center;
}

.edu_body_full_height_blue .jumbotron p {
	margin-bottom: 0;
}

#export_status {
    margin-top:20px;
}

.edu_bg_color h1 {
	margin-top: 0;
}

.edu_bg_color h2 {
	padding-bottom: 15px;
}

#edu_embed {
	padding-top: 30px;
}

#edu_content form {
	margin: 0;
}

.edu_bg_color p {
	margin-left: 30px;
	margin-bottom: 0;
}

#edu_btn_delete {
	margin-top: 0px;
	background-color: #E24747;
    margin-left:40px;
}

#search_input {
	padding: 0 0 0 15px;
}

#list_all_quizzes {
	
	list-style-type: none;
	padding:0;
}

.ui-helper-hidden-accessible {
    display:none;
}


.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0px;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-menu-item-wrapper {
    padding-left:5px;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

/* COLORS */

.edu_bg_color p { color: #000; }

.edu_colors_basic label#welcome, .edu_colors_basic label#welcome a, .edu_colors_basic #inner_code label { color:#fff; }
.edu_colors_inverted label#welcome, .edu_colors_inverted #inner_code label { color:#000; }
.edu_body_my_activities label#welcome, .edu_body_my_activities label#welcome a, .edu_body_my_activities #inner_code label { color:#fff; }

.edu_colors_basic .breadcrumb-item a { color:#000; }
.edu_colors_inverted .breadcrumb-item a { color:#000; }
.edu_body_my_activities .breadcrumb-item a { color:#000; }

.edu_colors_inverted .breadcrumb-item.active { color:#505050; }
.edu_colors_inverted .breadcrumb-item + .breadcrumb-item::before { color: #505050; }

.edu_blue button#logout_btn, .edu_blue #inner_code button { color:#ffffff; }
.edu_green2 button#logout_btn, .edu_green2 #inner_code button { color:#78E2B1; }
.edu_green2_inverted button#logout_btn, .edu_green2_inverted #inner_code button { color:#78e2b1; }
.edu_red button#logout_btn, .edu_red #inner_code button { color:#ffcecc; }
.edu_red_inverted button#logout_btn, .edu_red_inverted #inner_code button { color:#ffcecc; }
.edu_yellow button#logout_btn, .edu_yellow #inner_code button { color:#fef9d1; }
.edu_yellow_inverted button#logout_btn, .edu_yellow_inverted #inner_code button { color:#fef9d1; }

.edu_colors_activity_crosswords button#logout_btn { color:#FF7D3B; }
.edu_colors_activity_matchup button#logout_btn { color:#BF6436; }
.edu_colors_activity_memory button#logout_btn { color:#ffc50b; }
.edu_colors_activity_anagrams button#logout_btn { color:#BE5ED4; }
.edu_colors_activity_hangman button#logout_btn { color:#78E2B1; }
.edu_colors_activity_multiple button#logout_btn { color:#1798AD; }
.edu_colors_activity_noughts button#logout_btn { color:#75D8CF; }
.edu_colors_activity_wordsearch button#logout_btn { color:#FFCECC; }

.edu_blue div#login { background-color:#1798ad; }
.edu_green2 div#login { background-color:#1A8278; }
.edu_green2_inverted div#login { background-color:#78e2b1; }
.edu_red div#login { background-color:#f96361; }
.edu_red_inverted div#login { background-color:#ffcecc; }
.edu_yellow div#login { background-color:#ff9900; }
.edu_yellow_inverted div#login { background-color:#ffce0a; }

.edu_colors_activity_crosswords div#login { background-color:#FF7D3B; }
.edu_colors_activity_matchup div#login { background-color:#BF6436; }
.edu_colors_activity_memory div#login { background-color:#ffc50b; }
.edu_colors_activity_anagrams div#login { background-color:#BE5ED4; }
.edu_colors_activity_hangman div#login { background-color:#4DB580; }
.edu_colors_activity_multiple div#login { background-color:#1798AD; }
.edu_colors_activity_noughts div#login { background-color:#1A8278; }
.edu_colors_activity_wordsearch div#login { background-color:#F96361; }

.edu_blue .breadcrumb { background-color:#37b3cf; }
.edu_green2 .breadcrumb { background-color:#78E2B1; }
.edu_green2_inverted .breadcrumb { background-color:#1a8278; }
.edu_red .breadcrumb { background-color:#ffcecc; }
.edu_red_inverted .breadcrumb { background-color:#f96361; }
.edu_yellow .breadcrumb { background-color:#ffce0a; }
.edu_yellow_inverted .breadcrumb { background-color:#ff9900; }

.edu_body_my_activities .breadcrumb { background-color:#E9EDF0; }

.edu_colors_activity_crosswords .breadcrumb { background-color:#FFC99E; }
.edu_colors_activity_matchup .breadcrumb { background-color:#F4C998; }
.edu_colors_activity_memory .breadcrumb { background-color:#fffad2; }
.edu_colors_activity_anagrams .breadcrumb { background-color:#EFCDED; }
.edu_colors_activity_hangman .breadcrumb { background-color:#78E2B1; }
.edu_colors_activity_multiple .breadcrumb { background-color:#62D9F9; }
.edu_colors_activity_noughts .breadcrumb { background-color:#75D8CF; }
.edu_colors_activity_wordsearch .breadcrumb { background-color:#FFCECC; }

div.edu_bg_dark_grey { background-color:#CCD6DB; }
div.edu_bg_light_grey { background-color:#E9EDF0; }
div.edu_bg_white { background-color:#FFF; }

.edu_blue div.edu_bg_color { background-color:#37b3cf; }
.edu_green2 div.edu_bg_color { background-color:#78E2B1; }
.edu_green2_inverted div.edu_bg_color { background-color:#1a8278; }
.edu_red div.edu_bg_color { background-color:#ffcecc; }
.edu_red_inverted div.edu_bg_color { background-color:#f96361; }
.edu_yellow div.edu_bg_color { background-color:#ffce0a; }
.edu_yellow_inverted div.edu_bg_color { background-color:#ff9900; }

.edu_colors_inverted div.edu_bg_color { color:#fff; }

.edu_blue .footer { background-image: url(../images/pattern_blue.png); color: #0d5259; }
.edu_green2 .footer { background-image: url(../images/pattern_green2.png); color: #78E2B1; }
.edu_green2_inverted .footer { background-image: url(../images/pattern_green2.png); color: #78E2B1; }
.edu_red .footer { background-image: url(../images/pattern_red.png); color: #ffcecc; }
.edu_red_inverted .footer { background-image: url(../images/pattern_red.png); color: #ffcecc; }
.edu_yellow .footer { background-image: url(../images/pattern_yellow.png); color: #ff9900; }
.edu_yellow_inverted .footer { background-image: url(../images/pattern_yellow.png); color: #ff9900; }

.edu_colors_activity_crosswords .footer { background-image: url(../images/pattern_orange.png); color: #FFAF70; }
.edu_colors_activity_matchup .footer { background-image: url(../images/pattern_brown.png); color: #EFB773; }
.edu_colors_activity_memory .footer { background-image: url(../images/pattern_yellow.png); color: #ffe473; }
.edu_colors_activity_anagrams .footer { background-image: url(../images/pattern_purple.png); color: #E494F7; }
.edu_colors_activity_hangman .footer { background-image: url(../images/pattern_green.png); color: #78E2B1; }
.edu_colors_activity_multiple .footer { background-image: url(../images/pattern_blue.png); color: #62D9F9; }
.edu_colors_activity_noughts .footer { background-image: url(../images/pattern_green2.png); color: #75D8CF; }
.edu_colors_activity_wordsearch .footer { background-image: url(../images/pattern_red.png); color: #FFCECC; }

.edu_blue div#outer_footer { background-color: #0d5259; }
.edu_green2 div#outer_footer { background-color: #14685E; }
.edu_green2_inverted div#outer_footer { background-color: #14685E; }
.edu_red div#outer_footer { background-color: #e24747; }
.edu_red_inverted div#outer_footer { background-color: #e24747; }
.edu_yellow div#outer_footer { background-color: #ff9900; }
.edu_yellow_inverted div#outer_footer { background-color: #ff9900; }

.edu_colors_activity_crosswords div#outer_footer { background-color: #E75D0B; }
.edu_colors_activity_matchup div#outer_footer { background-color: #9E4518; }
.edu_colors_activity_memory div#outer_footer { background-color: #f7b206; }
.edu_colors_activity_anagrams div#outer_footer { background-color: #9B4AAF; }
.edu_colors_activity_hangman div#outer_footer { background-color: #3C9966; }
.edu_colors_activity_multiple div#outer_footer { background-color: #027A87; }
.edu_colors_activity_noughts div#outer_footer { background-color: #14685E; }
.edu_colors_activity_wordsearch div#outer_footer { background-color: #E24747; }

body.edu_body_full_height_blue { background-color: #37b3cf;}
.edu_body_full_height_blue .jumbotron { background-color: transparent; }
.edu_body_full_height_blue a, .edu_body_full_height_blue a:hover { color:#fff; }


body.edu_body_full_height_green2 { background-color: #78E2B1; }
body.edu_body_full_height_red { background-color: #FFCECC; }
body.edu_body_full_height_yellow { background-color: #FFCE0A; }

.edu_body_full_height .jumbotron { background-color: transparent; }
.edu_body_full_height a, .edu_body_full_height a:hover { color:#fff; }