@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500&family=Montserrat:wght@500;600;700&family=Work+Sans:wght@100;200;400&family=Yantramanav:wght@100;300;500&display=swap');

* {
	margin: 0;
	padding: 0;
}
:root {
	box-sizing: border-box; 
	--background-body: #191D23;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}
.none_click {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: no;   
}

body {
	height: 100%;
	background: var(--background-body);
	font-family: "Segoe UI";
	line-height: 1.42857143;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 16px;
}
.wrapper {
	position: relative;
	top: 50px;
	margin: 0;
	padding: 0;
	min-height: calc(100vh - 50px);
	height: 100%;
	transition: 0.3s ease-out;
}
.content-wrapper_events {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-left: 20em;
	width: calc(100% - 20em);
	min-width: calc(600px - 20em);
	height: calc(100vh - 50px);

    min-height: 700px;
	overflow: hidden;	
	transition: 0.3s ease-out;
}

.content-wrapper_operations {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-left: 20em;
	width: calc(100% - 20em);
	min-width: calc(600px - 20em);
	height: calc(100vh - 50px);

    min-height: 700px;
	overflow: hidden;	
	transition: 0.3s ease-out;
}
/*welcome-------------------------------------------------------------------------*/
.welcome_container {
    display: grid; 
    grid-template: repeat(4, 1fr) / repeat(6, 1fr);    
}
.welcome_container {
    height: 100%;
    min-height: 662px;
    min-width: 1024px;
}
.left_descript,
.left_set_game {
    grid-area: 1 / 1 /5 / 4;
    padding: 0;
}
.right_logo,
.right_set_game {
    grid-area: 1 / 4 / 5 / 7;
    padding: 0;
}
.wrap_screen_game {
    position: relative;
    display: flex;
    height: 100%;
    background: linear-gradient(180deg, #39B2BC 0%, #6217A9 100%);
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 50%);
    border-radius: 30px 0 0 30px;
    margin: 0;
    overflow: hidden;
    transition: 0.6s;
}
.wrap_welcome_text {
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin: 0 50px;
    transition: .8s;
}
.wrap_welcome_text h1 {
	font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 37px;
    color: #D3D3D3;
    padding: 0 0 30px 0;
    padding-left: 0;
    animation: opacity 2s;
    transition: 0.6s;
}
.span_username {
	position: relative;
	font-weight: 100;
	font-size: 30px;
}
.steps {
	position: relative;
	display: flex;
	flex-direction: column;
    padding: 0 0 20px 0;
    transition: all 0.9s ease 0s;
}
.steps p {
	font-style: normal;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.01em;
    color: #D3D3D3;
    padding-bottom: 15px;
    animation: opacity 3s;
}
.play_buttons {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.btn_newgame {
	display: flex;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	border: 1px solid var(--color-status-green);
	border-radius: 10px;
	background: var(--background-step-btn);
	color: white;
	padding: 12px 25px 10px;
	font-size: 18px;	
    font-weight: 100;
    letter-spacing: 0.01em;
	transition: 0.8s;
}
.btn_newgame:hover {
	border: 1px solid var(--color-status-green);
	background: var(--color-status-green);
	color: var(--color_dark_theme);
	transition: 0.8s;
}
.btn_currentgame {
	display: flex;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	border: 1px solid var(--color-status-green);
	border-radius: 10px;
	background: var(--color-status-green);
	color: var(--color_dark_theme);
	padding: 12px 25px 10px;
	font-size: 18px;	
    font-weight: 100;
    letter-spacing: 0.01em;
	transition: 0.8s;
}
.btn_currentgame:hover,
.btn_newgame:focus {
	border: 1px solid var(--color-yellow);
	background: var(--color-yellow);
	color: var(--color_dark_theme);
	transition: 0.8s;
}
.addition_btn {
	display: block;
	text-align: center;
	width: 100%;
    outline: none;
    border: none;
    text-decoration: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.55);
    font-size: 14px;
    margin: 0 0 0 0;
    line-height: 18px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    cursor: pointer;
    transition: 0.8s;
}
.addition_btn:hover {
	color: rgba(255, 255, 255, 1);
    transition: 0.8s;
}
.set_game {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	min-height: 662px;
	background: rgba(19, 23, 29, 0.95);
	backdrop-filter: blur(10px);
	overflow-x: scroll;
	min-width: 1024px;

	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s 	
}
@keyframes animatetop {
	from {
		top:-500px; 
		opacity:0;
	}
	to {
		top:0; 
		opacity:1;
	}
}
/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top:-500px; 
		opacity:0;
	} 
	to {
		top:0; 
		opacity:1;
	}
}
.info_wrap_pdf {
	position: absolute; 
	bottom: 2em; 
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
}
.info_wrap_pdf p {
	color: rgba(255, 255, 255, 0.55);
    font-size: 18px;
    line-height: 18px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    margin-right: 18px;
}
.info_wrap_pdf button {
	display: block;
	outline: none;
	border: none;
	background: transparent;
	color: rgba(255, 255, 255, 0.55);
    font-size: 18px;
    line-height: 18px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    cursor: pointer;
    transition: 0.8s;
}
.info_wrap_pdf button:hover {
	color: rgba(255, 255, 255, 1);
    transition: 0.8s;
}
.grid_wrap {
	display: grid; 
	grid-template: repeat(4, 1fr) / repeat(6, 1fr);    
	width: 100%;
	min-width: 1175px;
}
.btn_close_reg {
	position: absolute;
	right: 15px;
	top: 10px;
	color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
    transition: 0.6s;		
}
.btn_close {
	position: absolute;
	right: 15px;
	top: -15px;
	color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
    transition: 0.6s;		
}
.btn_close:hover,
.btn_close_reg:hover {
	color: #fff;
    transition: 0.6s;	
}
.wrap_sg {
	position: relative;
	display: flex;
	flex-direction: column;
	height: calc(100% - 60px);
	width: calc(100% - 55px);
	margin: 30px 20px 30px 35px;
}
.wrap_sg h2 {
	font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 34px;
    color: #D3D3D3;
    padding: 0 0 20px 0;
    padding-left: 0;
    animation: opacity 2s;
    transition: 0.6s;	
}
.btn_bar {
	position: relative;
	display: flex;
	flex-direction: row;
	padding: 0 0 20px 0;
}
.btn_h2 {
	outline: none;
	border: none;
	background: transparent;
	font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 34px;
    color: #5B5B5B;
    cursor: pointer;
    
    padding-left: 0;
    animation: opacity 2s;
    transition: 0.6s;	
}
.btn_h2:hover,
.act_clicked {
	color: #D3D3D3;
	transition: 0.6s;	
}
.nav_games {
	position: relative;
	display: flex;
	flex-direction: row;
	margin: 0;
	align-items: stretch;
}
.game_num,
.currgame_num {
	display: flex;
	justify-content: left;
	width: 100%;
	border: none;
	outline: none;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 18px;
	font-weight: 100;
	background: transparent;
	color: #BBBBBB;
	padding: 6px 0px 6px 15px;
	margin: 0;
	border-bottom: 1.5px solid var(--background-step-btn);
	cursor: pointer;
	transition:  0.6s ;
}
.game_num:hover,
.currgame_num:hover {
	border-bottom: 1.5px solid rgba(94, 186, 201, 0.5);
	color: white;
	font-weight: ;
	transition:  0.6s ;
}
.game_num.active_game,
.currgame_num.active_game {
	border-bottom: 1.5px solid var(--background-step-btn-active);
	color: white;
	transition:  0.6s ;
}
.description_games {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 20px 0 0 15px;
	height: calc(100% - 20px);
}
.content_game {
	display: none;
	position: relative;
	flex-direction: column;

	height: 100%;
}

.content_currgame {
	display: flex;
	position: relative;
	flex-direction: column;

	height: 100%;
}
.content_game h3,
.content_currgame h3 {
	font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    color: #D3D3D3;
    padding: 0 0 15px 0;
    padding-left: 0;
    animation: opacity 2s;
    transition: 0.6s;	
}
.text_desc {
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 150px;
	padding-top: 0;
	transition: 0.6s;	
}
.text_desc p {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	letter-spacing: 0.01em;
	color: #D3D3D3;
	padding-bottom: 13px;
	animation: opacity 3s;
}
.difficulty_descript {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	letter-spacing: 0.01em;
	color: #D3D3D3;
	padding-bottom: 13px;
	animation: opacity 3s;
}
.img_desc {
	position: relative; 
	display: flex; 
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
}
.img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;  
	background: gray;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));	
}
.img1 {
	position: relative;
	background: url(../img/start_game/var1_q.PNG) center / cover;
	background-repeat: no-repeat;
}
.img2 {
	position: relative;
	background: url(../imgs/var_2.PNG) center / cover;
	background-repeat: no-repeat;
}
.img3 {
	position: relative;
	background: url(../imgs/var_3.PNG) center / cover;
	background-repeat: no-repeat;
}
.img4 {
	position: relative;
	background: url(../imgs/var_4.PNG) center / cover;
	background-repeat: no-repeat;
}
.filt {
	filter: blur(10px);
}  
.settings_for_games {
	display: flex;
	flex-direction: column;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-grow: 1;
    min-height: calc(100% - 120px);
    height: 300px;
    padding-top: 0;
    transition: 0.6s;
}

.menu_plan {
	display: flex;
	justify-content: space-between;
	width: 100%;
	border: none;
	outline: none;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	font-weight: 100;
	background: transparent;
	color: #fff;
	padding: 6px 20px 6px 15px;
	margin: 0;
	border-bottom: 1.5px solid var(--background-step-btn);/*-active*/
	
	cursor: pointer;
	transition:  0.6s ;
}
.menu_settings {
	display: flex;
	justify-content: space-between;
	width: 100%;
	border: none;
	outline: none;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 18px;
	font-weight: 100;
	background: transparent;
	color: #fff;
	padding: 6px 20px 6px 15px;
	margin: 0;
	border-bottom: 1.5px solid var(--background-step-btn);/*-active*/
	
	cursor: pointer;
	transition:  0.6s ;
}
.menu_settings::after,
.menu_plan::after {
	content: "\2212";
	color: #fff;
	transition: 0.8s;
}
.act_menu_btn {
	border-bottom: 1.5px solid var(--background-step-btn);
	color: #BBBBBB;
	transition:  0.6s ;
}
.act_menu_btn::after {
	content: '\002B';
	font-weight: bold;
	float: right;
	margin-left: 5px;    
}
.menu_settings:hover,
.menu_plan:hover {
	border-bottom: 1.5px solid rgba(94, 186, 201, 0.5);
	color: #fff;
	font-weight: ;
	transition:  0.6s ;
}
.wrap_button {
	position: relative;
	display: flex;
	justify-content: flex-end;
}
.team_inp {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 20px;
}
.label {
	position: relative;
    color: rgba(255, 255, 255, 0.55);
    font-size: 16px;
    line-height: 16px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    margin-right: 15px;
}
.menu_content {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 8px 0px 5px 15px;
}
.team_wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0 0 15px 0;
}
.team_name_options {
	position: relative;
	display: block;
	text-align: left;
	font-size: 16px;
	line-height: 16px;
	color: #c1c1c1;
	padding: 10px 0 0 0;
	margin-bottom: 8px;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	left: 0;
	top: 0;
	transition: all 0.6s ease 0s;
	width: auto;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 	    
}
.teammate_options {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;	    
	margin-left: 20px;
	margin-right: 20px;
	height: 23px;
}
.teammate_options::before {
	position: relative;
	display: flex;
	width: 10px;
	height: 10px;
	border-radius: 30px;
	background: #606060;
	box-shadow: inset 0px 0px 5px rgba(34, 34, 34, 0.68);
	padding: 0;
	margin: 0;
	content: "";
	left: 0;
	transition: all 0.6s ease 0s;
}
.teammate_options.online::before{
	background: #46E043;
}
.teammate_email {
	position: relative;
	text-align: left;
	width: 300px;
	margin-left: 15px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	color: rgba(255, 255, 255, 0.55);
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	font-weight: 100;
}
.table_menu {
	border: none;
	width: 100%;
	height: auto !important;
	font-size: 15px;
	border-collapse: collapse;
	color: rgba(255, 255, 255, 0.55);
	font-size: 16px;
	line-height: 16px;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
}
.input_num {
    border: 1px solid #32383F;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: #fff;
    font-size: 15px;
    text-align-last: center;
    appearance: none;
    -webkit-appearance: none;
    background-color: #32383F;
    padding: 4px 0;
    margin: 3px 0;
    transition: 0.6s;
    text-align: center;
}
.input_selection {
    border: 1px solid #32383F;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: #fff;
    font-size: 15px;
    text-align-last: center;
    appearance: none;
    -webkit-appearance: none;
    background-color: #32383F;
    padding: 4px 0;
    margin: 3px 0;
    transition: 0.6s;
    text-align: center;
}
.input_num:hover,
.input_selection:hover {
	border: 1px solid rgba(94, 186, 201, 0.5);
	transition: 0.6s;
}
.input_num:focus,
.input_selection:focus {
  border: 1px solid var(--background-step-btn-active);
  outline: none; 
  transition: 0.6s;   
}
.input_num:disabled,
.input_selection:disabled {
  border: 1px solid rgba(0, 0, 0, 0.18);
  background-color: rgba(0, 0, 0, 0.18);
  transition: 0.6s;   
}
.complexity {
	display: flex; 
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.btn_complexity {
    display: flex;
    cursor: pointer;
    outline: none;
    border: 1px solid var(--background-sidebar);
    border-radius: 8px;
    background: var(--background-sidebar);
    color: #A4A4A4;
    padding: 6px 20px 6px;
    margin: 0 8px 8px 0;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: 0.01em;
    transition: 0.8s;	
}
.btn_complexity:hover {
    border: 1px solid var(--color-status-green);
    border-radius: 8px;
    background: var(--background-step-btn);
    color: #A4A4A4;
    transition: 0.8s;
}
.selection {
    border: 1px solid var(--color-status-green);
    border-radius: 8px;
    background: var(--color-status-green);
    color: var(--color_dark_theme);
    transition: 0.8s;		
}
.select_set_in_tab {
    position: relative;
    padding: 4px 0;
    margin: 3px 0;
    width: auto;
    font-size: 15px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    text-decoration: none;
    white-space: nowrap;
    color: #BBBBBB;
}

.input_selection_eq {
    border: 1px solid #292F38;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: #fff;
    font-size: 14px;
    text-align-last: center;
    appearance: none;
    -webkit-appearance: none;
    background-color:#292F38;
    padding: 0px 0;
    margin: 1.5px 0;
    transition: 0.6s;
    text-align: center;
    cursor: pointer;
}
.input_selection_eq:hover {
	border: 1px solid  #373E48;
	background-color: #373E48;
	transition: 0.6s;
}
.input_selection_eq:focus {
	border: 1px solid  #373E48;
  outline: none; 
  transition: 0.6s;   
}
.input_selection_eq:disabled {
  border: 0.5px solid #292F38;
  background-color: #292F38;
  transition: 0.6s;  
  cursor: default; 
}



.on_wrap_1 {
	position: relative;
	width:auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	color: #fff;
	font-size: 14px;
	margin: 3px 0;
}
.input_d_sht{
	display: flex;
	width: 0px;
	position: relative;
	align-self: flex-start;
	justify-content: center;
	transition: 0.3s ease-out;
}
.check_d_sht {
	display: flex;
	align-items: center;
	width: 120px;
	margin-right: 0;
	justify-content: center;
	transition: 0.3s ease-out;
}
/*формы*/
.input_transparent {
	display: flex;
	width: 80%;
	border: none;
	outline: none;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: #fff;
    font-size: 14px;
    text-align-last: center;
    appearance: none;
    -webkit-appearance: none;
    background-color:#292F38;
    padding: 1px 0;
    margin: 0;
    transition: 0.6s;
    text-align: center;
}
.input_transparent:hover {
  transition: 0.6s;
  background-color: #373E48;
}
.input_transparent:focus {
  background-color: #373E48;
  outline: none;
  transition: 0.6s;     
}
.input_transparent.active {
  background-color: #373E48;
  outline: none;
  transition: 0.6s;    
}
.input_transparent:disabled {
  transition: 0.6s;  
  cursor: default;
}
.checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
	transition: 0.6s;
}
.checkbox+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
	transition: 0.6s;
}
.checkbox+label::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid rgba(130, 130, 130, 1);
	border-radius: 3px;
	margin-right: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	transition: 0.6s;
	cursor: pointer;
}
.checkbox:not(:disabled):not(:checked)+label:hover::before {
	border-color: #33A3FF;
	transition: 0.6s;
}
.checkbox:not(:disabled):active+label::before {
	background-color: rgba(51, 163, 255, 0.6);
	border-color: #33A3FF;
	transition: 0.6s;
}
.checkbox:focus+label::before {
	transition: 0.6s;
}
.checkbox:focus:not(:checked)+label::before {
	border-color: #33A3FF;
	transition: 0.6s;
}
.checkbox:checked+label::before {
	border-color: #33A3FF;
	background-color: rgba(51, 163, 255, 0.6);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
	transition: 0.6s;
}
.checkbox:disabled+label::before {
	background-color: #e9ecef;
	transition: 0.6s;
}


.input_selection_eq_c {
    border: 1px solid rgba(236, 237, 237, 1);
    border-radius: 4px;
    box-sizing: border-box;
   /* font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;*/
    color: var(--background-copyright);
    font-size: 14px;
    text-align-last: center;
    appearance: none;
    -webkit-appearance: none;
    background-color: rgba(236, 237, 237, 1);
    padding: 2px 0;
    margin: 1.5px 0;
    transition: 0.6s;
    text-align: center;
    cursor: pointer;
}
.input_selection_eq_c:hover {
	border: 1px solid rgba(212, 213, 215, 1);
	background-color: rgba(212, 213, 215, 1);
	transition: 0.6s;
}
.input_selection_eq_c:focus {
	border: 1px solid rgba(212, 213, 215, 1);
	background-color: rgba(212, 213, 215, 1);
  outline: none;
  transition: 0.6s;   
}
.input_selection_eq_c:disabled {
  border: 1px solid transparent;
  background-color: transparent;
  transition: 0.6s;  
  cursor: default; 
}
/*--------------------------------------------------------------------------------*/

/*информационная панель с номером куста, скважины и т.д.--------------------------*/
.div_header_operation {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;/*space-between*/
	height: 45px;

	margin: 0;
	padding: 0 6.5px 0 0;
	border: none;
	outline: none;
	background: linear-gradient(90deg, #5EBAC9 0%, rgba(50, 103, 147, 0.49) 100%);
	transition: 0.3s ease-out;
}

.div_header {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;/*space-between*/
	height: 45px;

    min-width: 1024px;

	margin: 0;
	padding: 0 6.5px 0 0;
	border: none;
	outline: none;
	background: linear-gradient(90deg, #5EBAC9 0%, rgba(50, 103, 147, 0.49) 100%);
	transition: 0.3s ease-out;
}
.btn_ineration {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;	
	outline: none;
	border: none;
	margin: 5px 2.5px;
	background: rgba(255, 255, 255, 0.52);
	border-radius: 7px;
	font-size: 15px;
	color: #48515A;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";		
	cursor: pointer;
	transition: 0.6s;
}
.btn_ineration:hover,
.btn_ineration.act_iteration {
	background: rgba(255, 255, 255, 1);
	color: #48515A;
	transition: 0.6s;
}
.num_well {
	position: absolute;
	left: 0;
	height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 15px;
    margin: 0 10px 0 17px;
}
.num_well::before {
    position: relative;
 	display: flex;
    align-items: center;
    color: var(--background-body);
    content: "Скважина №:";
    white-space: nowrap;    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: calc(18px - 2px);
    line-height: calc(15px - 2px);
    font-weight: 600;
    left: 0;
    top: 0px;
    margin-right: 10px;
    width: auto;
    transition: all 0.6s ease 0s;   
}
.btn_num {
	position: relative;
	display: flex;
	height: 100%;
	background: transparent;
}
.well-css {
	position: relative;
	display: flex;
	font-family: sans-serif;
	height: calc(100% - 10px);
	margin: 5px 2.5px;
	box-sizing: border-box; 
	border: none;
	outline: none;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.3);
	font-size: 18px;
	font-weight: 600;
    color: #333;
	padding: 2px 10px 0 10px; 
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;transition: 0.6s;
}
.well-css:hover,
.well-css:focus {
	border: none;
	outline: none;
	color: rgba(50, 56, 63, 0.65);
	background: rgba(255, 255, 255, 1);	
	transition: 0.6s;
}


.well-css1 {
    position: relative;
    box-sizing: border-box;
    display: flex;

    justify-content: center;
    text-align-last: center;
    text-align: center;

    font-family: sans-serif;
    height: calc(100% - 10px);
    width: 35px;
    margin: 5px 2.5px;
    border: none;
    outline: none;
    border-radius: 5px;

    background: #32383F;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25) inset;
    font-size: 18px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: #fff;    

    cursor: pointer;

    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;

    padding: 0;
    transition: 0.6s;

}

/*--------------------------------------------------------------------------------*/

/* нижняя панель с кнопками-------------------------------------------------------*/
.left_bottom_bar {
	position: relative;
	display: flex;
	padding: 0;
	height: 100%;
	margin-left: 10px;
}
.left_bottom_bar_btn {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    background: rgba(255, 255, 255, 0.52);
    border-radius: 7px;
    color: #48515A;
    margin: 5px 5px;
    padding: 0 20px;
    white-space: nowrap;
    font-size: 16px;
    cursor: pointer;
    transition: 0.6s;
}
.left_bottom_bar_btn:hover,
.left_bottom_bar_btn.act_history {
   background: rgba(255, 255, 255, 1);
	color: #48515A;
	transition: 0.6s;
}
.right_bottom_bar {
	position: relative;
	display: flex;
	padding: 0;
	height: 100%;
	margin-right: 10px;
}
.iteration {
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    color: #333;
}
.iteration::before {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    padding-right: 12px;
    color: #333;
    content: "Текущая итерация:";
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    left: 0;
    top: 0px;
    height: 40px;
    font-size: 17px;
    line-height: 17px;
    font-weight: 600;
    white-space: nowrap;
    align-items: center;
    transition: all 0.6s ease 0s;
}
.btn_iteration_over {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    background: #8DFFAD;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
	color: #48515A;
    border-radius: 7px;

    margin: 5px 0;
    padding: 0 20px;
    white-space: nowrap;
    font-size: 16px;
    cursor: pointer;
    transition: 0.6s;	
}
.btn_iteration_over:hover {
	background: var(--color-yellow);
	color: var(--color_dark_theme);
	transition: 0.6s;
}
.btn_iteration_over.count_act {
  background: rgba(120, 146, 159, 1);
  color: #48515A;
  transition: 0.6s;
}
/*--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
/*.container_double {
	position: relative;
	display: flex;
	flex-direction: row;
	padding: 0;
	margin: 0;
	overflow: hidden;
	height: 100%;
	transition: 0.3s ease-out;	
}*/
.plot_wrap {
	display: flex;
	height: 100%;
	width: 100%;
}/*
.AG_wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}*/
.operation_table_grid {
	grid-area: 1 / 1 / 5 / 5;
/*	padding: 8px 4px 4px 4px;*/
}
.operation_wrapper {
	grid-area: 1 / 5 / 5 / 7;
	background: #2D3540;
/*	padding: 8px 4px 4px 4px;*/
}
.info_grid {
	grid-area: 1 / 1 / 2 / 3;
	background: #2D3540;
	padding: 8px 4px 4px 4px;
}
.plot_grid {
	grid-area: 2 / 1 / 5 / 3;
	background: #2D3540;
	padding: 4px 4px 8px 4px;
}
.AG_grid {
	grid-area: 1 / 3 / 5 / 7;
	background-color: rgb(240, 240, 240);
	padding: 8px 8px 8px 4px;	
}

.info_grid_res {
	grid-area: 1 / 1 / 2 / 4;
	background: #2D3540;
	padding: 8px 4px 4px 4px;
}
.plot_grid_res {
	grid-area: 2 / 1 / 5 / 4;
	background: #2D3540;
	padding: 4px 4px 8px 4px;
}
.AG_grid_res {
	grid-area: 1 / 4 / 5 / 7;
	background-color: rgb(240, 240, 240);
	padding: 8px 8px 8px 4px;	
}

.overwrap_AG {
	position: relative;
	margin: 8px;
	overflow-y: hidden;
	overflow-x: hidden;
	height: 100%;
	/*border: 1px solid #ccc;*/
}
/*.ag-root::-webkit-scrollbar,*/
#catalog_grid::-webkit-scrollbar,
#map::-webkit-scrollbar  {
	width: 8px;
	height: 10px; 
	background: #EAEBEC;
}
/*.ag-root::-webkit-scrollbar-track,*/
#catalog_grid::-webkit-scrollbar-track,
#map::-webkit-scrollbar-track  {
	-webkit-box-shadow: 0 0 2px rgba(91, 91, 91, .1) inset;
	box-shadow: 0 0 2px rgba(91, 91, 91, .1) inset;
}
/*.ag-root::-webkit-scrollbar-thumb,*/
#catalog_grid::-webkit-scrollbar-thumb,
#map::-webkit-scrollbar-thumb  { 	
	border-radius: 8px;
	border: 2px solid #EAEBEC;
}
#wrapper_field::-webkit-scrollbar-track,
#dashboard_table::-webkit-scrollbar-track {
	background: #2D3540;
	-webkit-box-shadow: 0 0 2px rgba(91, 91, 91, .1) inset;
	box-shadow: 0 0 2px rgba(91, 91, 91, .1) inset;
}
#wrapper_field::-webkit-scrollbar-thumb,
#dashboard_table::-webkit-scrollbar-thum {
	background: #727F8D;
	border-radius: 8px;
	border: 3px solid #2D3540;
}
.catalog_grid {
	grid-area: 1 / 1 / 5 / 7;
	background-color: rgb(240, 240, 240);
	padding: 8px 8px 8px 4px;	
	overflow-y: scroll;
	overflow-x: hidden;
}
.eq_div_ch_name {
	position: relative;
	display: flex;
	flex-direction: column;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
	border-radius: 13px;
}
.tab_wrap_eq {
	position: relative; 
	display: flex; 
	margin: 8px;
}
.eq_tab,
.eq_tab1 {
	position: relative;
	border: none;
	table-layout: fixed;
	height: auto !important;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
}
.f_set {
	position: relative;
	text-align: left;
	line-height: 14px;
}
.eq_tab tbody tr:nth-child(odd) {
	height: 35px;
	background: #fff;
	color: var(--background-copyright);
	border-bottom: 0.5px solid #E3E3E3;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.eq_tab tbody tr:nth-child(even) {
	height: 35px;
	background: #Fafafa;
	color: var(--background-copyright);
	border-bottom: 0.5px solid #E3E3E3;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.eq_tab th:first-child,
.eq_tab td:first-child,
.eq_tab1 th:first-child,
.eq_tab1 td:first-child {
	background: #ECEDED;
	padding: 0 0 0 20px;
}
.eq_tab th:first-child {
	background: #ECEDED;
	padding: 0 0 0 20px;
}

.eq_tab1 tbody tr:nth-child(odd) {
	background: #fff;
	color: var(--background-copyright);
	border-bottom: 0.5px solid #E3E3E3;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.eq_tab1 tbody tr:nth-child(even) {
	background: #Fafafa;
	color: var(--background-copyright);
	border-bottom: 0.5px solid #E3E3E3;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}

.eq_tab1 th:first-child {
	background: #ECEDED;
	padding: 0;
}

.checkbox_wrap {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0 0 15px;
}
#deb::before {
	position: relative;
	display: flex;
	align-items: center;
	color: gray;
	content: "Дебит:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 0 15px 0px 0;
	width: auto;
	transition: all 0.6s ease 0s;
}
#dob::before {
	position: relative;
	display: flex;
	align-items: center;
	color: gray;
	content: "Добыча:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 0 15px 0px 0;
	width: auto;
	transition: all 0.6s ease 0s;
}
#pressure::before {
	position: relative;
	display: flex;
	align-items: center;
	color: gray;
	content: "Давление:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 0 15px 0px 0;
	width: auto;
	transition: all 0.6s ease 0s;
}
#watercut::before {
	position: relative;
	display: flex;
	align-items: center;
	color: gray;
	content: "Обводнённость";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 5px 15px 0px 0;
	width: auto;
	transition: all 0.6s ease 0s;
}
#g_f::before {
	position: relative;
	display: flex;
	align-items: center;
	color: gray;
	content: "Газовый фактор";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 5px 15px 0px 0;
	width: auto;
	transition: all 0.6s ease 0s;
}
#dyn_lev::before {
	position: relative;
	display: flex;
	align-items: center;
	color: gray;
	content: "Динамический уровень";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 5px 15px 0px 0;
	width: auto;
	transition: all 0.6s ease 0s;
} 
#control::before {
	position: relative;
	display: flex;
	align-items: center;
	color: gray;
	content: "Управляющие воздействия:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 0 15px 0px 0;
	width: auto;
	transition: all 0.6s ease 0s;
}
#electro::before {
	position: relative;
	display: flex;
	align-items: center;
	color: gray;
	content: "Электротехнические показатели:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 0 15px 0px 0;
	width: auto;
	transition: all 0.6s ease 0s;
}
/*--------------------------------------------------------------------------------*/

/* чекбоксы-----------------------------------------------------------------------*/
.checkbox_wrap div {
	position: relative;
	display: flex;
	justify-content: center;
	border: none;
	outline: none;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	background: transparent;
	color: #BBBBBB;
	padding: 5px 15px 5px 0;
	cursor: pointer;
	transition: 0.6s;	
}
.checkbox_wrap div:hover {
	color: white;
	transition: 0.6s;
}
.custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
	transition: 0.6s;
}
.custom-checkbox+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
	transition: 0.6s;
}
.custom-checkbox+label::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid rgba(130, 130, 130, 1);
	border-radius: 3px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	transition: 0.6s;
	cursor: pointer;
}
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
	border-color: #33A3FF;
	transition: 0.6s;
}
.custom-checkbox:not(:disabled):active+label::before {
	background-color: rgba(51, 163, 255, 0.6);
	border-color: #33A3FF;
	transition: 0.6s;
}
.custom-checkbox:focus+label::before {
	transition: 0.6s;
}
.custom-checkbox:focus:not(:checked)+label::before {
	border-color: #33A3FF;
	transition: 0.6s;
}
.custom-checkbox:checked+label::before {
	border-color: #33A3FF;
	background-color: rgba(51, 163, 255, 0.6);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
	transition: 0.6s;
}
.custom-checkbox:disabled+label::before {
	background-color: #e9ecef;
	transition: 0.6s;
}
/*--------------------------------------------------------------------------------*/

/*сетка grid----------------------------------------------------------------------*/
.container_100{ 
    display: grid; 
    grid-template: repeat(4, 1fr) / repeat(6, 1fr);    
}
.container_100 {
	height: 100%;
    min-width: 1024px;
}

.container { 
    display: grid; 
    grid-template: repeat(4, 1fr) / repeat(6, 1fr);    
}
.container {
	height: calc(100% - 45px);
    min-width: 1024px;
}
.A {
    grid-area: 1 / 1 / 3 / 3;
    background: #2D3540;
    padding: 8px 4px 4px 4px;
}
.A1 {
    grid-area: 3 / 1 / 5 / 3;
    background: #2D3540;
    padding: 4px 4px 8px 4px;
}
.B {
   grid-area: 1 / 3 / 3 / 5;
   padding: 8px 4px 4px 4px;
}
.C {
   grid-area: 3 / 3 / 5 / 5;
   padding: 4px 4px 8px 4px;
}
.D {
   grid-area: 1 / 5 / 2 / 7;
   padding: 8px 8px 8px 4px;
}
.E {
   grid-area: 2 / 5 / 5 / 6;
   padding: 0px 4px 8px 4px;
}
.F {
   grid-area: 2 / 6 / 5 / 7;
   padding: 0px 8px 8px 4px;
}
.grid_div,
.grid_div_ch_name {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #FFFFFF;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
	border-radius: 13px;
}
.grid_div_dark {
	position: relative; 
	display: flex; 
	flex-direction: column; 
	height: 100%; 
	background: #191E25;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
	border-radius: 13px;
	overflow: hidden;
}
.changeable_name_gray {
	position: relative;
	display: flex;
	align-items: center;
	color: gray;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 10px 8px 8px 15px;
	width: auto;
	transition: all 0.6s ease 0s;
}

.btn_gray_economy {
	position: relative;
	border: none;
	outline: none;
	display: flex;
	background: transparent;
	align-items: center;
    color: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
	margin: 10px 15px 0 8px;
	width: auto;
	cursor: pointer;
	transition: all 0.6s ease 0s;
}

.btn_gray_economy:hover {
    color: rgba(0, 0, 0, 1);
	transition: all 0.6s ease 0s;
}
.changeable_name {
	position: relative;
	display: flex;
	align-items: center;
	color: black;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 10px 8px 0 15px;
	width: auto;
	transition: all 0.6s ease 0s;
}
.grid_div::before {
	position: relative;
	display: flex;
	align-items: center;
	color: black;
	content: "Узловой анализ";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 10px 8px 0 15px;
	width: auto;
	transition: all 0.6s ease 0s;
}
.overwrap_plot {
	display: flex;
	margin: 8px;
	height: 100%;
	width: auto;
}
.overwrap_plot_dark {
	display: flex;
	margin: 8px;
	height: 100%;
	width: auto;
}
.overwrap_plots {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 4px 8px;
}
.plot_res {
	display: flex;
	margin: 4px 0;
	height: 100%;
	width: auto;
}
/*--------------------------------------------------------------------------------*/

/*планируемые мероприятия---------------------------------------------------------*/
.event_selection_head {
	position: relative;
	display: block;
 	height: 58px; 
	margin: 0;
	border: none;
	outline: none;
	background: #191E25;	
	transition: 0.3s ease-out;
}
.event_selection {
	position: relative;
	display: flex;
	flex-direction: row;	 
	justify-content: space-between;
	flex-grow: 0;
	height: auto; 
	margin: 0 0 8px 0;
}
.event_selection::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Планируемое мероприятие";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 8px 8px 8px 15px;
	width: auto;
	transition: 0.6s;
}
.ev_name,
.ev_name_1 {   
	position: relative;
	border: none;
	outline: none;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	background: transparent;
	color: rgba(211, 218, 227, 0.8);

	padding: 5px 30px 5px 15px;
	margin: 8px 15px 8px 15px;

	border-radius: 6px;
	cursor: pointer;
	transition: 0.6s;
}
.ev_name:hover,
.ev_name_1:hover {
	color: rgba(211, 218, 227, 1);
	transition: 0.6s;
}
.ev_name::before,
.ev_name_1::before {
	position: absolute;
	content: "";
	top: 12px;
	right: 0;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: rgba(211, 218, 227, 0.5) transparent transparent transparent;
	float: right;
	transition: 0.6s;
}
.ev_name:hover::before,
.ev_name:focus,
.ev_name.act,
.ev_name_1:hover::before,
.ev_name_1:focus,
.ev_name_1.act {
	border-color: rgba(211, 218, 227, 1) transparent transparent transparent;
	transition: 0.6s;
}

.equipment_name{
	position: relative;
	display: flex;
	flex-direction: row;	 
	justify-content: space-between;
	height: auto; 
	margin: 0 0 0px 0;
}
.equipment_name::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Оборудование скважины";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 8px 8px 10px 15px;
	width: auto;
	transition: 0.6s;
}
.event_ch_name::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Выбор параметра";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 13px 10px 13px 15px;
	width: auto;
	transition: 0.6s;
}
.btn_event_selection {
	position: relative;
	display: flex;
	height: 45px;
	width: calc(100% - 10px);
    padding: 0 5px;
	margin: 0;
	border: none;
	outline: none;
	background: #191E25;	
	transition: 0.3s ease-out;
}
.wrap_events {
	position: relative;
    display: block;
    height: auto;
    background: #191E25;
    box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
    border-radius: 13px;
/*	height: calc(100% - 103px);*/
	height: calc(100% - 120px);
	margin: 8px;
}
.scroll_wrap_tables {
	position: relative;
    display: none;
    overflow-y: scroll;
    height: calc(100% - 50px);
}
.event_mode {
	position: relative;
	display: flex;
	flex-direction: column;
	white-space: 100%;
}
.tab_plan {
	position: relative;
	border: none;
	table-layout: fixed;
	height: 100% !important;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
	color: #D4D4D4;
}
.tab_plan tr {
	height: 35px;
}
.n_data_tab {
	position: relative;
	border: none;
	table-layout: fixed;
	height: auto !important;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
}
.data_tab_head {
	display: flex;
	align-items: center;
	justify-content: center;
}
.n_data_tab thead {
	white-space: nowrap;
	line-height: 15px;
	height: 40px;
	background: #008DA6;
	/* white-space: nowrap; */
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	transition: all 0.6s ease 0s;
}
.n_data_tab thead th {
	position: relative;
	color: #fff;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: lighter;
	transition: all 0.6s ease 0s;
}
.n_data_tab tbody tr:nth-child(odd){
	height: 35px;
	background: #fff;
	color: #848484;
	border-bottom: 0.5px solid #E3E3E3;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.n_data_tab tbody tr:nth-child(even){
	height: 35px;
	background: #Fafafa;
	color: #848484;
	border-bottom: 0.5px solid #E3E3E3;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.btn_ev {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    background: #8DFFAD;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
	color: #48515A;
    border-radius: 7px;
    width: 100%;
    margin: 7px 2.5px;
    padding: 0 20px;
    white-space: nowrap;
    font-size: 16px;
    cursor: pointer;
    transition: 0.6s;	
}
.btn_ev:hover {
	background: var(--color-yellow);
	color: var(--color_dark_theme);
	transition: 0.6s;
}

.btn_cancel {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
background: var(--background-step-btn);
    color: rgba(255, 255, 255, 0.6);
    border-radius: 7px;
    width: 100%;
    margin: 7px 2.5px;
    padding: 0 20px;
    white-space: nowrap;
    font-size: 16px;
    cursor: pointer;
    transition: 0.6s;	
}
.btn_cancel:hover {
	background: var(--color-yellow);
	color: var(--color_dark_theme);
	transition: 0.6s;
}




































.history {
	display: flex;
	flex-direction: column;
	text-align: left;
	padding: 0;
	margin: 0 5px 3px 0;
	color: #848484;
	text-align: left;
	font-size: 13px;
}

/*.f_set {
	position: relative;
	text-align: left;
	margin-left: 30px;
}*/

.bottom_tab_side {
	position: relative;
	display: flex;
	align-items: center;
	height: 30px;
	background: #237393; 
}


.on_wrap {
	position: relative;
	width:auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;	
}

.val_wrap {
	position: relative;
	width:140px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;
}

.css_tab1 {
    width: 100%;
    font-size: 13px;
    padding: 5px 8px;
    background: transparent;
    outline: none;
    border: none;
    text-align: center;
    height: 50%;
    color: #fff;
    font-size: 14px;
    transition: 0.6s;
    cursor: pointer;
}
.marker1 {
	display: flex;
	align-items: center;
	width: 140px;
	margin-right: 0;
	justify-content: center;
	transition: 0.3s ease-out;
}


/*--------------------------------------------------------------------------------*/

/*алёрты--------------------------------------------------------------------------*/
/*.alerts_wrap {
	position: absolute;
	display: flex;
	width: auto;
	z-index: 100;
	left: 50%;
	transform: translate(-50%, 0%);
	background: transparent;
	padding: 0;
	margin: 10px;
}*/
.ribbon_warn_green {
	position: absolute;
	display: flex;
	z-index: 100;
	left: 50%;
	transform: translate(-50%, 0%);
	border-radius: 8px;
	background: #48BB78;
	color: white;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
	padding: 0;
	margin: 8px;
}
.ribbon_warn_blue {
	position: absolute;
	display: flex;
	z-index: 100;
	left: 50%;
	transform: translate(-50%, 0%);
	border-radius: 8px;
	background: #4299E1;
	color: white;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
	padding: 0;
	margin: 8px;
}
.ribbon_warn_red {
	position: absolute;
	display: flex;
	z-index: 100;
	left: 50%;
	transform: translate(-50%, 0%);
	border-radius: 8px;
	background: #F56565;
	color: white;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
	padding: 0;
	margin: 8px;
}
.ribbon_warn_yell {
	position: absolute;
	display: flex;
	z-index: 100;
	left: 50%;
	transform: translate(-50%, 0%);
	border-radius: 8px;
	background: #ECC94B;
	color: white;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
	padding: 0;
	margin: 8px;
}
.btn_close_modal1 {
	position: absolute;
	right: 10px;
	top: 5px;
	color: rgba(256, 256, 256, 0.46);
	cursor: pointer;
	font-size: 13px;
	z-index: 7;
}
.warn_icon1 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px 0 15px;
}
.warn_alert1 {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-self: center;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	align-self: center;
	vertical-align: middle;
	background-color: transparent;
	border: 2px solid #ffffff;
	border-radius: 50%;
	text-align: center;
}
.warn_svg_alert1 {
	position: relative;
	margin: auto 0;
	color: #ffffff;
	fill: #ffffff;
}
.warn_description1 {
	position: relative;
	display: flex;
	justify-content: left;
	padding: 15px 30px 15px 5px;
}   
.warn_description1 p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 17px;
	display: flex;
	align-items: center;
	color: #ffffff;
}
.show {
	visibility: visible;
	display: flex;
	transition: .8s;
	-webkit-animation-name: show;
	-webkit-animation-duration: 0.8s;
	animation-name: show;
	animation-duration: 0.8s; 
}
@keyframes show {
	from { opacity:0}
	to { opacity:1}
}
@-webkit-keyframes show {
	from { opacity:0}
	to { opacity:1}
}
.hide {
	visibility: hidden;
	display: flex;
	transition: .8s;
	-webkit-animation-name: hide;
	-webkit-animation-duration: 0.8s;
	animation-name: hide;
	animation-duration: 0.8s; 
}
@keyframes hide {
	from { opacity:1}
	to { opacity:0}
}
@-webkit-keyframes hide {
	from { opacity:1}
	to { opacity:0}
}
.white_mark {
	position: relative;
	display: flex;
	align-items: center;
	border: 2px solid #ffffff;
	color: #ffffff;
	margin: auto 0;
	font-size: 14px;
}
/*--------------------------------------------------------------------------------*/

/*карта grid----------------------------------------------------------------------*/
/*.map_grid {
	grid-area: 1 / 1 / 5 / 7;
	padding: 0;
	margin: 0;
}*/
.flex_wrap_map_new {
	position: relative; 
	display: flex; 
	width: 100%; 
	height: 100%;	
		min-width: 1024px;
}

.flex_wrap_map {
	position: relative; 
	display: flex; 
	flex-direction: column; 
	width: 100%; 
	height: 100%;	
}
.map {
	position: relative; 
	display: flex; 

	width: 100%; 

	height: 100%;
	transition: 0.3s ease-out;
}
/*--------------------------------------------------------------------------------*/

/* подписи----------------------------------------------------------------------- */
.h1_map_name {
	position: absolute;
	display: flex;
	align-items: center;
	background: #333333;
	border-radius: 5px;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 18px;
	line-height: 16px;
	font-weight: 500;
	padding: 6px 15px 8px 15px;
	color: rgba(211, 218, 227, 1);
}
.h3_map_name {
	position: absolute;
	display: flex;
	align-items: center;
	background: #333333;
	border-radius: 5px;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	padding: 6px 15px 8px 15px;
	color: rgba(211, 218, 227, 1);
}
/*--------------------------------------------------------------------------------*/

/* история мероприятий------------------------------------------------------------*/
.float_event_history {
	display: none;
	flex-direction: column;
	position:absolute;
	left: 0;
    height: 100%;
	width: 20%;
	min-width: 500px;
	z-index: 1000;
	margin: auto;
	background: rgba(19, 23, 29, 0.95);
	backdrop-filter: blur(10px);
	box-shadow: 0px 0px 10px rgb(0 0 0 / 28%);
	transition: 0.3s ease-out;
}
.float_head_event {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	height: 35px;
}
.info_w_cl,
.btns_w_cl {
	display: flex;
	flex-direction: row;	
}
.float_body_event {
	position: relative;
	display: flex;
	background: transparent;
	height: calc(100% - 35px);
	overflow-y: hidden;
	transition: 0.3s ease-out;
}
/*--------------------------------------------------------------------------------*/
/*.iter_btn {
	display: block;
	border: 1px solid transparent;
	outline: none;
	width: 25px;
	height: 25px;
	margin: 0;

	color: rgba(256, 256, 256, 0.8);
	background: transparent;
	color: ;
	transition: 0.8s;
}
.iter_btn:hover {
	background:transparent;
	border: 1px solid rgba(256, 256, 256, 0.6);
		transition: 0.8s;
}
.pl {
    transition: 0.6s;
}
.pl:hover::before {
    position: relative;
    text-align: left;
    color: rgba(256, 256, 256, 0.6);
    font-size: 17px;
    line-height: 17px;
    padding: 0 8px 0 0;
    content: "План мероприятий";
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 300;
    left: 0;
    top: 0;
    transition: 0.6s;
}
*/


/* шкала--------------------------------------------------------------------------*/
.color_scale {
	position: absolute;
	display: flex; 
	flex-direction: column;
	left: 10px;
	top: 10px;
	height: auto;
	width: auto;
	z-index: 1000;
    transition: 0.8s;
	opacity: 1;
}
.color_scale:hover {
	opacity: 0.2;
    transition: 0.8s;	
}
.name_scale {
	position: relative;
	display: block;
	text-align: left;
	width: 100px;
	margin-bottom: 20px;
	word-wrap: break-word;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #000;
    white-space: normal;
    font-size: 14px;
    line-height: 14px;
    font-weight: 100;
    transition: 0.8s;	
}
.color_scale_wrap_flex {
	position: relative;
	display: flex; 
	flex-direction: row;
	height: auto;
	transition: 0.8s;
}
.val_scale_wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: auto;
	text-align: left;
	height: 200px;
	padding-left: 10px;
	color: #484848;
	transition: 0.8s;
}
.scale_val {
	position: relative;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	font-size: 13px;
}
.color_scale_flex {
	display: block;
	width: 20px;
	height: 200px;
	background: linear-gradient(#FF0000, #FF6700, #FAFF00, #04FDFB, #000AFF);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.28);
	transition: 0.8s;
}
.color_scale_flex::before {
	position: absolute;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	content: 'max';
	top: -20px;
	text-align: center;
	width: 20px; 

	font-size: 13px;
}
.color_scale_flex::after {
	position: absolute;
	display: block;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	content: 'min';
	bottom: -20px;
	text-align: center;
	width: 20px; 

	font-size: 13px;
}
/*--------------------------------------------------------------------------------*/

/* всплывающее окно на куст-------------------------------------------------------*/
.info_well_cluster {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	z-index: 500;
	background: rgba(19, 23, 29, 0.85);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(10px);
	border-radius: 6px;	
	transition: 0.8s;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: no;	
}
.info_well_cluster:before {
	position: absolute;
    content: "";
    border: 8.5px solid transparent;
    border-color: transparent rgba(19, 23, 29, 0.85) transparent transparent;
    float: right;
    left: -16px;
    top: 17.5px;
    margin-left: 0;
    transition: 0.8s;
}
.well_cluster_body {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 13px 20px;
	margin: 0;
	color: rgba(202, 202, 202, 1);
	transition: 0.8s;
}
.str_cl {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 15px;
	padding: 2px 0;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	text-decoration: none;
	white-space: nowrap;
	color: #BBBBBB;
	transition: 0.8s;
}
.p_val {
	position: relative;
	color: #ffffff;
} 
/* -------------------------------------------------------------------------------*/

/* табличка планируемые мероприятия-----------------------------------------------*/
.info_well_cluster > h3 {
    position: relative;
    text-align: center;
    white-space: nowrap;
    height: auto;
    padding: 15px 20px 10px 20px;
    color: #ffffff;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 17px;
    line-height: 17px;
    font-weight: 100;
    transition: 0.3s ease-out;
}
.for_tab {
	position: relative;
	padding: 0 20px 13px 20px;
}
.plan_tab {
	position: relative;
	border: none;
	height: auto !important;
	border-collapse: collapse;
	text-align: center;
}
.plan_tab thead  {
	position: relative;
}
.plan_tab thead tr > th {
	position: relative;
	white-space: nowrap;
	font-weight: 100;
	font-size: 16px;
	color: #c1c1c1;
	border-bottom: 0.5px solid gray;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.frst {
	padding: 0 8px 4px 0;
}
.sec {
	padding: 0 0 4px 8px;
}
.plan_tab tbody tr > td {
	position: relative;
	overflow: hidden;
	word-break: keep-all;
	white-space: normal;
	font-size: 15px;
    padding: 2px 0;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.8s;	
}
.type_op {
	text-align: left;
	color: #BBBBBB;
}
.sts_op {
    color: #ffffff;
}
.btn_close_abs {
    position: absolute;
    right: 6px;
    top: 6px;
    border: none;
    outline: none;
    background: transparent;
    display: flex;
    align-self: center;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    margin: 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: 0.8s;
}
.btn_close_abs:hover {
    color: rgba(255, 255, 255, 0.85);
	transition: 0.8s;
}
/* -------------------------------------------------------------------------------*/

/*способ эксплуатации-------------------------------------------------------------*/
.sposob {
	position: relative;
	display: flex;
	flex-direction: row;	 
	justify-content: space-between;
	flex-grow: 0;
	height: auto; 
	background: #191E25;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
	border-radius: 13px; 
	margin: 0 0 8px 0;
}
.sposob::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Способ эксплуатации";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	line-height: 14px;
	font-weight: 100;
	margin: 8px 8px 8px 15px;
	width: auto;
	transition: 0.6s;
}
.sb_name {   
	position: relative;
	border: none;
	outline: none;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	background: transparent;
	color: rgba(211, 218, 227, 0.8);

	padding: 5px 30px 5px 15px;
	margin: 8px 15px 8px 15px;

	border-radius: 6px;
	cursor: pointer;
	transition: 0.6s;
}
.sb_name:hover {
	color: rgba(211, 218, 227, 1);
	transition: 0.6s;
}
.sb_name::before {
	position: absolute;
	content: "";
	top: 12px;
	right: 0;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: rgba(211, 218, 227, 0.5) transparent transparent transparent;
	float: right;
	transition: 0.6s;
}
.sb_name:hover::before,
.sb_name:focus,
.sb_name.act {
	border-color: rgba(211, 218, 227, 1) transparent transparent transparent;
	transition: 0.6s;
}
.dropdown-content {
	position: absolute;
	z-index: 2;
	display: none;
	flex-direction: column;
	right: 4px;
	top: 34px;
	background: #283039;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	border-radius: 6px;
	overflow: hidden;
}
.dropdown-content button{
	position: relative;
	display: flex;
	outline: none;
	border: none;
	cursor: pointer;
	font-size: 16px;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	align-self: center;
	width: 100%;
	text-decoration: none;
	white-space: nowrap;
	background: transparent;
	color: #BBBBBB;
	cursor: pointer;
	text-align: left;
	padding: 5px 20px;

	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;	
}
.dropdown-content button:hover {
	background: var(--background-step-btn-active);
	color: black;

	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;	
}
/* -------------------------------------------------------------------------------*/

/*вложенные параметры оборудования------------------------------------------------*/
.wrap_equipment {
	position: relative; 
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: auto; 
	background: #191E25;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
	border-radius: 13px;
	overflow: hidden;
}
.equipment_set_name {
	position: relative;
	height: 26px;
}
.equipment_set_name::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Параметры оборудования";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	line-height: 14px;
	font-weight: 100;
	margin: 8px 8px 4px 15px;
	width: auto;
	transition: all 0.6s ease 0s;
}
.equipment_set {
	position: relative;
	display: flex;
	flex-direction: column;
	height: calc(100% - 26px);
}
.sp_tabs {
	position: relative;
	height: 100%;
}
.nav_equipment {
	position: relative; 
	display: flex; 
	flex-direction: row; 
	margin: 0; 
	align-items: stretch;
}
.sb_b {
	display: flex;
	justify-content: center;
	width: 100%;
	border: none;
	outline: none;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	background: transparent;
	color: #BBBBBB;
	padding: 6px 10px;
	margin: 0;
	border-bottom: 1.5px solid var(--background-step-btn);
	cursor: pointer;
	transition:  0.6s ;
}
.sb_b:hover {
	border-bottom: 1.5px solid rgba(94, 186, 201, 0.5);
	color: white;
	font-weight: ;
	transition:  0.6s ;
}
.sb_b.active_nav {
	border-bottom: 1.5px solid var(--background-step-btn-active);
	color: white;
	font-weight: ;
	transition:  0.6s ;
}
.content {
	display: none;
	flex-direction: column;
	overflow-y: scroll;
	min-height: 150px;
	height: calc(100% - 46px);
	margin: 8px 0;
}
.str_wrp {
	position:relative;
	display: flex;
	justify-content: space-between;

    min-height: 25px;
}
.str_name {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 20px;
}
.name_row_tab {
	text-align: left;
	letter-spacing: 0.01em;
	color: rgba(255, 255, 255, 0.65);
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	line-height: 13px;
	font-weight: 100;
	overflow: hidden;
	text-overflow: ellipsis;
}
.str_val {
	position: relative;
	display: flex;
	color: #fff;
}
.val_wrap {
	position: relative;
	width: 120px;
	display: block;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	font-weight: 100;
	margin: 3px 0;
}
.inp_select_val {
	display: flex;
	max-width: 200px;
	border: 0.5px solid var(--background-step-btn);
	outline: none;
	border-radius: 0;
	box-sizing: border-box;
	font-family: sans-serif;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	font-weight: 100;
	color: #fff;
	background-color: transparent;
	transition: 0.6s;
	cursor: pointer;
	margin: 3px 0;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;	
}
.inp_select_val:hover {
	outline: none;
	border-radius: 0;
	border: 0.5px solid #757B82;
	transition: 0.6s;	
}
.inp_select_val:focus {
	outline: none;
	border-radius: 0;
	border: 0.5px solid rgba(255, 255, 255, 0.5);
	transition: 0.6s;	
}
.inp_select_val:disabled {
	outline: none;
	border-radius: 0;
	border: 0.5px solid var(--background-body);
	transition: 0.6s;	
}
.inp_select_val option {
	display: flex;
	outline: none;
	border: none;
	background: #283039;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	color: #D2D2D2;
}
.inp_select_val option:hover {
	background: #191E25;
}
.inp_num_val {
    width: 100%;
    font-size: 13px;
    padding: 3px 0;
	color: #fff;
    background: transparent;
    outline: none;
    border: none;
    text-align: center;
    border: 0.5px solid rgba(256, 256, 256, 0.07);
}
.inp_num_val:hover {
	outline: none;
	border-radius: 0;
	border: 0.5px solid #757B82;
	transition: 0.6s;	
}
.inp_num_val:focus {
	outline: none;
	border-radius: 0;
	border: 0.5px solid rgba(255, 255, 255, 0.5);
	transition: 0.6s;	
}
.inp_num_val:disabled {
	outline: none;
	border-radius: 0;
	border: 0.5px solid var(--background-body);
	transition: 0.6s;	
}
/* -------------------------------------------------------------------------------*/

/*ЭК------------------------------------------------------------------------------*/
.pipe_ec {
	position: relative; 
	display: flex;
	flex-direction: column;
	height: 50%; 
	background: #191E25;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
	border-radius: 13px;
	overflow: hidden;
	margin: 0 0 8px 0;
}
.pipe_ec::before {
    position: relative;
    display: flex;
    align-items: center;
    color: gray;
    content: "ЭК";
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 16px;
    font-weight: 100;
    margin: 10px 8px 4px 15px;
    width: auto;
    transition: all 0.6s ease 0s;
}
.pipe_nkt {
	position: relative; 
	display: flex;
	flex-direction: column;
	height: 50%; 
	background: #191E25;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
	border-radius: 13px;
	overflow: hidden;
}
.pipe_nkt::before {
    position: relative;
    display: flex;
    align-items: center;
    color: gray;
    content: "НКТ";
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 16px;
    font-weight: 100;
    margin: 10px 8px 4px 15px;
    width: auto;
    transition: all 0.6s ease 0s;
}
/* -------------------------------------------------------------------------------*/

/*таблицы со скроллом-------------------------------------------------------------*/
.header_div {
	position: relative;
	width: 100%;
	background:transparent;
	border-bottom: none;
	overflow: hidden;
}
.body_div {
	position: relative;
	overflow-y: scroll;
	overflow-x: visible;
   height: calc(100% - 69px);
	width: 100%;
}
.coltab {
	border: none;
	width: 100%;
	height: auto !important;
	font-size: 14px;
	border-collapse: collapse;
	color: white;
}
.coltab thead th {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	background: transparent;
	white-space: nowrap;
	color: white;
	padding: 5px 8px;
	margin: 0;
	border-bottom: 1.5px solid var(--background-step-btn);
	cursor: pointer;
	transition:  0.6s ;
}
.coltab tbody td {
	padding: 1px 2px;
	border: none;
	text-align: center;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.55);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-weight: 100;
    white-space: nowrap;
}
/* -------------------------------------------------------------------------------*/

/* информационная карточка--------------------------------------------------------*/
.info_game_wrap {
	position: relative;
	display: flex; 
	flex-direction: column; 
	font-size: 14px; 
	height: 100%; 
	justify-content: center; 

	padding: 8px 0;

}
.info_row_data {
	position: relative;
	display: flex; 
	flex-direction: row; 
	width: 100%;
	height: 100%; 
	justify-content: space-between; 
	align-items: center;
}
.col_data {
	position: relative; 
	display: flex; 
	flex-direction: column; 
	width: 100%; 
	height: 100%; 
	padding: 0 20px 0 15px; 
	justify-content: space-between;
}
.status_calc_display {
	position: relative; 
	display: flex; 
	flex-direction: column; 
	width: 100%; 
	height: 100%; 
	padding: 0 20px 0 15px; 
	justify-content: space-between;
}
.str_info {
	position: relative; 
	display: flex;
	flex-direction: row; 
	justify-content: space-between; 
	padding: 1.5px 0;
	height: 100%;
	align-items: center;
}
.p_light {
	position: relative;
    color: rgba(34, 34, 34, 0.77);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 15px;
    font-weight: 500;	
}
.p_dark {
	position: relative;
color: rgba(211, 211, 211, 0.65);

    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 15px;
    font-weight: 500;	
}
.status_row_data {
	position: relative;
	display: flex; 
	flex-direction: row;
	width: 100%; 
/*	height: 25%;*/
	justify-content: space-between; 
	align-items: center; 
	padding-top: 2px;
}

.status_row_data_1 {
	position: relative;
	display: flex; 
	flex-direction: row;
	width: 100%; 
	justify-content: space-between; 
	align-items: center; 
	padding-top: 15px;
}
.st_icontext {
	position: relative; 
	display: flex; 
	flex-direction: row; 
	height: 100%;
	align-items: center;
}
.w {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80%;
	min-height: 22px;

	width: 50%;
	background: rgba(243, 243, 243, 0.84);
	border-radius: 6px;
    color: rgba(34, 34, 34, 0.77);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 15px;
    font-weight: 500;	
}
.w_dark {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80%;
	min-height: 22px;

	width: 50%;
	background: rgba(50, 56, 63, 0.72);
	border-radius: 6px;
	color: rgba(245, 245, 245, 0.77);
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 15px;
	font-weight: 500;	
}
.select_wrap_res {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80%;/*
	min-height: 22px;*/

	width: 50%;
	background: transparent;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 15px;
	font-weight: 500;	
}

.btn_approve {
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	outline: none;
	border: none;
	border-radius: 5px;
	height: 28px;
	padding: 0 20px;
	font-size: 15px;
	font-weight: 100;
	cursor: pointer;
	margin: 0 2px;
	background: #8DFFAD;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.03);
	border-radius: 5px;
	color: #48515A;
	opacity: 0;
	transition: 0.6s;
}
.btn_approve:hover {
	background: var(--color-yellow);
	color: var(--color_dark_theme);
	transition: 0.6s;
}
/*----------------------------------------------------------------------------------*/
.cc {
	    margin-bottom: 0px;
}


/*.st_s_::before {
	position: absolute;
	display: flex;
	align-items: center;
	color:gray;
	content: "Статус";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	top: -15px;
	width: auto;
	transition: 0.6s;
}
.st_s_calc::before {
	
}
*/

/*----------------------------------------------------------------------------------*/

/*инклинометрия---------------------------------------------------------------------*/
.div_header_wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	align-items: stretch;
}
.header_wrap_h3 {
	position: relative;
	width: calc(100% - 80px);
	transition: 0.3s ease-out;
	display: flex;
	align-items: center;
	color: gray;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 10px 0 0 15px;	    
}
.header_buttons_bar {
	position: relative;
	display: flex;
	flex-direction: row;
	right: -60px;
	height: ;
	align-items: center;
	transition: 0.3s ease-out;	
	margin: 2px 0 0 0;
}
.header_buttons_bar {
	position: relative;
	display: flex;
	flex-direction: row;
	right: -60px;
	height: 26px;
	align-items: self-end;
	transition: 0.3s ease-out;
}
.bar_btn {
	display: flex;
	justify-content: center;
	width: 26px;

	background:transparent;
	border: none;
	border-radius: 5px;
	outline: none;
	background: transparent;
	color: #333;
	transition: 0.6s;
	font-size: 16px;
	cursor: pointer;	
}
.bar_btn:hover,
.bar_btn.active  {
	color: var(--background-step-btn-active);
	transition: 0.6s;	
}
.buttons_bar_wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.bar_btn_wrap {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 30px;
	border: none;
	outline: none;
	background: transparent;
	color:rgba(169, 169, 169, 0.4);
	transition: 0.6s;
	font-size: 17px;
	cursor: pointer;	
	transition: 0.6s;	
}
.bar_btn_wrap:hover {
	color: rgba(255, 255, 255, 0.8);
	transition: 0.6s;	
}
/*----------------------------------------------------------------------------------*/

/*флюид параметры-------------------------------------------------------------------*/
.fluid_settings {
	position: relative; 
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 0;
	height: auto; 
	background: #191E25;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
	border-radius: 13px; 
	margin: 0 0 8px 0;
}
.fluid_settings::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Параметры";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 10px 8px 0 15px;
	width: auto;
	transition: 0.6s;
}
.fluid_correlation {
	position: relative; 
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: auto; 
	background: #191E25;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
	border-radius: 13px;
	overflow: hidden;
}
.fluid_correlation::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Корреляция";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 10px 8px 0 15px;
	width: auto;
	transition: all 0.6s ease 0s;
}
.tab_gray {
	position: relative;
	border: none;
	table-layout: fixed;
	height: 100% !important;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
	color: #D4D4D4;
}
.tab_gray tr {
	vertical-align: center;
}
.head_tab_gray th {
	white-space: nowrap;
	font-weight: lighter;
	color: #D2D2D2;
}
.first_n {
	white-space: nowrap;
	font-weight: lighter;
	padding: 0 0 0 15px;
	text-align: left;
	height: 100%;
	display: flex;
	align-items: center;
}
.name_row_tab {
	text-align: left;
	letter-spacing: 0.01em;
	color: rgba(255, 255, 255, 0.55);
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	font-weight: 100;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}
.naz {
	white-space: nowrap;
	font-weight: lighter;
	padding: 0 0 0 15px;
	text-align: left;
	height: 100%;
	display: flex;
	align-items: center;
	vertical-align: center;
	height: 25px;
}
/*----------------------------------------------------------------------------------*/

/*пласт-----------------------------------------------------------------------------*/
.plast_set::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Параметры";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 10px 8px 0 15px;
	width: auto;
	transition: 0.6s;	
}
.tech_indicators::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Технологические показатели";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 10px 8px 0 15px;
	width: auto;
	transition: 0.6s;
}
.param_wrap_flex {
	position: relative;
	display: flex;
	flex-direction: column;	
    justify-content: space-around;
	padding: 0;
	margin: 0;
	height: 100%;
}
/*.row_p {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
*/
/*.ppppppp {
	position: relative;
	width:140px;
	display: flex;
	flex-direction: row;
}*/

/*.input_val {
	position: relative;
	display: flex;
	align-self: center;
	justify-content: center;
}*/
/*.marker {
	display: flex;
	align-items: center;
}
*/
/*.val_text {
	padding: 0 0 0 20px;
	text-align: left;
	letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.55);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 17px;
    font-weight: 100;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 	
}*/

.ver {
	letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 1);
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-weight: 100;
}

.custom-checkbox1 {
	position: absolute;
	z-index: -1;
	opacity: 0;
	transition: 0.6s;
}
/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox1+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
	transition: 0.6s;
}
/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox1+label::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid rgba(130, 130, 130, 1);
	border-radius: 3px;
	margin-right: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	transition: 0.6s;
	cursor: pointer;
}
/* стили при наведении курсора на checkbox */
.custom-checkbox1:not(:disabled):not(:checked)+label:hover::before {
	border-color: #33A3FF;
	transition: 0.6s;
}
/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox1:not(:disabled):active+label::before {
	background-color: rgba(51, 163, 255, 0.6);
	border-color: #33A3FF;
	transition: 0.6s;
}
/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox1:focus+label::before {
	transition: 0.6s;
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox1:focus:not(:checked)+label::before {
	border-color: #33A3FF;
	transition: 0.6s;
}
/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox1:checked+label::before {
	border-color: #33A3FF;
	background-color: rgba(51, 163, 255, 0.6);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
	transition: 0.6s;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox1:disabled+label::before {
	background-color: #e9ecef;
	transition: 0.6s;
}

.on_wrap {
	position: relative;
	width:auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;	
}
.val_wrap {
	position: relative;
	width:140px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;
}
.input_val1 {
	display: flex;
	width: 0px;
	position: relative;
	align-self: center;
	justify-content: center;
	transition: 0.3s ease-out;
}
.marker1 {
	display: flex;
	align-items: center;
	width: 140px;
	margin-right: 0;
	justify-content: center;
	transition: 0.3s ease-out;
}


.str_wrp_pl {
	position:relative;
	display: flex;
	justify-content: space-between;
	height: auto;
	margin-bottom: 6px;
}
.str_name {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 20px;
}
.name_row_tab_pl {
	text-align: left;
	letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.55);
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 12px;
	font-weight: 100;
	overflow: hidden;
	text-overflow: ellipsis;
}
.str_val {
	position: relative;
	display: flex;
	color: #fff;
}
.val_wrap {
	position: relative;
	width: 120px;
	display: block;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	font-weight: 100;
	margin: 3px 0;
}
.val_wrap_check {
    position: relative;
    width: 140px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
}
/*----------------------------------------------------------------------------*/

/*информационное окно со статутсами-------------------------------------------*/
.field_data_wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	width: auto; 
	background: transparent;      
}
.dark_theme {
	color: var(--color_dark_theme);
}
.light_theme {
	color: var(--color_light_theme);
}
.table_data {
	height: 100%;
   margin: 0 0 0 15px;
	border-collapse: collapse;	
}
.table_data tr > td {
	vertical-align: top;
}
.well_num_ {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: left;
	white-space: nowrap;
	margin-top: 7px;
}
.well_n {
	text-align: left;
	position: relative;
	width: 55px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new_num_well {
	display: flex;
	text-align: left;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;	
}
.new_num_well::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Скв.:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 	font-size: 16px;
	line-height: 16px; 
	font-weight: 100;
	margin-right: 5px;	
}

.h3_data {
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
}
.ellipsis_overwrap {
	display: block;
	width: 100%;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
}
.cl_num_::before {
	position: relative;
/*	display: flex;*/
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Куст:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 	font-size: 16px;
	line-height: 16px; 
	font-weight: 100;
	margin-right: 5px;	
}
.btn_overwrap {
	display: flex; 
	justify-content: flex-end; 
	align-items: flex-start;
}
.sp::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Способ эксплуатации:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px; 
	font-weight: 100;
}
.status_well::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Статус:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px; 
	font-weight: 100;
}
.status_calc::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Статус расчета:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
}
/*----------------------------------------------------------------------------*/

/*окно с выбором графика------------------------------------------------------*/
.select_plot_name {
	position: relative;
	display: flex;
	align-items: center;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	margin: 10px 8px 0 15px;
	color: rgba(211, 218, 227, 0.8);	
	width: auto;
	cursor: pointer;
	transition: all 0.6s ease 0s;
}	
.dropdown-content_ {
	position: absolute;
	z-index: 2;
	display: none;
	flex-direction: column;
	left: 0;
	top: 34px;
	background: #283039;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	border-radius: 6px;
	overflow: hidden;
}
.dropdown-content_ button{
	position: relative;
	display: flex;
	outline: none;
	border: none;

	cursor: pointer;
	font-size: 16px;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	align-self: center;
	width: 100%;
	text-decoration: none;
	white-space: nowrap;
	background: transparent;
	color: #BBBBBB;
	cursor: pointer;
	text-align: left;
	padding: 5px 15px;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;	
}
.dropdown-content_ button:hover {
	background: var(--background-step-btn-active);
	color: black;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;	
}
.select_plot_name:hover {
	color: rgba(211, 218, 227, 1);
	transition: 0.6s;
}
.select_plot_name::after {
	position: relative;
	content: "";
	top: 4px;
	left: 15px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: rgba(211, 218, 227, 0.5) transparent transparent transparent;
	float: right;
	transition: 0.6s;
}
.select_plot_name:hover::after,
.select_plot_name:focus,
.select_plot_name.act {
	border-color: rgba(211, 218, 227, 1) transparent transparent transparent;
	transition: 0.6s;
}
/*----------------------------------------------------------------------------*/

/*кнопки----------------------------------------------------------------------*/
.btn_calc {
	position: relative;
	display: flex;
	outline: none;
	border: none;
	background: #1ABD34;
	border-radius: 7px;
 	color: white;
 	padding: 6px 20px;
 	white-space: nowrap;
 	font-size: 16px;
 	cursor: pointer;
	transition: 0.6s;
}
.btn_calc:hover {
	background: #545D67;
	color: white;
	transition: 0.6s;
}
/*----------------------------------------------------------------------------*/
.wrap_status_logo {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.overwrap_status_logo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
.error_alert {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-self: center;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	align-self: center;
	vertical-align: middle;
	background-color: transparent;
	border: 2px solid orange;
	border-radius: 50%;
	text-align: center;
}
.svg_alert {
	position: relative;
	margin: auto 0;
	color: orange;
	fill: orange;
}
.wrap_alert {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	align-self: center;
	vertical-align: middle;
	background-color: transparent;
	border-radius: 50%;
	text-align: center;
}
.green_mark {
	position: relative;
	display: flex;
	align-items: center;
	border: 2px solid #00A12D;
	color: #00A12D;
	margin: auto 0;
	font-size: 14px;
}
.red_brick {
	position: relative;
	display: flex;
	align-items: center;
	border: 2px solid #D10000;
	background: #D10000;
	color: white;
	margin: auto 0;
	font-size: 14px;
}

/*клапаны---------------------------------------------------------------------*/
.property_gzl {
	background: transparent;
	border-bottom: 1.5px solid var(--background-step-btn);
	border-radius: 0;
	padding-top: 8px;
	margin: 0 0px 1px;
	text-align: center;
	transition: 0.6s;
}
.property_gzl:hover {
	border-bottom: 1.5px solid rgba(94, 186, 201, 0.5);
	transition: 0.6s;
}
.property_gzl:hover .head_h3_wr {
	color: white;
	transition: 0.6s;
}
.num_cl {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0px 15px 5px;
	height: 32.25px;
	transition: 0.6s;
}

.head_h3_wr {
	position: relative;
	display: flex;
	align-items: flex-start;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
	background: transparent;
	color: #BBBBBB;
	text-align: left;
	transition: 0.6s;
}

/*switch-переключатели--------------------------------------------------------*/
.switch_gzl {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.switch_for_imit {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 50%;
	justify-content: flex-end;
}
.switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 21px;
}
.switch input {display:none;}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(50, 56, 63, 0.7);
	-webkit-transition: .4s;
	transition: .4s;
}
.slider::before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 3px;
	bottom: 3px;

	background: #191E25;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);

	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
/*	background-color:  hsla(0, 0%, 80%, .14);*/
}
input:focus + .slider {
	box-shadow: inset 0px 0px 8px #282F39;
}
input:checked + .slider::before {
	background: #5EBAC9;

	-webkit-transform: translateX(25px);
	-ms-transform: translateX(25px);
	transform: translateX(25px);
}
.slider.round {
	border-radius: 34px;
}
.slider.round::before {
	border-radius: 50%;
}
/*end*/

/*-----------------------------*/








/* карта---------------------------------------------------------------------- */
.data_article_map1 {
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 98px); 
    padding-top: 0;
    transition: 0.3s ease-out;    
}


.data_article_map {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;


    min-height: calc(100vh - 98px); 
/*    min-height: calc(100vh - 219px);*/
    padding-top: 0;
    transition: 0.3s ease-out;
    text-align: center;
}

.tech_options {
	position: relative; 
	display: flex;
	flex-direction: column;
	margin: 0;
	position: 0;
overflow-y: scroll;
    height: calc(100vh - 98px);	
}

.h3_name {
    position: relative;
    text-align: left;
    white-space: nowrap;
    height: auto;
    padding: 10px 10px 12px 20px;
    color: white;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 17px;
    line-height: 17px;
    font-weight: 100;
    transition: 0.3s ease-out;
}

.selection_block {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
}
.select_set {
    position: relative;
    padding: 1px 30px;
    width: auto;
    font-size: 15px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    text-decoration: none;
    white-space: nowrap;
    color: #BBBBBB;
}


.data_cluster {
    position: relative;
    display: flex;
    flex-direction: column;
    background: transparent;
}
.data_cluster_num {
	display: flex;
	height: 35px;
	align-items: center;
	position: relative;
    text-align: left;
    color: white;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    font-size: 17px;
    font-weight: 300;
    padding:0 0 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.data_cluster_num::before {
    position: relative;
    text-align: left;
    color: white;
    font-size: 17px;
    padding: 0 8px 0 0;
    content: "Куст №";
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 300;
    left: 0;
    top: 0;
    transition: all 0.6s ease 0s;
}

.head_fix_tab {
    position: relative;
    font-size: 16px;
    line-height: 16px;
    color: #c1c1c1;
    padding: 0;
    margin: 0;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    left: 0;
    top: 0;
    transition: all 0.6s ease 0s;
}
.name_fix_tab {
    position: relative;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 0 10px 0;
    height: 100%;
    color: #c1c1c1;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    left: 0;
    top: 0;
    transition: all 0.6s ease 0s;
}
.data_cluster_table1 {
    position: relative;
    display: block;
    border: none;
    margin: 0;
/*    height: calc(100vh - 508px); */
/*    min-height: 188px;
    height: 188px;*/
    overflow-y: scroll;
    transition: 0.3s ease-out;
}
.td_flex {
    display: flex;
    flex-direction: row;
    align-self: center;
    width: 100%;
    justify-content: center;
}

.well_status,
.well_cluster_status {
	position: relative;
/*	width: 40px;*/
	display: flex;
	justify-content: center;
	align-self: center;
}
.status_circle {
	width: 10px; 
	height: 10px;
	border-radius: 50%;	
    box-shadow: inset 0px 0px 5px rgb(34 34 34 / 68%);
}

.st_not_at_work {
    background: #ff4040;
}
.st_at_work {
    background: #46E043;
}
.st_ready {
    background: #FF9D29;
}

.well_num {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-self: center;	
	margin-left: 15px;
	overflow: hidden;
}




/*
.data_cluster_table {
    position: relative;
    display: block;
    border: none;
    margin: 0;
    min-height: calc(100vh - 590.38px);
    height: 133px;
    overflow-y: scroll;
    transition: 0.3s ease-out;
}*/
.ev_tab {
    position: relative;
    border: none;
    table-layout: fixed;
    height: auto !important;
    font-size: 14px;
    border-collapse: collapse;
    text-align: center;
    color: rgba(256, 256, 256, 0.8);
    transition: 0.3s ease-out;
}

.ev_tab tbody tr {
    transition: 0.3s ease-out;
}
.ev_tab tbody tr:hover {
	color:white;
	background: var(--background-step-btn);
    transition: 0.3s ease-out;
}





/* условные обозначения---------------------------------------------------------------------------------- */
.legend_map {
	position: relative;
    display: flex;
    flex-direction: column;
    background: transparent;
    justify-content: center;
    bottom: 0;
    transition: 0.3s ease-in;	
}
.symbols {
	position: relative;
    outline: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: "Segoe UI";
    background: transparent;
    color: gray;
    white-space: nowrap;
    height: auto;
    font-size: 17px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    transition: 0.6s;
}
.symbols:hover {
	background: #191E25;
	color: white;
    transition: 0.6s;	
}
.btn_open_legend {
	padding: 10px 0 12px 20px
}
.btn_open_legend::after {
	position: relative;
	content: "";
	top: 2px;
	right: 15px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color:  transparent  transparent rgba(211, 218, 227, 0.5) transparent;
	float: right;
	transition: 0.1s;
}
.btn_open_legend:hover::after {
	border-color:  transparent  transparent rgba(211, 218, 227, 1) transparent;
	transition: 0.1s;
}
.act_arrow::after {
	top: 10px;
	border-color: rgba(211, 218, 227, 0.5) transparent transparent transparent;
	transition: 0.1s;
}
.act_arrow:hover::after {
	border-color: rgba(211, 218, 227, 1) transparent transparent transparent;
	transition: 0.1s;
}
.legend_wrap_flex {
	position: relative;
	display: flex;
 	flex-direction: row;
 	width: 100%;
 	padding: 8px 0 10px 25px;
 	transition: 0.8s;
}
.wrap_flex_symb {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 50%;
}
.val_ {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: left;
	height: 20px;
}
.val_up::before {
	color: #04CA00;
	width: 14px;
}
.val_up::after {
	position: relative;
	font-size: 14px;
    line-height: 14px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
	content: "зн. увеличилось";
	left: 0;
	top: 0px;
	transition: all 0.6s ease 0s;
	white-space: nowrap;
}
.val_down::before {
	color: #FF4040;
}
.val_down::after {
	position: relative;
	font-size: 14px;
    line-height: 14px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
	content: "зн. уменьшилось";
	left: 0;
	top: 0px;
	transition: all 0.6s ease 0s;
	white-space: nowrap;
}
.val_neutral::before {
	color: gray;
}
.val_neutral::after {
	position: relative;
	font-size: 14px;
    line-height: 14px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
	content: "зн. не изменилось";
	left: 0;
	top: 0px;
	transition: all 0.6s ease 0s;
	white-space: nowrap;
}
.well_status_ {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    height: 20px;
}
.well_not_at_work::after {
    position: relative;
    font-size: 14px;
    line-height: 14px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
    content: "скв. бездейств.";
    left: 0;
    top: 0px;
    transition: all 0.6s ease 0s;
    white-space: nowrap;
}
.well_at_work::after {
    position: relative;
    font-size: 14px;
    line-height: 14px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
    content: "скв. в работе";
    left: 0;
    top: 0px;
    transition: all 0.6s ease 0s;
    white-space: nowrap;
}
.well_ready::after {
    position: relative;
    font-size: 14px;
    line-height: 14px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
    content: "скв. останов.";
    left: 0;
    top: 0px;
    transition: all 0.6s ease 0s;
    white-space: nowrap;
}
/* ------------------------------------------------------------------------------------------------------ */



.ecomomy_wrap {
	position: relative;
	display: flex;
	height: 100%;
	flex-direction: column;
	margin: 0;
	padding: 0;
}

.ecomomy_AG {
	position: relative;
	display: flex;
	height: 50%;
}
.overwrap_ec_AG {
	position: relative;
	display: block;
    height: calc(100% - 8px);
    width: calc(100% - 16px);
	margin: 8px 8px 0 8px;
	overflow-y: hidden;
	overflow-x: hidden;
	/*border: 1px solid #ccc;*/
}

.ecomomy_table {
	position: relative;
	display: flex;
	height: 50%;	
	width: 100%;
}

.main_params_tab {
    position: relative;
    border: none;
    table-layout: fixed;
    height: auto !important;
    width: 100%;
    font-size: 14px;
    border-collapse: collapse;
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
    transition: 0.3s ease-out;

        margin: 10px 10px 10px 20px;
}







/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

@media (max-width: 900px) {
.data_article_map1 {
    min-height: calc(100vh - 80px); 
    transition: 0.3s ease-out;    
}
.tech_options {
	position: relative; 
	display: flex;
	flex-direction: column;
	margin: 0;
	position: 0;
    height: calc(100vh - 80px);	
}
.h3_name {
    position: relative;
    text-align: left;
    white-space: nowrap;
    height: auto;
    padding: 8px 8px 10px 15px;
    color: white;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 14px;
    font-weight: 100;
    transition: 0.3s ease-out;
}
.select_set {
    position: relative;
    padding: 1px 30px;
    width: auto;
    font-size: 12px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    text-decoration: none;
    white-space: nowrap;
    color: #BBBBBB;
}
.data_cluster_num {
	display: flex;
	height: 32px;
	align-items: center;
	position: relative;
    text-align: left;
    color: white;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    font-size: 14px;
    font-weight: 300;
    padding:0 0 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.data_cluster_num::before {
    position: relative;
    text-align: left;
    color: white;
    font-size: 14px;
    padding: 0 8px 0 0;
    content: "Куст №";
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 300;
    left: 0;
    top: 0;
    transition: all 0.6s ease 0s;
}
.head_fix_tab {
    position: relative;
    font-size: 13px;
    line-height: 13px;
    color: #c1c1c1;
    padding: 0;
    margin: 0;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    left: 0;
    top: 0;
    transition: all 0.6s ease 0s;
}
.name_fix_tab {
    position: relative;
    font-size: 13px;
    line-height: 13px;
    padding: 8px 0 8px 0;
    height: 100%;
    color: #c1c1c1;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    left: 0;
    top: 0;
    transition: all 0.6s ease 0s;
}



	.wrapper {
		position: relative;
		top: 40px;
		margin: 0;
		padding: 0;
		min-height: calc(100vh - 40px);
		height: 100%;
		transition: 0.3s ease-out;

	}

	.content-wrapper_events {
		position: relative;
		display: flex;
		flex-direction: column;
		margin-left: 16em;
		width: calc(100% - 16em);
		min-width: calc(100% - 16em);
		height: calc(100vh - 40px);

	    overflow-x: scroll;
 min-height: 600px;
		transition: 0.3s ease-out;
	}

.content-wrapper_operations {
		position: relative;
		display: flex;
		flex-direction: column;
		margin-left: 16em;
		width: calc(100% - 16em);
		min-width: calc(100% - 16em);
		height: calc(100vh - 40px);

	    overflow-x: scroll;
 min-height: 600px;
		transition: 0.3s ease-out;
}	
/*информационная панель с номером куста, скважины и т.д.--------------------------*/
.div_header {
	height: 35px;

/*	width: 600px;*/
}
.btn_ineration {
	margin: 3px 1.5px;
	border-radius: 5px;
	font-size: 13px;
	padding: 0 10px;
}
/*----------------------------------------------------------------------------*/



.container {
	height: calc(100% - 35px);
/*	min-height: 600px;*/
/*	min-width: 600px;*/
}
.A {
	grid-area: 1 / 1 / 3 / 3;
	background: #2D3540;
	padding: 4px 2px 2px 2px;
}
.A1 {
	grid-area: 3 / 1 / 5 / 3;
	background: #2D3540;
	padding: 2px 2px 4px 2px;
}
.B {
	grid-area: 1 / 3 / 3 / 5;
	padding: 4px 2px 2px 2px;
}
.C {
	grid-area: 3 / 3 / 5 / 5;
	padding: 2px 2px 4px 2px;
}
.D {
	grid-area: 1 / 5 / 2 / 7;
	padding: 4px 4px 4px 2px;
}
.E {
	grid-area: 2 / 5 / 5 / 6;
	padding: 0px 2px 4px 2px;
}
.F {
	grid-area: 2 / 6 / 5 / 7;
	padding: 0px 4px 4px 2px;
}
.grid_div,
.grid_div_ch_name {
	border-radius: 6px;
}
.grid_div_dark {
	border-radius: 6px;
}
.changeable_name,
.changeable_name_gray {
	border-radius: 6px;
	font-size: 13px;
	line-height: 13px;
	margin: 8px 5px 0 15px;
}
.grid_div::before {
	border-radius: 6px;
	font-size: 13px;
	line-height: 13px;
	margin: 8px 5px 0 15px;
}




/*
.map {
	position: relative; 
	display: flex; 
	flex-direction: column;

	width: 100%; 
	min-width: 300px; 

    overflow-y: scroll;
    height: calc(100vh - 75px);
    transition: 0.3s ease-out;
}*/

/* информационная карточка--------------------------------------------------------- */
.info_game_wrap {
	position: relative;
	display: flex; 
	flex-direction: column; 
	font-size: 12px; 
	height: 100%; 
	justify-content: center; 

	padding: 4px 0;

/*	padding: 0;*/
}
.info_row_data {
	position: relative;
	display: flex; 
	flex-direction: row; 
	width: 100%;
	height: 100%; 
	justify-content: space-between; 
	align-items: center;
}
.col_data {
	position: relative; 
	display: flex; 
	flex-direction: column; 
	width: 100%; 
	height: 100%; 
	padding: 0 20px 0 15px; 
	justify-content: space-between;
}
.str_info {
	position: relative; 
	display: flex;
	flex-direction: row; 
	justify-content: space-between; 
	padding: 1.5px 0;
	height: 100%;
	align-items: center;

}

.p_light {
	position: relative;
    color: rgba(34, 34, 34, 0.77);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 12px;
    font-weight: 500;	
}

.p_dark {
	position: relative;
color: rgba(211, 211, 211, 0.65);

    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 12px;
    font-weight: 500;	
}


.status_row_data {
	position: relative;
	display: flex; 
	flex-direction: row;
	width: 100%; 
	justify-content: space-between; 
	align-items: center; 
	padding-top: 2px;
}


.w {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;

	width: 50%;
	background: rgba(243, 243, 243, 0.84);
	border-radius: 6px;
    color: rgba(34, 34, 34, 0.77);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 12px;
    font-weight: 500;	

}

.w_dark {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
/*	height: 100%;*/
	width: 50%;
	background: #32383F;
	border-radius: 6px;
color: rgba(245, 245, 245, 0.77);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 12px;
    font-weight: 500;	

}
/*----------------------------------------------------------------------------------*/

.cc {
	    margin-bottom: 0;
}


/*способ эксплуатации----------------------------------------------------------------*/
.sposob {
	margin: 0 0 4px 0;
	border-radius: 6px;
}
.sposob::before {
	content: "Сп. экспл.";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 13px;
	line-height: 13px;
	font-weight: 100;
	margin: 6px 8px 6px 15px;
	width: auto;
	transition: 0.6s;
}
.sb_name {   
	position: relative;
	border: none;
	outline: none;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	line-height: 14px;
	font-weight: 100;
	background: transparent;
	color: rgba(211, 218, 227, 0.8);

	padding: 5px 30px 5px 15px;
	margin: 6px 15px 6px 0px; 

	cursor: pointer;
	transition: 0.6s;
}
.sb_name:hover {
	color: rgba(211, 218, 227, 1);
	transition: 0.6s;
}
.sb_name::before {
	position: absolute;
	content: "";
	top: 10px;
	right: 0;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: rgba(211, 218, 227, 0.5) transparent transparent transparent;
	float: right;
	transition: 0.6s;
}
.sb_name:hover::before,
.sb_name:focus,
.sb_name.act {
	border-color: rgba(211, 218, 227, 1) transparent transparent transparent;
	transition: 0.6s;
}
.dropdown-content {
	position: absolute;
	z-index: 2;
	display: none;
	flex-direction: column;
	right: 2px;
	top: 32px;
	background: #283039;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	border-radius: 6px;
	overflow: hidden;
}
.dropdown-content button {
	position: relative;
	display: flex;
	outline: none;
	border: none;
	cursor: pointer;
	font-size: 13px;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	align-self: center;
	width: 100%;
	text-decoration: none;
	white-space: nowrap;
	background: transparent;
	color: #BBBBBB;
	cursor: pointer;
	text-align: left;
	padding: 5px 20px;

	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;	
}
.dropdown-content button:hover {
	background: var(--background-step-btn-active);
	color: black;

	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;	
}
/*----------------------------------------------------------------------------*/

/*вложенные параметры оборудования--------------------------------------------*/
.wrap_equipment {
	border-radius: 6px;
}
.equipment_set_name {
	position: relative;
	height: 26px;
}
.equipment_set_name::before {
	font-size: 13px;
	line-height: 13px;
	font-weight: 100;
	margin: 8px 5px 4px 15px;
}
.equipment_set {
	position: relative;
	display: flex;
	flex-direction: column;
	height: calc(100% - 26px);
}
.sp_tabs {
	position: relative;
	height: 100%;
}
.sb_b {
	display: flex;
	justify-content: center;
	width: 100%;
	border: none;
	outline: none;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 11px;
	line-height: 11px;
	font-weight: 100;
	background: transparent;
	color: #BBBBBB;
	padding: 5px 8px;
	margin: 0;
	border-bottom: 1.5px solid var(--background-step-btn);
	cursor: pointer;
	transition:  0.6s ;
}
.sb_b:hover {
	border-bottom: 1.5px solid rgba(94, 186, 201, 0.5);
	color: white;
	font-weight: ;
	transition:  0.6s ;
}
.sb_b.active_nav {
	border-bottom: 1.5px solid var(--background-step-btn-active);
	color: white;
	font-weight: ;
	transition:  0.6s ;
}
.content {
	display: none;
	flex-direction: column;
	overflow-y: scroll;
	min-height: 200px;
	height: calc(100% - 33px);
	margin: 4px 0;
}
.str_wrp {
	position:relative;
	display: flex;
	justify-content: space-between;
/*	height: 20px;*/
}
.str_name {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 15px;
}
.name_row_tab {
	text-align: left;
	letter-spacing: 0.01em;
	color: rgba(255, 255, 255, 0.65);
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 11px;
	font-weight: 100;
	overflow: hidden;
	text-overflow: ellipsis;
}
.str_val {
	position: relative;
	display: flex;
	color: #fff;
}
.val_wrap {
	position: relative;
	width: 100px;
	display: block;
	text-align: center;
	align-self: center;
	text-overflow: ellipsis;
	overflow: hidden;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 9px;
	font-weight: 100;
	margin: 3px 0;
}
.inp_select_val {
	display: flex;
	max-width: 100px;
	border: 0.5px solid var(--background-step-btn);
	outline: none;
	border-radius: 0;
	box-sizing: border-box;
	font-family: sans-serif;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 9px;
	font-weight: 100;
	color: #fff;
	background-color: transparent;
	transition: 0.6s;
	cursor: pointer;
	margin: 3px 0;
}
.inp_select_val:hover {
	outline: none;
	border-radius: 0;
	border: 0.5px solid #757B82;
	transition: 0.6s;	
}
.inp_select_val:focus {
	outline: none;
	border-radius: 0;
	border: 0.5px solid rgba(255, 255, 255, 0.5);
	transition: 0.6s;	
}
.inp_select_val:disabled {
	outline: none;
	border-radius: 0;
	border: 0.5px solid var(--background-body);
	transition: 0.6s;	
}
.inp_select_val option {
	display: flex;
	outline: none;
	border: none;
	background: #283039;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	color: #D2D2D2;
}
.inp_select_val option:hover {
	background: #191E25;
}
/*----------------------------------------------------------------------------*/

/*окно с выбором графика------------------------------------------------------*/
.select_plot_name {
	font-size: 13px;
	line-height: 13px;
	font-weight: 100;
	margin: 8px 5px 0 15px;
}	
.dropdown-content_ {
	top: 32px;
}
.dropdown-content_ button{
	font-size: 13px;
}
/*----------------------------------------------------------------------------*/

/*ЭК--------------------------------------------------------------------------*/
.pipe_ec {
	border-radius: 6px;
	margin: 0 0 4px 0;
}
.pipe_ec::before {
	font-size: 13px;
	line-height: 13px;
	margin: 8px 5px 2px 15px;
}
.pipe_nkt {
	border-radius: 6px;
}
.pipe_nkt::before {
	ont-size: 13px;
	line-height: 13px;
	margin: 8px 5px 2px 15px;
}
/*----------------------------------------------------------------------------*/

/*таблицы со скроллом---------------------------------------------------------*/
.body_div {
	position: relative;
	overflow-y: scroll;
	overflow-x: visible;
   height: calc(100% - 69px);
	width: 100%;
}
.coltab {
	font-size: 11px;
}
.coltab thead th {
	font-size: 11px;
	line-height: 11px;
}
.coltab tbody td {
	font-size: 10px;
}
/*----------------------------------------------------------------------------*/

/*инклинометрия---------------------------------------------------------------*/
.header_wrap_h3 {
	position: relative;
	width: calc(100% - 80px);
	font-size: 13px;
	line-height: 13px;
	margin: 8px 0 0 15px;	    
}
.header_buttons_bar {
	right: -42px;
	height: 21px;
	margin: 2px 0 0 0;
}
.header_buttons_bar {
	right: -42px;
	height: 21px;
}
.bar_btn {
	font-size: 13px;
}
.bar_btn_wrap {
	width: 21px;
	font-size: 13px;
}
/*----------------------------------------------------------------------------*/

/*флюид параметры-------------------------------------------------------------*/
.fluid_settings {
	border-radius: 6px; 
	margin: 0 0 4px 0;
}
.fluid_settings::before {
	font-size: 13px;
	line-height: 13px;
   margin: 8px 5px 0 15px;
}
.fluid_correlation {
	border-radius: 6px;
}
.fluid_correlation::before {
	font-size: 13px;
	line-height: 13px;
   margin: 8px 5px 0 15px;
}
.tab_gray {
	font-size: 11px;
}
.first_n {
	white-space: nowrap;
	font-weight: lighter;
	padding: 0 0 0 20px;
	text-align: left;
	height: 100%;
	display: flex;
	align-items: center;
}
.name_row_tab {
	text-align: left;
	letter-spacing: 0.01em;
	color: rgba(255, 255, 255, 0.55);
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 11px;
	font-weight: 100;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}
.naz {
	white-space: nowrap;
	font-weight: lighter;
	padding: 0 0 0 15px;
	text-align: left;
	height: 100%;
	display: flex;
	align-items: center;
	vertical-align: center;
	height: 20px;
}
/*.tab_val {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 6px 0;
	margin-left: 5x;
	background: #383838;
}*/
/*----------------------------------------------------------------------------*/

/*информационное окно со статутсами-------------------------------------------*/
.field_data_wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	height: 100%;
	width: auto; 

	background: transparent;      
}
.table_data {
	height: 100%;
	font-size: 12px;
   margin: 0 0 0 15px;
	border-collapse: collapse;	
}
.table_data tr > td {
/*	border: 0.5px solid lightgray;*/
	vertical-align: top;
}


.well_num_ {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: left;
	white-space: nowrap;
	margin-top: 7px;
}
.well_n {
	text-align: left;
	position: relative;
	width: 55px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new_num_well {
	display: flex;
	text-align: left;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;	
	align-items: baseline;
}
.new_num_well::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Скв.:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 	font-size: 13px;
	line-height: 13px; 
	font-weight: 100;
	margin-right: 5px;	
}

.h3_data {
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 13px;
	line-height: 13px;
	font-weight: 100;
}
.ellipsis_overwrap {
	display: block;
	width: 100%;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
}
.cl_num_::before {
	position: relative;
/*	display: flex;*/
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Куст:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 	font-size: 13px;
	line-height: 13px; 
	font-weight: 100;
	margin-right: 5px;	
}












.btn_overwrap {
	display: flex; 
	justify-content: flex-end; 
	align-items: flex-start;
}
.sp::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Способ эксплуатации:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 13px;
	line-height: 13px; 
	font-weight: 100;
}
.status_well::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Статус:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 13px;
	line-height: 13px; 
	font-weight: 100;
}
.status_calc::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Статус расчета:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 13px;
	line-height: 13px;
	font-weight: 100;
}
/*----------------------------------------------------------------------------*/

/*кнопки----------------------------------------------------------------------*/
.btn_calc {
	position: relative;
	display: flex;
	outline: none;
	border: none;
	background: #1ABD34;
 	color: white;
	border-radius: 6px;
 	padding: 3px 15px;
 	white-space: nowrap;
 	font-size: 13px;
 	cursor: pointer;
	transition: 0.6s;
}
.btn_calc:hover {
	background: #545D67;
	color: white;
	transition: 0.6s;
}
/*----------------------------------------------------------------------------*/









/* условные обозначения---------------------------------------------------------------------------------- */
.legend_map {
	position: relative;
    display: flex;
    flex-direction: column;
    background: transparent;
    justify-content: center;
    bottom: 0;
    transition: 0.3s ease-in;	
}
.symbols {
	position: relative;
    outline: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: "Segoe UI";
    background: transparent;
    color: gray;
    white-space: nowrap;
    height: auto;
    font-size: 14px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    transition: 0.6s;
}
.symbols:hover {
	background: #191E25;
	color: white;
    transition: 0.6s;	
}
.btn_open_legend {
    padding: 8px 8px 10px 15px;
}
.btn_open_legend::after {
	position: relative;
	content: "";
	top: 2px;
	right: 15px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color:  transparent  transparent rgba(211, 218, 227, 0.5) transparent;
	float: right;

	transition: 0.1s;
}
.btn_open_legend:hover::after {
	border-color:  transparent  transparent rgba(211, 218, 227, 1) transparent;
	transition: 0.1s;
}
.act_arrow::after {
	top: 10px;
	border-color: rgba(211, 218, 227, 0.5) transparent transparent transparent;
	transition: 0.1s;
}
.act_arrow:hover::after {
	border-color: rgba(211, 218, 227, 1) transparent transparent transparent;
	transition: 0.1s;
}
.legend_wrap_flex {
	position: relative;
	display: flex;
 	flex-direction: column;
 	width: 100%;
 	padding: 8px 0 10px 30px;
 	transition: 0.8s;
}
.wrap_flex_symb {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.val_ {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: left;
	height: 20px;
}
.val_up::before {
	color: #04CA00;
	width: 14px;
}
.val_up::after {
	position: relative;
	font-size: 12px;
    line-height: 12px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
	content: "зн. увеличилось";
	left: 0;
	top: 0px;
	transition: all 0.6s ease 0s;
	white-space: nowrap;
}
.val_down::before {
	color: #FF4040;
}
.val_down::after {
	position: relative;
	font-size: 12px;
    line-height: 12px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
	content: "зн. уменьшилось";
	left: 0;
	top: 0px;
	transition: all 0.6s ease 0s;
	white-space: nowrap;
}
.val_neutral::before {
	color: gray;
}
.val_neutral::after {
	position: relative;
	font-size: 12px;
    line-height: 12px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
	content: "зн. не изменилось";
	left: 0;
	top: 0px;
	transition: all 0.6s ease 0s;
	white-space: nowrap;
}
.well_status_ {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    height: 20px;
}
.well_not_at_work::after {
    position: relative;
    font-size: 12px;
    line-height: 12px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
    content: "скв. бездейств.";
    left: 0;
    top: 0px;
    transition: all 0.6s ease 0s;
    white-space: nowrap;
}
.well_at_work::after {
    position: relative;
    font-size: 12px;
    line-height: 12px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
    content: "скв. в работе";
    left: 0;
    top: 0px;
    transition: all 0.6s ease 0s;
    white-space: nowrap;
}
.well_ready::after {
    position: relative;
    font-size: 12px;
    line-height: 12px;
    padding: 0px 0 0px 15px;
    height: 100%;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    color: rgba(255, 255, 255, 0.55);
    content: "скв. останов.";
    left: 0;
    top: 0px;
    transition: all 0.6s ease 0s;
    white-space: nowrap;
}
/* ------------------------------------------------------------------------------------------------------ */



.left_bottom_bar_btn,
.btn_iteration_over {
	border-radius: 5px;
    height: 23px;
	font-size: calc(15px - 2px);
    font-weight: 100;
	transition: 0.6s;
}



.iteration {
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: calc(18px - 2px);
    line-height: calc(15px - 2px);
    font-weight: 600;
    color: #333;
}

.iteration::before {
    position: relative;
    display: flex;
    align-items: center;
    font-size: calc(15px - 2px);
    padding-right: 12px;
    color: #333;
    content: "Тек. итерация:";
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    left: 0;
    top: 0px;
    height: 23px;
    line-height: calc(15px - 2px);
    font-weight: 600;
    white-space: nowrap;
    align-items: center;
    transition: all 0.6s ease 0s;
}


/* ------------------------------------------------------------------------------------------------------ */
.color_scale {
	position: absolute;
	display: flex; 
	flex-direction: column;
	left: 10px;
	top: 55px;
	height: auto;
	width: auto;
	z-index: 1000;
    transition: 0.8s;
	opacity: 1;

}

.color_scale:hover {
	opacity: 0.2;
    transition: 0.8s;	
}
.name_scale {
	position: absolute;
	display: block;
	text-align: left;
	bottom: 141px;
	left: 0;
	word-wrap: break-word;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #000;
    white-space: normal;
    font-size: 12px;
    line-height: 12px;
    font-weight: 100;
    transition: 0.8s;	
}

.color_scale_wrap_flex {
	position: relative;
	display: flex; 
	flex-direction: row;
	height: auto;
	transition: 0.8s;
}

.val_scale_wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: auto;
	text-align: left;
	height: 120px;
	padding-left: 10px;
	color: #484848;
	transition: 0.8s;
}

.scale_val {
	position: relative;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	font-size: 11px;
}

.color_scale_flex {
	display: block;
	width: 10px;
	height: 120px;
	background: linear-gradient(#FF0000, #FF6700, #FAFF00, #04FDFB, #000AFF);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.28);
	transition: 0.8s;
}

.color_scale_flex::before {
	position: absolute;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	content: 'max';
	top: -20px;
	text-align: center;
	width: 20px; 

	font-size: 13px;
}

.color_scale_flex::after {
	position: absolute;
	display: block;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	content: 'min';
	bottom: -20px;
	text-align: center;
	width: 20px; 

	font-size: 13px;
}
/* ------------------------------------------------------------------------------------------------------ */
/* всплывающее окно на куст------------------------------------------------------------------------------ */

.info_well_cluster:before {
	position: absolute;
    content: "";
    border: 8.5px solid transparent;
    border-color: transparent rgba(19, 23, 29, 0.85) transparent transparent;
    float: right;
    left: -16px;
    top: 17.5px;
    margin-left: 0;
}
.well_cluster_body {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 8px 12px;
	margin: 0;
	color: rgba(202, 202, 202, 1);
}
.str_cl {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 12px;
	padding: 1px 0;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	text-decoration: none;
	white-space: nowrap;
	color: #BBBBBB;
}
.p_val {
	position: relative;
	color: #ffffff;
} 
/* ------------------------------------------------------------------------------------------------------ */
/* табличка планируемые мероприятия---------------------------------------------------------------------- */
.info_well_cluster > h3 {
    padding: 10px 12px 8px 12px;
    font-size: 13px;
    line-height: 13px;
}
.for_tab {
	position: relative;
	padding: 0 12px 8px 12px;
}
.plan_tab {
	position: relative;
	border: none;
	height: auto !important;
	border-collapse: collapse;
	text-align: center;
}
.plan_tab thead  {
	position: relative;
}
.plan_tab thead tr > th {
	position: relative;
	white-space: nowrap;
	font-weight: 100;
	font-size: 12px;
	color: #c1c1c1;
	border-bottom: 0.5px solid gray;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.frst {
	padding: 0 8px 4px 0;
}
.sec {
	padding: 0 0 4px 8px;
}
.plan_tab tbody tr > td {
	position: relative;
	overflow: hidden;
	word-break: keep-all;
	white-space: normal;
	font-size: 12px;
    padding: 1px 0;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 100;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.8s;	
}
.type_op {
	text-align: left;
	color: #BBBBBB;
}
.sts_op {
    color: #ffffff;
}
.btn_close_abs {
    position: absolute;
    right: 3px;
    top: 3px;
    border: none;
    outline: none;
    background: transparent;
    display: flex;
    align-self: center;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    margin: 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: 0.8s;
}
.btn_close_abs:hover {
    color: rgba(255, 255, 255, 0.85);
	transition: 0.8s;
}




/*планируемые мероприятия---------------------------------------------------------*/
.event_selection_head {
	position: relative;
	display: block;
	height: 45px;
	margin: 0;
	border: none;
	outline: none;
	background: #191E25;	
	transition: 0.3s ease-out;
}
.event_selection {
	position: relative;
	display: flex;
	flex-direction: row;	 
	justify-content: space-between;
	flex-grow: 0;
	height: auto; 
	margin: 0 0 8px 0;
}
.event_selection::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "План. мероприятие";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 13px;
    line-height: 13px;
    font-weight: 100;
    margin: 0 8px 0 15px;
    height: 45px;
	width: auto;
	transition: 0.6s;
}
.ev_name {   
	position: relative;
	border: none;
	outline: none;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 13px;
	line-height: 13px;
	font-weight: 100;
	background: transparent;
	color: rgba(211, 218, 227, 0.8);
	padding: 0 20px 0 5px;
	margin: 0 10px 0 0px;

	border-radius: 6px;
	cursor: pointer;
	transition: 0.6s;
}
.ev_name:hover {
	color: rgba(211, 218, 227, 1);
	transition: 0.6s;
}
.ev_name::before {
	position: absolute;
	content: "";
	top: 20px;
	right: 0;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: rgba(211, 218, 227, 0.5) transparent transparent transparent;
	float: right;
	transition: 0.6s;
}
.ev_name:hover::before,
.ev_name:focus,
.ev_name.act {
	border-color: rgba(211, 218, 227, 1) transparent transparent transparent;
	transition: 0.6s;
}

.ev_name_1 {   
	position: relative;
	border: none;
	outline: none;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 13px;
	line-height: 13px;
	font-weight: 100;
	background: transparent;
	color: rgba(211, 218, 227, 0.8);
	padding: 0 20px 0 5px;
	margin: 0 10px 0 0px;

	border-radius: 6px;
	cursor: pointer;
	transition: 0.6s;
}
.ev_name_1:hover {
	color: rgba(211, 218, 227, 1);
	transition: 0.6s;
}
.ev_name_1::before {
	position: absolute;
	content: "";
	top: 13px;
	right: 0;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: rgba(211, 218, 227, 0.5) transparent transparent transparent;
	float: right;
	transition: 0.6s;
}
.ev_name_1:hover::before,
.ev_name_1:focus,
.ev_name_1.act {
	border-color: rgba(211, 218, 227, 1) transparent transparent transparent;
	transition: 0.6s;
}

.equipment_name{
	position: relative;
	display: flex;
	flex-direction: row;	 
	justify-content: space-between;
	height: auto; 
/*	margin: 0 0 8px 0;*/
}
.equipment_name::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Оборудование скважины";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 13px;
    line-height: 13px;
    font-weight: 100;
    margin: 8px 5px 8px 15px;
	width: auto;
	transition: 0.6s;
}
.event_ch_name::before {
	position: relative;
	display: flex;
	align-items: center;
	color:gray;
	content: "Выбор параметра";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 13px;
    line-height: 13px;
    font-weight: 100;
    margin: 8px 5px 8px 15px;

	width: auto;
	transition: 0.6s;
}
.btn_event_selection {
	position: relative;
	display: flex;
    height: 35px;
	width: calc(100% - 10px);
    padding: 0 5px;
	margin: 0;
	border: none;
	outline: none;
	background: #191E25;	
	transition: 0.3s ease-out;
}
.wrap_events {
	position: relative;
    display: block;
    height: auto;
    background: #191E25;
    box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
	height: calc(100% - 88px);
	margin: 4px;
}
.scroll_wrap_tables {
	position: relative;
    display: none;
    overflow-y: scroll;
    height: calc(100% - 50px);
}
.event_mode {
	position: relative;
	display: flex;
	flex-direction: column;
	white-space: 100%;
}
.tab_plan {
	position: relative;
	border: none;
	table-layout: fixed;
	height: 100% !important;
	font-size: 11px;
	line-height: 12px;
	border-collapse: collapse;
	text-align: center;
	color: #D4D4D4;
}
.tab_plan tr {
	height: 30px;
}
.n_data_tab {
	position: relative;
	border: none;
	table-layout: fixed;
	height: auto !important;
	font-size: 12px;
	border-collapse: collapse;
	text-align: center;
}
.data_tab_head {
	display: flex;
	align-items: center;
	justify-content: center;
}
.n_data_tab thead {
	white-space: nowrap;
	line-height: 15px;
	height: 40px;
	background: #008DA6;
	/* white-space: nowrap; */
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	transition: all 0.6s ease 0s;
}
.n_data_tab thead th {
	position: relative;
	color: #fff;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: lighter;
	transition: all 0.6s ease 0s;
}
.n_data_tab tbody tr:nth-child(odd){
	height: 35px;
	background: #fff;
	color: #848484;
	border-bottom: 0.5px solid #E3E3E3;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.n_data_tab tbody tr:nth-child(even){
	height: 35px;
	background: #Fafafa;
	color: #848484;
	border-bottom: 0.5px solid #E3E3E3;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.btn_ev {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    background: #8DFFAD;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
	color: #48515A;
    border-radius: 7px;
    width: 100%;
    margin: 7px 2.5px;
    padding: 0 20px;
    white-space: nowrap;
    font-size: 14px;
    cursor: pointer;
    transition: 0.6s;	
}
.btn_ev:hover {
	background: var(--color-yellow);
	color: var(--color_dark_theme);
	transition: 0.6s;
}

.btn_cancel {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
background: var(--background-step-btn);
    color: rgba(255, 255, 255, 0.6);
    border-radius: 7px;
    width: 100%;
    margin: 7px 2.5px;
    padding: 0 20px;
    white-space: nowrap;
    font-size: 14px;
    cursor: pointer;
    transition: 0.6s;	
}
.btn_cancel:hover {
	background: var(--color-yellow);
	color: var(--color_dark_theme);
	transition: 0.6s;
}
.menu_plan {
	display: flex;
	justify-content: space-between;
	width: 100%;
	border: none;
	outline: none;
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 12px;
	font-weight: 100;
	background: transparent;
	color: #fff;
	padding: 6px 20px 6px 15px;
	margin: 0;
	border-bottom: 1.5px solid var(--background-step-btn);/*-active*/
	
	cursor: pointer;
	transition:  0.6s ;
}












}




@media (min-width: 2100px) {
	.data_article_map1 {
    height: calc(100vh - 130px); 
    transition: 0.3s ease-out;    
}
.tech_options {
	position: relative; 
	display: flex;
	flex-direction: column;
	margin: 0;
	position: 0;

    height: calc(100vh - 130px);	
}
.wrapper {
 position: relative;
 top: 65px;
 margin: 0;
 padding: 0;
 min-height: calc(100vh - 65px);
 height: 100%;
 transition: 0.3s ease-out;
}
.content-wrapper_events {
 position: relative;
 display: flex;
 flex-direction: column;
 margin-left: 30em;
 width: calc(100% - 30em);
/* min-width: calc(600px - 30em);*/
 height: calc(100vh - 65px);
/* overflow: hidden;	*/
 transition: 0.3s ease-out;
}

.content-wrapper_operations {
 position: relative;
 display: flex;
 flex-direction: column;
 margin-left: 30em;
 width: calc(100% - 30em);
/* min-width: calc(600px - 30em);*/
 height: calc(100vh - 65px);
/* overflow: hidden;	*/
 transition: 0.3s ease-out;
}


/*информационная панель с номером куста, скважины и т.д.--------------------------*/
.div_header {
 height: 60px;
}
.btn_ineration {
	margin: 6px 3px;
	border-radius: 10px;
	font-size: 18px;
}
/*----------------------------------------------------------------------------*/


.container {
    height: calc(100% - 60px);
}
.A {
    grid-area: 1 / 1 / 3 / 3;
    background: #2D3540;
    padding: 8px 4px 4px 4px;
}
.A1 {
    grid-area: 3 / 1 / 5 / 3;
    background: #2D3540;
    padding: 4px 4px 8px 4px;
}
.B {
   grid-area: 1 / 3 / 3 / 5;
   padding: 8px 4px 4px 4px;
}
.C {
   grid-area: 3 / 3 / 5 / 5;
   padding: 4px 4px 8px 4px;
}
.D {
   grid-area: 1 / 5 / 2 / 7;
   padding: 8px 8px 8px 4px;
}
.E {
   grid-area: 2 / 5 / 5 / 6;
   padding: 0px 4px 8px 4px;
}
.F {
   grid-area: 2 / 6 / 5 / 7;
   padding: 0px 8px 8px 4px;
}

.changeable_name,
.changeable_name_gray {
	font-size: 17px;
	line-height: 17px;
	margin: 10px 8px 0 25px;

}
.grid_div::before {
	font-size: 17px;
	line-height: 17px;
	margin: 10px 8px 0 25px;
}


.map_grid {
	grid-area: 1 / 1 / 5 / 7;
	padding: 0;
	margin: 0;
}

/*.flex_wrap_map {
	position: relative; 
	display: flex; 
	flex-direction: column; 
	width: 100%; 
	height: 100%;	
}

.map {
	position: relative; 
	display: flex; 
	flex-direction: column;

	width: 100%; 
	min-width: 300px; 

    overflow-y: scroll;
    height: calc(100vh - 125px);
    transition: 0.3s ease-out;
}*/


/* информационная карточка--------------------------------------------------------- */
.info_game_wrap {
	position: relative;
	display: flex; 
	flex-direction: column; 
	font-size: 18px; 
	height: 100%; 
	justify-content: center; 

	padding: 10px 0;

/*	padding: 0;*/
}
.info_row_data {
	position: relative;
	display: flex; 
	flex-direction: row; 
	width: 100%;

	height: 75%; 
	
	justify-content: space-between; 
	align-items: center;
}
.col_data {
	position: relative; 
	display: flex; 
	flex-direction: column; 
	width: 100%; 
	height: 100%; 
	padding: 0 20px 0 15px; 
	justify-content: space-between;
}
.str_info {
	position: relative; 
	display: flex;
	flex-direction: row; 
	justify-content: space-between; 
	padding: 1.5px 0;
/*	height: 25%;*/
	align-items: center;

}

.p_light {
	position: relative;
    color: rgba(34, 34, 34, 0.77);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    font-weight: 500;	
}

.p_dark {
	position: relative;
color: rgba(211, 211, 211, 0.65);

    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    font-weight: 500;	
}

.status_row_data {
	position: relative;
	display: flex; 
	flex-direction: row;
	width: 100%; 
	height: 30%;
	justify-content: space-between; 
	align-items: center; 
	padding-top: 2px;
}


.w {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80%;
	width: 50%;
	background: rgba(243, 243, 243, 0.84);
	border-radius: 6px;
    color: rgba(34, 34, 34, 0.77);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    font-weight: 500;	

}
.w_dark {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80%;
	width: 50%;
	background: #32383F;
	border-radius: 6px;
color: rgba(245, 245, 245, 0.77);
    white-space: nowrap;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    font-weight: 500;	

}

.cc {
	    margin-bottom: 5px;
}
/*----------------------------------------------------------------------------------*/




/*способ эксплуатации----------------------------------------------------------------*/
.sposob {
	margin: 0 0 8px 0;
}
.sposob::before {
	content: "Способ эксплуатации";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 17px;
	line-height: 17px;
	font-weight: 100;
	margin: 8px 8px 8px 25px;
	width: auto;
	transition: 0.6s;
}
.sb_name {   
	position: relative;
	border: none;
	outline: none;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 18px;
	line-height: 18px;
	font-weight: 100;
	background: transparent;
	color: rgba(211, 218, 227, 0.8);

	padding: 5px 30px 5px 25px;
	margin: 8px 15px 8px 25px;

	border-radius: 6px;
	cursor: pointer;
	transition: 0.6s;
}
.sb_name:hover {
	color: rgba(211, 218, 227, 1);
	transition: 0.6s;
}
.sb_name::before {
	position: absolute;
	content: "";
	top: 12px;
	right: 0;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: rgba(211, 218, 227, 0.5) transparent transparent transparent;
	float: right;
	transition: 0.6s;
}
.sb_name:hover::before,
.sb_name:focus,
.sb_name.act {
	border-color: rgba(211, 218, 227, 1) transparent transparent transparent;
	transition: 0.6s;
}
.dropdown-content {
	position: absolute;
	z-index: 2;
	display: none;
	flex-direction: column;
	right: 4px;
	top: 38px;
	background: #283039;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	border-radius: 6px;
	overflow: hidden;
}
.dropdown-content button{
	position: relative;
	display: flex;
	outline: none;
	border: none;
	cursor: pointer;
	font-size: 18px;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 100;
	align-self: center;
	width: 100%;
	text-decoration: none;
	white-space: nowrap;
	background: transparent;
	color: #BBBBBB;
	cursor: pointer;
	text-align: left;
	padding: 5px 20px;

	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;	
}
.dropdown-content button:hover {
	background: var(--background-step-btn-active);
	color: black;

	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;	
}
/*----------------------------------------------------------------------------*/

/*вложенные параметры оборудования--------------------------------------------*/
.equipment_set_name {
	position: relative;
	height: 33px;
}
.equipment_set_name::before {
	font-size: 18px;
	line-height: 18px;
	font-weight: 100;
	margin: 10px 8px 6px 25px;
	width: auto;
	transition: all 0.6s ease 0s;
}
.equipment_set {
	height: calc(100% - 33px);
}
.sb_b {
	font-size: 18px;
	line-height: 18px;
	font-weight: 100;
	padding: 8px 10px;
}
.content {
	display: none;
	flex-direction: column;
	overflow-y: scroll;
	min-height: 200px;
	height: calc(100% - 53px);
	margin: 8px 0;
}
.str_wrp {
	position:relative;
	display: flex;
	justify-content: space-between;
	height: 32px;
}
.str_name {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 20px;
}
.name_row_tab {
	font-size: 17px;
}
.val_wrap {
	font-size: 17px;
}
.inp_select_val {
	font-size: 17px;
}

/*----------------------------------------------------------------------------*/
/*окно с выбором графика------------------------------------------------------*/
.select_plot_name {
	font-size: 17px;
	line-height: 17px;
	font-weight: 100;
	margin: 10px 8px 0 25px;
}	
.dropdown-content_ {
	top: 38px;
}
.dropdown-content_ button{
	padding: 5px 25px;
	font-size: 17px;	
}
.dropdown-content_ button:hover {
	background: var(--background-step-btn-active);
	color: black;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;	
}
.select_plot_name:hover {
	color: rgba(211, 218, 227, 1);
	transition: 0.6s;
}
.select_plot_name::after {
	position: relative;
	content: "";
	top: 4px;
	left: 20px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: rgba(211, 218, 227, 0.5) transparent transparent transparent;
	float: right;
	transition: 0.6s;
}
/*----------------------------------------------------------------------------*/

/*ЭК--------------------------------------------------------------------------*/
.pipe_ec::before {
	font-size: 17px;
	margin: 10px 8px 4px 25px;
}
.pipe_nkt::before {
	line-height: 17px;
	margin: 10px 8px 4px 25px;
}
/*----------------------------------------------------------------------------*/

/*таблицы со скроллом---------------------------------------------------------*/
.body_div {
	position: relative;
	overflow-y: scroll;
	overflow-x: visible;
	height: calc(100% - 69px);
	width: 100%;
}
.coltab {
	font-size: 17px;
}
.coltab thead th {
	font-size: 17px;
	line-height: 17px;
}
.coltab tbody td {
	font-size: 16px;
}
/*----------------------------------------------------------------------------*/

/*инклинометрия---------------------------------------------------------------*/
.header_wrap_h3 {
	position: relative;
	width: calc(100% - 80px);
	font-size: 17px;
	line-height: 17px;
	margin: 10px 0 0 25px;	    
}

/*----------------------------------------------------------------------------*/

/*флюид параметры-------------------------------------------------------------*/

.fluid_settings::before {
    font-size: 17px;
    line-height: 17px;
    margin: 10px 8px 0 25px;
}
.fluid_correlation {
	border-radius: 13px;
}
.fluid_correlation::before {
    font-size: 17px;
    line-height: 17px;
    margin: 10px 8px 0 25px;
}
.tab_gray {
	font-size: 17px;
}
.first_n {
	white-space: nowrap;
	font-weight: lighter;
	padding: 0 0 0 25px;
	text-align: left;
	height: 100%;
	display: flex;
	align-items: center;
}
.name_row_tab {
	text-align: left;
	letter-spacing: 0.01em;
	color: rgba(255, 255, 255, 0.55);
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 17px;
	font-weight: 100;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}
.naz {
	white-space: nowrap;
	font-weight: lighter;
	padding: 0 0 0 25px;
	text-align: left;
	height: 100%;
	display: flex;
	align-items: center;
	vertical-align: center;
	height: 31px;
}
/*.tab_val {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 6px 0;
	margin-left: 5x;
	background: #383838;
}*/
/*----------------------------------------------------------------------------*/
/*информационное окно со статутсами-------------------------------------------*/
.field_data_wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	height: 100%;
	width: auto; 

	background: transparent;      
}
.table_data {
	height: 100%;
/*	margin: 0 0 0 15px;*/

   margin: 0 0 0 25px;
	border-collapse: collapse;	
	font-size: 17px;
}
.table_data tr > td {
/*	border: 0.5px solid lightgray;*/
	vertical-align: top;
}



.well_num_ {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: left;
	white-space: nowrap;
	margin-top: 7px;
}
.well_n {
	text-align: left;
	position: relative;
	width: 55px;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new_num_well {
	display: flex;
	text-align: left;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;	
}
.new_num_well::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Скважина:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 	font-size: 20px;
	line-height: 20px; 
	font-weight: 100;
	margin-right: 5px;	
}

.h3_data {
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 20px;
	line-height: 20px;
	font-weight: 100;
}
.ellipsis_overwrap {
	display: block;
	width: 100%;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
}
.cl_num_::before {
	position: relative;
/*	display: flex;*/
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Куст:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 	font-size: 20px;
	line-height: 20px; 
	font-weight: 100;
	margin-right: 5px;	
}




.btn_overwrap {
	display: flex; 
	justify-content: flex-end; 
	align-items: flex-start;
}
.sp::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Способ эксплуатации:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 20px;
	line-height: 20px; 
	font-weight: 100;
	padding-bottom: 6px;
}
.status_well::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Статус:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 20px;
	line-height: 20px; 
	font-weight: 100;
	padding-bottom: 6px;
}
.status_calc::before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
/*	color: black;*/
	content: "Статус расчета:";
	white-space: nowrap;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 20px;
	line-height: 20px;
	font-weight: 100;
	padding-bottom: 6px;
}


.btn_calc {
    padding: 10px 25px;
    font-size: 20px;
	transition: 0.6s;
}
/*----------------------------------------------------------------------------*/



/* история мероприятий---------------------------------------------------------------------------------- */
/*.float_event_history {
	display: none; 

	flex-direction: column;
	position:absolute;

	left: 0;


	height: calc(100vh - 125px);
	width: 20%;
	min-width: 500px;

	z-index: 1000;

	margin: auto;
	background: rgba(19, 23, 29, 0.95);
	backdrop-filter: blur(10px);

	box-shadow: 0px 0px 10px rgb(0 0 0 / 28%);
	transition: 0.3s ease-out;
}
.float_head_event {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	height: 35px;
}
.float_body_event {
	position: relative;
	display: flex;
	height: ;
	background: transparent;

	
	height: calc(100vh - 160px);
	overflow-y: scroll;
	transition: 0.3s ease-out;
}*/
/* ------------------------------------------------------------------------------------------------------ */

.left_bottom_bar_btn,
.btn_iteration_over {
	border-radius: 5px;
	font-size: 18px;
    font-weight: 100;
	transition: 0.6s;
}



}
/* ----------------------------------------------------------- */