/* Виджет назначает height: 100% , что может привести к непредксказуемому результату, если вы этого не планровали */

html {
    height: auto !important;
}

/* Фиксируем позицию body, которую меняет панель гугла */

body {
    top: 0 !important;
    position: static !important;
    min-height: 100vh !important;
}

/* Прячем панель гугла */

.skiptranslate {
    display: none !important;
}

/* Убираем подсветку ссылок */

.goog-text-highlight {
    background-color: inherit;
    box-shadow: none;
    box-sizing: inherit;
}

/* language */

.language {
    position: fixed;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
}

.language__img {
    margin: 3px;
    cursor: pointer;
    opacity: .5;
}

.language__img:hover,
.language__img_active {
    opacity: 1;
}

/* Стили для демонстрации */

body {
    display: flex;
}

/* content */

.content {
    text-align: center;
    margin: auto;
}


@media (max-width: 768px) {
    .language {
        position: absolute;
        left: 50%;
        top: 12px; 
        transform: translate(-50%);
        flex-direction: row;
    }
}

@media (max-width: 768px) {
    .language__img {
        width: 35px;
    }
}

/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: 0; margin:0; position: relative; height:13px; display:none}
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .0em .6em .1em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; height:13px;}

.dclose { position: absolute; right: .3em; top: 10; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.dclose span { display: block; margin: 1px; }
.dclose:hover { background-color:#D0D0D0;}

.dialog_input {
    font-size:12px;
}

.dialog_input .title {
    font-size:16px;
    font-weight:bold;
}

ul.dropdown                         { position: relative; z-index:10; }
ul.dropdown li                      { float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #000000; text-decoration: none;}
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 5px 10px; border-right: 1px solid #446688; color: #CCDDEE; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #446688 url(../images/theme/menuover.png); position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #446688 url(../images/theme/menuover.png); color: #FFFFFF;
									  border-bottom: 1px solid #446688; float: none; }
									  
ul.dropdown ul li.hover,
ul.dropdown ul li:hover				{ background: #446688}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none;/* width: 100%;*/ display: inline-block; color: #CCDDEE; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }