body {
    padding: 0;
    margin: 0;
    background-color: black;
    font-family: georgia;
}

.background {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    background-image: url('/images/galaxy.jpg');
    background-size: 100% auto;
    z-index: -1;
}

input[type="text"], input[type="password"] {
    border: none;
    border-bottom: solid 1px #ccc;
}

input[type="submit"], input[type="button"] {
    border: none;
    background-color: #ccc;
    padding: 10px;
}

select {
    padding: 10px;
    font-size: 16px;
    font-family: georgia;
}

.login-form {
    width: 20%;
    display: inline-block;
    background-color: white;
    padding: 10px;
}

.login-form .login-user-name, .login-form .login-user-password {
    padding: 10px;
    width: 100%;
    font-size: 16px;
    font-family: georgia;
}

.login-form .login-submit {
    width: 100%;
    background-color: #bcc6cc;
    font-family: georgia;
    font-size: 16px;
    letter-spacing: 2px;
}

.text-logo {
    display: inline-block;
    letter-spacing: 3px;
    color: #555;
    margin-right: 30px;
}

.amazing-logo {
    width: 15%;
}

/* Нижний контроллер с кнопками поиска и добавления контента*/

.control-view {
    position: fixed;
    width: 50%;
    bottom: 0px;
    margin-left: 25%;
    background-color: white;
    box-shadow: 0 0 5px #ccc;
    z-index: 0;
}

.control-view .control-refs {
    padding-bottom: 10px;
}

.control-view .control-refs .control-ref {
    padding: 5px;
    display: inline-block;
}

.control-view a {
    text-decoration: none;
    color: black;
    font-size: 100%;
}

.control-search {
    width: 100%;
    padding: 1%;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.control-search .control-search-text {
    width: 83%;
    padding: 10px;
    font-size: 16px;
    font-family: georgia;
}

.control-search .control-search-find {
    width: 7%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    background-image: url('/images/lupa.png');
    background-size: auto 70%;
}

.control-search .control-search-filters {
    width: 7%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    background-image: url('/images/filter.png');
    background-size: auto 70%;
}

/* Меню с фильтрами */
.filters-view {
    position: fixed;
    width: 50%;
    bottom: 0px;
    margin-left: 25%;
    background-color: white;
    box-shadow: 0 0 15px #999;
    display: none;
    z-index: 1;
}

.filters-view .filters-ref {
    display: inline-block;
    text-align: center;
    border: solid 1px #ddd;
    background-color: #eee;
    padding: 50px;
    background-size: auto 30%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 5px;
    cursor: pointer;
}

.filters-watch-later {
    background-image: url('/images/remind-on.png');
}

.filters-geolocation {
    background-image: url('/images/geolocation.png');
}

.filters-images {
    background-image: url('/images/image.png');
}

.filters-close {
    background-image: url('/images/close.png');
}

.filters-open-all {
    background-image: url('/images/multiple.png');
}

.filters-show-hidden {
    background-image: url('/images/hide.png');
}

.filters-show-hidden-active {
    background-color: #ADFF2F!important;
}

.filters-neopage-form {
    width: 100%;
    border-top: solid 1px #ddd;
    margin-top: 1%;
    padding-top: 1%;
    background-color: #fafafa;
}

.filters-neopage-form-title {
    width: 90%;
    padding: 1%;
    background-color: transparent;
}

.filters-neopage-form-submit {
    margin: 1%;
}

/* Классы для списка категорий */
.category-widget {
    position: relative;
    width: 48%;
    margin: 7px;
    margin-left: 25%;
    background-color: white;
    box-shadow: 0 0 5px #ccc;
    padding: 1%;
}

.category-widget .category-widget-abbreviation {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: white;
    font-family: georgia;
    font-weight: bold;
    border-radius: 50%;
    padding: 20px;
    width: 10px;
    height: 10px;
}

.category-widget .category-widget-ref {
    display: inline-block;
    text-decoration: none;
    color: black;
    width: 80%;
    padding: 10px;
}

.category-widget .category-widget-selector {
    float: right;
    background-image: url('/images/select-off.png');
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.category-widget-selected {
    background-color: #a8ff9d;
}

.category-widget-selected .category-widget-selector {
    background-image: url('/images/select-on.png');
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.empty-category-widget {
    box-shadow: 0 0 10px black;
}

.empty-category-widget .empty-category-view {
    width: 100%;
    border-bottom: solid 1px #ccc;
}

.empty-category-widget .empty-category-view .empty-category-title {
    border: none;
    padding: 10px;
    width: 89%;
    font-size: 16px;
    font-family: georgia;
}

.empty-category-widget .empty-category-view .empty-category-pin {
    width: 10%;
    background-image: url('/images/pin.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
}

.category-start-tune, .category-tuner, .category-fast-operations-view {
    display: none;
    position: fixed;
    width: 50%;
    bottom: 0px;
    margin-left: 25%;
    background-color: white;
    box-shadow: 0 0 5px #ccc;
    color: #777;
    font-family: georgia;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}

.category-tune-start {
    float: left;
    width: 85%;
    height: 100%;
}

.category-tune-start:hover {
    color: #333;
}

.category-tune-close {
    float: left;
    background-image: url('/images/close.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 30%;
    width: 14%;
    height: 100%;
    border-left: solid 1px #ccc;
}

.category-tune-close:hover {
    background-size: auto 40%;
}

.category-tuner {
    box-shadow: 0 0 10px #444;
    cursor: inherit;
    padding-bottom: 10px;
    z-index: 40;
}

.category-tuner .category-tuner-title {
    padding: 10px;
    width: 90%;
    font-size: 16px;
    font-family: georgia;
    margin-bottom: 10px;
}

.category-fast-operations-view {
    box-shadow: 0 0 10px #444;
    cursor: inherit;
    z-index: 30;
}

.category-fast-operations-view .category-fast-operations-title {
    width: 100%;
    padding-top: 10px;
}

.category-fast-operations-view .category-fast-operations {
    width: 100%;
    padding-top: 10px;
    text-align: right;
}

.category-fast-operations-view .category-fast-operations-remove {
    background-image: url('/images/trash.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    margin-right: 10px;
    cursor: pointer;
}

.category-fast-operations-view .category-fast-operations-tune {
    background-image: url('/images/tune.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    margin-right: 10px;
    width: 30px;
    cursor: pointer;
}

/* Классы для списка страниц */
.page-widget {
    position: relative;
    width: 48%;
    margin: 7px;
    margin-left: 25%;
    background-color: white;
    box-shadow: 0 0 5px #ccc;
    padding: 1%;
}

.page-widget-hidden {
    background-color: #eee;
}

.page-widget .page-widget-ref {
    display: inline-block;
    text-decoration: none;
    color: black;
    width: 80%;
    padding: 10px;
}

.page-widget .page-widget-image {
    width: 100%;
    margin-bottom: 10px;
}

.page-widget .page-widget-selector {
    float: right;
    background-image: url('/images/select-off.png');
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.page-widget-selected {
    background-color: #a8ff9d;
}

.page-widget-selected .page-widget-selector {
    background-image: url('/images/select-on.png');
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.page-widget .page-widget-website {
    padding: 5px;
    padding-bottom: 15px;
}

.page-widget .page-widget-data {
    padding: 0px;
}

.page-widget-icon {
    height: 30px;
    margin: 10px;
}

.page-widget-icon-image {
    height: 100%;
}

.page-widget .page-widget-website-ref {
    text-decoration: none;
}

.page-widget .page-widget-website-icon {
    display: inline-block;
    width: 16px;
}

.page-widget .page-widget-website-title {
    display: inline-block;
    max-width: 80%;
    font-size: 12px;
    font-family: georgia;
    color: #888;
    padding-left: 5px;
}

.page-widget .page-widget-category-abbreviation {
    float: right;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: white;
    font-family: georgia;
    font-weight: bold;
    font-size: 10px;
    border-radius: 50%;
    padding: 10px;
    margin-right: 10px;
    width: 10px;
    height: 10px;
}

.page-widget .page-widget-state {
    display: none;
    border-top: solid 1px #eee;
    padding: 10px;
    color: #888;
    font-size: 12px;
    font-family: georgia;
}

.page-widget-comments {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    font-family: georgia;
}

.page-widget-comments-title {
    color: #888;
    font-size: 16px;
}

.page-widget-comment {
    font-size: 14px;
    padding-top: 10px;
}

.page-widget-comment-editor {
    margin-left: 10px;
}

.page-widget-comment-field {
    padding: 10px;
    margin-top: 10px;
    width: 80%;
}

.page-widget-comment-editor .page-widget-comment-pin {
    margin-top: 10px;
    width: 5%;
    background-image: url('/images/plane.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
}

.empty-page-widget {
    box-shadow: 0 0 10px black;
}

.empty-page-widget .empty-page-view {
    width: 100%;
    border-bottom: solid 1px #ccc;
}

.empty-page-widget .empty-page-view .empty-page-title {
    border: none;
    padding: 10px;
    width: 84%;
    font-size: 16px;
    font-family: georgia;
}

.empty-page-widget .empty-page-view .empty-page-pin {
    width: 10%;
    background-image: url('/images/pin.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
}

.empty-page-widget .empty-page-view .empty-page-upload {
    position: relative; 
    width: 5%; 
    float: left;
}

.empty-page-widget .empty-page-view .empty-page-upload-file {
    position: relative; 
    width: 100%; 
    text-align: right; 
    opacity: 0; 
    -moz-opacity: 0; 
    z-index: 1;
}

.empty-page-widget .empty-page-view .empty-page-upload-icon {
    position: absolute; 
    width: 100%; 
    height: 100%; 
    background-image: url("/images/upload.png"); 
    background-size: 90%; 
    background-repeat: no-repeat; 
    background-position: center; 
    left: 0; 
    top: 5;
    z-index: 0;
}





.page-start-tune, .page-tuner, .page-fast-operations-view {
    display: none;
    position: fixed;
    width: 50%;
    bottom: 0px;
    margin-left: 25%;
    background-color: white;
    box-shadow: 0 0 5px #ccc;
    color: #777;
    font-family: georgia;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}

.page-tune-start {
    float: left;
    width: 85%;
    height: 100%;
}

.page-tune-start:hover {
    color: #333;
}

.page-tune-close {
    float: left;
    background-image: url('/images/close.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 30%;
    width: 14%;
    height: 100%;
    border-left: solid 1px #ccc;
}

.page-tune-close:hover {
    background-size: auto 40%;
}

.page-tuner {
    box-shadow: 0 0 10px #444;
    cursor: inherit;
    padding-bottom: 10px;
    z-index: 40;
}

.page-tuner .page-tuner-title, .page-tuner .page-tuner-url {
    padding: 10px;
    width: 90%;
    font-size: 16px;
    font-family: georgia;
    margin-bottom: 10px;
}

.page-fast-operations-view {
    box-shadow: 0 0 10px #444;
    cursor: inherit;
    z-index: 30;
}

.page-fast-operations-view .page-fast-operations-title {
    width: 100%;
    padding-top: 10px;
}

.page-fast-operations-view .page-fast-operations {
    width: 100%;
    padding-top: 10px;
    text-align: right;
}

.page-fast-operations-view .page-fast-operations-similar {
    background-image: url('/images/similar.png');
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    margin-right: 10px;
    cursor: pointer;
}

.page-fast-operations-view .page-fast-operations-line {
    background-image: url('/images/film.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    margin-right: 10px;
    cursor: pointer;
}

.page-fast-operations-view .page-fast-operations-remove {
    background-image: url('/images/trash.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    margin-right: 10px;
    cursor: pointer;
}

.page-fast-operations-view .page-fast-operations-hide {
    background-image: url('/images/hide.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    margin-right: 10px;
    cursor: pointer;
}

.page-fast-operations-view .page-fast-operations-tune {
    background-image: url('/images/tune.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    margin-right: 10px;
    width: 30px;
    cursor: pointer;
}

/* Классы для вебсайтов */
.website-widget {
    position: relative;
    width: 48%;
    margin: 7px;
    margin-left: 25%;
    background-color: white;
    box-shadow: 0 0 5px #ccc;
    padding: 1%;
}

.website-widget .website-widget-icon {
    display: inline-block;
}

.website-widget .website-widget-domain {
    display: inline-block;
    margin-left: 10px;
    text-decoration: none;
    font-family: georgia;
    color: black;
}

.website-widget .website-widget-home {
    display: inline-block;
    float: right;
}

.website-widget .website-widget-home img {
    width: 20px;
}

/* Дополнительные классы */
.selected-location {
    background-color: #b60aff;
}

.selected-location a {
    color: white!important;
}

.tune_disabled {
    background-image: url('/images/tune_disabled.png')!important;
    cursor: inherit!important;
}

.todo-icon {
    float: right;
    width: 30px;
    cursor: pointer;
}

.web-search-engines {
    padding: 10px;
}

.youtube-video {
    width: 100%;
    height: calc(100vw * 0.3);
    border: none;
}

.youtube-links {
    padding-top: 10px;
    padding-bottom: 10px;
}

.youtube-link {
    text-decoration: none;
    margin: 10px;
    color: grey;
    font-size: 16px;
}

.video-moment {
    text-decoration: none;
    background-color: #FFA500;
    padding: 10px;
    font-family: georgia;
    font-size: 14px;
    color: black;
}

.data-loading {
    width: 50px;
    height: 50px;
    display: none;
}

.data-loading img {
    width: 100%;
    height: 100%;
}





/*NEO-PAGE*/
.neopage {
    position: relative;
    width: 50%;
    margin: 7px;
    margin-left: 25%;
    background-color: white;
    box-shadow: 0 0 5px #ccc;
    padding-bottom: 1%;
    font-family: georgia;
}

.neopage-add-text {
    width: 50px;
    height: 50px;
    background-image: url('/images/document-icon.ico');
    background-size: 100%;
    display: inline-block;
    cursor: pointer;
    margin: 1%;
}

.neopage-add-image {
    width: 50px;
    height: 50px;
    background-image: url('/images/picture-icon.ico');
    background-size: 100%;
    display: inline-block;
    cursor: pointer;
    margin: 1%;
}

.neopage-content-creator {
    width: 100%;
}

.neopage-text-editor, .neopage-image-editor {
    width: 100%;
    display: none;
}

.neopage-text-editor textarea {
    width: 98%;
    margin-left: 1%;
}

.neopage-image-editor input[type='text'] {
    width: 96%;
    padding: 2%;
    margin-left: 1%;
}

.neopage-component-text {
    width: 96%;
    padding: 2%;
    text-align: justify;
}

.neopage-component-image {
    width: 100%;
    margin-top: 1%;
    margin-bottom: 1%;
}