* {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}

html {
    width: auto;
    height: 100%;
    background: #F7F7F7;
    overflow: auto;
}

body {
    width: auto;
    height: 100%;
    background: #F7F7F7;
    overflow: auto;
}

.img_width {
    width: 100%;
}

.clearfix {
    float: none;
    clear: both;
}

.new_object--link {
    margin: 5px;
    font-size: 1.5em;
    color: #528FDF;
    text-decoration: none;
    display: inline-block;
}

.main_panel--top_menu {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #077777;
}

.main_panel--top_menu_left_link {
    width: 20px;
    margin-top: 5px;
    margin-left: 10px;
    height: 20px;
    display: inline-block;
}

.main_panel--top_menu_right {
    margin-right: 10px;
    display: none;
}

.main_panel--top_menu_right_link {
    cursor: pointer;
}

.main_panel_block {
    max-width: 1200px;
    min-height: 70%;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    /* border: 2px dashed red; */
}

.main_panel_block--left {
    width: 250px;
    border-right: 1px solid #E7E7E7;
}

.left_menu--link {
    padding: 5px;
    color: #2B2B2B;
    font-size: 1.7em;
    display: block;
    text-decoration: none;
}

.left_menu--link_secondary {
    padding: 5px 10px;
    color: #4E4E4E;
    font-size: 1.5em;
    display: block;
    text-decoration: none;
}

.left_menu--link:hover {
    background: #E7E7E7;
}

.main_panel_block--right {
    flex: 1 1 70%;
}

.current_bookings {
    padding: 10px 0px;
    font-size: 1.4em;
    text-align: center;
}

/* Autorisation */

.form_registr_block {
    max-width: 400px;
    margin: 5% auto 0px;
    background-color: #FFF;
    border: 1px solid #A9A9A9;
}

.form_registr_header {
    margin: 5px;
    text-align: center;
    font-size: 2em;
    color: #077777;
}

.form_reg_field_block {
    margin: 10px;
}

.form_reg_field_block--title {
    font-size: 1.2em;
}

.form_reg_field {
    width: 100%;
    font-size: 1.8em;
    padding: 5px;
    border: 1px solid #A9A9A9;
    border-radius: 5px;
}

.form_reg_button {
    padding: 5px 10px;
    font-size: 1.4em;
    color: #FFF;
    background-color: #077777;
    border: 1px solid #077777;
    cursor: pointer;
    border-radius: 4px;
}

.form_registr_block--logo {
    max-width: 300px;
    margin: 20px auto 20px;
}

/* */


/* Account */

.account_modul {
    margin: 5px;
}

.account_form {
    max-width: 400px;
    background-color: #FFF;
}

.account_form--block {
    margin: 5px;
}

.account_form--block_label {
    font-size: 1.2em;
    color: #333;
}

.account_form--text_field {
    width: 100%;
    padding: 4px;
    font-size: 1.4em;
    border: 1px solid #A9A9A9;
}

.account_form--checkbox_field {
    width: 20px;
    height: 20px;
}

.account_bar {
    margin: 3px 0px;
    padding: 3px 0px;
}

.account_bar:nth-child(even) {
    background-color: #F0F0F0;
}

.account_bar--login {
    color: #077777;
    font-size: 1.4em;
    text-decoration: none;
}

.account_bar--text {
    font-size: 1.3em;
}

.field_err {
    color: red;
}

.providers_block {
    margin: 5px;
    max-width: 800px;
    border-bottom: 1px solid #E7E7E7;
}

.providers_block--title_number {
    font-size: 1.6em;
}

.providers_block--title_link {
    font-size: 1.6em;
    color: #077777;
    text-decoration: none;
}

.providers_block--modul {
    display: flex;
}

.providers_block--avatar {
    width: 80px;
    height: 80px;
}

.providers_block--data {
    margin-left: 3px;
    flex: 2 1 100px;
}

.providers_block--data_label {
    font-size: 1.1em;
}

.providers_block--data_valid {
    font-size: 1.1em;
}

.yes_valid {
    color: green;
}

.no_valid {
    color: red;
}

.providers_block--avatar_link {
    width: 100%;
    height: 100%;
}

.providers_block--button {
    width: 80px;
    flex: 0 0 100px;
}

.providers_block--button_button {

}

.providers_block--button_link {
    color: #077777;
    font-size: 1.3em;
    text-decoration: none;
}

.providers_form {
    max-width: 600px;
}

.providers_form--title {
    margin: 5px;
    font-weight: 700;
    font-size: 1.6em;
    color: #077777;
}

/* */


.footer_form_container {
    margin: 10px;
}

.field_container {
    margin: 3px 0px;
}

.field_modul {
    margin: 10px 0px;
    padding: 10px;
    margin-top: 5px;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
}

.field_input {
    width: 100%;
    padding: 4px;
    font-size: 1.4em;
    border: 1px solid #A9A9A9;
    border-radius: 4px;
}

.field_textarea {
    width: 100%;
    padding: 4px;
    font-size: 1.4em;
    border: 1px solid #A9A9A9;
    border-radius: 4px;
}

.ta_full {
    min-height: 300px;
}

.footer_form--save_button {
    padding: 3px 5px;
    font-size: 1.5em;
    color: #FFF;
    background-color: #077777;
    border: 1px solid #077777;
    border-radius: 3px;
}

.destination_link {
    font-size: 1.8em;
}

.destinations_list {
    border: 1px solid #CCC;
}


.destination_form {
    max-width: 800px;
}

.field_title {
    font-size: 1.5em;
}

.field_actually {
    width: 100%;
    padding: 5px;
    font-size: 1.5em;
}

.select_field {
    width: 250px;
    font-size: 1.5em;
}

.submit_button_first {
    margin-left: 5px;
    padding: 5px 10px;
    font-size: 1.6em;
    color: #FFF;
    border: 1px solid #077777;
    background-color: #077777;
    border-radius: 4px;
}

.destinations_header--link {
    margin: 5px;
    font-size: 1.6em;
}

.tour_type_container {
    margin: 10px;
}

.tour_type_modul--type_name_first {
    width: 80%;
    margin: 10px 0px 0px;
    font-size: 1.6em;
    position: relative;
}

.tour_type_modul--type_name_second {
    width: 80%;
    margin: 3px 15px;
    font-size: 1.5em;
    position: relative;
}

.tour_type_modul--add_icon {
    top: -14px;
    right: -25px;
    font-size: 2em;
    font-weight: 900;
    color: green;
    position: absolute;
    cursor: pointer;
}

.type_name_second_form {
    margin-left: 15px;
}

/* Content list */

.content_list_modul {
    margin: 5px;
    max-width: 800px;
}

.content_list_modul--title {
    display: flex;
}

.content_list_modul--kod_id {
    width: 100px;
    font-size: 1.5em;
}

.content_list_modul--title_link {
    font-size: 1.4em;
    color: #077777;
    text-decoration: none;
}

.content_list_block {
    display: flex;
}

.content_list_block--picture {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
}

.content_list_block--info {
    margin-left: 5px;
    flex: 1 1 100%;
}


/* Gallery */
.gallery_block {
    margin: 10px;
    padding: 7px;
    border-radius: 4px;
    box-shadow: 0 3px 8px 2px #E2E2E2;
}

.form_file_load {
    width: 150px;
    height: 150px;
    margin: 5px 10px;
    border: 1px solid #AAA;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}

.form_file_load:hover {
    border: 1px solid #00AAEE;
}

.form_file_field {
    width: 150px;
    height: 150px;
    top: 0px;
    left: 0px;
    opacity: 0;
    filter: alpha(opacity:0);
    cursor: pointer;
    position: absolute;
    display: block;
}

.icon_foto {
    height: 50px;
    margin: auto;
    flex: 0 0 50px;
}

.form_foto_block {
    width: 150px;
    height: 150px;
    margin: 5px 10px;
    border: 1px solid #F49F20;
    float: left;
    position: relative;
}

.rot_button {
    width: 24px;
    height: 24px;
    padding: 5px;
    top: 0px;
    left: 0px;
    z-index: 10;
    position: absolute;
    cursor: pointer;
}

.rot_button:hover {
    background: rgba(0, 0, 0, 0.5);
}


.del_button {
    /* width: 16px; */
    /* height: 16px; */
    top: 0px;
    right: 0px;
    padding: 8px;
    text-decoration: none;
    z-index: 20;
    position: absolute;
    cursor: pointer;
}

.del_button:hover {
    background: rgba(128, 128, 128, 0.3);
}

.spin_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.picture_err_block {
}

.picture_err_file {
    padding: 2px 0px;
    text-align: center;
    font-size: 1.2em;
}

.picture_err_text {
    padding: 2px 0px;
    text-align: center;
    color: #7F0000;
    font-size: 1.2em;
}

/* visit_logs */

.visit_logs {
    max-width: 480px;
    /* border: 1px dotted red; */
}

.visit_logs--title {
    padding: 5px 0px;
    text-align: center;
    color: #FFF;
    background-color: #077777;
    font-size: 1.4em;
}

.visit_logs--header {
    padding: 5px;
    background-color: #EDF2F7;
    display: flex;
    justify-content: space-between;
}

.visit_logs--header_date,
.visit_logs--header_name,
.visit_logs--header_ip {
    flex: 1 0 33%;
}

.visit_logs--bar {
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

.visit_logs--bar:nth-child(even) {
    background: #EDF2F7;
}

.visit_logs--bar_date,
.visit_logs--bar_name,
.visit_logs--bar_ip {
    font-size: 1.1em;
    flex: 1 0 33%;
}

/* link_tours_and_articles */

.link_tours_modul {
    border: 1px dotted red;
}

.link_tours_modul--ex_list {
    border: 1px dotted green;
}