/** {*/
    /*outline: 1px solid grey;*/
/*}*/


body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: white;
    color: #424242;
}

h1, h2, h3, h4, h5, h6 {
    font-family: OpenSans, Helvetica, Verdana, Arial, sans-serif;
    margin-top: 0;
}

a:link {
    color: #285f8e;
}

a:visited {
    color: #285f8e;
}
a:hover {
    color: #347cba;
    text-decoration: none;
}

a:active {
    color: #285f8e;
}

a[type='button'] {
    color: white;
}

a[type='button']:hover,a[type='button']:focus  {
    outline: none;
    text-decoration: none;
}

.btn.btn-default {
    color: #777777;
}

table {
    vertical-align: middle;
    width: 100%;
}

/* TRAINING HEADER */

#full_screen {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 80px 80px;
    background-color: rgba(0, 0, 0, 0.16);

    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
}

.training_container {
    border: 3px solid grey;
    padding: 20px 0;
    background: white;
    border-radius: 10px;
    position: relative;
    min-height: 550px;
}
.training_container .glyphicon-remove-circle {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 1.3em;
    z-index: 10000;
    color: #d7d7d7;
}

.training_container .glyphicon-remove-circle:hover {
    color: grey;
}

#preview {
    position: relative;
    bottom: 0;
    height: 100%;
}



/* SEARCH */

#search_input {
    width: 120px;
}

#search_form {
    position: relative;
}

#search_results {
    display: none;
    position: absolute;
    width: 120px;
    z-index: 10000;
    background: white;

    top: 43px;
    border: 1px solid #bebebe;
    box-shadow: 2px 2px 5px rgba(0,0,0,.7);
    min-height: 50px;
    max-height: 200px;
    overflow: scroll;
}

#search_results  table a.found_word {
    display: inline-block;
    padding: 2px 15px;
    width: 100%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;

}

#search_results table a:hover {
    background-color: rgba(245, 242, 239, 0.6);

    border-top: 1px dotted grey;
    border-bottom: 1px dotted grey;
    color: black;
}
#search_results table {
    width: 100%;

}
/* AJAX for LIST, GLOSSARY */

#wordToAdd {
    position: relative;
}

#foundWords {
    display: none;
    position: relative;
    /*width: 100%;*/
    z-index: 10000;
    background: white;

    top: -65px;
    border: 1px solid #bebebe;
    box-shadow: 2px 2px 5px rgba(0,0,0,.7);
    min-height: 50px;
    max-height: 200px;
    overflow: scroll;
}

#foundWords #foundWordsTable {
    width: 100%;
}

#foundWords  #foundWordsTable td {
    display: inline-block;
    padding: 2px 15px;
    width: 100%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;

}

#foundWords #foundWordsTable td:hover {
    background-color: rgba(245, 242, 239, 0.6);

    border-top: 1px dotted grey;
    border-bottom: 1px dotted grey;
    color: black;
}



.breadcrumb {
    background-color: #fdfdfd;
    font-size: 0.9em;
    padding: 5px 15px;
    margin-bottom: 20px;
    border-radius: 0;
}

#index {
    /*margin-top: 50px;*/
}
/* END OF MAIN NAVIGATION */

#page_wrapper {
    /*margin-top: 50px;*/
    min-height: 553px;
}


/* LOGIN FORM */
#registration_form {
    position: relative;
    background: white;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid grey;
    margin-top: 70px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.29);
    z-index: 100;
}

img#girl {
    position: absolute;
    z-index: 9;
    left: 40%;
    bottom: 10px;
    transition: all 2s ease;
}

#login_form:hover img#girl {
    bottom: -160px;
}



#login_form #activationLink {
    color: #00ab00;
}

#login_form #activationLink:hover {
    color: #008300;
}

#login_bg {
    top: -50px;
    position: fixed;
    z-index: -1;
}

#login_bg_mobile {

    position: fixed;
    z-index: -1;
}
.login_header {
    font-family: Righteous, 'Roboto', Helvetica, Verdana, Arial, sans-serif;
    margin-top: -5px;
}
.for_who {
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: Righteous, 'Roboto', Helvetica, Verdana, Arial, sans-serif;
    color: #7B3C4D;
    margin-bottom: 20px;
    margin-top: -10px;
}
#registration_form .reg_button {
    display: inline-block;
    border-radius: 4px;
    background-color: #567463; /* Green */
    border: 2px solid transparent; /* Green */
    /*background-color: #f4511e;*/
    /*border: none;*/
    color: #FFFFFF;
    text-align: center;
    font-size: 1.25em;
    padding: 10px;
    /*width: 320px;*/
    width: 100%;
    transition: all 0.5s;
    cursor: pointer;
    vertical-align: middle;
}

#registration_form .reg_button:hover {
    /*margin-top: 20px;*/
    background-color: rgba(114, 153, 130, 0.99); /* Green */
    /*padding: 10px;*/
}

.button {

}

.login_message {
    margin-top: 20px;
    margin-bottom: -40px;
    border-radius: 10px;
    border: 1px solid #94c6a2;
}
/*#student_login_form {*/
    /*margin-top: 100px;*/
    /*margin-bottom: 20px;*/
/*}*/

/*#student_login_form #form_container {*/
    /*border: 1px solid #d2d9e2;*/
    /*border-radius: 10px;*/
    /*background-color: rgba(59, 138, 206, 0.11);*/
/*}*/

/*#student_login_form #form_container form {*/
    /*margin: 20px;*/
/*}*/

/*#student_login_form #form_container form button {*/
    /*margin-bottom: 20px;*/
/*}*/



/* END OF LOGIN FORM */


/* PROFILE */

#new_lists {
    margin-bottom: 20px;
}

.lists_to_repeat {
    width: 100%;
    vertical-align: middle;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;

}

.lists_to_repeat tr{
    border-bottom: 1px solid #e8e8e8;

}

.lists_to_repeat td {
    padding: 5px;
}

.period_lists {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
}

.period_lists_div {
    padding-left: 0;
    padding-right: 0;

    margin-bottom: 30px;
}

.lists_to_repeat .date_created {
    width: 10%;
    text-align: left;
}

.lists_to_repeat .list_name {
    width: 30%;
    text-align: left;
}
.lists_to_repeat .words {
    width: 10%;
    text-align: center;
}

.lists_to_repeat .repeats {
    width: 10%;
    text-align: center;
}

.lists_to_repeat .spelling {
    width: 10%;
    text-align: center;
    padding-bottom: 5px;
}

.lists_to_repeat .spelling .dropdown-toggle {
    /*margin-top: -5px;*/
}

/* SIDE NAVIGATION CLASS INFO */
#side_navigation.class_info {
    padding-left: 5px;
    padding-right: 0;

}
#side_navigation.class_info ul {
    margin: 0;
    padding: 0;
    border-right: 5px solid #a6a6a6;

}

#side_navigation.class_info ul li {
    list-style: none;

}

#side_navigation.class_info ul li a {
    display: block;
    padding: 5px;
    padding-left: 10px;
    font-size: 1.1em;
    text-decoration: none;
    color: #285f8e;
    margin-left: 0;
    margin-right: -5px;
}

#side_navigation ul li a:hover {
    background: rgba(98, 250, 102, 0.14);
}

#side_navigation ul li a.active {
    background: rgba(98, 250, 102, 0.14);
}

#side_navigation .caret_top {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px dashed;
    /*border-bottom: 4px solid \9;*/
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

#side_navigation .active_flag {
    color: #433a31;
    text-decoration: none;
}

/* SIDE NAVIGATION CLASS EVENTS */

#side_navigation.event_navigation {
    margin-bottom: 20px;
}

#side_navigation.event_navigation>a.btn {
    margin-bottom: 0;
}

#side_navigation .event_filters {
    padding-left: 0;
    padding-right: 0;
    margin-top: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid grey;
}

#side_navigation table#events_filter_table {
    width: 100%;
    vertical-align: middle;
    border-collapse: collapse;
}

#side_navigation #events_filter_table td {
    padding: 5px;
}

#side_navigation #events_filter_table .event_date {
    width: 25%;
    padding-left: 5px;
}

#side_navigation #events_filter_table .update {
    width: 6%;
}

#side_navigation.event_navigation .jumbotron {
    clear:both;
}

/*#side_navigation .filters a {*/
    /*display: inline-block;*/
    /*padding-right: 55px;*/
    /*padding-bottom: 6px;*/
/*}*/

#side_navigation .event_filters a {
    color: #3273ac;
    font-weight: bold;
}

#side_navigation .event_filters a:hover {
    color: #222;
}

#side_navigation .event_filters a.active_flag {
    color: #222;
}

#class_events {
    width: 100%;
}

#class_events td:first-child {
    width: 25%;
    padding-left: 5px;
}

#class_events td.edit_event {
    width: 6%;
    text-align: center;
}

#class_events tr:hover {
    background: rgba(98, 250, 102, 0.14);
}

#class_events tr:hover, #class_events tr:hover a {
}

#class_events tr.active_event {
    background: rgba(98, 250, 102, 0.14);
}

#class_events tr.active_event, #class_events tr.active_event a {
    /*background: rgba(98, 250, 102, 0.14);*/
    /*color: white;*/
}

#class_events a {
    display: inline-block;
    padding: 5px;
    width: 100%;
}

/* SIDE NAV LISTS FILTERS*/
#side_navigation .lists_filters {
    margin-top: 0;
    padding: 0;
    margin-bottom: 10px;
}

#side_navigation #lists {
    width: 100%;
    vertical-align: middle;
    border-collapse: collapse;
    margin-top: 7px;
    border-bottom: 1px solid grey;
}

#side_navigation #lists td {
    padding: 5px;
}

#side_navigation #lists td a {
    color: #2e6da3;
    font-weight: bold;
}

#side_navigation #lists .list_date {
    width: 18%;
    padding-left: 5px;
}

#side_navigation #lists .words {
    width: 11%;
    font-size: 0.8em;
    text-align: center;
}


#side_navigation #lists .repeats {
    width: 11%;
    font-size: 0.8em;
    text-align: center;

}

#side_navigation  #lists a.active_flag {
    color: black;
}

#side_navigation #list_filters {
    margin-top: -12px;
    margin-bottom: 20px;

}

#side_navigation #list_filters.learner{
    margin-top: 10px;
    margin-bottom: 20px;
}
#side_navigation #list_filters td:first-child {
    padding-right:5px;
}

#side_navigation #list_filters .search_glossary {
    height: 20px;
}
#side_navigation #list_filters input[type=search] {
    padding-left: 5px;
    height: 25px;
}

#side_navigation #list_filters .search_button {
    top: 4px;
    right:2px;
}
/* END OF FILTERS FOR LISTS NAV */

/* NAV LISTS */
#side_navigation .lists {
    width: 100%;
    padding-bottom: 6px;
    margin-bottom: 20px;
}

#side_navigation .lists .date_created {
    width: 20%;
    padding-left: 5px;
    color: #a6a6a6;
    font-size: 0.9em;
}

#side_navigation .lists td a {
    display: inline-block;
    padding: 7px;
    width: 100%;
}

#side_navigation .lists .list_name a {
    color: #245783;
}

#side_navigation .lists .update {
    width: 5%;
    text-align: center;
}

#side_navigation .lists .words {
    width: 11%;
    font-size: 0.8em;
    text-align: center;
}

#side_navigation .lists .repeats {
    width: 15%;
    font-size: 0.8em;
    text-align: center;
}

#side_navigation .lists tr:hover {
    background: rgba(98, 250, 102, 0.14);
}

#side_navigation .lists tr:hover, #side_navigation .lists tr:hover a, #side_navigation .lists tr:hover .date_created {
}

#side_navigation .lists tr.active_list {
    background: rgba(98, 250, 102, 0.14);
}

#side_navigation .lists tr.active_list, #side_navigation .lists tr.active_list a, #side_navigation .lists tr.active_list .date_created {
    /*background: rgba(98, 250, 102, 0.14);*/
}




/* LISTS CONTENT */

#student_words {
    /*opacity: 0;*/
    margin-top: 0;
    padding-top: 0;
}

#student_words .list_info {
    padding: 0;
}

#student_words .list_info .list_words {
    margin-left: 20px;
}

#student_words .list_info .dropdown {
    padding: 0;
}
#student_words .list_info>h3 {
    padding: 4px 0 4px 0;
}

#student_words .list_info .preview_icon {
    padding-left: 15px;
}

#student_words .glyphicon {
    color: #B55321;
}

#student_words .glyphicon:hover {
    color: rgba(251, 115, 45, 0.71);
}

/*#student_words .glyphicon-pencil:hover {*/
    /*color: rgba(251, 115, 45, 0.71);*/
/*}*/

/*#student_words .glyphicon-th:hover {*/
    /*color: rgba(251, 115, 45, 0.71);*/
/*}*/

/*#student_words .list_info .glyphicon-picture:hover {*/
    /*color: rgba(251, 115, 45, 0.71);*/
/*}*/

/*#student_words .list_info .glyphicon-transfer:hover {*/
    /*color: rgba(251, 115, 45, 0.71);*/
/*}*/

#student_words .glyphicon.glyphicon-edit {
    font-size: .8em;
}

#student_words .list_info>h3 a{
    display: inline-block;
    padding-right: 18px;
    padding-left: 15px;
}

#student_words .list_info {
    margin-top: 0;
    padding-top: 0;

    border-bottom: 1px solid grey;
}

#student_words .list_info a:hover, #student_words .list_info a:focus{
    outline: none;
}

#student_words #all_words  {
    border-collapse: collapse;
    width: 100%;
    vertical-align: middle;
    text-align: left;
}

#student_words #all_words  tr{
    border-bottom: 1px solid #c8c8c8;
}

#student_words #all_words td {
    padding: 5px;
}

td.audio {
    width: 35px;
    overflow: hidden;
    text-align: center;
}

td.audio span.player {
    width: 35px;
    height: 35px;
    display: block;
    overflow: hidden;
    background: url(../images/site/play_icon_off.png) no-repeat 50% 50%;

}

td.audio span.player:hover {
    background: url(../images/site/play_icon.png) no-repeat 50% 50%;
    cursor: pointer;
}

td.no_audio {
    width: 35px;
}

td.audio audio {
    width: 100%;
    margin-top: 2px;
    margin-left: -4px;
    /*opacity: 0;*/
}

td.audio audio.other {
    width: 100%;
    margin-top: 2px;
    margin-left: -6px;
    opacity: 0;
}
td.audio audio.safari_player {
    width: 100%;
    margin-top: 5px;
    margin-left: 6px;
    opacity: 0;
}

#student_words #all_words .word_name {
    width: 20%;
}

#student_words #all_words .word_name a{
    color: #2a4c72;
}

#student_words #all_words .translations {
    text-align: left;
}

#all_words .word_image {
    width: 6%;
    text-align: center;
    padding: 0;
}
#all_words .word_image img {
    width: 100%;
}

td.word_image img {
    transition: all .6s ease;
}

td.word_image:hover img {
    transform: scale(4,4) translateX(-35px);
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
}

#student_words #all_words .delete_word {
    text-align: center;
    width: 5%;
}

#student_words .dropdown-menu {
    /*left: -30px;*/
}

#student_words .dropdown-menu span {
    padding-right: 15px;
}

.student_lists .lists .dropdown a:hover  {
    color: orangered;
    cursor: pointer;
}
.student_lists .lists .dropdown .dropdown-menu span  {
    padding-right: 15px;

}

.student_lists .lists .training_button button.dropdown-toggle.btn {
    padding: 3px 4px;
    font-size: .9em;
}

.student_lists .lists .training_button ul.dropdown-menu {
    min-width: 130px;!important;
    font-size: .9em;
}

.student_lists .lists .trainings {
    padding-right: 5px;
}
/* END OF LISTS CONTENT */

/* ONE LIST */

#list_page {
    /*padding: 0;*/
}

div.form_container div {
    padding: 0;
}

.form_container div#limit_box {
    padding: 20px;
}

.form_container div#limit_box h4{
    line-height: 2em;
}

/*div.form_container div{*/
    /*padding: 0;*/
/*}*/

#list_page #one_list {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 30px;
}

#list_page #one_list td {
    padding: 5px;
    text-align: center;
}

/*#list_page #one_list td.audio {*/
    /*width: 30px;*/
    /*background: url(../images/site/play_icon_off.png) no-repeat 50% 50%;*/
    /*text-align: center;*/
/*}*/

/*#list_page #one_list td.audio:hover {*/
    /*background: url(../images/site/play_icon.png) no-repeat 50% 50%;*/
    /*cursor: pointer;*/
/*}*/


/*#list_page #one_list .audio audio {*/
    /*width: 40px;*/
    /*overflow: hidden;*/
    /*border-radius: 10px;*/
    /*opacity: 0;*/
/*}*/

/*#list_page #one_list .audio audio:hover {*/
    /*cursor: pointer;*/
/*}*/

#list_page #one_list .word_name {
    /*width: 35%;*/
    text-align: left;
}

#list_page #one_list .translations {
    text-align: left;
}

#list_page #one_list .word_image {
    width: 7%;
    padding: 0;
}

#list_page #one_list .word_image img{
    width: 100%;
}

#list_page #one_list .update_word {
    /*width: 5%;*/
}

#list_page #one_list .delete_word {
    width: 5%;
    text-align: left;
    padding-left: 0;
}


/* WORD */

#word {
    /*border-top: 2px solid #5A8B6E;*/
    padding-top: 20px;
    clear: both;
    margin-bottom: 50px;
}

#word .left_side {
    padding: 0;
}

#word .left_side div {
    padding-left: 0;
}
#word .left_side_button {
    margin-bottom: 20px;
}

#word #word_name {
    font-family: Geneva, sans-serif;
    font-size: 2em;
}

#word .translations h3{
    padding: 10px 0;
    color: #777777;
    border-top: 1px dotted lightgrey;
    border-bottom: 1px dotted lightgrey;
    margin-top: 20px;
}



#word .translations {
    margin-bottom: 10px;
}


#word .translations .number {
    width: 5%;
    text-align: left;
}

#word .translations table {
    border-collapse: collapse;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 10px;
}

#word .translations table td {
    padding: 0;
    line-height: 1.5em;
}

#word .translations .number {
    width: 5%;
    text-align: center;
}

#word .translations .translation_name {
    /*line-height: 2em;*/
}

#word .translations .translation_name>a {
    display: inline-block;
    padding-right: 10px;
}

#word .translations .language {
    width: 5%;
    text-align: center;
}

#word .translations .update {
    width: 5%;
    text-align: center;
}

#word #controls {
    margin-bottom: 20px;
}

#controls .player {
    width: 35px;
    height: 35px;
    display: block;
    overflow: hidden;
    background: url(../images/site/play_icon_off.png) no-repeat 50% 50%;
}

#controls .player:hover {
    background: url(../images/site/play_icon.png) no-repeat 50% 50%;
    cursor: pointer;
}

#controls audio {
    width: 100%;
    overflow: hidden;
    margin-left: -4px;
    margin-top: 3px;
    opacity: 0;
}

#controls audio.other {
    width: 100%;
    overflow: hidden;
    margin-top: 2px;
    margin-left: -3px;
    opacity: 0;
}
#controls audio.safari_player {
    width: 100%;
    margin-top: 5px;
    margin-left: 6px;
    opacity: 0;
}

.add_image_button {
    margin-bottom: 10px;
    padding: 0;

}

.word_images_carousel {
    padding: 0;
    margin-bottom: 30px;
}

.word_images_carousel #myCarousel .carousel-control.left, .word_images_carousel #myCarousel .carousel-control.right {
    background-image: none;
}

#antonyms {
    padding-top: 15px;
    margin-bottom: 50px;
}

#word table.sentences {
    width: 100%;

}

#word table.sentences td.no_audio {
    min-height: 40px;
}


#word table.sentences .sentence_name{
    width: 45%;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#word table.sentences .link{
    width: 5%;
    text-align: center;
}


.right_side>div {
    padding-left: 0;
}

#word .select_list_form {
    padding-right: 0;

}

#word .select_list_form div {
    padding-right: 0;
}

#word #create_list .dropdown-menu {
    padding-left: 10px;
}


/* END OF WORD */


/* EXERCISE PREVIEW */
.modal-dialog {
    margin-top: 2%;
}

#preview .modal-header {
    padding: 5px;
}

#preview .modal-header h3 {
    margin: 0;
}

.modal-body {
    min-height: 300px;
}

#preview .carousel-control.left, #preview .carousel-control.right {
    background-image: none;
}

#preview #controls .player {
    margin:0 auto;
}


#preview .words_counter {
    background: #fefefe;
    height: 20px;
}

#preview .one_word {
    font-size: 1.5em;
    padding: 5px;
}

#preview .translations {
    padding: 5px;
    font-size: 1.2em;
    line-height: 1.5em;
}

#preview .preview_image {
    padding-top: 5px;
}

/* END OF PREVIEW */


/* EVENTS */

#content .event_header {
    padding-left: 5px;
}

#content .event_content {
    padding-left: 5px;
}

#content .event_header h3 a {
    display: inline-block;
    padding-right: 20px;
}

#content .glyphicon {
    color: #B55321;
}

#content .glyphicon:hover {
    color: #e46929;
}


table#events_container {
    width: 100%;
    vertical-align: top;
    word-wrap: break-word;
}

table#events_container td.cell{
    width: 33.33%;
    vertical-align: top;
    padding: 5px;
}
table#events_container td.cell img{
    width: 100%;
}

table#events_container p.event_name {
    font-weight: bold;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-bottom: 0;
}
table#events_container p.event_date {
    font-size: .8em;
    margin-bottom: 0;
}

table#events_container p.posted_by {
    padding-bottom: 5px;
    font-style: italic;
    font-size: .8em;
    margin-bottom: 0;
}

table#events_container p.event_photo {
    margin-bottom: 30px;
}

table#events_container p.event_photo img {
    width: 100%;
}

/* CURRENT EVENT */

#content #one_event_container {
    width: 100%;
    vertical-align: top;
}

#content #one_event_container .cell {
    width: 33.3%;
    padding: 5px;
    vertical-align: top;
}

#content #one_event_container .cell img{
    width: 100%;

}

#content #one_event_container .posted_by {
    margin-bottom: 0;
}

#content #one_event_container .post_time {
    font-style: italic;
    font-size: .8em;
    margin-bottom: 5px;
}

#content #one_event_container .event_photo {
    width: 100%;
}

#content #one_event_container .event_photo a:hover {
    cursor: pointer;
}

#unit_photos {
    position: relative;
    text-align: left;
}

#close_button {
    position: absolute;
    z-index: 20;
    top: -20px;
    right: -20px;
    color: white;
}

.modal {
    margin-top: 40px;
}

.modal-body, .modal-content {
    padding: 0;
    margin: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

#gallery .photo_container img{
    width: 100%;
    padding: 0;
    margin: 0;
}

#gallery .photo_container {
    width: 100%;
    max-height: 650px;
    overflow: scroll;
}

#gallery .photo_container .caption {
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.60);
    padding: 5px;
    font-size: 1em;
    color: white;
}

.download_image {
    position: absolute;
    right: 35%;
    top: 3px;
    z-index: 100000;
}

.download_image .glyphicon.glyphicon-download{
    font-size: 1.5em;
    color: white !important;
}

/* ADD EVENT IMAGE */

.event_photos {
    padding: 10px;
}

#event_single_image img {
    width: 100%;
}

/* END OF ADD EVENT IMAGE */

/* ALL CLASS INFO */

#content #info_table {
    width: 100%;
    vertical-align: top;
}

#content #info_table .cell {
    width: 33.3%;
    padding: 10px;
    vertical-align: top;

}

#content #info_table .info_name{
    padding: 0;
    word-wrap: break-word;
    margin-bottom: 0;
}

#content #info_table .info_image {
    box-shadow: 0 0 7px rgba(0,0,0,.3);
    border: 2px solid transparent;
    border-radius: 5px;
}

#content #info_table .info_image img{
    width: 100%;
}

#content #info_table .content {
    padding: 0;
    max-height: 500px;
    overflow: hidden;
}

/* CURRENT CLASS INFO */
.current_class .info_name {
    height: 30px;
    font-weight: bold;
}

.download {
    padding-right: 20px;
}

.current_class .info_content {
    padding-top: 10px;
    font-size: 1.1em;
    line-height: 2em;
}

.current_class .info_image {
    padding-top: 10px;
    padding-bottom: 10px;
}

.current_class .info_image>img {
    box-shadow: 0 0 7px rgba(0,0,0,.5);
    border: 2px solid transparent;
    border-radius: 5px;
    width: 100%;
}

/* MARKS */

#marks_page #marks_container {
    width: 100%;
    vertical-align: top;
}

#marks_page #marks_container td{
    padding: 10px;
}

#marks_page #marks_container .cell {
    width: 20%;
    vertical-align: top;
}

#marks_page #marks_container .cell img{
    width: 100%;
}

#marks_page #marks_container .cell  p{
    font-size: 80%;
}

#marks .modal-body {
    max-height: 600px;
    overflow: scroll;
}

#marks img.thumbnail {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* STUDENTS */

#list_of_students {
    width: 100%;
    vertical-align: middle;
    border-collapse: collapse;
}


#list_of_students th, #list_of_students td {
    padding: 10px;
    text-align: center;
}

#list_of_students th,#list_of_students td {
    border-bottom: 1px solid grey;
}

#list_of_students .active_flag {
    color: #3273ac;
}

#list_of_students .caret_top {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px dashed;
    /*border-bottom: 4px solid \9;*/
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

#list_of_students .number {
    width: 5%;
}

#list_of_students .avatar {
    width: 15%;
}

#list_of_students .avatar img{
    width: 100%;

}

#list_of_students .avatar .thumbnail {
    margin-bottom: 0;
}

#list_of_students .update {
    width: 5%;
}



/* STUDENT PROFILE */

.student_profile .avatar {
    margin-top: 25px;
}

.student_profile h3 {
    margin-top: 20px;
}

.student_profile table {
    border-collapse: collapse;
    vertical-align: middle;
}

.student_profile table td {
    padding: 7px;
}

.student_profile table td:first-child {
    width: 40%;
    font-weight: bold;
}

.student_profile #list_in_profile {
    border-top: 1px solid grey;
}

.student_profile #student_words .audio, .student_profile #student_words  .no_audio {
    width: 40px;
}

.student_profile #student_words #all_words td.word_name {
    width: 30%;
}
.student_profile #student_words .translations_in_profile {

}
/* END OF STUDENT PROFILE */


/* TEACHERS */

#list_of_teachers {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
}

#list_of_teachers tr {
    border-bottom: 1px solid grey;
}
#list_of_teachers td:first-child {
    width: 40%;
}

#list_of_teachers td {
    padding: 10px;
}

#list_of_teachers table {
    width: 100%;
}

#list_of_teachers table td:first-child {
    font-weight: bold;
    width:40%;
}

/* TRAININGS */

#other_exercises {
    position: absolute;
    top:0;
    left: 5px;
    z-index: 1000;
}
#otherTrBtn {
    border: none;
    background: transparent;
    color: #acacac;
    font-size: .8em;
    padding: 5px;
}

#translation_container {
    padding: 0;
}
div#picture_container.choose_word_translation {
    padding: 0;
}

#choose_word.main_translation {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0;
}

/* SPELLING */
#spelling {
    padding: 0;
}

#spelling .preview_container .words_counter {
    position: relative;
    padding-right: 0;
    padding-left: 0;
    height: 20px;

}

#spelling .list_name {
    font-weight: bold;
    font-size: .9em;

    position: absolute;
    width: 200px;
    overflow: hidden;
    top: 0;
    left: 0;
}

.training_container #controls {
    height: 35px;
}

#spelling .spelling_training {
    min-height: 550px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#spelling .progress_container {
    padding: 0;
}

#spelling .progress {
    margin-bottom: 5px;
}

#spelling .show_links {
    min-height: 20px;
    font-size: 0.7em;
}

#spelling .show_links a {
    display: inline-block;
    padding-right: 10px;
    padding-left: 5px;
    font-size: 0.8em;
    color: #ccc;
}

#spelling .spelling_paginator {
    padding-left: 0;
    padding-right: 0;
}

#spelling .paginator .glyphicon {
    font-size: 2.25em;
    padding-bottom: 0;
    margin-bottom: 0;
}

#spelling .paginator.left {
    text-align: left;
    padding-left: 0;
}

#spelling .paginator.right {
    text-align: right;
    padding-right: 0;
}


#spelling #controls .player {
    margin:0 auto;
}

#spelling .word_container {
    height: 40px;
    padding: 10px;
    margin: 10px 0 20px 0;
    font-size: 1.5em;
}

#spelling .word {
    visibility: hidden;
}

#spelling .word.show {
    visibility: visible;
}


#spelling .word_container p {
    visibility: hidden;
}

#spelling .word_container p.visible {
    visibility: visible;
}

#spelling input {
    text-align: center;
    font-size: 1.3em;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

#spelling .form-group {
    margin-bottom: 0;
}

#spelling .spelling_form {
    margin-bottom: 10px;
    padding: 0;
}

#spelling .input_container {
    position:relative;
}

#spelling .input_container #submit {
    position: absolute;
    right: 3px;
    top:7px;
    font-size: .8em;
    padding: 2px;
    background: transparent;
    border: 1px solid grey;
    border-radius: 5px;
    transition: all .5s ease;
}

#spelling .input_container #submit:hover {
    background: rgba(211, 211, 211, 0.10);
}

#spelling .yes_no_signs {
    margin-top: 20px;
}

#spelling .translations {
    margin-bottom: 5px;
    margin-top: 5px;
}

#spelling .translations.student {
    font-style: italic;
}

#spelling .image {
    margin-bottom: 0;
    margin-top: 20px;
    padding: 0;
}

#spelling .image img {
    margin-bottom: 0;
}

#spelling #finish {
    margin-top: 20px;
    margin-bottom: 20px;
}



/* PREVIEW */

#show_sentences_trigger {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #74ae74;
    color: white;
    text-align: center;
    padding: 5px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    /*transition: all .3s ease;*/
}

#show_sentences_trigger:hover {
    background: #6ba16b;
    cursor: pointer;
}

#sentences_container {
    /*display: none;*/
    height: 100px;
    width: 100%;
    background: #faffd9;
    overflow: scroll;
    position: absolute;
    opacity: 0;
    bottom: -100px;
    padding: 5px 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#sentences_for_word {
    margin-top: 0;
    width: 100%;
}
#sentences_for_word td:first-child {
    color: black;
    font-family: "Open Sans", Helvetica, Verdana, Arial, sans-serif;

}

#sentences_for_word td:last-child {
    color: #707070;
    font-family: "Open Sans", Helvetica, Verdana, Arial, sans-serif;
    font-weight: 300;

}


#sentences_for_word td{
    padding: 5px;
    width: 50%;
}

#sentences_for_word tr {
    border-bottom: 1px solid #ebf1b5;
}
/* Sentences in PREVIEW */

#preview .preview_training {
    min-height: 560px;
}

#preview .preview_container .words_counter {
    position: relative;
    padding-right: 0;
    padding-left: 0;
}

#preview .list_name {
    font-weight: bold;
    font-size: .9em;

    position: absolute;
    width: 200px;
    overflow: hidden;
    top: 0;
    left: 0;
}

#preview .preview_container .show_links {
    position: absolute;
    width: 115px;
    top: 0;
    right: 0;
}

#preview .preview_container .show_links a {
    font-size: 0.8em;
}

#preview .preview_container .progress {
    margin-top: 10px;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}

#preview .preview_container .progress_container {
    padding-right: 0;
    padding-left: 0;
}

#preview .word_container {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.5em;
}

#preview .audio_container {
    height: 40px;
    margin-bottom: 10px;
}

#preview .translations {
    padding-right: 0;
    padding-left: 0;
    height: 90px;
    font-size: 1.1em;
    overflow: scroll;
    margin-top: 10px;
    margin-bottom: 10px;
    background: rgba(98, 250, 102, 0.05);
}

#preview .student_translations {
    margin-top: 10px;
    font-size: 0.9em;
    font-style: italic;
}

#preview .word_images_carousel, #preview .no_image {
    margin-top: 10px;
    margin-bottom: 10px;
}

#preview .word_images_carousel img, #preview .no_image img {
    /*border: 1px solid #5CB85C;*/
    padding: 2px;
    border-radius: 5px;
}

#preview .audio {
    margin: 0 auto;
    width: 50px;
    background: url(../images/site/play_icon_off.png) no-repeat 50% 50%;
    text-align: center;
}

#preview .audio:hover {
    background: url(../images/site/play_icon.png) no-repeat 50% 50%;
    cursor: pointer;
}


#preview .audio audio {
    width: 40px;
    overflow: hidden;
    border-radius: 10px;
    opacity: 0;
}


#preview .paginator_and_audio {
    padding-left: 0;
    padding-right: 0;
    height: 40px;
}

#preview .paginator_and_audio .paginator span {
    font-size: 2.25em;
}

#preview .paginator_and_audio .paginator a {
    display: inline-block;
    width: 100%;
}


#preview .paginator_and_audio .paginator.left  {
    text-align: left;
    padding-left: 0;
}

#preview .paginator_and_audio .paginator.right  {
    text-align: right;
    padding-right: 0;
}

#antonym div.repeat_again {
    /*bottom: -100px;*/
}

div.repeat_again {
    position: absolute;
    width: 125px;
    background: white;
    top: 150px;
    /*right: 0;*/
    left: 0;
    /*bottom: 42%;*/
    padding: 0;
    /*border-radius: 15px;*/
    height: auto;
    /*line-height: 40px;*/
    text-align: center;
    box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    z-index: 99;

}

#lists_to_repeat {
    position: absolute;
    width: 125px;
    background: white;
    top: 150px;
    right: 0;
    padding: 0;
    height: auto;
    text-align: center;
    box-shadow: -2px 2px 5px rgba(0,0,0,.5);
}

#lists_to_repeat h4{
    color: black;
    background: white;
    padding: 5px;
    margin-bottom:0;
    font-size: 1em;
}

div.repeat_again h4 {
    color: black;
    background: white;
    padding: 5px;
    margin-bottom:0;
    font-size: 1em;
}

#lists_to_repeat a {
    display: block;
    padding: 5px 5px;
    text-decoration: none;
    color: #747474;
    border-top: 1px dotted lightgrey;
    border-bottom: 1px dotted lightgrey;
    margin-top: -1px;
    transition: all .3s ease;
}

#lists_to_repeat a:hover {
    background: #ebebeb;
}

div.repeat_again a {
    display: block;
    padding: 5px 5px;
    text-decoration: none;
    color: #747474;
    border-top: 1px dotted lightgrey;
    border-bottom: 1px dotted lightgrey;
    margin-top: -1px;
    transition: all .3s ease;
}

div.repeat_again a:hover {
    background: #ebebeb;
}

/*div.repeat_again a:active {*/
    /*outline: none;*/
    /*text-decoration: none;*/
    /*border: none;*/
/*}*/
/*div.repeat_again a:last-child {*/

    /*!*display: block;*!*/
    /*margin-right: 0;*/
/*}*/

div.repeat_again .repeat {
    transition: all .3s ease;
    margin-bottom: 5px;

}

div.repeat_again .repeat:hover {
    color: white;
    background: #77a088;
    border-color: #5d7d6a;
}

div.repeat_again h3 {
    color: white;
    font-size: 2.0em;
    margin-top: -15px;
    margin-bottom: 15px;
}

div.repeat_again button {
    outline: none;
    text-decoration: none;
    border: none;

}
/** {*/
    /*outline: 1px dotted lightgrey;*/
/*}*/

#preview #phrasebook_preview .word_container{
    min-height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;

    font-family: 'PTSans Bold', Arial, sans-serif;
    font-size: 2.0em;
    color: #2e6969;
}

#preview #phrasebook_preview .translations {
    margin-top: 40px;
    min-height: 100px;
    padding-top: 0;
    font-size: 1.5em;


}
#preview #phrasebook_preview .teacher_translations {
}

/* VIDEO PAGE */

#side_navigation.video_page>a.btn {
    margin-bottom: 0;
}

#side_navigation.video_page .filters{
    padding-left: 0;
    padding-right: 0;
    margin-top: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid grey;
}

#side_navigation.video_page .filters a {
    color: #3273ac;
    font-weight: bold;
}

#side_navigation.video_page .filters a:hover {
    color: #222;
}
#side_navigation.video_page .filters a.active_flag {
    color: #222;
}

#side_navigation table#video_page {
    width: 100%;
    vertical-align: middle;
    border-collapse: collapse;
}

#side_navigation.video_page .jumbotron {
    clear: both;
}

#side_navigation #videos, #side_navigation #class_videos {
    width: 100%;
    vertical-align: middle;
}

#class_videos {
    margin-bottom: 30px;
}

#videos td, #videos th,#class_videos td, #class_videos th {
    padding: 2px;
}

#videos .video_date, #class_videos .video_date {
    width: 20%;
}

#videos .update, #class_videos .update {
    width: 5%;
}

#videos a, #class_videos a {
    display: inline-block;
    width: 100%;
    padding: 5px;
    color: #122b40;
}

#class_videos tr.active_video {
    background: rgba(98, 250, 102, 0.14);
}

#class_videos tr:hover {
    background: rgba(89, 228, 93, 0.16);
}


#content table#video_container {
    width: 100%;
    vertical-align: top;
}

#content table#video_container td {
    padding: 10px;
    vertical-align: text-top;
    width: 33.3%;

}

#content table#video_container p.video_name {
    font-size: 1.2em;
    margin-bottom: 0;
}

#content table#video_container p.video_date {
    font-size: 0.8em;
    margin-bottom: 3px;
    margin-top: 3px;
    color: #27823b;
}

#content table#video_container p.posted_by {
    font-size: 0.8em;
    margin-bottom: 5px;
    font-style: normal;
}

/* COMMENTS PAGE */

#side_navigation.comment_nav {
    margin-bottom: 30px;
}

#side_navigation.comment_nav >a.btn {
    margin-bottom: 10px;
}

#side_navigation.comment_nav #class_comments {
    width: 100%;
    vertical-align: middle;
}

#side_navigation.comment_nav #class_comments tr:first-child {
    border-bottom: 1px solid grey;
}

#side_navigation.comment_nav #class_comments th {
    padding: 5px 0;
}

#side_navigation.comment_nav #class_comments .topic {
    width: 80%;
}

#side_navigation.comment_nav #class_comments .num_comments {
    width: 20%;
    text-align: center;
}

#side_navigation.comment_nav a {
    display: inline-block;
    padding: 5px 0;
    width: 100%;
}

#side_navigation.comment_nav tr:hover {
    background: rgba(98, 250, 102, 0.14);
}

#side_navigation.comment_nav tr.active_topic {
    background: rgba(98, 250, 102, 0.14);
}

#side_navigation.comment_nav .jumbotron {
    clear: both;
}

#comments_container #all_comments {
    width: 100%;
    vertical-align: middle;
}

#comments_container #all_comments tr:first-child {
    border-bottom: 1px solid grey;
}


#comments_container #all_comments th {
    padding: 5px 0;
}

#comments_container #all_comments td {
    padding: 10px 0;
    font-size: 0.9em;
}

#comments_container #all_comments .status {
    width: 8%;
}

#comments_container #all_comments .post_date {
    width: 10%;
}

#comments_container #all_comments .title {
    width: 20%;
    padding-right: 5px;
}

#comments_container #all_comments .content {
    word-break: break-all;
    padding-right: 10px;
}

#comments_container #all_comments .posted_by {
    width: 15%;
}

#comments_container #all_comments .update {
    width: 3%;
    text-align: center;
}

/* END OF COMMENTS */


/* RATING */
#rating_div {
    max-height: 375px;
    overflow: hidden;
    /*border: 1px solid lightgrey;*/
    border-radius: 10px;
    padding-top: 20px;
    margin-bottom: 20px;
}
#rating {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 20px;

}

#rating td {
    padding: 5px;
}

#rating tr {
    border-bottom: 1px solid #f8f8f8;
}

#rating .place, #rating .points {
    text-align: center;
}

#rating .place {
    width: 10%;
}

#rating .points {
    width: 20%;
}

#rating .first_place {
    background: rgba(255, 215, 0, 0.70);
}

#rating .second_place {
    background: silver;
}

#rating .third_place {
    background: #D17F39;
}

.badge_container .badge {
    margin-right: 10px;
    text-align: center;
}

.badge.first_place {
    background: gold;
}

.badge.second_place {
    background: silver;
}

.badge.third_place {
    background: #D17F39;
}

.badge.other_places {
    background: white;
    color: black;
}

.who_was_active .header {
    margin-bottom: 20px;
}

.who_was_active .header, .who_was_active .table {
    padding-left: 0;
    padding-right: 0;
}
.who_was_active .header .left{
    padding-left: 0;
}

.who_was_active .header .right{
    padding-right: 0;
}

.activity {
    width: 100%;
    vertical-align: middle;
}

.activity td, .activity th{
    padding: 5px;
}

.activity .name  {
    width: 35%;
}

.activity .lists, .activity .repeats  {
    text-align: center;
}

.activity tr {
    border-bottom: 1px solid #f8f8f8;
}
/* END OF RATING */




/* ADD GOOGLE LINK IMAGE */
#add_google_link #link_and_form_container {
    margin-bottom: 30px;
    margin-left: 0;
    padding-left: 0;
}


#add_google_link iframe {
    border: 1px solid lightgray;
    width: 100%;
    height: 500px;
}

#added_links {
    width: 100%;
    vertical-align: middle;
}

#added_links td {
    padding: 5px;
}

#added_links .link_name {
    word-wrap: break-word;
    width: 40%;
}

#added_links .image {
    width: 50%;
}

#added_links .image img {
    margin-bottom: 0;
}

#added_links .delete {
    width: 10%;
    text-align: center;
}


/* GLOSSARIES */

#side_navigation.glossaries_nav .filter_form_container{
    margin-top: 5px;
    margin-bottom: 5px;
}

#side_navigation.glossaries_nav #glossary_filters {
    width: 100%;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid black;

}
#side_navigation.glossaries_nav #glossary_filters .glossary_name {
    width: 30%;
    font-size: .9em;
    text-align: left;
    padding-bottom: 5px;
}

#side_navigation.glossaries_nav #glossary_filters .glossary_name a {
    color: black;
}

#side_navigation.glossaries_nav #glossary_filters .glossary_name a.active_flag {
    font-weight: bold;
}

#side_navigation.glossaries_nav #glossary_filters .glossary_type {
    width: 30%;
    padding-left: 10px;
}

#glossary_filters #dropdownMenu1 {
    padding: 4px 10px;
}

#side_navigation.glossaries_nav #glossary_filters .search_container {
    padding-right: 5px;
    padding-bottom: 10px;
    width: 40%;
}

#side_navigation.glossaries_nav .glossaries{
    width: 100%;
    vertical-align: middle;
    margin-bottom: 20px;
}

#side_navigation.glossaries_nav .glossaries  .parent_glossary_name .folder {
    padding-right: 10px;

}

#side_navigation.glossaries_nav .glossaries  .parent_glossary_name >a{
    display: inline-block;
    width: 100%;
    padding: 5px 0 5px 5px;
    color: #2e6969;
}

#side_navigation.glossaries_nav .glossaries .parent_glossary_name>a:hover {
    background-color: rgba(211, 211, 211, 0.25);
    border-right: 5px solid #15753d;
}

#side_navigation.glossaries_nav .children_glossaries {
    width:100%;
    vertical-align: middle;
}

#side_navigation.glossaries_nav .children_glossaries a {
    display: inline-block;
    width: 100%;
    padding: 3px 0 3px 33px;
    color: #2a4b71;
    font-size: 0.9em;
}

#side_navigation.glossaries_nav .children_glossaries a:hover {
    background-color: rgba(211, 211, 211, 0.25);
    border-right: 2px solid orangered;
}
#side_navigation.glossaries_nav div {
    padding: 0;
}

#side_navigation.glossaries_nav .active_glossary {
    outline: 1px solid #cc7029;
    /*background: rgba(27, 93, 42, 0.25);*/
    /*color: white;*/
}
#side_navigation.glossaries_nav .active_glossary span {
    /*padding-right: 10px;*/
    color: #cc7029;
}

#side_navigation.glossaries_nav .parent_glossary_name  a.active_glossary {
    /*color: white;*/
    /*padding-left: 10px;*/
}

#side_navigation.glossaries_nav .parent_glossary_name  a.active_glossary span {
    /*padding-right: 10px;*/
}

#side_navigation.glossaries_nav .children_glossaries a {

}

#side_navigation.glossaries_nav .active_sub_glossary  {
    font-style: italic;
}
#side_navigation.glossaries_nav .active_sub_glossary span{
    /*background: rgba(98, 250, 102, 0.11);*/
    padding-right: 10px;
    color: #cc7029;
}

/*.glossaries {*/
    /*border-top: 1px solid grey;*/
/*}*/

/** {*/
    /*outline: 1px dotted lightgrey;*/
/*}*/

.search_glossary {
    width: 100%;
    position: relative;
}

.search_button {
    position: absolute;
    right: 4px;
    top: 6px;
    border: none;
    background-color: transparent;
}
#side_navigation .found_glossary {
    padding: 5px;
    color: #515151;
}

#side_navigation .found_glossary:hover {
    background-color: rgba(211, 211, 211, 0.25);
    border-right: 5px solid #15753d;
}
/* END OF GLOSSARIES */

/* GLOSSARY */
#glossary_words .list_info{
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid grey;
    margin-top: 6px;
}

#glossary_words h3 {
    padding: 2px 0;
}
#glossary_words .copy_glossary {
    text-align: right;
}

#glossary_words .glyphicon-edit {
    font-size: 1em;
    /*color: #a3a3a3;*/
}

#glossary_words .copy_glossary .glyphicon {
    font-size: 2em;
    /*color: #a3a3a3;*/
}
/** {*/
    /*outline: 1px dotted lightgrey;*/
/*}*/
#glossary_words .update_glossary .glyphicon {
    font-size: 1.5em;
    margin-right: 5px;
    margin-top: 2px;
    /*color: #a3a3a3;*/
}


#glossary_words .trainings {
    padding: 0;
}

#glossary_words .trainings .dropdown-menu span {
    padding-right: 15px;
}

div#glossary_words .select_container {
    border-bottom: 1px solid grey;
    padding: 0;
    margin-bottom: 0;
}

#glossary_words #all_words {
    margin-top: 20px;
    width: 100%;
    vertical-align: middle;
}

#glossary_words #all_words .one_row{
    border-bottom: 1px solid rgba(194, 194, 194, 0.20);

}

#glossary_words #all_words td{
    padding: 2px 5px;
}

#glossary_words #all_words .my_checkbox {
    width: 4%;
    text-align: center;
}

#glossary_words #all_words #checkbox {

}

#glossary_words #all_words .word_name {
    width: 15%;
    text-align: left;
}

#glossary_words #all_words .list_name {
    width: 10%;
    font-size: .8em;
}

#glossary_words #all_words .delete_word {
    width: 5%;
}

#glossary_words .word_image {
    width: 5%;
}

/* GLOSSARY DASHBOARD */
table#dashboard {
    width: 100%;
    vertical-align: middle;
}

table#dashboard td {
    padding: 5px;
}

table#dashboard td.select_all {
    width: 4%;
    padding-left: 5px;
}
table#dashboard td.create_new_list {
    width: 5%;
}

table#dashboard td.select_list {
    width: 150px;
}

table#dashboard td.save_list .btn{
    padding: 4px 10px;
}



/* END OF GLOSSARY DASHBOARD */

/* ONE GLOSSARY PAGE */

#glossary_page #one_glossary {
    width: 100%;
    vertical-align: middle;
}

#glossary_page #one_glossary td {
    padding: 5px;
}

#glossary_page #one_glossary .audio {
    width: 45px;
}

#glossary_page #one_glossary .word_image {
    width: 10%;
}
#glossary_page #one_glossary .word_image img{
    width: 100%;
}
#glossary_page #one_glossary .update_word {
    width: 5%;
}

#glossary_page #one_glossary .delete_word {
    width: 5%;
}


/* no glossary_id */
/** {*/
    /*outline: 1px dotted lightgrey;*/
/*}*/

.glossary_link {
    display: block;
    text-decoration: none;
    position: relative;
    margin-bottom: 30px;

}
.glossary_link img {
}

.glossary_link .glossary_name {
    position: absolute;
    bottom: 5px;
    left: 20px;
    right: 20px;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 10px;
    font-size: 1.3em;
    background: linear-gradient(to bottom, rgba(119, 119, 119, 0.5), rgba(0, 0, 0, 0.49));
    opacity: 0;
    transition: all .7s ease;

}
.glossary_link:hover .glossary_name {
    opacity: 1;
}


.glossary_link .thumbnail {
    margin-bottom: 0;
}

/* END OF GLOSSARY */

/* PHRASEBOOK */
#side_navigation.glossaries_nav.phrasebook {
    /*margin-top: 50px;*/
}

#glossary_words #all_words .one_row .word_name.phrasebook {
    width: auto;
}

#glossary_words  #all_words .one_row .translations.phrasebook {
    width: auto;
}

/* END OF PHRASEBOOK */


/* PAGINATOR */

.paginator_glossary {
    margin: 10px 0;
    text-align: left;
}

.paginator_glossary a, .paginator_glossary .active_page {
    display: inline-block;
    padding: 2px 8px;.
    font-size: .8em;
    /*outline: 1px solid #dcdcdc;*/
    color: #000000;

}
.paginator_glossary a {
    margin-right: 2px;
}

.paginator_glossary .active_page {
    outline: 1px solid #cc7029;
    margin-right: 1px;

}
.paginator_glossary a:hover, .paginator_glossary .active_page {
    /*background: rgba(27, 93, 42, 0.13);*/
    background: rgba(204, 112, 41, 0.20);
    outline: 1px solid #cc7029;


}

.paginator_glossary .not_active {
    visibility: hidden;
}


/* END OF PAGINATOR */


/* TRAINING PICTURE */

#close_training {
    position: absolute;
    right: 0;
    top: 0;
    color: #b3b3b3;
    font-size: .8em;
    padding: 5px;
}

#close_training:hover {
    color: grey;
}
#preview .audio_picture {
    margin-top: 5px;
    margin-bottom: 5px;
    display: none;
}

#preview.picture_training_container .paginator {

    text-align: center;
    font-size: 2em;
    padding: 0;
}

#preview .paginator_image {
    padding: 0;
    margin: 20px 0;
    height: 230px;
}

#preview.picture_training_container .paginator a {
    display: inline-block;
    width: 100%;
    padding-top: 115%;
    padding-bottom: 115%;
    transition: all 300ms ease;

}

#preview.picture_training_container .paginator a:hover {
    color: #a3a3a3;
}

#preview #picture_container {
    overflow: hidden;
}

#preview #four_words_container {
    padding: 0;
    margin-bottom: 20px;
}

#preview .one_card {
    min-height: 100px;
    padding: 5px;
    border-radius: 5px;
}

#preview .one_card>a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    border-radius: 5px;
    border: 3px solid #cc7029;
    background: #F38630;
    color: white;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.3em;
    box-shadow: 3px 3px 5px rgba(0,0,0,.6);

    transition: all 300ms ease;
}

#preview .one_card>a:hover {
    background: rgba(243, 134, 48, 0.82);
    border: 3px solid rgba(204, 112, 41, 0.67);
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
}

#closeTime {

}

#preview .one_card span {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    border-radius: 5px;
    /*border: 3px solid #cc7029;*/
    /*background: #F38630;*/
    color: white;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.3em;
    box-shadow: 3px 3px 5px rgba(0,0,0,.6);

    transition: all 300ms ease;
}
#preview span#next {
    display: inline;
    height: 0;
    box-shadow: none;
}

#preview .one_card span.correct {
    border: 3px solid #739988;
    background: #83AF9B;
}

#preview .one_card span.wrong {
    border: 3px solid #db8886;
    background: #FC9D9A;
}

#preview.picture_training_container .finish {
    margin-top: 20px;
}
.finish {
    margin-top:20px;
}
/* END OF TRAINING PICTURE */

/* TRAINING ANTONYM */

#antonym .audio_picture {
    text-align: center;
    padding-left: 46.5%;
    padding-right: 46.5%;
    margin-top: 5px;
    margin-bottom: 0;
}

#antonym .list_name {
    float: left;
    font-weight: bold;
}

#antonym.picture_training_container .paginator {
    text-align: center;
    font-size: 2em;
    padding: 0;
}

#antonym.paginator_image .paginator.left {
    padding-left: 0;
}

#antonym.paginator_image .paginator.right {
    padding-right: 0;
}
#antonym .paginator_image {
    padding: 0;
    margin: 50px 0;
}

#antonym.picture_training_container .paginator a {
    display: inline-block;
    width: 100%;
    transition: all 300ms ease;
}

#antonym.picture_training_container .paginator a:hover {
    color: #a3a3a3;
}

#antonym .picture_container {
    overflow: hidden;
}

#antonym .paginator_image .picture_container h2{
    font-size: 2em;
}

#antonym #four_words_container {
    padding: 0;
    margin-bottom: 20px;
}

#antonym .one_card {
    min-height: 100px;
    padding: 5px;
    border-radius: 5px;
}

#antonym .one_card>a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    border-radius: 5px;
    border: 3px solid #cc7029;
    background: #F38630;
    /*border: 3px solid #dcd3c0;*/
    /*background: #F2E9D3;*/
    color: white;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.3em;
    box-shadow: 3px 3px 5px rgba(0,0,0,.6);

    transition: all 300ms ease;
}

#antonym .one_card>a:hover {
    background: rgba(243, 134, 48, 0.82);
    border: 3px solid rgba(204, 112, 41, 0.67);
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    /*background: #e8dfca;*/
    /*border: 3px solid #cdc5b3;*/
    /*box-shadow: 2px 2px 5px rgba(0,0,0,.2);*/
}

#antonym .one_card span {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    border-radius: 5px;
    /*border: 3px solid #cc7029;*/
    /*background: #F38630;*/
    color: white;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.3em;
    box-shadow: 3px 3px 5px rgba(0,0,0,.6);

    transition: all 300ms ease;
}

#antonym .one_card span.correct {
    border: 3px solid #739988;
    background: #83AF9B;
    /*border: 3px solid #739988;*/
    /*background: #97BAAC;*/
}

#antonym .one_card span.wrong {
    border: 3px solid #db8886;
    background: #FC9D9A;
    /*border: 3px solid #660B0A;*/
    /*background: #7F1A19;*/
}

#antonym.picture_training_container .finish {
    /*margin-top: 20px;*/
}
#antonym .rasporka {
    height: 120px;
}

/* END OF TRAINING ANTONYM */


/* MESSAGE */
.message {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 20px;
}

.message td {
    padding: 10px;
}

.message .message_header {
    color: white;
    background: #036564;
    font-family: 'PTSans Bold', Arial, sans-serif;
    border: 1px solid #036564;
    font-size: 1.3em;
}

.message .message_body {
    border: 1px solid #036564;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
}

.message_content_100 {
    width: 100%;

}

.message .message_content {
    width: 70%;
}

.message .message_image {
    width: 30%;
    vertical-align: middle;
    text-align: center;
}

.message .message_image img {
    transition: all .7s ease;
    width: 100%;
}

.message .message_image>div:hover img {
    opacity: 0.8;
}



/* END OF MESSAGE */


/* ADD SENTENCE */


#formSentence {
    position: relative;
}

#foundSentences {
    display: none;
    position: absolute;
    z-index: 10000;
    background: white;
    max-height: 200px;
    overflow: scroll;

    top: 60px;
    border: 1px solid #bebebe;
    box-shadow: 2px 2px 5px rgba(0,0,0,.7);
}


#foundSentences.add_sentence {
    top: 90px;
}

#foundSentences.add_sentence.phrasebook_form {
    top: 30px;
}

#foundSentences  table a {
    display: inline-block;
    padding: 2px 15px;
    width: 100%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;

}

#foundSentences table a:hover {
    background-color: rgba(245, 242, 239, 0.6);

    border-top: 1px dotted grey;
    border-bottom: 1px dotted grey;
    color: black;
}
#foundSentences table {
    width: 100%;
}

/* END OF ADD SENTENCE */

/* SENTENCE */
.words_to_link a {
    display: inline;
    padding: 5px;
}

.words_to_link a.link_to_word{

}

.words_to_link a.link{

    /*float: right;*/
}

/* END OF SENTENCE */



/* FAQ */
#faq>div {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
    clear: both;
}

#faq .panel-heading {
    padding: 1px;
}
#faq .panel-heading, #faq .panel-title {
    border-bottom-color: transparent;
}

#faq .panel-body {
    border-top-color: transparent;
}

#faq .panel-default {
    border-color: #255782;
}

#faq .panel-title {
    background: #357bb8;
    border-radius: 5px;
    transition: all .3s ease;

}

#faq .panel-title:hover {
    background: rgba(58, 135, 203, 0.89);
}

#faq .panel-title:focus {
    background: rgba(58, 135, 203, 0.89);
}

#faq .panel-title>a {
    display: inline-block;
    width: 100%;
    padding: 10px 10px 10px 20px;
    color: #ffffff;
    transition: all .3s ease;
}

#faq .panel-title a span {
    margin: 0 10px;
}

#faq .panel-title a:hover {
    text-decoration: none;
    color: white;
}

#faq .panel-title a:focus {
    text-decoration: none;
    color: white;
}

#faq .content {
    margin-bottom: 30px;
    padding: 20px;
    border-bottom: 1px solid grey;
}

#faq .image {
    padding: 20px;
    border-bottom: 1px solid grey;
}

#faq .video {
    padding: 0;
}
#faq .video>div {
    padding: 0;
}

#faq .video .item {
    margin: 10px;
}

#faq .settings {
    text-align: right;
}

#faq .settings a {
    display: inline-block;
    padding: 2px;
    font-size: 1.2em;
}


/* FAQ IMAGE AND FAQ LINK*/

.faq_link .video {
    padding: 20px;
}

.faq_images .position {
    margin-right: 10px;
}

.faq_images .active_position {
    background: #e67e2e;
}
.faq_images .links {
    margin-bottom: 20px;
}

.one_faq_image {
    margin-bottom: 10px;
}

.faq_link .position {
    margin-right: 10px;
}

.faq_link .active_position {
    background: #e67e2e;
}

/* END OF FAQ */


/* TOOLTIP */
.my_tooltip {
    font-size: .5em;
    position: relative;
    margin-top: -15px;
    vertical-align: super;
}

.tooltip_inner {
    display: none;

    position: absolute;
    min-width: 300px;
    text-align: left;
    font-size: .9em;
    font-weight: 500;
    font-family: Verdana, Arial, sans-serif;
    opacity: 0;
    background: rgba(0, 0, 0, 0.90);
    color: white;
    transition: all .5s ease;
    padding: 10px;
    z-index: 100;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,1), 0 0 7px rgba(0,0,0,.4);
    border: 2px solid white;
    line-height: 1.8em;
}


.my_tooltip:hover .tooltip_inner {
    display: block;
    opacity: 1;
}
/* END OF TOOLTIP */

/* HAPPY BIRTHDAY */

.happy_birthday h2 {
    font-family: 'Gloria Hallelujah', cursive;;
}

.happy_birthday {
    padding: 10px;
    margin-bottom: 30px;
    margin-top: -20px;
    text-align: center;
}

.happy_birthday img {
    border: 5px solid #739988;

}


/* COLLECT TRAINING */
.training_collect .paginator_and_audio{
    margin-top: 30px;
    margin-bottom: 20px;
}

.training_collect .written_letters_container {
    text-align: center;
    min-height: 80px;
    line-height: 1.5em;
}

.training_collect .written_letters_container .written_letters {
    font-family: 'PTSans Bold', Arial, sans-serif;
    display: inline-block;
    padding: 5px;
    font-size: 2.0em;
    color: #2e6969;
}

.training_collect .left_letters_container {
    text-align: center;
    min-height: 40px;
    margin-bottom: 30px;

}

.training_collect .left_letters_container .left_letters{
    display: inline-block;
    padding: 5px;
    min-width: 45px;
    min-height: 45px;
    font-size: 1.5em;
    margin: 5px;
    border: 1px solid #739988;
    border-radius: 5px;
    transition: all .3s ease;
}

.training_collect .left_letters_container .left_letters:hover {
    background: rgba(115, 153, 136, 0.08);
}

.training_collect .correct {
    text-align: center;
    font-size: 3em;
    color: #2e6969;
}
.training_collect .wrong {
    text-align: center;
    font-size: 3em;
    color: #db3e20;
}

.training_collect .finish {
    /*margin-bottom: 30px;*/
}


/* END OF COLLECT TRAINING */
/* COLLECT TRAINING JAVA SCRIPT*/

* {
    /*outline: 1px solid grey;*/
}

#target_letters {
    margin: 30px auto;
    text-align: center;
}

.letters {
    /*float: left;*/
    width: 40px;
    height: 40px;
    border: 1px solid #a8a8a8;
    border-radius: 3px;
    margin: 5px;
    text-align: center;
    padding: 5px;
    display: inline-block;
    line-height: 1.3em;
    font-size: 1.5em;
}


.letters.left_letter {
    transition: all .2s ease;
}

.letters.left_letter:hover {
    background: #ececec;
    cursor: pointer;
}



/* END OF COLLECT TRAINING JAVA SCRIPT */



/* SETTINGS */

#settings {
    padding-left: 0;
    padding-right: 0;
}

#settings h3 {
    /*text-decoration: underline;*/
    font-size: 1.4em;
}

#settings .other_translations {
    /*margin-top: 20px;*/
}

#settings .translation_languages, #settings .other_translations, #settings .interface_language, #settings .list_capacity {
    border: 1px solid rgba(49, 115, 172, 0.45);
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

#settings .translation_languages div {
    padding: 0;
}

#settings .list_capacity div {
    padding: 0;
}

#settings .list_capacity h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

#settings .list_capacity form {
    padding-top: 20px;
}

#settings .right_column .reminder a {
    display: block;
    padding: 5px 0;
    color: #0f0f0f;
}

#settings .right_column .reminder a:hover {
    color: #3d8abb;
}

#settings .right_column .reminder a span {
    /*display: inline-block;*/
    margin-right: 10px;
}

#email_reminder {
    top: -250px;
}

.remind_me {
    margin-top: 20px;
    margin-bottom:0;
}

.remind_me td:first-child {
    width: 30%;
}
.remind_me td:last-child {
    font-weight: bold;
}
.list_capacity .dropdown button {
    margin-top: 10px;
}

.generator_btns a{
    display: block;
    margin: 10px;
}

.generator_btns a.btn-success{
    color: white;
}
.generator_settings span {
    text-align: center;
    display: inline-block;
    width: 100%;
}


/* END OF SETTINGS */

/* END OF PHOTO DESCRIPTIONS */

/* TO THE TOP */
#top-link-block.affix-top {
    display: block;
    border-radius: 5px;
    border: 1px solid #367ebd;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute; /* allows it to "slide" up into view */
    bottom: 20px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
    opacity: 0;
}

#top-link-block.affix {
    display: block;
    border-radius: 5px;
    border: 1px solid #22a360;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 20px;
    right: 10px;
    opacity: 1;
    transition: all 1s ease;

}

#top-link-block.affix:hover {
    border: 2px solid #009b00;

    background-color: white;
    opacity: 0.5;
}

span.glyphicon.glyphicon-chevron-up {
    color: #009b00;
}


/* END OF TO THE TOP */


/* DROPDOWN FORM */
#create_list {
    /*width: 250px;*/
    /*padding: 5px;*/
}

#drop_button {
    padding: 5px;
    width: 30px;
    height: 30px;
}
#dropdown_menu {
    padding: 10px;
}

#create_list #list_name {
    margin-bottom: 10px;
}

/* END OF DROPDOWN FORM */



/* SUBSCRIPTION */

#current_plan {
    font-family: 'Roboto', Helvetica, Verdana, Arial, sans-serif;
    text-align: left;
    border-top: 2px solid #152B3C;
    border-bottom: 2px solid #152B3C;
    padding: 5px;
    margin-bottom: 30px;
    margin-top: -10px;

}
.plan_status {

}

/**{*/
    /*outline: 1px solid lightgrey;*/
/*}*/
.status {
    color: darkred;
}

.plans_container {
    /*padding: 0 150px;*/
}

.one_plan {
    padding: 20px;
    text-align: center;
}

.one_plan_inner {
    /*width: 300px;*/
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.5);

}

.premium_year {
    /*width: 320px;*/
    /*margin-top: -15px;*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 8px 12px rgba(0, 0, 0, 0.6);

}
.premium_year .plan_header{
    /*line-height: 60px;*/
    /*height: 60px;*/
}
.premium_month .plan_content {

}
.premium_year .plan_footer {
    /*height: 60px;*/
    /*line-height: 60px;*/

}

#sale {
    width: 30px;
    margin: -20px auto 10px auto;
    border-collapse: collapse;
    text-align: center;
    color: #E47C5D;
}

#sale .num {
    font-size: 2.5em;
    vertical-align: bottom;
}

#sale .per {
    vertical-align: bottom;
}


#sale .off {
    vertical-align: top;
}

#sale td {
    padding: 0;
}


.plan_header {
    background-color: #55aa89;
    height: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    text-transform: uppercase;
    font-family: 'Roboto', Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.15em;
    line-height: 50px;

}

.plan_content {
    min-height: 340px;
}

.plan_content ul {
    padding: 15px 5px 5px 10px;

    text-align: left;
    line-height: 2em;
}

.plan_footer {
    max-height: 50px;

}

.plan_footer:hover {

}

.plan_footer span {
    display: inline-block;
    width: 100%;
    background-color: #152B3C;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: white;
    height: 50px;
    line-height: 50px;
    transition: all .5s ease;
}
.plan_footer span:hover {
    background-color: #d67457;
    cursor: pointer
}

.plan_footer span.active_plan {
    background-color: #d67457;
}

.plan_content .price {
    display: inline-block;
    color: #E32D40;
    font-size: 2.0em;
    text-transform: uppercase;
    font-family: "Helvetica Neue", sans-serif;
    margin-bottom: 10px;
}

.plan_content .glyphicon-ok {
    color: #1da153;
}

.plan_content .glyphicon-remove {
    color: #E47C5D;
}
/*.subscription_plan {*/
    /*border: 1px solid grey;*/
    /*height: 300px;*/
    /*padding: 10px;*/

/*}*/



#paymentMethod {
    min-height: 120px;
    visibility: hidden;
    margin-bottom: 20px;
    padding-top: 10px;
    margin-top: 20px;
    border-top: 1px dotted grey;

}

.payBtn {

}


/* END UPDATE BY JAVASCRIPT */

/* UPDATE BY JAVASCRIPT */

/* END OF SUBSCRIPTION */

/* TEACHER PART */

/* CLASSES */

#english_class {
    width: 100%;
}

#english_class tr {
    border-bottom: 1px solid grey;
}

#english_class td, #english_class th {
    padding: 10px;
    font-size: 1.1em;
}

#english_class .current {
    width: 15%;
    text-align: center;
}

/*#english_class .date {*/
/*width: 10%;*/
/*}*/



/*#english_class .status a{*/
/*color: white;*/
/*}*/

#english_class .class_name {
    width: 35%;
}

#english_class .status {
    width: 10%;
    text-align: center;
}

#english_class .students {
    width: 25%;
    text-align: center;
    position: relative;
}



#english_class .students_list {
    display: none;
    position: absolute;

    width: 185px;
    top: 35px;
    left: 100px;
    z-index: 1000;
}

#english_class .students:hover .students_list {
    display: block;
}

#english_class .students_list ol {
    text-align: left;
    border: 1px solid grey;
    background: white;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    border-radius: 5px;
    padding: 10px;
}

#english_class .students_list ol li {
    margin-left: 25px;
    padding: 2px 0;
}



#english_class .update {
    width: 15%;
    text-align: center;
}

/* END OF CLASSES */

/* END OF TEACHER PART */

/* MESSAGES */

table#messages  {
    width: 100%;
    vertical-align: middle;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

table#messages tr {
    border-bottom: 1px solid grey;
}

table#messages td {
    padding: 10px;
}
table#messages .position {
    width: 7%;
    text-align: center;
}

table#messages .priority {
    width: 7%;
    text-align: center;

}

table#messages .status {
    width: 7%;
}

table#messages .status a{
    color: white;
}

table#messages .info_name {
    width: 20%;
}

table#messages .image {
    width: 10%;
}


table#messages .update {
    width: 5%;
}

div.message_image img {
    margin-bottom: 20px;
}

div.message_image {
    margin-bottom: 30px;
}

/* END OF MESSAGES */

/* TEACHER */

/* INFO PAGE */

table#class_info  {
    width: 100%;
    vertical-align: middle;
    margin-top: 30px;
    margin-bottom: 30px;
}

table#class_info tr {
    border-bottom: 1px solid grey;
}

table#class_info td {
    padding: 10px;
}

table#class_info .position {
    width: 5%;
}

table#class_info .status {
    width: 5%;
}

table#class_info .status a{
    color: white;
}

table#class_info .info_name {
    width: 30%;
}

table#class_info td.image {
    width: 15%;
}

table#class_info td.image div {
    height: 150px;
    overflow: hidden;
}

table#class_info .content {
    width: 40%;
}

/* END OF INFO PAGE */

/* EVENTS */
.class_events {
    padding: 0;
}

table#class_event  {
    width: 100%;
    vertical-align: middle;
    margin-top: 30px;
    margin-bottom: 30px;
}
table#class_event tr {
    border-bottom: 1px solid grey;
}

table#class_event td {
    padding: 5px;
}

table#class_event .event_date {
    width: 10%;
}

table#class_event .status {
    width: 5%;
    text-align: center;
}

table#class_event .status a{
    color: white;
}

table#class_event .info_name {
    width: 30%;
}

/*table#class_event .image {*/
/*width: 20%;*/
/*}*/

/*table#class_event .content {*/
/*width: 20%;*/
/*}*/

table#class_event .gallery {
    width: 15%;
    text-align: right;
}
table#class_event .update {
    width: 5%;
    text-align: center;
}

.event_images_container {
    margin-top: 20px;
}
/* END OF EVENTS */

/* VIDEO PAGE */
.class_videos {
    padding: 0;
}

.class_videos a {
    border: none;
    text-decoration: none;
    outline: none;
}
.class_videos a:focus {
    border: none;
    text-decoration: none;
    outline: none;
}

.class_videos #class_video  {
    width: 100%;
    vertical-align: middle;
    margin-top: 30px;
    margin-bottom: 30px;
}

.class_videos #class_video tr {
    border-bottom: 1px solid grey;
}

.class_videos #class_video td,.class_videos #class_video th {
    padding: 5px;
}

.class_videos #class_video .eye {
    width: 8%;
    text-align: center;
}

.class_videos #class_video .video_date {
    width: 8%;
}

.class_videos #class_video .status {
    width: 8%;
    text-align: center;
}

.class_videos #class_video .status a{
    color: white;
}

.class_videos #class_video .video_name {
    width: 30%;
}


.class_videos #class_video .update {
    width: 5%;
    text-align: center;
}

.youtube .modal-dialog{
    width: 560px;
    height: 315px;
    margin-top: 100px;
}

.youtube .modal-content {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.youtube .modal-body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.youtube .modal-body #close_button {
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 10000;
}



.update_video iframe{
    margin-bottom: 30px;
}

#update_video_container .btn-danger {
    margin-left: 10px;
}
/* END OF VIDEOS */

/* MESSAGES */

table#messages  {
    width: 100%;
    vertical-align: middle;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

table#messages tr {
    border-bottom: 1px solid grey;
}

table#messages td {
    padding: 10px;
}
table#messages .position {
    width: 7%;
    text-align: center;
}

table#messages .priority {
    width: 7%;
    text-align: center;

}

table#messages .status {
    width: 7%;
}

table#messages .status a{
    color: white;
}

table#messages .info_name {
    width: 20%;
}

table#messages .image {
    width: 10%;
}


table#messages .update {
    width: 5%;
}

div.message_image img {
    margin-bottom: 20px;
}

div.message_image {
    margin-bottom: 30px;
}

/* END OF MESSAGES */
/* CONTACTS */
#address, #map {
    margin-top: 30px;
}

#address table{
    width: 100%;
    vertical-align: middle;
}

#address table tr {
    /*border-bottom: 1px solid #e2e2e2;*/
}

#address table tr td:first-child{
    width: 40%;
    font-weight: bold;
}

#address table tr td{
    padding: 5px 0;
}

#map {
    border: 5px solid rgba(170, 211, 225, 0.64);
    border-radius: 5px;
    padding: 0;
    margin-bottom: 50px;
}



/* END OF CONTACTS */

/* CONTACT FORM */
#contactForm {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 100001;
    /*display: none;*/
    transition: all 1s;
}

#form {
    position: relative;
    background: white;
    padding: 20px;
}

#form #closeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
}

#form #closeBtn:hover {
    cursor: pointer;
    color: grey;
}

/* END OF CONTACT FORM */


/* CONTESTS PAGE */
#competition_header {
    /*background-color: rgba(137, 186, 158, 0.21);*/
    padding: 10px;
    margin-bottom: 20px;
}

#opened_competitions {

}

#opened_competitions h3 {
    padding: 10px;
    margin-top: 10px;
    margin-bottom:10px;
    background: #f4f4f4;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    font-size: 1.3em;
}
/**/
#contests_container {
    margin-top: -1px;
    /*padding: 20px 10px;*/
    padding: 10px 10px 0 10px;
    border: 1px solid lightgrey;
    min-height: 250px;
}

#competition_header img {
    position: absolute;
    top: -10px;
}
#competition_header h2 {
    font-family: 'Roboto', Helvetica, Verdana, Arial, sans-serif;
}
#competition_header p {
    font-family: 'Roboto', Helvetica, Verdana, Arial, sans-serif;
    color: darkred;
    font-size: 1.5em;
}

#contests_page * {
    /*outline: 1px dotted lightgrey;*/
}
#contests_page h3:not(:first-child) {
    margin-top: 10px;
}
#contest_scope {
    margin-bottom: 20px;
}

#contests {
    margin-top: 20px;
    margin-bottom: 20px;
}

#members_of_contest {
    margin-top: 20px;
    margin-bottom: 20px;
}

#current_contest {
    padding-bottom: 10px;
}

#other_opened_contests {
    min-height: 75px;
    margin-bottom: 20px;
}

#start_contest_btn {
    margin-right: 10px;
    background-color: #5bd18c;
    color: white;
}

#timer {
    padding-left: 0;
    margin: 5px 0 10px 0;
}
#beginTime {
    height: 20px;
    display: block;
    text-align: center;
    font-weight: bold;
    color: darkred;
}

#allMembers {
    width: 100%;

}

#allMembers td {
    padding: 5px 5px 5px 0;
}
table.opened_competitions .opened_competition a {
    color: red;
}

#competition_results {
    /*padding-left: 0;*/
}
.scores th, .scores td {
    text-align: center;
    padding: 4px;

}
.scores tr {
    /*border-bottom: 1px dotted lightgrey;*/
}
.scores td:first-child, .scores td:nth-child(2) {
    width: 15%;
    text-align: center;
}

div#preview.contest #picture_contest {
    height: 220px;
}
div#spelling.spelling_bee #spelling_bee_margin{
    height: 290px;

}

.no_results {
    margin-top: 20px;
}
/* SITE CONTESTS */

#tabs_container {
    padding: 0;
}

#tabs_container .nav-justified a {
    font-size: 1.3em;
    color: #6c6c6c;
}
#tabs_container .nav-justified li.active a{
    /*background: #6fab99;*/
    /*color: white;*/
}
div.one_contest_container {
    /*padding: 40px 0;*/
    /*margin: 20px 0;*/
    border-bottom: 1px solid lightgrey;
}

div.one_contest_container:last-child {
    border-bottom: none;
}

.one_contest_container .contest {
    padding: 10px 0;
}

.one_contest_container .level {
    font-weight: bold;
}

.one_contest_container .members {
    /*padding-bottom: 20px;*/

}

#site_contest {
    width: 100%;
}

#site_contest tr {
    border-bottom: 1px solid #ececec;
}
#site_contest .level{
    width: 60%;
}
#site_contest .button{
    width: 20%;
}
#site_contest .members{
    width: 20%;
}

#site_contest td {
    padding: 10px;
}

#competition_results {

}

#online_competitions {

}

table#results {
    width: 90%;
    margin: 30px auto;
}
table#results tr:first-child {
    color: grey;
}
table#results tr {
    border-bottom: 1px solid #eaeaea;
}

table#results td {
    padding: 5px;
}

table#results td:first-child {
    width: 5%;
}

table#results td:last-child {
    width: 15%;
    text-align: center;
}

/* END OF CONTESTS PAGE */


/* DRAG AND DROP TRAINING */

.closeBtn span {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 1.5em;
    color: lightgrey;
    z-index: 20000;

}
.closeBtn span:hover {
    color: #c3c3c3;

}

#wordsDiv {
    /*margin-top: 30px;*/
    /*overflow: hidden;*/
    padding: 3px;
}

* {
/*outline: 1px dotted lightgrey;*/
}

#wordsDiv h3 {
    /*height: 200px;*/
    margin-top: 10px;
    margin-bottom: 3px;
    text-align: center;
    font-size: 1.5em;
    font-family: "OpenSans", Helvetica, Verdana, Arial, sans-serif;
    color: #414141;
    /*z-index: 10000;*/
    position: relative;
    background-color: white;
}

#wordsDiv .word_translation {
    display: none;
    height: 20px;
    overflow:hidden;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: white;
    font-family: Geneva, sans-serif;
    left: 0;
    background-color: rgba(120, 120, 120, 0.5);
    z-index: 54;
}

#wordsDiv .word_translation .plus_sign {
    position: absolute;
    right: 2px;
    bottom: 0;
    z-index: 55;

}

#imgsDiv {
    margin-top: 25px;
    padding: 3px;

}

#imgsDiv div {
    padding: 20px;
}

.myTarget {
    /*height: 150px;*/
    border: 1px dashed lightgrey;

}

.myTargetHover {
    background-color: rgba(137, 186, 158, 0.2);
}

.myImage {
    padding: 20px;
    /*margin-top: 10px;*/
}
.myImage img {
    padding: 5px;
}

#imgsDiv .empty_cell {
    margin: 0;
    padding: 0;
}
.drag_paginator {
    padding: 10px 100px 20px 100px;
}

.image_set_div {
    margin-bottom: 30px;
}

.image_set_div img {
    border: 1px dashed rgba(226, 226, 226, 0.8);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.image_set_div img:hover {
    border: 1px solid green;
    opacity: 0.8;
    -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Safari */
    transform: rotate(1deg);
}

.image_set_div h5 {
    height: 15px;
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 5px;
    font-family: "OpenSans", Helvetica, Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #8b8b8b;
}

/* NEWS */

#news {
    display: none;
    margin-top: -10px;
    margin-bottom: 30px;
    padding: 10px;
    background-color: rgba(255, 151, 156, 0.23);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid rgba(253, 150, 155, 0.16);
}

#news p {
    font-size: 1.2em;
}

#news #new_link {
    color: white;
    width: 150px;

    margin: 10px auto 0;

    display: block;
    padding: 10px 20px;

    background: #6dba9d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

#news #new_link:hover {
    background: #66ae93;
}

.closeBtn {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 1.5em;
    color: rgba(253, 150, 155, 0.16);
    z-index: 20000;

}
.closeBtn:hover {
    color: #aaaaaa;
    cursor: pointer;

}



/* END OF DRAG AND DROP TRAINING */



/* TRAINING SEO */


.register_button {
    display: inline-block;
    border-radius: 4px;

    background-color: #328090; /* Green */
    border: 2px solid transparent; /* Green */

    /*background-color: #f4511e;*/
    /*border: none;*/
    color: #FFFFFF;
    text-align: center;
    font-size: 1.25em;
    padding: 20px;
    /*width: 320px;*/
    transition: all 0.5s;
    cursor: pointer;
    margin: 15px 0;
    vertical-align: middle;
}

.register_button:hover {
    background-color: #3c9bae; /* Green */

}

#seo_page {
    /*background: rgba(137, 186, 158, 0.26);*/
    background: rgba(255, 255, 255, 0.53);
    padding: 20px;
    min-height:150px;
    margin-bottom: 10px;
    display: none;
}

#seo_page h1 {
    font-size: 2.5em;
    font-family: Righteous, 'Roboto', Helvetica, Verdana, Arial, sans-serif;
}

#seo_page h2 {
    font-size: 1.5em;
    font-family: Righteous, 'Roboto', Helvetica, Verdana, Arial, sans-serif;
}

#seo_page p {
    font-size: 1.1em;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

#seo_page #closeSeoBtn {
    text-align: center;
    /*position: absolute;*/
    /*right: 3px;*/
    /*top: 3px;*/
    padding: 10px;
}

#main_nav>li>a {
    padding: 5px 15px;
}

#register_side.register_button {
    width: 200px;
    position: fixed;
    top: 40%;
    left: -85px;
    transform: rotate(90deg);
    z-index: 1011;

    padding: 2px 20px;
    /*margin-bottom: -20px;*/
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* DOUBLE CLICK*/
.content {
    /*position: relative;*/
}
#wordWind {
    position: absolute;
    opacity: 0;
    width: 200px;
    min-height: 150px;
    background: white;
    color: black;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #6a6a6a;
    box-shadow: 1px 1px 10px rgba(0,0,0,.6);
    z-index: 4000;
}

#windContent {
    padding: 0;
}
#windContent h3 {
    margin-top: 10px;
    font-size: 1.20em;
    margin-bottom: 10px;
    color: #696969;
}
#windTranslations {
    padding: 0;
    margin-bottom: 10px;
}
#windContent .thumbnail {
    margin-bottom: 0;
}

#wordWind .dropdown_menu {

}



#listOfLists {
    max-height: 300px;
    overflow: scroll;
}


#social_share_buttons {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 20px;
}

#social_share_buttons>div {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;

}


.add_your_translation span{
    color: #317d8e;
    border-bottom: 1px dashed red;
}

.add_your_translation span:hover{
    color: black;
    border-bottom: 1px dashed green;
}

.add_your_image span {
    display: block;
    padding: 3px 2px;
    border: 1px dashed red;
    color: #5c7d79;
    font-size: .8em;
    line-height: 1.3em;
}

.add_your_image span:hover {

    background: lightpink;
}

.change_goal {
    font-weight: bold;
}

#curve {
    width: 100%;
    margin-top:25px;
    margin-bottom: 25px;
    vertical-align: middle;
}

#curve td {
    padding: 5px 5px 5px 0;
    height: 55px;
}

#curve tr:first-child, #curve tr:nth-child(4) {
    border-bottom: 1px solid grey;
}

#curve tr:not(first-child) {
    border-bottom: 1px solid #e2e2e2;
}

#curve td:first-child {
    font-size: 1.2em;
    color: grey;
    width: 35%;
}

#curve td:last-child {
    width: 14%;
    text-align: center;
}

#curve tr.method td {
    height: 20px;
    color: darkred;
}

#stats {
    display: block;
    width: 100%;
    padding: 15px 0;
    /*background: #f8f8f8;*/
    border-top: 4px solid #c3c3c3;
    border-bottom: 4px solid #c3c3c3;
    margin-bottom:20px;
}

a.link_to_stats {
    color: #165563;
    border-bottom: 1px dashed #165563;
}

a.link_to_stats:hover {
    color: #23879e;
    border-bottom: 1px dashed transparent;
}

.circlestat {
    margin: 0 auto;
}

#num_of_passed_exercises{

    width: 100%;
}

#num_of_passed_exercises ul{

    list-style: none;
    font-style: italic;
}

.note {

    font-size: .85em;
    color: darkgrey;
}

#install_settings h3 {
    font-family: "OpenSans", Helvetica, Verdana, Arial, sans-serif;
}

* {
    /*outline: 1px solid grey;*/
}

.skip_setting {
    padding: 0;
}

.skip_setting .skip {
    font-size: 1.5em;
    color: #c7c7c7;
}

#install_settings .btn-success {
    padding: 20px;
}
#setting_progress .progress{
    padding: 0;
    margin-bottom: 20px;
    border-radius: 0;
}

#install_settings, #install_settings div {
    padding:0;
}
#set_goal_form {
    margin-top: 20px;
}

#set_goal_form #email.email{
    color: grey;
    font-size: 1em;
}

#set_goal_form input{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    padding: 5px;
    margin-bottom: 20px;
    width: 100%;
    font-size: 1.3em;
    color: darkred;
    font-weight: bold;

}

#set_goal_form select {
    margin-bottom: 20px;
}

#set_goal_form label {
    display: inline-block;
}

#settings_message {
    padding: 20px;

}

#settings_message h3 {
    margin-bottom: 0;
}

#set_translation_table {
    width: 100%;
    vertical-align: middle;
    margin: 20px 0;
}
#set_translation_table td {
    padding: 5px;
}
#set_translation_table td:first-child {
    width: 5%;
}
#set_translation_table td:last-child {
    width: 10%;
}

#set_translation_table td:nth-child(2) {
    width: 10%;
}

#set_translation_table label {
    font-weight: normal;
    margin-bottom: 0;
}

#set_translation_table tr {
    border-bottom: 1px solid #e6e6e6;
}

#set_level .level {
    padding: 10px;
    border: 2px solid transparent;
    transition: all .4s ease;
}

.level h4 {
    margin-bottom: 20px;
    font-weight: bold;
}

#set_level .level:hover {
    border: 2px solid #69ab6a;
    opacity: .8;
}
div#setting_image {
    border: 2px solid lightgrey;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

#setting_image p {
    background: #acacac;
    font-size: 1.2em;
    line-height: 1.5em;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 0;
}

#setting_image img {
    /*margin-top: 20px;*/

}

.goal_description {
    background: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
    color: #747474;
}

/* HINTS */
#listOfHints {
    margin-left: 0;
    padding-left: 10px;
}

#hintContainer {
    z-index: 101;


}
#hint_button {
    text-align: right;
    position: absolute;

    width: 30px;
    top: 82px;
    background: rgba(99, 99, 99, 0.44);
    color: white;
    padding: 5px;
    transition: all .3s ease;
    left: -5px;

}

#hint_button.training_hints {
    top: 47px;
}
#hint_button:hover {
    background: rgba(105, 171, 106, 0.5);
    cursor: pointer;
    left: 0;

}
#hint_button.training_hints+#hintDiv {
    top: 77px;
}

#hintDiv {
    position: absolute;
    top: 112px;
    width: 300px;
    left: -305px;
    height: 500px;
    transition: all 1s ease;
    z-index: 102;
    background: #fafadc;
    border: 2px solid #ececd0;
    text-align: left;
    padding: 20px;
    -webkit-box-shadow:  2px 2px 5px rgba(0,0,0,.3) ;
    -moz-box-shadow:  2px 2px 5px rgba(0,0,0,.3) ;
    box-shadow:  2px 2px 5px rgba(0,0,0,.3);
    overflow: scroll;

}

#hintDiv.showHintDiv {
    left: 0;
}

#hintDiv h3{
    margin-bottom: 5px;
    margin-top: 20px;
    font-size: 1.4em;
    color: grey;
}

#sub_list {
    margin-left: 15px;
    padding-left: 0;
}
#sub_list li {
    font-size: 0.95em;
    margin-bottom: 5px;
}

#sub_list h4 {
    margin-top: 15px;
    margin-bottom: 0;
}
/* END OF HINTS */