.color {display: inline-block; width: 10px; height: 10px; margin: 0 2px;}

.mr-star0:before {content: "\f006";}
.mr-star1:before {content: "\f006";}
.mr-star2:before {content: "\f006";}
.mr-star3:before {content: "\f123";}
.mr-star4:before {content: "\f123";}
.mr-star5:before {content: "\f005";}

.mr-color0 {color: white;}
.mr-color1 {color: red;}
.mr-color2 {color: orange;}
.mr-color3 {color: #FDCE2A;}
.mr-color4 {color: #99CC33;}
.mr-color5 {color: #019934;}

.to-remove-el {visibility: hidden;}
.mr-hidden {visibility: hidden;}
.mr-hide {display: none;}
.mr-opacity-zero {opacity: 0;}

.mr-inline {
    display: inline-block;
}

.content h1{font-size:24px;}
.content h2{font-size:21px;}
.content h3{font-size:18px;}
.content h4{font-size:17px;}
.content h5{font-size:16px;}
.content h6{font-size:15px;}


.content {
    color: #002B5F;
}

.mr-margin-up-down {
    margin: 10px 0!important;
}

.mr-width-100 {
    width: 100%;
}

.mr-margin-bottom-sm {
    margin-bottom: 5px!important;
}

.mr-margin-bottom {
    margin-bottom: 10px!important;
}
.mr-margin-bottom-lg {
    margin-bottom: 20px!important;
}

.mr-margin-top-0 {
    margin-top: 0!important;
}

.mr-margin-top-sm {
    margin-top: 5px!important;
}

.mr-margin-top {
    margin-top: 10px!important;
}

.mr-margin-top-lg {
    margin-top: 20px!important;
}

.mr-margin-0 {
    margin: 0!important;
}
.mr-padding-0 {
    padding: 0!important;
}

/*

.nav-tabs {
    border-bottom: none;
}

.nav-pills > li > a {
    border-radius: 0;
}

.nav-tabs > li > a {
    border-radius: 0 0 0 0;
    color: white;
    font-weight: bold;
}

.nav-tabs > li > a:hover {
    color: #428bca;
}

.nav-header {
    font-weight: bold;
    color: #555555;
}
*/

.mr-bar-abolut {
    position: absolute;
}

@media (max-width: 767px) {
    .nav-tabs > li > a:hover {
        border-color: transparent;
    }
    .nav-tabs > li {
        float: none!important;
        margin-bottom: 0;
    }
    .mr-but-small {
        font-size: 12px;
    }
    .mr-bar-abolut {
        display: inline-block;
        position: relative;
    }

    .mr-btn-to-block .btn {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 5px;
    }

    .navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.list-group .list-group-item {
    border-radius: 0;
}

/* lekcje */

/*.lessons-list a {display:inline-block;padding:2% 3%;margin:1%;background:#002147;text-decoration:none;width:100%;font-size:14px;color:#fff!important}
.lessons-list a:hover {color:#fff;background:#f7941d!important}*/

.btn-grey {
    border: none;
    background-color: #f1f1f1;
    /*text-align: left;*/
    padding-left: 2%;
    overflow: hidden;
    color: #555;
}

.btn-left {
    display: inline-block;
    text-align: left;
}

.btn-grey:hover {
    background-color: #3276B1;
    color: #fff;    
}

@media (max-width: 767px) {
    .lessons-list .btn {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.lessons-list a {position: relative;}

.mr-color-test {
    background-color: #FFB6B6;
}
.mr-color-test-end {
    background-color: #DE1B1B;
    color: white;
}
.mr-color-repeat {
    background-color: #BCE8F8;
}


.menu-list a {font-size: 26px; position: relative;}

.from_select {
    /*background-color: #f0ad4e!important;*/
}

/*navi*/

/*a.navi-0 .mr-icon{background-image: url('../nav/strzala.png'); }*/
/*a.navi-1 .mr-icon{background-image: url('../nav/ksiazka.png'); }
a.navi-2 .mr-icon{background-image: url('../nav/puzzle.png'); }
a.navi-3 .mr-icon{background-image: url('../nav/cloud-pyt.png'); }*/
a.navi-4 .mr-icon{background-image: url('../nav/puzzle.png'); }
/*a.navi-5 .mr-icon{background-image: url('../nav/rozsypanka.png'); }
a.navi-6 .mr-icon{background-image: url('../nav/flag.png'); }*/
/*a.navi-7 .mr-icon{background-image: url('../nav/reload.png'); }*/
a.navi-8 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-9 .mr-icon{background-image: url('../nav/reload.png'); }
/*a.navi-10 .mr-icon{background-image: url('../nav/cloud-nuta.png'); }*/
a.navi-11 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-12 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-13 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-14 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-15 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-16 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-17 .mr-icon{background-image: url('../nav/reload.png'); }

a.navi-25 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-26 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-27 .mr-icon{background-image: url('../nav/reload.png'); }
/*a.navi-28 .mr-icon{background-image: url('../nav/rozsypanka.png'); }*/
/*a.navi-29 .mr-icon{background-image: url('../nav/nuta.png'); }*/

/*a.navi-30 .mr-icon{background-image: url('../nav/book1.png'); }*/
/*a.navi-31 .mr-icon{background-image: url('../nav/flag_england-pl.png'); }*/
/*a.navi-32 .mr-icon{background-image: url('../nav/book2.png'); }*/
/*a.navi-33 .mr-icon{background-image: url('../nav/nutka-nav.png'); }*/
/*a.navi-34 .mr-icon{background-image: url('../nav/speaker-nav.png'); }*/
a.navi-35 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-36 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-44 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-49 .mr-icon{background-image: url('../nav/reload.png'); }

/*a.navi-0 .mr-icon{background-image: url('../nav/strzala.png'); }*/
a.navi-54 .mr-icon{background-image: url('../nav/ksiazka.png'); }
a.navi-55 .mr-icon{background-image: url('../nav/cloud-nuta.png'); }
a.navi-56 .mr-icon{background-image: url('../nav/puzzle.png'); }
a.navi-57 .mr-icon{background-image: url('../nav/rozsypanka.png'); }
a.navi-58 .mr-icon{background-image: url('../nav/flag.png'); }


/*a.navi-59 .mr-icon{background-image: url('../nav/ksiazka.png'); }
a.navi-60 .mr-icon{background-image: url('../nav/cloud-nuta.png'); }
a.navi-61 .mr-icon{background-image: url('../nav/puzzle.png'); }
a.navi-62 .mr-icon{background-image: url('../nav/rozsypanka.png'); }
a.navi-63 .mr-icon{background-image: url('../nav/flag.png'); }*/

a.navi-64 .mr-icon{background-image: url('../nav/reload.png'); }
a.navi-65 .mr-icon{background-image: url('../nav/reload.png'); }


/*a.navi-50 .mr-icon{background-image: url('../nav/nuta.png'); }
a.navi-51 .mr-icon{background-image: url('../nav/ksiazka.png'); }
a.navi-52 .mr-icon{background-image: url('../nav/speaker-nav.png'); }*/
/*a.navi-53 .mr-icon{background-image: url('../nav/reload.png'); }*/
a.navi-0 .mr-icon span,
a.navi-7 .mr-icon span,
a.navi-50 .mr-icon span,
a.navi-51 .mr-icon span,
a.navi-52 .mr-icon span,
a.navi-53 .mr-icon span {display: none;}
a.navi-0 .mr-icon,
a.navi-7 .mr-icon,
a.navi-50 .mr-icon, 
a.navi-51 .mr-icon, 
a.navi-52 .mr-icon, 
a.navi-53 .mr-icon {display: inline!important;}
a.navi-0 .mr-icon:before { content: "\f0aa";} /* strzałka */
a.navi-7 .mr-icon:before { content: "\f01e";} /* refresh */
a.navi-50 .mr-icon:before { content: "\f001";} /* nuta */
a.navi-51 .mr-icon:before { content: "\f02d";} /* ksiazka */
a.navi-52 .mr-icon:before { content: "\f028";} /* glosnik */
a.navi-53 .mr-icon:before { content: "\f0e6";} /* dialogi */
/*#navi{width:94px; float:left; margin:0; padding: 0;}
#navi li{list-style:none; width:84px; height:84px; float:right; -webkit-box-shadow: 0px 0px 3px 1px #bbb; box-shadow: 0px 0px 3px 1px #bbb; -webkit-border-radius: 3px; border-radius: 3px; position:relative;margin-bottom:10px;}
#navi a{background:#fff; display:block; float:left; width:84px; height: 84px; position:absolute; top:0; right:0; text-indent:-5000em;}*/


#navi a{height: 60px; text-align: center; color: black; font-size: 49px; line-height: 48px;font-family: 'FontAwesome';}
#navi li:first-child a {color: white!important;}
#navi a .mr-icon{display: inline-block; width: 42px; height: 49px; background-position: 0 0; color: #888}

#navi a.active{background: #78b9f7!important; color: black;}
#navi a.active .mr-icon{background-position: 0 0;}
#navi a:hover .mr-icon, #navi a.active .mr-icon{background-position: -42px 0; color: #fff;}


#navi a {
    border: none;
    border-radius: 0px;
    box-shadow: none;
    padding: 6px 15px;
}



#navi .mr-wrap {
    margin: 5px;
    text-align: center;
    /*border:2px #002147 solid;*/
}

#navi .mr-border {
    /*border: 2px #002147 solid;*/
}

.mr-fa-progress {
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 28px;
}

a.btn-navi {background:#f1f1f1;}
a.btn-navi .mr-icon, a.navi-0 .mr-icon {background-size: 200%;}

a.navi-0 {
    /*background-color: #428bca;*/
    color: #888!important;
    background-color: #F1F1F1;
}

#navi a.btn-navi:hover, #navi a.navi-0:hover {
    background-color: #3276b1;
}
#navi .list-group-item {
    /* padding: 5px 10px; */
}

/* lekcja */

.well,
.breadcrumb,
.form-control, 
.alert, 
.panel, 
.panel-group .panel,
.modal-content, 
.label, 
.btn {
    border-radius: 0;
}

.panel-heading {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

@media (min-width: 767px) {
    .panel.mr-jola .panel-body {
        padding: 1% 25%;
    }
}

.game-timer.disabled {
    opacity: 1;
}

/* nuta */

.mr-tab-words .mr-td-words div {
    border: #ccc solid 1px;
    padding: 0 4px;
    margin: 2px 0 0 2px;
    background-color: #fff;
    /* border-radius: 3px; */
}

.mr-tab-words .mr-td-words div:nth-child(2) {
    color: red;
}

.first-line-mr {
    font-weight: bold;
}
.well, .alert {
    margin-bottom: 10px;
}

.mr-nuta .well .btn {
    /*font-size: 23px;*/
}

/* wstep */

.smile-mr {
    width: 16px;
    height: 16px;
    margin: 0 5px;
    display: inline-block;
    background-image: url('../img/smile16.png');
}

.game-timer {
    margin-right: 3px;
}

/*konwersacje*/
#dialog .mr-data-left .media-object {float: left;}
#dialog .mr-data-right .media-object {float: right;}

#dialog .media-body {position: relative}

#dialog .mr-data-left {color: #006BE7;}
#dialog .mr-data-right {color: #C72B41;}

#dialog .media {margin-top: 0;}
#dialog .media .media-object {margin-top: 10px;}
#dialog .mr-data-right .media-object {color: #C72B41;}

#dialog .popover {display: inline-block; position: relative; margin: 10px 15px 15px 15px; max-width: none;}
#dialog .mr-data-right .popover {float: right;}
#dialog .popover .arrow {top: 20px;}

#dialog .mr-data-left .mr-time {left: 0;}
#dialog .mr-data-right .mr-time {right: 0;}
#dialog .mr-time {position: absolute; font-size: 49px; color: #428bca;}

/*test!test!*/

.game-info-mr {
    text-align: center;
    display: none;
}

.game-content {
    display: none;
}

.mr-fill-input {
    text-align: center;
    width: 20px;
    display: inline-block;
    padding: 0;
}

.test_correct {
    background-color: green;
}

.test_incorect {
    background-color: red;
}

.check-width {
    visibility: hidden;
}

.mr-span-word {
    display: inline-block;
    margin-bottom: 3px;
}

.mr-word-test input {
    text-align: center;
    width: 10px;
    padding: 0;
}

.mr-inline-block {
    display: inline-block;
}

.radio {
    margin-top: 0;
}

.table-yesno tbody>tr>td, .mr-table-vcenter tbody>tr>td {
    vertical-align: middle;
}

.game-content .answer input, .mr-word-test {
    font-size: 18px;
}

.accordion-toggle {
    cursor: pointer;
}

.mr-panel-lg {
    margin: 10px 0;
    font-size: 20px;
}

.mr-col-pad-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.mr-row-5 {
    margin-right: -5px;
    margin-left: -5px;
}

.mr-col-pad-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.mr-row-10 {
    margin-right: -10px;
    margin-left: -10px;
}

.mr-error {
    border:2px solid red!important;
}

.reading-test-border {
    border: 1px solid black;
    padding: 2px 4px;
    display: inline-block;
}

.mr-notatki {
    background: #fff url(../../img/btn/textarea.png);


    color: #00406d;

    border: none;
    font-size: 16px;

    line-height: 24px;
    font-style: italic;
    font-family: monospace;
}

.mr-dotted {
    color:gray; 
    border-bottom:1px #ffc2a3 dashed;
}

.mr-answer-test {
    cursor: pointer;
}

.mr-answer-test .btn {
    margin-top: 0;
    margin-bottom: 0;
}

.reading-translation {
    color: #FF6A00;
}

.course-text table {
    color: #002147;
    border-spacing: 10;
    border-collapse: separate;
}

.course-text table td {
    border: none;
    vertical-align: top;
}

.course-text table td:last-child {
    background: gray;
    color: white;
    padding: 5px;
    /*width: 200px;*/
}

.mr-best-task {
    color: yellow;
}

.mr-best-task-backg {
    background-color: yellow;
}
/*
.price-list {margin:20px 0 0 0; clear:none; float:none; padding-bottom:20px}
.price-list ul {width:19%; float:left; clear:none}
.price-list ul, .price-list li {margin:0; padding:0; list-style:none}
.price-list ul.qualitlies {width:24%}
.price-list li {padding:10px 5%; color:#535856; text-align:center}
.price-list .qualitlies li {text-align:left}
.price-list .qualitlies li:nth-child(1n+0) {background:#e3e3e3}
.price-list .qualitlies li:nth-child(2n+0) {background:#f6f6f6}
.price-list .plan li:nth-child(1n+0) {background:#ebebeb}
.price-list .plan li:nth-child(2n+0) {background:#fff}
.price-list .qualitlies li:nth-last-child(1) {border-radius:0 0 0 5px}
.price-list .name {color:#fff; font-weight:bold; height:100px; line-height:20px; font-size:18px}
.price-list button {color:#217ab1; background:#fff; border-color:#3591ca; margin-top:5px}
.price-list .plan {position:relative}
.price-list .plan li.popular {background:#5dc100; color:#fff}
.price-list .plan li.eco {background:#ff9000; color:#fff}
.price-list .plan-1 li.name {background:#52b5d5; border-radius:5px 0 0 0}
.price-list .plan-1 .name, .price-list .plan-2 .name, .price-list .plan-3 .name {padding-top:20px; height:100px}
.price-list .plan-2 li.name {background:#3591ca}
.price-list .plan-3 li.name {background:#1f5f9f}
.price-list .plan-3 {box-shadow:0 0 10px 1px rgba(190,190,190,5); z-index:100;-webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01)}
.price-list .plan-3 li:nth-last-child(1) {border-radius:0 0 5px 5px}
.price-list .plan-3 .name {border-radius:5px 5px 0 0}
.price-list .plan-3 {border-radius:5px}
.price-list .plan-4 li.name {background:#1a3e7b; border-radius:0 5px 0 0; padding-bottom: 5px}
.price-list .plan .price {color:#fff; font-size:28px; height:60px}
.price-list .plan .currency {font-size:16px}
.price-list .plan-1 li.price {background:#64c3de}
.price-list .plan-2 li.price {background:#44a3d5}
.price-list .plan-3 li.price {background:#2972b0}
.price-list .plan-4 li.price {background:#234e8e}
.price-list .plan-4 li:nth-last-child(1) {border-radius:0 0 5px 0}
.price-list li.title {background:#f4f4f4; padding-top:20px; color:#858484; border-radius:5px 0 0 0; font-size:16px; font-weight:normal; height:60px;}
.price-list li.title-empty {height:100px; background:#fff!important}
.price-list button {padding:6px 12px; cursor:pointer; border:1px #3591ca solid; border-radius:3px; font-size:14px; font-weight:bold}
*/
.payments {
    padding: 10px;
    background-color: #fff
}

.payments li{list-style:none;float:left;margin-left:5px;width:114px;height:50px}
.payments img{width:80px}
.payments label{margin-left:20px;*margin-left:7px;display:block}
.payments .cards{width:auto;height:auto}
.payments input {float:left; margin-top:8px}

.mr-bracket div {
    border: #ccc solid 1px;
    padding: 0 4px;
    margin: 2px 0 0 2px;
    /*background-color: #fff;*/
    /* border-radius: 3px; */
}

.game-drag {
    font-family: cursive;
}

.mr-disable-lessons-list {
    opacity: 0.2!important;
    pointer-events: none;
    cursor: not-allowed;
    box-shadow: none;

}

.mr-disable-lessons-list i {
    color: silver;
}

.mr-list-course a.active {
    background-color: #002147;
    border-color: #002147;
}

.mr-list-course a.active:hover {
    background-color: #002E64;
    border-color: #002147;
}

.mr-list-course .list-group-item {
    margin-bottom: 5px;
}

.mr-list-course .nav-header {
    font-size: 150%;
}

.mr-list-course a {
    border-color: #002147;
}

.mr-group-tab th { text-align: center; }
.mr-group-tab td { text-align: center; }

.mr-report-answer-good { background-color: green;}
.mr-report-answer-bad { background-color: #d9534f;}

@media screen and (max-width: 992px) {
    .table-responsive.mr-group-tab {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #DDD;
        -webkit-overflow-scrolling: touch;
    }
}

img.mr-icon-cent {
    background-position: 0 0;

}
img.mr-icon-microphone {
    background-position: 0 5%;

}
img.mr-icon-lab {
    background-position: 0 10%;

}
img.mr-icon-coffee {
    background-position: 0 15%;

}
img.mr-icon-monitor {
    background-position: 0 20%;

}
img.mr-icon-text {
    background-position: 0 25%;

}
img.mr-icon-padlock {
    background-position: 0 30%;

}
img.mr-icon-money {
    background-position: 0 35%;

}
img.mr-icon-group {
    background-position: 0 40%;

}
img.mr-icon-idea {
    background-position: 0 45%;

}
img.mr-icon-letter {
    background-position: 0 50%;

}
img.mr-icon-medal {
    background-position: 0 55%;

}
img.mr-icon-brainstorming {
    background-position: 0 60%;

}
img.mr-icon-target {
    background-position: 0 65%;

}
img.mr-icon-bulb {
    background-position: 0 70%;

}
img.mr-icon-smile {
    background-position: 0 75%;

}
img.mr-icon-clock {
    background-position: 0 80%;
}

img.mr-icons {
    background-position-x: 0;
    background-image: url(/static/styles/img/icon/icon_64.png);
    -moz-background-size:cover; 
    -webkit-background-size:cover; 
    background-size:cover;
}

.mr-elem-center {
    margin-left: auto;
    margin-right: auto;
}

.borderless td {
    border: none!important;
}

@media (max-width: 991px) and (min-width: 768px) {
    #page-menu .nav-tabs a {
        padding: 10px 8px;
        font-size: 12px;
    }
}

.mr-progress-lesson {
    border-radius: 0;
    box-shadow: none;
    margin-top: -2px;
    margin-bottom: 2px;
    background-color: #FFD0D0; /*#F1F1F1;*/
    height: 5px;
}

.mr-progress-lesson .progress-bar {
    /*background-color: red;*/
    min-width: 0; 
}

/*.mr-back-color0 {background-color: white!important;}*/
.mr-back-color0 {background-color: red!important;}
.mr-back-color1 {background-color: orange!important;}
.mr-back-color2 {background-color: #FDCE2A!important;}
.mr-back-color3 {background-color: #99CC33!important;}
.mr-back-color4 {background-color: #019934!important;}

//fill-dialog-sentence
.mr-hide {display: none;}
.mr-margin-v {margin: 20px 0;}
.mr-margin-top {margin-top: 20px;}
.mr-margin-bottom {margin-bottom: 20px;}
.mr-bg-danger {background-color: #F2DEDE!important;}
.mr-bg-success {background-color: #DFF0D8!important;}
.mr-bar-elem {border: silver solid 1px; background-color: white; padding: 8px 12px; display: inline-block;}

.mr-temat { color: tomato; }

.scroll-to-fixed-fixed.navbar-white .nav-top {
    font-size: 13px;
}

.user-menu.list-group .list-group-item {
    margin-bottom: 8px;
    padding: 30px 15px;
}


.row.user-menu.mr-line {
    margin-left: -2px;
    margin-right: -2px;
}

.row.user-menu.mr-line div {
    padding-left: 2px;
    padding-right: 2px;
}

.row.user-menu.mr-line .list-group-item {
    border-radius: 0;
    text-align: center;
    margin-bottom: 4px;
}

.row.user-menu.mr-line .list-group-item i.fa {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.user-menu a.list-group-item {
    color: black;
}

.user-menu .list-group-item.active {
    background: black!important;
    color: white;
}

.mr-article-content {
    border: #e5e5e5 solid 1px; padding: 15px; background-color:#EAF4FF;
}

.mr-table-article tr:nth-child(even) {background: #fff;}
.mr-table-article tr:nth-child(odd) {background: #F4F9FF;}