.tarif_group_name{
    display:none;
}

.tg-getOrderInfo{
    position: absolute;
    width: 100%;
    max-height: 500px;
    border-top: 1px solid;   
    padding: 10px 10px 0 10px;
    bottom: 0px;
    left: 0px;
    background: #fff;
    z-index: 9;
}


.tg-ses-date-name{
    font-weight: bold;
    flex: 0 0 100%;
}

.tg-ses-date-desc{
    margin: 10px 0;
}


.tg-event-elements-session-data{
    display: flex;
    flex-wrap: wrap;
}

.age_category{
    border: 1px solid #0fbdef;
    color: #0fbdef;
    border-radius: 50%;
    padding: 5px;
    background: #fff;
    cursor:default;
}
.age_category:hover{
    background: #f6f6f6ed;
}

.tg-events-session-element{
    border-radius: 12px;
    border: 1px solid #0fbdef;
    outline: none!important;
    padding: 10px; 
}
.tg-event-elements-sessions a{
    text-decoration: none; 
}

.tg-events-session-element:hover{
    background: #F0F0F0;
}

.user{
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #fff;       
    border-right: 0;
    position: relative;
    width: 0px;
    height: 20px;
    padding: 1px;
}

.user div.icon{
    width: 100%;
    height: 100%;
    right:0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: relative;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNy4wMyAyNy4wMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMGJkZjI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7QoNC10YHRg9GA0YEgMzwvdGl0bGU+PGcgaWQ9ItCh0LvQvtC5XzIiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMiI+PGcgaWQ9ItCh0LvQvtC5XzMiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMyI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNTIsMEE3LjgxLDcuODEsMCwwLDAsOS4xLDE0LjI1LDEzLjU2LDEzLjU2LDAsMCwwLDAsMjdIMi4xMWExMS40MSwxMS40MSwwLDAsMSwyMi44MSwwSDI3YTEzLjU4LDEzLjU4LDAsMCwwLTkuMDktMTIuNzhBNy44MSw3LjgxLDAsMCwwLDEzLjUyLDBabTAsMTMuNTJhNS43MSw1LjcxLDAsMSwxLDUuNy01LjcxLDUuNzEsNS43MSwwLDAsMS01LjcsNS43MVoiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat center;
    background-size: cotain;
}

.tg-confirmButtons .button{
    padding: 5px 10px;
}

div.tg_tooltips{
    position: absolute;
    min-width:120px;
    max-width:360px;
    color: #FFFFFF;
    background: #878787;
    z-index: 9999999;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    opacity: 0.9;
    border-radius: 7px;
    padding: 0 10px;
}   
div.tg_tooltips:after{
    content: '';
    position: absolute;
    bottom: 100%;
    /*    margin-left: -80%;  */
    left: 30px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

div.tg_tooltips.tg_red{
    background: #EA5E5E;
}                         
div.tg_tooltips.tg_green{
    background: #35D37C;
}

div.tg_tooltips.tg_green:after{
    border-bottom: 8px solid #35D37C;
}
div.tg_tooltips.tg_red:after{
    border-bottom: 8px solid #EA5E5E;
}


.menus{
    position: absolute;
    top: 100%;
    min-width: 220px;
    right: 0;
    z-index: 99999;
    padding: 0;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.1s, opacity 0.1s linear;
    -o-transition: visibility 0s 0.1s, opacity 0.1s linear;
    transition: visibility 0s 0.1s, opacity 0.1s linear;
    min-height: 25px;          
    background: #fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);

}


.menus ul{
    cursor: pointer;
    margin: 0;
    padding:0;
    list-style:none;
    position: relative;
    z-index: 99999;
    color: #0fbdef;
}

.menus div
{                                       
    border-bottom: 1px solid #000058;
    min-width: 240px;
    display: block;
    margin-left: 0;
    color: #000;
    padding: 10px;
    font-size: 100%;
}
.menus li
{                                       
    border-bottom: 1px solid #000058;
    min-width: 40px;
    display: block;
    margin-left: 0;
    padding: 10px;
    font-size: 100%;
}

.menus li:hover
{
    background: #0fbdef;
    color: #fff;
}

.menus a {
    color:#000058;
    letter-spacing: 1px;
    font-weight: 600;
    display: block;
}

.user:hover #tg-userMenu{
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

.menu:hover #mainMenu{
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear;
}


.menu{
    padding: 0;
    margin: 0px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #fff;     

    width: 0px;
    height: 20px;
    padding: 1px;       
    position: relative;          
    right: 0;      
}


.menu div.icon{
    width: 100%;
    height: 100%;
    right:0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: relative;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzLjc4IDE2LjA1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzZiYjllNzt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtCg0LXRgdGD0YDRgSAxNTwvdGl0bGU+PGcgaWQ9ItCh0LvQvtC5XzIiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMiI+PGcgaWQ9ItCh0LvQvtC5XzMiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMyI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS44OSwxMi4yN2ExLjg5LDEuODksMCwxLDAsMS44OSwxLjg5LDEuODksMS44OSwwLDAsMC0xLjg5LTEuODlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS44OSw2LjEzQTEuOSwxLjksMCwxLDAsMy43OCw4YTEuOSwxLjksMCwwLDAtMS44OS0xLjlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS44OSwwQTEuODksMS44OSwwLDEsMCwzLjc4LDEuODksMS44OSwxLjg5LDAsMCwwLDEuODksMFoiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat center;
    background-size: contain;
}


.row {
    margin-right: 0px;
    margin-left: 0px;
}


.tg-terms{
    margin: 5px;
}

.tg-terms-element{
    margin: 5px;
}

#ED_form_user_phone{
    font-size: 70%;
    border-bottom: 1px dashed;
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 15px;
}

.rememberPsw{
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 15px;
    border-bottom: 1px dashed;
}

.tg-price{    

}

a.button{
    padding: 15px;
}

.checkEmailManual{
    margin-top: 15px;
}

.tg-terms-element input{
    margin-right: 5px;
}
.tg-terms-element label{
    font-size: 100%;
    line-height: 1;
}
.tg-getOrderInfo .orderElement{
    max-width: 172px;
    min-height: 135px;
    background: rgb(255, 255, 255);
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: rgba(0, 0, 0, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-top-color: rgb(229, 229, 229);
    padding: 12px 24px;    
    top: 0px;
    left: 0px;
    transition: margin 0.2s ease 0s;
}

.tg-before-terms{
    font-style: italic;
    margin: 10px 0;
}

.form-control input[inputmode=tel] {
    color: #fff;

::-webkit-input-placeholder { /* Chrome */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #fff;
  opacity: 1;
}
    
}

.form-control.active input[inputmode=tel] {  
    color: #000;
}

.flatpickr-day {
    height: 55px !important;
}

.tg-event-element-name-tr a{
   text-decoration: none;  
}

.tg-event-element-name{
    border-radius: 12px;
    border: 1px solid #0fbdef;
    padding: 10px;
    margin: 10px;   
}
.tg-event-elements-desc{
       font-size: 90%;
       color: #585858;  
}
.tg-event-element-name:hover{
    background: #F0F0F0; 
}


@media (max-height: 650px)and (orientation:landscape) {
    header {
        padding: 7px 8px 5px;       
    }

    .flatpickr-weekdays {    
        height: 18px;
    }

    .page {
        padding-top: 4px;
    }

    .flatpickr-day {
        height: 45px !important;     
    }      
    .back-btn-wrapper {
        min-height: 10px;  
    }
}

@media (max-width: 980px) and (orientation:portrait) {
    .tg-getOrderInfo {
    position: absolute;
    max-width: 500px;
    min-width: 100%;
    max-height: 500px;
    border: 1px solid;
    border-bottom: none;
    border-left: none;
    border-right: none;  
    font-size: 90%; 
    bottom: 0px;
    left: 0;
}
.tg-getOrderInfo .orderElement{
    max-width: 152px;
    min-height: 105px;
    padding: 5px 9px;
}
.rememberPsw{
    position:relative;        
} 
}