.fieldset-copil_select_1 div.field-select select{width: auto !important;}
#book_list {list-style: none; padding: 0;}

#book_list img.read_book {max-width: 100%; border-radius: 0;}
#book_list li {
  float: none; margin: 15px 0; 
  display: inline-block;
  margin-right: -3px;
  margin-left: -3px;
}

#book_list li .image-wrapper {min-height: 160px; background-color: #fff; background-position: center center; background-size: cover; display: block;}
.profile-books .load_more {
  margin-top: -20px;
  margin-bottom: 60px;
}
.profile-books .load_more a {
  display: block;
  cursor: pointer;
}

/* badges */
.kidi-badge { width: 25px; height: 25px; line-height: 0; padding: 0; text-align: center; cursor: pointer; border: 0; border-radius: 200%; font-family: 'Oswald', sans-serif;}
.kidi-badge img {width: 100%; height: auto;}
.badge_vechime{
	font-size: 12px;
	line-height: 25px;
	color: #FFF;
	font-weight: bold;
	background-color: #006699;
	cursor: pointer;	
}
.badge_mission {
  background-color: #f4f4f4;
}
.badge_percent_top_of_the_class{
	line-height: 25px;
	color: #FFF;
	font-weight: normal;
	font-size: 10px;
	background-color: #8eb722;
}

.user_like {
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
	background: url(../../../img/icons/like.png) 100% 100% no-repeat;
	background-size: contain;
	background-position: left;
	padding-left: 22px;
	margin-right: 15px;
}
.user_like.voted{
	opacity: 0.65;
	pointer-events: none;
}

.likes_list{
	font-size: 0.8em;
	font-style: italic;
}
ul.team_feed{
	display: block;
	height: 300px;
	overflow: auto;
	padding-left: 50px;
}
ul.team_feed li{
	padding-bottom: 5px;
}
.user_avatar {
	margin-left: -50px;
	float: left;
}
ul.team_feed img.read_book {
	max-width: 40px;
	border-radius: 0;
}
.profile-badges .badge a{
	color: #fff;
}
html table tr.vip {background-color: #fff6b6;}
html table tr.vip:hover, html table tr.gold {background-color: #fff5a6;}

.description.error {
	color: #F00;
}
.description.valid {
	color: #027b02;
}

#logo {position: relative;}
.navbar #logo a.social {padding-bottom: 0px;}
.toplist_current_user td { background-color: #9BBB59 !important; color: #FFF !important;}
.wpProQuiz_toplistTable td:nth-child(5), .wpProQuiz_toplistTable th:nth-child(5) {
    display: none;
}

.wpProQuiz_toplist {display: none;}

.custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-right: 5px;
  }

  .fieldset-copil_select_1 .bootstrap-select:nth-of-type(1) { width: 180px !important;}
  .fieldset-copil_select_1 .bootstrap-select:nth-of-type(2) { width: 180px !important;}
  .fieldset-copil_select_1 .bootstrap-select:nth-of-type(3) { width: 75px !important;}
  .register_message {color: #fb6b47;}

  #recent-posts li.quiz_done .post-title, li.quiz_done .entry-meta { opacity: 0.65;}
  #recent-posts li.quiz_done .entry-meta > a {display: none;}
  #recent-posts .custom_checkbox{position: absolute; z-index: 100; background-image: url(library/media/images/green_check.png); 
  	background-size: 100%; width: 60px; height: 60px;
  	background-repeat: no-repeat;
  	opacity: 0.9
  }

  .row.quiz_done .book-cover, .row.quiz_done .col-sm-10 { opacity: 0.65;}
  .row.quiz_done .custom_checkbox{position: absolute; z-index: 100; background-image: url(library/media/images/green_check.png); 
  	background-size: 100%; width: 150px; height: 150px;
  	background-repeat: no-repeat;
  	opacity: 0.9
  }
div.intrebare_row {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  position: relative;
  margin-right: 20px;
}
.wpum-registration-form div.intrebare_row > label {
    width: 16%;
    color: #55a8fd;
}
.wpum-registration-form div.intrebare_row > div {
    width: 84%; 
}
.wpum-registration-form div.intrebare_row fieldset.raspuns label {
  width: 20%;
  display: block;
  margin: 0;
  float: left;
  vertical-align: middle;
  font-size: 0.7em;
}
.wpum-registration-form div.intrebare_row fieldset.raspuns div {
  width: 80%;
}
.wpum-registration-form fieldset.raspuns {border-bottom: none; margin-top: 0px;}
@media all and (max-width: 767px){
  .wpum-registration-form div.intrebare_row > label {
    width: 100%;
  }
  .wpum-registration-form div.intrebare_row > div {
    width: 100%;
  }
  .wpum-registration-form div.intrebare_row fieldset.raspuns label {
    width: 100%; padding-left: 15px;
  }
  .wpum-registration-form div.intrebare_row fieldset.raspuns div {
    width: 100%;
  }
}



.lista_intrebari h3 { margin:0; text-align: center; margin-bottom: 0px;}
.clear { clear: both;}
form .input-textarea { background: #fff; background-image: none; border: 1px solid #55a8fd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; min-height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; height: auto;}
form .button.adauga_quiz {background-color: #5cb85c;}
form .lista_clase {padding-left: 10%;}

.loading{
  background: url(library/media/images/ajax-loader.png) center center no-repeat;
  background-size: 90% 90%;
  display: inline-block;
  height: 0.9em;
  width: 0.9em;
  line-height: 1em;
}
.loading_gray{
  background: url(libs/other/images/loading.gif ) center center no-repeat;
  background-size: 90% 90%;
  display: inline-block;
  height: 0.9em;
  width: 0.9em;
  line-height: 1em;
}
.loading-animate {
    -animation: spin 1.4s infinite linear;
    -webkit-animation: spin2 1.4s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.list-group-item { padding:5px 10px;}
#lista_clase li > a {float: right;}

.navbar #logo a.social { margin-top: -10px;}


/* chat */
#chat_container{
  transition: height 0.5s ease;
  width: 300px;
  min-width: 300px;
  height: 470px;
  background: #f9f9f9;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin: 0;
  box-shadow: 0 2px #ccc;
  position: fixed;
  right:1px;
  bottom: 5px;
  z-index: 999999;
  overflow: hidden;
}
#chat_container.minimised{
  height: 34px;
  transition: height 0.5s ease;
}
#channels{
  width: 300px;
  height: 470px;
  left: 0;
  padding: 5px 10px 10px 10px;
  z-index: 9999998;
}
#chat{
  width: 300px;
  height: 470px;
  left:100%;
  z-index: 9999999;
  padding-top: 0px;
}
#chat_slider{ position: relative; z-index: 998;}

#channels .title {
  color: #b71bff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}
#channels .channel{
  padding: 2px 10px;
  cursor: pointer;
  color:#55a8fd;
  font-size: 12px;
}
#channels .channel:hover{
  background-color: #EEE;
}
.chatbox {
  transition: height 0.5s ease;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.minimised .chat_minimise {
  top: 11px;
}
.chat_title{
  font-size: 14px;
  font-weight: bold;
  color: #b71bff;
  padding: 2px 5px 2px 30px;
  height: 35px;
  display: table-cell;
  line-height: 16px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.chat_back{
  position: absolute;
  left: 0px;
  top: 0px;
  color: #b71bff;
  cursor: pointer;
  padding: 0 5px;
  height: 30px;
  line-height: 32px;
}
.chat_minimise{
  position: absolute;
  right: 10px;
  top:7px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  cursor: pointer;
  color: #b71bff;
  z-index: 999;
}
.chat_minimise i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.chat_minimise .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.chat_minimise .left {
    transform: rotate(135deg);
}
.chat_minimise .up {
    transform: rotate(-135deg);
} 
.chat_minimise .down {
    transform: rotate(45deg);
}
.chatlogs {
  padding: 5px 5px 5px 10px;
  width: 100%;
  height: 385px;
  overflow-x: hidden;
  overflow-y: scroll;
  outline: 1px solid #eee;
  background-color: #f9f9f9;
}
.channel_lists{
  height: 430px;
  overflow-x: hidden;
  overflow-y: scroll;  
  outline: 1px solid #eee;
  background-color: #f9f9f9;
}

.chatlogs::-webkit-scrollbar, .channel_lists::-webkit-scrollbar {
  width: 10px;
}

.chatlogs::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0,0,0,.2);
}
.channel_lists::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0,0,0,.2);
}

.chat {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  margin-bottom: 5px;
}


.chat .user-photo {
  width: 100%;
  background-color: transparent;
  padding: 0px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}
.chat.friend .user-photo{
  text-align: left;
}
.chat.self .user-photo{
  text-align: right;
}
.chat.friend .user-photo em {
  position: absolute;
  font-size: 10px;
  right: 2px;
  bottom: -10px;
  color: #000;
}
.chat.self .user-photo em {
  position: absolute;
  font-size: 10px;
  left: 2px;
  bottom: -10px;
}

.chat .chat-message {
  width: 100%;
  padding: 2px 8px;
  margin: 5px 0;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  position: relative;
  min-height: 28px;
}

.friend .chat-message {
  background: #55a8fd;
}

.self .chat-message {
  background: #5cb85c;
}
.friend .chat-message:before 
{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 10px 12px;
  border-color: #55a8fd transparent;
  display: block;
  width: 0;
  z-index: 1;
  margin-left: -12px;
  top: -11px;
  left: 7%;
}
.self .chat-message:before 
{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 10px 12px;
  border-color: #5cb85c transparent;
  display: block;
  width: 0;
  z-index: 1;
  margin-left: -12px;
  top: -11px;
  right: 2px;
}



.chat-form {
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
  padding: 0 10px;
}

.chat-form textarea {
  background: #fbfbfb;
  width: 85%;
  height: 30px;
  border: 2px solid #eee;
  border-radius: 3px;
  resize: none;
  padding: 0 5px;
  font-size: 11px;
  color: #333;
}

.chat-form textarea:focus {
  background: #fff;
}

.chat-form button {
  padding: 4px 5px;
  font-size: 20px;
  color: #fff;
  border: none;
  margin: 0 0 0 10px;
  border-radius: 3px;
  cursor: pointer;  
  transition: backgroud .2s ease;
  width: 40px;
  height: 30px;
}
.chat-form button:hover {
  background: #55a8fd;
}
#chat_sound {visibility: none; width:1px; height: 1px; position: absolute; left: -9999em; top: -9999em;}
.bootstrap_badge{
    display: inline-block;
    min-width: 10px;
    padding: 10px 13px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #F22;
    border-radius: 10px;
    margin-left: 5px;
    position: fixed;
    right: 0px;
    bottom:40px;
    cursor: pointer;
    z-index: 997;
    opacity: 0;
}
#chat_overlay{
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    margin-left:-9999em;
    opacity: 0;
    position: fixed;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.7);
    overflow-x: hidden;
    z-index: 999998;
    transition: opacity 400ms ease-in-out;
}
#chat_overlay .closebtn{
  font-size: 3em;
  position: fixed;
  right:0px;
  top: 0px;
}
#chat_overlay.show{
    margin-left:0;
    opacity: 0.6;
    transition: opacity 400ms ease-in-out;
}

#text_bubble{
  position: absolute;
  z-index: 999999;
  opacity: 0;
  top:-300px;
  left:-40%;
  width: 400px;
  transition: all 400ms ease-in-out;
}
#text_bubble.animate_down{
  top: 70px;
  opacity: 1;
  transition: top 500ms ease-in-out;
}
#text_bubble.animate_up{
  transition: top 400ms ease-in-out;
}

.speech-bubble {
    position: relative;
    background: #fff;
    border-radius: .5em;
    min-width: 300px;
    padding: 20px 20px;
    margin: 1em 0;
    text-align: center;
    color: white;
    font-weight: bold;
    text-shadow: 0 -0.05em 0.1em rgba(0,0,0,.3);
}
.speech-bubble p {
  color: #fb6b47;
  font-size: 0.8em;
}

.speech-bubble:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 0.625em solid transparent;
  border-bottom-color: #ffffff;
  border-top: 0;
  border-right: 0;
  margin-left: -0.312em;
  margin-top: -0.625em;
}
#chat_points{
  position: fixed;
  display: none;
  z-index: 1000000;
  padding: 10px;
  font-size: 1.1em;
  background-color: #fb6b47;
  color: #FFF;
  border-radius: 1em;
  transform: scale(0.1, 0.1);
  transition: transform 400ms ease-in-out;
}
#chat_points.grow {
  transform: scale(1, 1);
}
.expired_mission { 
  background-color: #ffa41b; 
  padding:10px 20px; 
  border-radius: 5px;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 10px;
}
.quest_day {
  margin-left: 20px;
}
.current_quest_day {
  background-color: #F0F0F0;
}
.quest_day_line{
  padding: 10px 5px;
}
.quest_day_line .btn-default{
  color: #FFF !important;
}
.time_until{
  font-weight: bold;
}
#mission_list { 
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}
#mission_list .wp-post-image{
  width: 90%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #fb6b47;
  min-height: 160px;
}
#mission_list .task_done .wp-post-image{
  opacity: 0.5;
}
#mission_list a{
    font-size: 14px;
    min-width: 110px;
}
#mission_list h3 {
  font-size: 14px;
  margin:5px;
}
#mission_list li {
  min-height: 280px;
  margin-bottom: 10px;
}
#mission_list .custom_checkbox{
  position: absolute;
  z-index: 100;
  background-image: url(library/media/images/green_check.png); 
  background-size: 100%; 
  width: 100px; 
  height: 100px;
  background-repeat: no-repeat;
  opacity: 0.7;
  top:60px;
  right: 10px;
}

@media all and (min-width: 768px){
  #mission_list .col-sm-4 {
      width: 20%;
  }
}
.icon-contras {height: 30px; display: inline-block;}
.icon-contras img { height: 100%;}
.counter_espionage { font-size: 0.9em;}
.mission_complete_bottom{
  position: fixed;
  z-index: 9999999;
  min-width: 50%;
  text-align: center;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
ul.heroes_list {
  text-align: left;
  margin-left: 20px;
}
.diplomas_container{
  padding:10px;
  text-align: center;
}
.coupons_container{
  padding:10px;
  text-align: center;
}
block-coupons #cod_cupon {width: 80%; max-width: 300px; display: inline-block;}
#nume_diploma {width: 80%; max-width: 300px; display: inline-block;}
.diploma {float: left; width: 19%; margin:5px; text-align: center; overflow: hidden; min-height: 190px; max-height: 190px;}
.diploma img {width: 100%; max-width: 200px; margin: 0 auto;}
.diploma > a { display: block; font-size: 0.9em;}
.diploma.giphy img{height:175px; width:auto; max-width: none; margin: 0 auto;}
.giphy_view_all {float: right;}

@media all and (max-width: 360px){
  .diploma {width: 100%;}
}
.btn-info-only{ color: #55a8fd;}
.info_bar {
  padding: 5px 10px; 
  margin-bottom: 15px;
  font-size: 0.95em;
  text-align: center;
}
.info_bar_left {
  text-align: left;
}

.info_bar_right {
  text-align: right;
}

.info_bar .glyphicon-info-sign{
  color: #fb6b47
}
.user_ref_ok { display: none; color: #3c763d;}
.recruit_link {color: #3c763d; cursor: pointer;}
.recruits_list { font-size: 0.9em;}
.panel-body {position: relative; text-align: center;}
.panel-body .media, .panel-body .feed-likes {text-align: left;}
.media_gifs { max-width: 350px; width: 100%; height: 100%; position: relative; text-align: center; display: inline-block;}
.news-feed .panel-body .media_gifs > img {height: 100%; width: 100%; object-fit: contain;}

.wpProQuiz_resultsList > li:first-child div:first-child > p {display: none1;}
.kids_smile_image {
  text-align: center;
  padding: 0px 20px;
}
.kids_smile_title{
  font-weight: bold;
  padding: 20px 0 0 20px;
  font-size: 1.1em;
}
.become_something{
  padding:10px; 
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;  
}
.become_something .glyphicon-info-sign{
  color: #ff0012;
}
.done_quiz_message{
  padding:10px; 
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.done_quiz_message .glyphicon-info-sign{
  color: #a94442;
}

.quest_clues li {
  color: #ff0000;
}

.blink_animation{
    animation: bgblink 1s;
    animation-iteration-count: 3;
}
@-webkit-keyframes bgblink {
    from {background-color: #fff;}
    50% {color:#FFD338}
    to {background-color: #FFF;}
}
@keyframes bgblink {
    from {background-color: #fff;}
    50% {background-color:#FFD338}
    to {background-color: #fff;}
}

.blink_animation1{
  animation: bgblink1 1s;
  animation-iteration-count: 3;
}
@keyframes bgblink1 {
  from {background-color: #f2dede;}
  50% {background-color:#f2dede7e}
  to {background-color: #f2dede00;}
}

/* select 2 */
.select2-container--bootstrap .select2-selection, .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  border: 1px solid #55a8fd;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true]{
  background-color: #EEE;
  color:#000;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{
  background-color: #337ab7;
  color: #fff;
}
.date-field, .number {
  width: 50%;
  max-width: 100px;
}
.block-kid{
  padding-bottom: 30px;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.homework_list_link {
  float:right;
}
.alert-info hr {margin-top: 10px; margin-bottom:10px;}
.homework_item { padding-left: 2em;}
.homework .alert{margin-left:0; margin-right: 0;}
.homework #book_list li{ min-height: inherit;}
.dashboard-parents .kids-row .section-title .dashboard-action, .homework-list .dashboard-action, .homework-add .dashboard-action{
  float:right;
  margin-top: -5px;
}
.homework-list .dashboard-action, .homework-add .dashboard-action{
  margin-top: auto;
}
.dashboard-parents .kids-row .section-title .dashboard-action .btn { position: relative; right: inherit; top: inherit;}

.homework-list .block-circle .value {
    width: 100%;
    height: 100%;
    line-height: 60px;
    color: #2196f3;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
  }
  .homework-list .c100 {
    position: relative;
    font-size: 60px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: #ddd;
    cursor: pointer;
}

.homework-list table tr:last-child {
  border-bottom: 1px solid #ddd;
}

.category .post {
  min-height: 260px;
}
.category .post.mode-grid {
  max-height: 470px;
}

@media all and (max-width: 768px){
  .category .post,
  .category .post.mode-grid {
    min-height: auto; max-height: none;
  }
}


.homework_actions{
  margin-top: 10px;
  /*visibility: hidden;*/
  text-align: left;
  font-size: 1.2em;
}
tr:hover .homework_actions{
  visibility: visible;
}
.homework_actions a.remove{
  float: right;
}

.homework_actions a {
  display: inline-block;
  margin: 0 5px;
  padding: 0 5px;
  cursor: pointer;
}

.homework-list .profile-details .field{
  display: inline-block;
  width: 100%;
}
.profile-details .compl-stat .compl-stat-holder{
  position: relative;
  margin-bottom: -8px;
}
.user_result_list {
    margin-bottom: 0;
    padding-left: 30px;
    margin-top: 10px;
}
.user_result_list li {
  list-style: none;
  padding: 2px 0px 6px 0px;
  font-size: 14px;
}
.user_result_list li span.ok {
  color: #70ce04;
}
.user_result_list li span.not-ok{
  color: #909090;
}
.user_result_list li span.not-done {
  color: #909090;
}

.homework-list .profile-details .user_result_list .field{
  width: 100%;
  margin-top: -8px;
}
.homework-list .profile-details .user_result_list .field{
  font-size: 12px;
}
.homework-list .profile-details .user_result_list .compl-stat .compl-stat-holder{
  border-width: 1px;
  border-radius: 5px;
}
.homework-list .profile-details .user_result_list .compl-stat .compl-stat-holder .compl-stat-val{
  min-width: 62px;
  display: inline-block;
}
.homework_description{
  font-size: 13px;
  padding:10px 0 0 0;
  font-style: italic;
}
.email_message {
  display: none; 
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
#frm_add_homework .concurent_team_ph{
  padding: 10px;
  font-size: 14px;
  border: 1px solid #FFD338;
}
#frm_add_homework .concurent_team_ph > fieldset > label {
  width: 100%;
  padding-left: 0px;
}
#frm_add_homework .concurent_team_ph > fieldset{
  border-bottom: none;
  margin-bottom: 0;
}

#frm_add_homework .concurent_team_ph label {
  width: 29%;
  float: left;
  display: inline-block;
  text-align: left;
  padding-left: 30px;
}
#frm_add_homework .concurent_team_ph .row {
  margin: 5px 0;
}
#frm_add_homework .concurent_team_ph .field{
  text-align: left;
}
#frm_add_homework .concurent_team_ph > .field{
  padding: 5px 0;
}

#frm_add_homework .field-select-multiple {
  width: 100%;
  text-align: center;
}
.concurent_team_container {
  height: 1px;
  visibility: hidden;
}
.battle_icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../img/icons/swords.png) center center no-repeat;
  background-size: 100%;
  margin-bottom: -4px;
}
.battle_icon.large {
  width: 32px;
  height: 32px;  
  margin-bottom: -1px;
}
.top-url-row > label {
  font-size: 0.8em;
}
/*
.badges .badge{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
    width: auto;
    height: auto;
    font-family: sans-serif;
}
*/
.notification_row{
  padding-top: 5px;
  padding-bottom: 5px;
}
.notification-bar{
  position: fixed;
  top:0; 
  left:0;
  right:0;
  height: 30px;
}
.float-right{
  float:right;
}
.compl-battle-win {
  background-color: #70ce05 !important;
}
.attack-info {
  font-size: 16px;
  margin-top: 10px;
  color: #70ce04;
}
.battle-dashboard .user_result_list li {font-size: 20px;font-family: 'Oswald', sans-serif; color: #2196f3;}
.battle-dashboard {border-bottom: 1px solid #CCC; margin-bottom: 40px; margin-top: 10px;}
.all-kidismiles .diploma {
  width: 33%;
  margin: 0;
  padding: 5px;
}
.all-kidismiles .diploma.giphy {
  position: relative;
}
.all-kidismiles .diploma.giphy .glyphicon-refresh{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.5;
  z-index: 9;
  color: #F00;
}
.all-kidismiles .diploma.giphy a {
  position: relative;  
  z-index: 10;
  display: block;
}
.all-kidismiles .diploma.giphy img{
}
.all-kidismiles .see_all {
  font-size: 0.8em;
}
.container.breadcrumbs {padding-bottom: 15px;}
.breadcrumb-info{
  text-align: center;
  display: block !important;
  background-color: transparent;
}
.breadcrumb-info .alert {
  padding: 0 10px;
  margin: 2px 2px;
  display: inline-block;
  float: none;
  text-align: initial;
}
@media all and (min-width: 768px){
  .breadcrumb{
    float:left;
    line-height: 1.3em;
    margin: 0;
  }
  .breadcrumb-info {
    float:right;
    width: calc(100% - 310px);
    text-align: center;
  }
}

@media all and (max-width: 768px){
  .breadcrumb{
  }
  .breadcrumb-info {
    display: block;
    position: relative;
    /*margin-top: -15px;*/
  }
}

.alert-small {
  padding: 0 10px;
  margin: 2px 2px;
  display: inline-block;
  float: none;
  text-align: initial;
  font-size: 0.8em;
}
.alert-hidden{
  display: none;
}
.alerts-container {
  display: inline-block;
  width: max-content;
}

/* particles */
.particle-network-animation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: #171717;
}
.particle-network-animation::before {
  z-index: -2;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/wp-content/themes/kiki2/library/media/images/battles-bg.jpg);
  background-position: center center;
  background-size: cover;
  opacity: 0.2;
}

.glow {
  z-index: -1;
  position: fixed;
  top: 50%;
  left: 50%;
  background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), transparent);
}

.glow-1 {
  width: 150vw;
  height: 150vh;
  margin-top: -75vh;
  margin-left: -75vw;
  animation: glow-1-move 25s linear infinite both;
}

@keyframes glow-1-move {
  from {
    transform: translate(-100%, 100%);
  }
  to {
    transform: translate(100%, -100%);
  }
}
.glow-2 {
  width: 100vw;
  height: 100vh;
  margin-top: -50vh;
  margin-left: -50vw;
  animation: glow-2-move 25s linear 8.3333333333s infinite both;
}

@keyframes glow-2-move {
  from {
    transform: translate(-100%, 0%);
  }
  to {
    transform: translate(100%, 100%);
  }
}
.glow-3 {
  width: 120vw;
  height: 120vh;
  margin-top: -60vh;
  margin-left: -60vw;
  animation: glow-3-move 25s linear 16.6666666667s infinite both;
}

@keyframes glow-3-move {
  from {
    transform: translate(100%, 100%);
  }
  to {
    transform: translate(0%, -100%);
  }
}

.page-battles .compact-sidebar .navbar-wrapper .navbar-side li.selected a {
  color: #ffd338;
}
.single-page-promote {
  padding: 40px 0px;
  margin-top: 20px;
}
.single-page-promote img {
  width: 100%;
  height: auto;
}
.article .book-cover{
  position: relative;
}
.toggle-on {
  font-weight: bold;
}
.toggle-off {
  font-weight: bold;
  color:#888;
}
.slick-slider.slick-bottom {
    border-bottom: 40px solid #f4f4f4;
}
.slick-slider.slider-quizz .slick-arrow-bottom{
  top: auto;
  bottom: -40px;
}
.slick-slider.slider-quizz .slick-dots-bottom{
  top: auto;
  bottom: -40px;
}

#mobile-chat-btn {
  width: 40px;
  height: 30px;
  background-color: #2196f3;
  border-radius: 15px;
  position: fixed;
  bottom:8px;
  right:0px;
  z-index: 99999999;
  display: none;
  text-align: center;
  color: #FFF;
}
#mobile-chat-btn:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 10px;
    bottom: -8px;
    border-left: 10px solid transparent;
    border-right: 2px solid transparent;
    border-top: 10px solid #2196f3;
}
.premium_hidden {
  display: none;
}

.my-battle-counter{
  font-size: 0.7em;
}

.page-battles .section-my-battles .panel .panel-body .battle-quizzes .list-quizzes li{
  margin-bottom: 10px;
}
.page-battles .section-my-battles .panel .panel-body .battle-quizzes .list-quizzes li a{
  padding: 3px 5px;
}
.page-battles .section-my-battles .panel .panel-body .battle-quizzes .list-quizzes .my-battle-counter {
  float: none;
}
.page-battles .section-my-battles .panel .panel-body .battle-quizzes .list-quizzes .my-battle-counter:hover {
  color: #fff;
}
.battle-dashboard .attack_lists img.avatar {
  height: 100%;
  max-height: 50px;
}
.battle-dashboard .attack_lists td {
  float: left;
}
table .scoala{
  white-space: normal;
}
@media screen and (max-width: 500px) {
  .battle-dashboard .attack_lists{
    table-layout: fixed;
  }
  #mobile-chat-btn {
    display:inline-block;
  }

  /*fluid tables*/
  #topuri {    
    border: 1px solid #FFD338;
    font-size: 1.25em;
  }
  #topuri table, #topuri thead, #topuri tbody, #topuri th, #topuri td, #topuri tr { 
    display: block; 
  }
  #topuri thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #topuri td { 
    border: none;
    border-bottom: 1px solid #FFD338; 
    position: relative;
    padding-left: 10px; 
  }
  #topuri td:before { 
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }
  #topuri tr > td{
    text-align: left;
    padding-left: 80px;
  }
  #topuri tr > td:nth-of-type(1) {
    background-color: #FFD338;
    font-weight: bold;
    font-size: 1.2em;
  }
  #topuri tr > td:before{
    top: 11px;
    opacity: 0.6;
    font-size: 0.75em;
  }
}

/* spinners */
.spinner {
  margin-left: 1em;
  margin-right: 1em;
  border: 0.2em solid #f3f3f3;
  border-radius: 50%;
  border-top: 0.2em solid #FFF;
  border-right: 0.2em solid green;
  border-bottom: 0.2em solid pink;
  border-left: 0.2em solid red;
  width: 1.2em;
  height: 1.2em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-bottom: -0.25em;
  display: inline-block;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.invisible {
  visibility: hidden;
}
#after_login_popup .modal-top-text h5.align-left{
  text-align: left;
  line-height: 1.25em;
}
.login-messages em {
  color: #ff0012;
}
.category .post.mode-grid .post-thumb{
  position: relative;
  z-index: 998;
}
.whatsapp_popup {
  animation: 1s bounceInMargin;

  position: fixed;
  bottom: -60px;
  opacity: 0;
  z-index: 99999999;
  left: 0;
  min-height: 30px;
  line-height: 24px;
  background-color: #ffd338;
  padding: 8px;  
  width: 100%;
}
.whatsapp_popup.animate-in{
  bottom: 0px;
  opacity: 1;
}
.whatsapp_popup .close {
  font-size: 30px;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 1px 5px;
}

@keyframes bounceInMargin {
  0% {
    transform: scale(0.1);
    opacity: 0;
    bottom: -60px;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
    bottom: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
    bottom: 0;
  }
}
@keyframes bounceOutMargin {
  0% {
    transform: scale(1);
    opacity: 1;
    bottom: -0px;
  }
  60% {
    transform: scale(1.2);
    opacity: 0;
    bottom: -60px;
  }
  100% {
    transform: scale(1);
    opacity: 0;
    bottom: -60px;
  }
}
.login-messages .diploma {
  margin: 10px;
  outline: 1px solid #ff0012;
  min-height: 100px;
}
.navbar .navbar-nav{
  position: relative;
  z-index: 100000;
}
.mission_clues_ph p {
  font-size: 11px;
  color: #5cb85c;
  line-height: 1em;
}

/* add new option */

.dropdown-menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 
.dropdown-menu a {
   overflow: hidden;
   outline: none;
}
 
.bss-input
{
   border:0;
   margin:-3px;
   padding:3px;
   outline: none;
   color: #000;
   width: 99%;
}
 
.bss-input:hover
{
   background-color: #f5f5f5;
}
 
.additem .check-mark
{
   opacity: 0;
   z-index: -1000;
}
 
.addnewicon {
   position: relative;
   padding: 4px;
   margin: -8px;
   padding-right: 50px;
   margin-right: -50px;
   color: #aaa;
}
.addnewicon:hover {
   color: #222;
}
#comunitate_extra_new {
  max-width: 300px;
  width: 80%;
}
form .input-text.error{
  border-color: #F00;
}
form .input-text.quill_intrebare {
  min-height: 34px;
  height: auto;
}
form .input-textarea.quill_intrebare{
  min-height: 68px;
}
.mq-hasCursor {
  cursor: pointer;
}
.jedi-countdown .jedi-dash{
  float: none;
  display: inline-block;
}
.jedi-countdown .jedi-dashboard{
  min-width: 320px;
  text-align: center;
}
.jedi-countdown .jedi-dash_title{
}
.alert.battle-message-info{
  margin-left: 0;
  margin-right: 0;
  background-color: #ffd33855
}
.battle-message-info .glyphicon-info-sign{
  color:#F00;
  font-weight: bold;
  font-size: 1.5em;
  margin-right: 10px;
}
.battle-message-info .glyphicon-info-sign:before{
  bottom: -5px;
  position: relative;
}
.battle-message-info .croco_name{

}
.battle-message-info .croco_name img {
  margin-right:5px;
  margin-left: 5px;
}
.btn-show-equation {
  position: absolute;
  right: -3px;
  top: 0px;
}
.btn-show-equation .btn-equation{
  padding-top:8px;
  padding-bottom: 8px;
}
.wpum-registration-form fieldset.raspuns{
  position: relative;
}
.lista_intrebari .field-text { position: relative; }
#keyboard-1 {width: 100%;}
.field-keyboard .keyboard-wrapper {padding: 10px;}
.field-keyboard .keyboard-wrapper .btn {
  margin-bottom: 4px;
  min-width: 38px;
  text-transform: none;
}
.field-keyboard .keyboard-wrapper .btn.upper{
  text-transform: uppercase;
}
.field-keyboard .keyboard-wrapper .keyboard-title {margin-bottom: 10px;}

.wpProQuiz_question mjx-container.MathJax{
  display: inline-block !important;
  font-size: inherit !important;
  margin: 0 8px 0 0 !important;
}
.start_quiz_button_container {

}
.start_quiz_button {
  padding: 1em;
  text-align: center;
}
.start_quiz_button .wpProQuiz_button {
  animation: shadow-pulse 1s infinite;
}
@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 0 0px rgba(112, 206, 0, 0.5);
     }
     100% {
          box-shadow: 0 0 0 35px rgba(112, 206, 0, 0);
     }
}

.tags-list {
    margin: 15px 0;
    padding: 15px 0;
}

/* isotope */
  .grid{
    margin:0 auto;
  }
  .grid:after {
    content: '';
    display: block;
    clear: both;
  }
  .grid-item { width: 384px; overflow:hidden; cursor:pointer; padding:0px; overflow:hidden;}


  .grid-item > img {position1:absolute1; z-index:10; padding:0px; margin:0; width: 100%;}
  .grid-item > .img-canvas {position:absolute; z-index:9; padding:1px;}
  .grid-item .share { position:absolute; margin-bottom:-40px; line-height:30px; height:30px; width:100%; text-align:center; bottom:0px; z-index:9999; transition: margin-bottom 0.25s ease-in-out; color:rgba(255,255,255,1); background:rgba(0,0,0,0.75) }
  .grid-item:hover .share{
    transition: margin-bottom 0.3s ease-in-out;
    margin-bottom: 0px;
  }
  .grid-item .share a {
    color:#F55;
    text-decoration:none;
  }
  .grid-item .share .created {
    position:absolute;
    right:4px;
    top:0;
    font-size:0.8em;
    text-align:right;
  }
  .grid-item .share .created a img {
    height:18px;
  }
  .grid-item .share .source {
    position:absolute;
    left:4px;
    top:0;
    font-size:0.8em;
  }
#frm_add_quiz .hidden {
  opacity: 0;height: 0px; padding: 0; margin:0; min-height: 0; max-height: 0;
  display: block !important;
}
#frm_add_quiz input:invalid:before{
  conten1t: "Invalid!";
}
.block-quiz-preview.visible {
  margin-bottom: 20px;
  margin-top: 20px;
  display: block !important;
}

.btn-user-dare{
  color: #FFF !important;
}
.section-battle-dares .card .battle-stats .block-title{
  margin: 0 !important;
}
.page-battles .section-battle-dares .panel .panel-heading .battle-stats{
  padding-left: 0;
}
.page-battles .section-battle-dares .panel .panel-heading .battle-type{
  padding-top: 4px;
}
.page-battles .section-battle-dares .panel .panel-heading .battle-stats .battle-info strong {
    font-weight: 700;
    color: #fff;
}
.page-battles .section-battle-dares .card > .block-title{
  padding: 0;
  margin: 0;
}
.page-battles .section-battle-dares .panel .panel-body .battle-quizzes{
  padding-top: 0;
}
.page-battles .section-battle-dares .panel .panel-body{
  padding: 0 15px !important;
}
.page-battles .section-battle-dares .panel .panel-body .media-body{
  padding-top: 0px;
}

/* animate */
.magictime {
  -webkit-animation-duration: 3.5s;
          animation-duration: 3.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

@media (print), (prefers-reduced-motion) {
  .magictime {
    -webkit-animation: unset !important;
            animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important; } }

.spaceOutUp {
  -webkit-animation-name: spaceOutUp;
  animation-name: spaceOutUp; }

@-webkit-keyframes spaceOutUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.2) translate(-4em, -10em);
    transform: scale(0.2) translate(-4em, -10em); } }

@keyframes spaceOutUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%);
    transform: scale(1) translate(0%, 0%); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.2) translate(-4em, -10em);
    transform: scale(0.2) translate(-4em, -10em); } }

/* math */
mjx-mo.mjx-n:empty{
  display: inline-block;
  width: 0.6rem;
  height: auto;
}
.wpProQuiz_questionList .wpProQuiz_questionListItem mjx-container.MathJax{
  font-size: 1em !important;
}
html .entry-content .wpProQuiz_question_text{
  line-height: 1.25em;
}
mjx-container.MathJax mjx-math {
  word-wrap: normal;
  white-space: normal;
}
/* other */
.user_club_leave{
  cursor: pointer;
}
#user_gold_message{z-index: 999999999;}
#user_gold_message .modal-content {overflow: hidden;}
#user_gold_message .modal-body {padding: 0;}
#user_gold_message .modal-logo,
#user_gold_message .modal-top-text,
#user_gold_message .modal-middle-text {padding: 15px;}
#user_gold_message .modal-logo .icon {margin: 0 auto; font-size: 30px; width: 60px; height: 60px; line-height: 60px; color: #fff; border-radius: 50%; background: #ff0012; display: block;}
#user_gold_message .modal-logo h4 {margin-bottom: 0; font-size: 30px; text-transform: uppercase; color: #ff0012;}
#user_gold_message .modal-top-text h5 {margin-top: 0; text-align: center; font-size: 20px;}
#user_gold_message .modal-middle-text ul {list-style: none; padding: 0;}
#user_gold_message .modal-middle-text ul li {padding-left: 20px; position: relative;}
#user_gold_message .modal-middle-text ul li strong {color: #b71bff;;}
#user_gold_message .modal-middle-text ul li::before {content: "\e802"; width: 10px; height: 10px; position: absolute; left: 0; top: 3px; color: #4497ed; font-size: 11px; font-family: 'fontello';}
#user_gold_message .modal-bottom-text .btn {padding: 15px; font-size: 20px; border-radius: 0;}
#user_gold_message .modal-content.success .modal-logo .icon {background: #70ce04;}
#user_gold_message .modal-content.success .modal-logo h4 {color: #70ce04;}

.user_gold_bonus_points {
  color: #F00;
  font-weight: bold;
  display: block;
  text-align: center;
}

.school-challenge .section-tops .row-top .class-wrapper .class-data .class-number span {
  overflow: hidden;
}
/* hide romanian language menu item with css, show for co.uk */
#menu-item-29262 {
  display: none;
}
.tld-co-uk #menu-item-29262 {
  display: initial;
}

/* learnpress */
body .lp-archive-courses .course-summary .course-summary-content .course-detail-info {
  padding-left: 40px;
}
body.single.lp_course .lp-archive-courses{
  position: relative;
  z-index: 998;
}
.navbar {
  z-index: 999;
}

.author .wpum-profile-form fieldset div.field select {
  max-width: 70%;
}
#wpum-profile{
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.bootstrap-select .dropdown-menu.open{
  max-width: 550px;
}


.kidiquests #mission_list li{
  min-height: 190px;
}
.kidiquests #mission_list .wp-post-image {
  width: auto;
}
@media all and (min-width: 768px){
  .kidiquests #mission_list .col-sm-4 {
      width: 33.33%;
  }
}

body .course-meta .course-meta__pull-right {
  flex: 0 0 40%;
}

@media all and (max-width : 991px) { 
	#logo .total_points {padding-top: 0px;}
}

#logo .total_points {
  margin-top: 10px;
}

.icon-coin { 
  background-image: url(https://www.kidibot.ro/img/criptomoneda-kidibot-small.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.icon-coin:before { content: ''; } /* '' */
.icon-coin-empty:before { content: ''; } /* '' */

#start-quiz .btn.btn-acceptmission{
  padding: 10px 60px;
  font-size: 1.2em;
}