.body_form {
	background: #f4f2f2 !important;
}

/* LEFT PANEL */

.bigHead {
	background: #7F9AB8;
}
.divPanel {
	overflow: auto; 
	width: 300px; 
	background: white;	
}
.status_bar {
	position: fixed; 
	z-index: 99990; 
	bottom: 0px; 
	left: 0px; 
	width: 100%; 
	background: white;
}
.status_bar_td {
	padding-left: 8px;
	padding-top: 1px;
	border-top: 1px solid #9FBAD8;"
}
.menu_tbl_body {
	background: #edf1fa;
	border-right: 1px solid #9FBAD8;
	position: relative;
}
.menu_tbl_body_context {
	background: white;
	border-right: 1px solid #9FBAD8;
	position: relative;
}
.menu_tbl_panel {
	border-right: 1px solid #9FBAD8;
}

/* CONTROLS */

.toolBar {
	background: #EDF1FA;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.1), -2px 2px 4px rgba(210,210,210,0.1); 
	border-bottom: 1px solid #CDD1DA;	
}
.toolBar_head {
	color: white; 
	background: #7F9AB8;
}

/* АДАПТИВНОСТЬ */

.tool_both_show {}
.tool_both_hide { /* для команд, які весь час тільки в контекстному меню */
	display: none;
}
.tool_mobile_hide {}
.tool_mobile_show {
	display: none;
}

.btn_menu_close {
	cursor: pointer;
	width: 24px;
	height: 24px;
}

/* NOTICE */

.notice_win {
	position: fixed;
	right: 50px;
	bottom: 50px;
	width: 70px;
	opacity: 0.5;
	cursor: pointer; 
	height: 70px;
	border-radius: 70px; 
	background: url(../img/card_event.png) no-repeat center center #ea890a; 
	background-size: 35px 35px; 
	box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
}
.notice_win:hover {
	position: fixed;
	right: 50px;
	bottom: 50px;
	width: 70px;
	opacity: 0.9;
	cursor: pointer; 
	height: 70px;
	border-radius: 70px; 
	background: url(../img/card_event.png) no-repeat center center #ea890a; 
	background-size: 35px 35px; 
	box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
}
.notice_win_iframe {
	width: calc(100% - 50px);
	max-width: 400px;
	height: 350px; 
	border: 4px solid #ea890a;
	position: fixed;
	bottom: 130px;
	right: 50px;
	box-sizing: border-box;
}

/* ЛЕВАЯ ПАНЕЛЬ */

.menuitem {
	cursor: pointer;
	border: 1px solid rgba(0,0,0,0);
}
.menuitem:hover {
	cursor: pointer;
	background: #CFEFFF;
	border: 1px solid #9FBAD8;
}
.menuitem_direct {
	display: none;
	cursor: pointer;
	border: 1px solid rgba(0,0,0,0);
}
.menuitem_direct:hover {
	cursor: pointer;
	background: #CFEFFF;
	border: 1px solid #9FBAD8;
}
.menuitem_click {
	cursor: pointer;
	background: #A4D3EE;	
	border: 1px solid #9FBAD8;
}
.memuitem_img {
	width: 16px;
	padding: 2px 6px 2px 4px;
}
.plusminus {
	border: 1px solid white;
	cursor: pointer;
}
.plusminus:hover {
	border: 1px solid coral;
	cursor: pointer;
}
.menu_tbl {
	transition-property: left;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

/* ФОРМА ВВОДА */

.tbl_form {
	width: 100%;
	position: absolute; 
}

.form_td_cap {
	/* padding-left: 5px; */
}
.form_td_cap2 { /* не адаптивний */
	/* padding-left: 5px; */
}
.ctrl_tr_lbl {
	display: none;	
}
.ctrl_tr_lbl > td {
	padding-top: 4px;
	padding-bottom: 3px;
	color: black;
	font-size: 14px;
}

/**/

.link {
	color: #177EE5;
	text-decoration: none;
}
.link:hover {
	color: #177EE5;
	text-decoration: underline;
}
.iframe_hide {
	/*
	width: 0px;
	height: 0px;
	border: 0px;
	*/
	display: none;
}
.note {
	font-family: Open Sans Condensed, sans-serif; 
	font-size: 0.8em;
	text-align: center;
	padding-bottom: 6px;
	color: gray;
}
.link-path {
	color: #7f9ab8;
	text-decoration: none;
}
.link-path:hover {
	color: #7f9ab8;
	text-decoration: underline;
}

.zebra1 {}
.zebra1 td { background: white; }
.zebra2 {}
.zebra2 td { background: #eeeeee; }

/* Контроли */

.ref_list_row td {
	box-shadow: 1px 1px 2px rgba(189, 185, 179, 1), -2px -2px 4px rgba(255, 255, 255, 1);	
	text-shadow: 1px 1px 1px white;
	padding: 8px;
}

.ref_list_row td[width="40"] {
	background: url(../img/delete2.png) center center no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
}

.ref_list_row td[width="40"]:hover {
	background: url(../img/delete3.png) center center no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
}

.ref_list_row_dis td {
	box-shadow: 1px 1px 2px rgba(189, 185, 179, 1), -2px -2px 4px rgba(255, 255, 255, 1);	
	text-shadow: 1px 1px 1px white;
	padding: 8px;
}

.ref_list_row_dis td[width="40"] {
	background: url(../img/delete4.png) center center no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
}

/* Таби */


/* Панель инструментов */

.frm_lbl_sum {
	color: #CC60AD;
}

.tool_button {
	border: 1px solid gray; 
	padding: 4px;
	background: white;
	cursor: pointer;
}
.tool_button:hover {
	border: 1px solid gray; 
	padding: 4px;
	background: gainsboro;
	cursor: pointer;
}
.tool_button_dis {
	border: 1px solid gray; 
	padding: 4px;
	background: white;
}

.tool_button_ref {
	border: 1px solid silver; 
	padding: 2px;
	border-radius: 6px;
	cursor: pointer;
	margin: 0px;
}
.tool_button_ref:hover {
	border: 1px solid silver; 
	padding: 2px;
	border-radius: 6px;
	cursor: pointer;
	margin: 0px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}
.tool_button_ref_sel {
	border: 1px solid gray; 
	padding: 6px;
	border-radius: 6px;
	cursor: pointer;
	margin: 0px;
}

/* Закладки */

/* АДАПТИВНОСТЬ */

.tab_both_show { display: inline-block; margin-right: 4px; }
.tab_mobile_hide { display: inline-block; margin-right: 4px; }
.tab_mobile_show { display: none; }

.tab_selected {
	font-weight: bold;
	padding: 8px;
	border: 2px solid #4169E0;
	background: #E6E6FA;
	border-radius: 20px 20px 0 0;
	cursor: pointer;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2) inset;
	text-shadow: 1px 1px 0px white;
	text-align: center; 
	display: inline-block;
	box-sizing: border-box;
}
.tab {
	border: 2px solid gainsboro;
	padding: 8px;
	border-radius: 20px 20px 0 0;
	background: white;
	text-align: center; 
	display: inline-block;
	box-sizing: border-box;
}
.tab:hover {
	border: 2px solid #4169E0;
	padding: 8px;
	border-radius: 20px 20px 0 0;
	cursor: pointer;
	background: white;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2) inset;
	text-align: center; 
	display: inline-block;
	box-sizing: border-box;
}

.banner_arrow_block {
	cursor: pointer;
}
.banner_arrow_block:hover {
	cursor: pointer;
	background: rgba(0, 0, 0, 0.3);
}

/* НОВЫЕ СТИЛИ */

.button {
	border-radius: 10px;
	background: #f4f2f2;
	cursor: pointer;		
	box-sizing: border-box;
	padding: 7px !important;
	box-shadow: 1px 1px 2px rgba(189, 185, 179, 1), -2px -2px 4px rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 1px white;
	text-align: center;
	border: 0px !important;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;		
	max-width: 23%;
}
.button:hover {
	border-radius: 10px;
	background: #E6E6FA !important;
	cursor: pointer;		
	box-sizing: border-box;
	padding: 7px !important;
	box-shadow: 1px 1px 2px rgba(189, 185, 179, 1), -2px -2px 4px rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 1px white;
	text-align: center;
	border: 0px !important;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;		
	max-width: 23%;
}

.label_info {
	color: gray;
	font-size: 14px;
}

/* CHECKBOX */

.input_checkbox {
    display:none;
}
.input_checkbox + label {	
    width: 15px;
    height: 15px;
    cursor: pointer;
    border: 1px solid black;
    border-radius: 3px; 
    background: white;    
    display: block;
}
.input_checkbox:checked + label {
	background: url(../img/checkbox.png) white;
	background-size: cover;
	display: block;
}

.input_checkbox_dis {
    display:none;
}
.input_checkbox_dis + label {	
    width: 15px;
    height: 15px;
    /* cursor: pointer; */
    border: 1px solid silver;
    border-radius: 3px; 
    background: white;    
    display: block;
}
.input_checkbox_dis:checked + label {
	background: url(../img/checkbox_dis.png) white;
	background-size: cover;
	display: block;
}

/* MODAL */

.modal_msg2 {
	display: none;
	opacity: 0; 
	transition: opacity 0.2s ease-in 0s; 
	position: fixed;
	/*
	min-height: 120px;	
	max-height: calc(100% - 20px);
	*/
	width: calc(100% - 20px);	
	max-width: 600px; 
	height: 300px;
	border: 1px solid black; 
	border-radius: 10px; 
	box-shadow: 0px 0px 300px rgba(0,0,0,0.3); 
	background: white;
}
.modal_msg_btn {}
@media all and (max-width: 600px) {
	.modal_msg_btn {
		margin: 0px 0px 10px 0px;
	}
}

/* LIST - REPORT */

.rep_root {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
	padding-top: 60px;
	padding-bottom: 80px;
}
.rep_head {
	border: 1px solid #9FBAD8;
	background: #A4D3EE;
	border-radius: 5px;
	text-align: center;
	color: gray;
	text-shadow: 1px 1px 1px white;
	font-size: 20px;
	height: 40px;
	margin-top: 14px;
	padding-top: 5px;
	box-sizing: border-box;
}
.rep_block {
	display: inline-block; 
	width: 100%; 
	max-width: 353px;
	padding: 0px 10px 0px 10px;
}
.rep_block p {
	margin: 6px 0px 6px 0px;
}

/* TAB LIST */

.button_tab {
	padding: 20px;
	border-radius: 5px;
	color: black;
	cursor: pointer;
	text-align: center;
	background: #E6E6FA;
}
.button_tab:hover {
	padding: 20px;
	border-radius: 5px;
	color: black;
	cursor: pointer;
	text-align: center;
	background: #D6D6EA;
}
.button_tab_hide {
	padding: 20px;
	border-radius: 5px;
	color: black;
	cursor: pointer;
	text-align: center;
	background: #ffdb8c;
}
.button_tab_hide:hover {
	padding: 20px;
	border-radius: 5px;
	color: black;
	cursor: pointer;
	text-align: center;
	background: #ffcb7c;
}

/* CHOOSE DIALOG */

.choose_body {
	background: #efeeee;
}
.choose_btn {
	box-shadow: 6px 6px 16px rgba(209, 205, 199, 1), -6px -6px 16px rgba(255, 255, 255, 1);
	border-radius: 20px;
	padding: 20px;
	text-align: center;
	width: 100%;
	max-width: 240px;
	color: gray;
	text-shadow: 1px 1px 1px white;
	display: inline-block;
	margin-bottom: 20px;
	cursor: pointer;
}
.choose_btn:hover {
	box-shadow: 6px 6px 16px rgba(209, 205, 199, 1), 2px 2px 7px rgba(129, 129, 129, 0.8), -6px -6px 16px rgba(255, 255, 255, 1);
	border-radius: 20px;
	padding: 20px;
	text-align: center;
	width: 100%;
	max-width: 240px;
	color: gray;
	text-shadow: 1px 1px 1px white;
	display: inline-block;
	margin-bottom: 20px;
	cursor: pointer;
}
