/************************ kalendar *****************************************/
#nastenka_kalendar span, #papagaj_kalendar span{
	position: relative;
    color: #666666;
    
    text-align: unset;
   /* right: unset;*/
    font-size: 11px;
}
.ui-datepicker .ui-state-default {
	background: none;
	border: 1px solid #E1E1E1;
	text-align: right !IMPORTANT;
}
.ui-datepicker td span, .ui-datepicker td a, .ui-datepicker td span, .ui-datepicker td a {
    display: block;
    font-weight: inherit;
    text-align: right;
    height: 40px;
    /* line-height: 30px; */
    color: inherit;
    border: 0;
    margin: 0;
    padding: 2px;
    box-sizing: border-box;
    font-size: 11px;
}
div.id_ul{
    position: relative;
    left: 1px;
    text-align: left;
    color: darkgray;
    font-size: 10px;
}
.ui-datepicker-header {
    background-color: #98DAEA;
    background-image: none;
    color: inherit;
    font-weight: bold;
    line-height: 29px;
	height: 29px;
	padding: .3em 0;
    padding: 9px 5px;
    border: none;
    border-bottom: 0px solid rgb(214, 214, 214);
	border-radius: 0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.ui-datepicker td {
    border: 0;
}
.ui-datepicker a {
    text-decoration: none;
}
.ui-datepicker thead {
    border-bottom: 1px solid #d6d6d6;
}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
	background: url(/img/arrow-prev.png);
	background-size: 8px 12px;
    background-position: center;
    background-repeat: no-repeat;
}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
	background: url(/img/arrow-next.png);
	background-size: 8px 12px;
    background-position: center;
    background-repeat: no-repeat;
}
.ui-datepicker-prev,  .ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.ui-datepicker thead tr, .ui-datepicker tbody tr
{
	padding: 0;
    margin: 0;
    /*border-right: 1px solid #d6d6d6;*/
    width: 25px;
    position: relative;
}
.ui-datepicker-inline
{
	width: auto;
	padding: 0;
}

.ui-datepicker td.heap_0 {
	opacity: 1;
}

.ui-datepicker td.heap_1, .ui-datepicker td.heap_2 {
	background-color: #5bc8e04d;
}
.ui-datepicker td.heap_3, .ui-datepicker td.heap_4 {
	background-color: #5bc8e078;
  }

.ui-datepicker td.heap_5, .ui-datepicker td.heap_6 {
	background-color: #5bc8e0a6;
  }
.ui-datepicker td.heap_7, .ui-datepicker td.heap_8 {
	background-color: #5bc8e0d1;
  }
.ui-datepicker td.heap_9, .ui-datepicker td.heap_10 {
	background-color: #5bc8e0;
}
.ui-datepicker td.heap_11, .ui-datepicker td.heap_12 {
	background-color: #26a0bb;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{

	border: 1px solid #f58220;
    background-color: #f5822042;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
	border: 1px solid red;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev-hover  {
	left: 5px;
	top: 6px;
	border:0;
}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next-hover  {
	right: 5px;
	top: 6px;
	border:0;
}

#nastenka_kalendar .ui-datepicker span.ui-datepicker-month ,
#papagaj_kalendar .ui-datepicker span.ui-datepicker-month 
{
	     font-size: 15px;
}
#nastenka_kalendar .ui-datepicker span.ui-datepicker-year ,
#papagaj_kalendar .ui-datepicker span.ui-datepicker-year 
{
	     font-size: 11px;
}
.ui-widget.ui-widget-content
{
	border: 0;
}
#nastenka_kalendar,
#papagaj_kalendar
{
	margin-top: 10px;
	width:100%;
}
.ui-datepicker table tr th
{
	text-transform: uppercase;
	font-size: 7pt;
	height: 16px;
    padding: 5px 0px;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
	/*border-right: 1px solid #d6d6d6;*/

}
.ui-datepicker thead tr:last-child, .ui-datepicker tbody tr:last-child
{
	border-bottom: 0;
}
.ui-datepicker table tr td.day, .ui-datepicker table tr th.day
{
	border-right: 1px solid #d6d6d6;
}
.ui-datepicker table tr td.day:last-child, .ui-datepicker table tr th.day:last-child
{
	border-right: 0px;
}

button.run_skupina
{
	/*position: absolute;*/
   /* right: 11px;*/
    border-radius: 10px;
    height: 35px;
    border: 0px solid #88cdef;
    background: #f58220;
    cursor: pointer;
    background: url(/images/run_papagaj.png) #a0d067;
    background-position: calc(100% - 4px) 3px;
    background-repeat: no-repeat;
  /*  margin-top: -44px;*/
	outline: none;
    padding-right: 34px;
    padding-left: 13px;
    color: #fffdff;
    font-weight: bold;
    z-index: 2;
	background-size: 37px;
	margin-bottom: 4px;
	margin-right: 6px;
}
fieldset.balicek:hover
{
	cursor: pointer;
}
fieldset.balicek:hover > .run > button.run_skupina,  button.run_skupina:hover
{
 	background: url(/images/run_papagaj.png) #88cdef;
	 background-position: calc(100% - 6px) 6px;
	 background-repeat: no-repeat;
	 outline: none;
	 background-size: 30px;

}
button.run_opakovanie
{
	    /* position: absolute; */
    /* right: -5px; */
    border-radius: 10px;
    border: 0px solid #88cdef;
    background: #f58220;
    cursor: pointer;
    background: url(/images/run_papagaj.png) #a0d067;
    background-position: calc(100% - 11px) 22px;
    background-repeat: no-repeat;
    /* margin-top: -51px; */
    outline: none;
    padding-right: 42px;
    padding-left: 13px;
    color: #fffdff;
    font-weight: bold;
    z-index: 2;
    /* background-size: 37px; */
    display: flex;
    justify-content: center;
    align-items: center;
	/*margin-bottom: 18px;*/
	margin-top: 10px;
	box-shadow: 2px 4px 14px 2px #a0d06799;
    border: 1px solid #90bd5b;
}
button.run_opakovanie > .papagaj_text
{
	width: 77%;
    padding: 20px 13px;
    font-size: 16px;
}
button.run_opakovanie:hover
{
 	background: url(/images/run_papagaj.png) #88cdef;
	 background-position: calc(100% - 8px) 22px;
	 background-repeat: no-repeat;
	 outline: none;
}
hr.viac {
	background-color: #e0e6e6;
	margin-top: 5px;
	margin-bottom: -10px;
}
div.center > input[type=button].zobraz_viac_slovicka
{
	border: 1px solid #f58220;
	padding: 4px 8px;
	color: #5f320b;
	border-radius: 6px;
	background: #efefef;
	cursor: pointer;
	outline: none;
}
div.center > input[type=button].zobraz_viac_slovicka:hover
{
	cursor: pointer;
	border: 1px solid #5bc8e0;

	color: #5f320b;
}
.progress_skupina {
    width: 50%;
    margin-left: 10px;
}
.progress_skupina {
    height: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}
.progress-bar_skupina {
    float: left;
    width: 0;
    min-width: 13%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #a0d067;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
#error_staus, #koniec_status
{
	padding-top: 0px;
}
#koniec_status h1
{
	background:none;
	font-size: 28px;
	text-align: center;
    margin-top: 20px;
}
#KoniecButton button
{
	box-shadow: 2px 2px 4px 0px #deb592;
	margin: 8px;
	border-radius: 10px;
	border: 1px solid #ce7121;
    outline: none;
    width: 100%;
}
#KoniecButton button:hover
{
    border: 1px solid #ef540f !important;
}
#KoniecButton button.green:hover
{
    border: 1px solid #598625 !important;
}
#KoniecButton button:disabled
{
	opacity: 0.5;
    border: 1px solid #ce7121 !important;
}
#KoniecButton button.green:disabled
{
	opacity: 0.5;
    border: 1px solid #90bd5b !important;
}
#KoniecButton button.green
{
	box-shadow: 2px 2px 4px 0px #bfe296;
	background-color:#a0d067;
	border: 1px solid #90bd5b;
}
.error_slide {
	display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: calc(100% - 50px);
    padding: 25px 0px;

}
#koniec_status .errortext span
{
    position: relative !important;
	font-size: 22px;
    margin-top: 25px;
    display: block;
    text-align: center;
    line-height: 1.5em;
    padding: 0 20px;
}
button.run_opakovanie > .papagaj_text {

    padding: 20px 13px;
    font-size: 16px;
}
button.run_ucenie > .papagaj_text {

    padding: 7px 13px;
    font-size: 16px;
}
.half1 .text {
    margin-bottom: 0px;
    color: black;
    text-shadow: 0px 0px 7px #ffffff;
    background-color: #ffffff99;
    border-radius: 13px;
    border-radius: 0px;
    padding: 17px 30px;
    margin-bottom: 15px;
}
#ucenie .big_div {
    width: 100%;
    /* height: 80%; */
    text-align: center;
    height: 474px;
    /* min-height: 507px; */
    vertical-align: middle;
    margin: 0 auto;
    justify-content: center;
    display: flex;
    -webkit-align-items: center;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
}
#ucenie .big_div .aktual_text {
    /* vertical-align: middle; */
    font-size: 40px;
    line-height: normal;
    display: flex;
    flex-flow: column;
    justify-content: start;
    height: 465px;
    align-items: center;
    width: 100%;
    background-size: cover;
    background-position: center;
    border-bottom: 7px solid #fff;
}
#ucenie .big_div .aktual_text .image {
    height: 67%;
}
#ucenie .big_div .aktual_text .image > img {
   /* max-width: 427px;*/
    /* max-width: 100%; */
    /* margin-top: -2px; */
    height: 465px;
    padding-bottom: 0;
}
#ucenie .big_div .text {
    margin-bottom: 0px;
    color: black !important;
    text-shadow: 0px 0px 7px #ffffff;
   /*background-color: #ffffff99;*/
    border-radius: 13px;
    border-radius: 0px;
    padding: 17px 30px;
    margin-bottom: 15px;
}
.foto_text {
    margin-bottom: 0px;
    color: black !important;
    text-shadow: 0px 0px 7px #ffffff;
   /*background-color: #ffffff99;*/
    border-radius: 13px;
    border-radius: 0px;
    padding: 17px 30px;
    margin-bottom: 15px;
}
.half1 .foto_text {
margin-bottom: 0px;
color: black;
text-shadow: 0px 0px 7px #ffffff;
background-color: #ffffff99;

padding: 17px 30px;

text-align: center;


}

#ucenie .big_div .aktual_text.noimage .image
{
    height: 40%;
}
#ucenie .big_div .aktual_text.noimage .text
{
    background: none;
}
#answer.odpovede
{
    display: flex;
    justify-content: space-around;
    /* height: 58%; */
    border-top: 1px solid #e0e6e6;
    padding-top: 3px;
    flex-direction: column;
   width: 100%;
}
#answer.choose_letter
{
    /*display: flex;
    justify-content: space-around;
    height: 40%;
    border-top: 1px solid #e0e6e6;
    padding-top: 35px;
    flex-wrap: wrap;
    */
    display: flex;
    justify-content: space-around;
    /* height: 58%; */
    border-top: 1px solid #e0e6e6;
    padding-top: 15px;
    flex-wrap: wrap;
    align-items: center;
}
#answer.choose_mic
{
    display: flex;
    justify-content: space-around;
     height: 58%; 
    border-top: 1px solid #e0e6e6;
    padding-top: 15px;
    align-items: center;
    flex-direction: column;
}
#answer.choose_mic .mic_text
{
   position: relative;
   font-size: 13px;
   padding: 5px 10px;
   text-align: center;
   color: #ce7121;
}
#answer.choose_mic .mic_text.error
{
    background: #ffc1c1;
    color: red;
    border: 1px solid red;
    font-size: 15px;
    line-height: 1.3em;
    margin-bottom: 7px;
    margin-top: -7px;
}
#answer.choose_mic #mic_status.warning
{
   color: #ce7121;
   
}
#answer.choose_mic p
{
    margin-left: 0px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0px;
   
}
#answer.choose_letter > div.button >button.answer_button   
{
    padding: 20px 35px;
    border-radius: 8px;
    font-size: 32px;
    height: auto;
    width: 90px;
}
#question.letter .text{
    letter-spacing: 6px;
    font-size: 35px;
    line-height: 1em;
}
#question .big_div, #diktak_past .big_div {
    flex-direction: column;
   /* justify-content: start !important;*/
}
#question.letter .big_div .text
{
    line-height: 1em;
}
#question.letter .big_div .text.correct {
    background-color: #a0d067;
}
#question.letter .big_div  .text.incorrect {
    background-color: rgb(212, 54, 54);
}
#question .big_div .aktual_text.center {
   /* height: auto;*/
}
#question .big_div .odpoved_text.center {
    height: auto;
    vertical-align: middle;
    font-size: 25px;
    line-height: normal;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
/*#question.letter .big_div .aktual_text .image {
    height: 50%;
}*/
#question.letter .big_div .text {
    margin-bottom: 3px;
    padding: 16px 5px;
    color: black;
    margin-top: 1px;
}
#question.letter .big_div .text-correnct {
    margin-bottom: 0px;
    margin-bottom: 0px;
    color: black;
    text-shadow: 0px 0px 7px #ffffff;
    background: none;
    border-radius: 13px;
    border-radius: 0px;
    margin-bottom: 0px;
line-height: 1em;
    padding: 16px 30px;
    letter-spacing: 6px;
    font-size: 35px;
    background-color: #a0d067;
}

#question .big_div .aktual_text .image > img {
    max-height: 282px !important;
}
#question .big_div .aktual_text .image.bigimage > img {
    max-height: 417px !important;
}

#question .big_div .aktual_text .image {
    max-width: 427px;
    max-width: 100%;
    /* margin-top: -2px; */
    max-height: 417px;
    padding-bottom: 17px;
}
#question .big_div .aktual_text.image_zadanie
{
    width: 100%;
    max-height: 295px;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    /*height: 56%;*/
}
#question .big_div .aktual_text.big.image_zadanie
{
    max-height: 330px;
}
#question.letter .big_div .text .letter0
{
    letter-spacing: 0;
   /* font-size: 25px;*/
    margin-top: 10px;
}

.farba1
{
    background-color:#f58220 !important;
    color: #5f320b !important;
}
.farba1  small.ucitel_skupiny, .farba1  span.nazov_skupiny, .farba1  small, fieldset.farba1 > div.legend, fieldset.farba1 figcaption, .farba1 .skupina_balicek .slovicko
{
    color: #5f320b !important;
}
.farba2
{
    background-color: #d7df21 !important;
    color: #553830 !important;
    border: 1px solid #ced522 !important;
}
.farba2  small.ucitel_skupiny, .farba2  span.nazov_skupiny, .farba2  small, fieldset.farba2 > div.legend, fieldset.farba2 figcaption, .farba2 .skupina_balicek .slovicko
{
    color: #553830 !important;
    
}
.farba2 .skupina_balicek.progress
{
    border-top: 1px solid #ffffff !important
}
.farba2 img.sipka
{
    border: 1px solid #ffffff !important;
}
.farba3
{
    background-color:#297770 !important;
    color: #ffffff !important;
}
.farba3  small.ucitel_skupiny, .farba3  span.nazov_skupiny, .farba3  small, fieldset.farba3 > div.legend, fieldset.farba3 figcaption, .farba3 .skupina_balicek .slovicko
{
    color: #ffffff !important;
}
.foreverflex
{
    display: flex !important;
}

.full_without_header
{
    clear: both;
    width: 100%;
    display: flex;
    justify-content: center;
}
#splash, #splash_congrat {
    height: 100%;
    margin-top: 0px !important;
}
.pismenka
{
    min-height: 70px; 
}
#question .big_div .text {
    margin-bottom: 0px;
    color: black;
    text-shadow: 0px 0px 7px #ffffff;
    background-color: #ffffff99;
    border-radius: 13px;
    border-radius: 0px;
    padding: 17px 30px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 31px;
    line-height: 1em;
    margin-top: 15px;
}
.errorimg > img{
    max-width: 59%;
}

#question.speed {
    height: 100%;
    justify-content: center;
    display: flex;
}

.half2
{
    border-top: 7px solid #fff;
    width: 100%;
    min-height: 120px;
}
.half2 .speaker {
    margin-top: -55px;
    cursor: pointer;
}
.swiper-slide
{
    display: flex !important;
    flex-direction: column;

}
#question.ucenie .big_div .aktual_text.image_zadanie
{
    height: 100%;
    max-height: 100%;
    background-size: cover;
    background-position: center;
}
#KoniecButton {
    min-height: 80px;
    width: 100%;
}
#mic_img > img
{
    height: 120px;
}
#koniec_status h1 {
    font-size: 30px;
    text-align: center;
    margin-top: 20px;
    line-height: 1em;
}
@media screen and (max-width: 480px) {
    #mic_img > img
    {
        height: 80px;
    }
    #koniec_status h1 {
        font-size: 25px;
        text-align: center;
        margin-top: 20px;
        line-height: 1em;
    }
    .se-pre-con-papagaj {
        width: 100%;
        height: 100%;
    }
    .foto_text {
        font-size: 27px !important;
    }
    button.run_opakovanie > .papagaj_text
    {
        padding: 10px 5px;
        font-size: 14px; 
    }
    #question .big_div .text {
        font-size: 20px;
        padding: 12px 10px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .errorimg > img{
        max-width: 40%;
    }
    #koniec_status .errortext span
    {
        font-size: 17px;
        margin-top: 10px;
    }
    #question .big_div .aktual_text.image_zadanie
    {

        width: 100%;
        max-height: 295px;
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
        height: 100%;
    }
    .fullheight
    {
        width: 100%;
    }
    #KoniecButton button {
        margin:8px 0;
    }
    .error_slide {
        height: calc(100% - 10px);
    padding: 5px 0px;
    }
    #full_without_header
    {
        height: calc(100% - 40px);
    }
    #question.letter .big_div .text
    {
        padding: 0px 2px;
        font-size: 25px;
    }
    #question.letter .big_div .text .letter0, 
    #question.letter .big_div .text .letterspecial,
    #question.letter .big_div .text-correnct {
        font-size: 25px;
    }
    #question .big_div .odpoved_text.center
    {
        font-size: 18px;
    }
    #answer.choose_letter > div.button >button.answer_button
    {
        padding: 8px 15px;
        border-radius: 6px;
        font-size: 23px;
        height: auto;
        width: 60px;
    }
    #footer
    {
        display: none !important;
    }
}


#submenu, #submenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#submenu {
    width: auto;
    background-color: #415a68;
    -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    float: right;
    margin-right: 6px;
    /*    margin-top: -31px;*/
}

#submenu:before,
#submenu:after {
    content: "";
    display: table;
}

#submenu:after {
    clear: both;
}

#submenu {
    zoom:1;
}

#submenu li {
    float: left;
    border-right: 1px solid #222;
    -moz-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
    position: relative;
}

#submenu a {
    float: left;
    padding: 8px 15px;
    color: white;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#submenu li:hover > a {
    background-color: #dc0963;
    color: white;
    text-decoration: none;
}

#submenu ul {
    margin: 10px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 1;
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#submenu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

#submenu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#submenu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

#submenu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#submenu ul a {
    padding: 7px;
    width: 80px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

#submenu ul a:hover {
    background-color: #28a6b2;
}

#submenu ul li:first-child > a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#submenu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}