body { width: auto; }

#main_contents { margin-top: 2px; }

TR.grn TD { background: #dfd; font-weight: bold; }
TR.gr TD { background: #ddd; }

/* Важно! Если это не указать, то при масштабах экрана > 100% происходит
неравномерное масштабирование толщины рамок, что приводит к съезжанию колонок
гридов относительно шапки */
/* DIV.x-border-panel DIV временно убираем */
TD, DIV.x-grid3 DIV { box-sizing: border-box; }

.grBtn { padding: 2px 10px; background: green; color: white; }
.greenBtn { padding: 2px 7px; background: green; color: white; }
.redBtn { padding: 2px 7px; background: red; color: white; }
.blueBtn { padding: 2px 7px; background: blue; color: white; }		

.yellow_bg { background: yellow!important; }
.yellow_bg A { color: black; }
.yellow_bg0204 { background: yellow; padding: 2px 4px!important; }
.red_on_yellow { color: red; font-weight: bold; background: yellow; }
.straw_bg { background: #fbf7a9; } 
.green_bg { background: #afa; }
.light_green_bg { background: #cfc; }
.gray_bg { background: #aaa; }
.red_bg { background : #f00; }
.orange_bg { background: #fa8406; }
.red_white_bg { background : #f00; color: white; }
.black_white_bg { background : black; color: white; }
.medium_gray_bg { background: #ccc; }
.light_gray_bg { background: #eee!important; }
.light_red_bg, .pink_bg { background: #faa; }
.light_pink_bg { background: #fcc; }
.blue_bg { background: #aaf; }
.light_blue_bg { background: #cef; }
.error	{ color: white; background: red!important; }
.error A, .error A:hover { color: white; border-bottom-color: white; }
TR.error A { color: red; } /* для register.tpl */
.errorb	{ color: white; background: red; font-weight: bold!important; }
.error2 { color: white; background: red; padding: 2px 4px!important; }
.error0510 { color: white; background: red; padding: 5px 10px!important; }
.plate_red { color: white; background: red; padding: 1px 4px!important; font-weight: bold!important; }
.plate_yellow { color: black; background: yellow; padding: 1px 4px!important; font-weight: bold!important; }
.plate_green { color: white; background: green; padding: 1px 4px!important; font-weight: bold!important; }

.gray_text { color: #ccc; }
.red_text { color: red!important; }
.pink_text { color : #f88; }
.red_bold_text { color: red!important; font-weight: bold!important; }
.green_bold_text { color: green!important; font-weight: bold!important; }
.dark_gray_text { color: #888; }
.dark_gray_text A { color: #888; }
.deep_green { color: white; font-weight: bold!important; background: #0b0; }
.red { color: red; }
.green { color: green; }
.blue { color: blue; }
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.big_text { font-size: 16px!important; }
.plate2_5 { padding: 2px 5px; }

.x2stars { background: #afa; }
.x3stars { background: #11bb11; }
.x3stars .x-grid3-cell-inner, .x2stars .x-grid3-cell-inner, .x1star .x-grid3-cell-inner { padding : 3px 0; }
.display_fld_red { background : #f00!important; color: white; font-weight: bold; padding: 3px 5px; }
.display_fld_red_on_yellow { background : yellow; color: red; text-align: center; padding: 3px 5px;}
.display_fld_cyan { background : cyan; text-align: center; padding: 3px 5px;}
.display_fld_orange { background : #FF8C00; text-align: center; padding: 3px 5px;}

.wait { background: url(/img/wait.gif) #ddd no-repeat center; }
.no_email { background: yellow!important; color: red!important; }
.force_right { text-align: right!important; }
.chbox { background: url(/img/chb0.png) no-repeat left; }
.chbox_ticked { background: url(/img/chb1.png) no-repeat left; }
.hand { cursor: pointer; }

.s_booked { background: rgb(97, 191, 26); color: white; }
.s_2nd_book { background: rgb(84, 219, 194); color: black; }
.s_precfm { background: rgb(247, 163, 10); }
.s_confirmed { background: rgb(247, 163, 10); }
.s_signed { background: rgb(247, 163, 10); }
.s_cancelled { background: rgb(245, 194, 219);  }
.s_plan { background: yellow; }
.s_proposed { background: rgb(204, 204, 227); }
.s_undefined { background: #ddd; } 

.multilineColumn .x-grid3-cell-inner { white-space: normal !important; }
.preview250 { height: 220px; border: 1px solid green; margin: 0 auto; }
.preview300 { height: 300px; border: 1px solid green; margin: 0 auto; }
.preview400 { height: 400px; border: 1px solid green; margin: 0 auto; }
.preview450 { height: 450px; border: 1px solid green; margin: 0 auto; }
.accord_btop { border-top-width: 1px; }

.unit_deleted, .unit_deleted A  { color: red; font-weight: bold; }

.upload_list { padding: 0; list-style: none; margin: 0; }
.upload_list .file-invalid {
	cursor: pointer; color: #514721;
	padding-left: 48px; line-height: 24px;
	background: url(/img/fancyupload/error.png) no-repeat 24px 5px;
	margin-bottom: 1px;
}
.upload_list .file-invalid span { background-color: #fff6bf; padding: 1px; }
.upload_list .file { line-height: 2em; padding-left: 22px; background: url(/img/fancyupload/attach.png) no-repeat 1px 50%; }
.upload_list .file span, .upload_list .file a { padding: 0 4px; }
.upload_list .file .file-size { color: #666; }
.upload_list .file .file-error { color: #8a1f11; background-color: #fbf7a9; }
.upload_list .file .file-progress {
	width: 125px;
	height: 12px;
	vertical-align: middle;
	background-image: url(/img/fancyupload/progress.gif);
}
.upload_ok { border: 0; margin: 0; padding: 0; position: relative; top: 20px; }

.x-selectable, .x-selectable * {
	-moz-user-select: text!important;
	-khtml-user-select: text!important;
	-webkit-user-select: text !important;
}

.row-preview {
	padding: 2px 2px 5px 15px;
	border-top: dotted 1px #CCCCCC;
}

.no-check-img .x-grid3-hd-checker {
	background-image:url(/ext/resources/images/default/grid/empty-sprite.gif);
}

TABLE.cell { padding: 0; margins: 0;  }
TABLE.cell TR:first-child { border-top: none; }
TABLE.cell TD { padding: 5px 0px; }

.pad0 { padding: 0!important; }

.no-icon {
	display : none;
	background-image:url('/ext/resources/images/default/s.gif') !important;
}

.x-tab-strip li.x-item-disabled { display: none; } /* hide disabled tab panel instead of gray out */
.x-grid3-row-alt { background-color: #fefcdf; } /* stripe rows */

.bottom-border { border-bottom: 1px solid green !important; }

.x-toolbar .x-btn-tl { background-position: 0 0; }
.x-toolbar .x-btn-tc { background-position: 0 -6px; }
.x-toolbar .x-btn-tr { background-position: -3px 0; }
.x-toolbar .x-btn-ml { background-position: 0 -24px; }
.x-toolbar .x-btn-mc { background-position: 0 -1096px; }
.x-toolbar .x-btn-mr { background-position: -3px -24px; } 
.x-toolbar .x-btn-bl { background-position: 0 -3px; }
.x-toolbar .x-btn-bc { background-position: 0 -15px; }
.x-toolbar .x-btn-br { background-position: -3px -3px; }

/* grayed out combobox item */
.x-combo-grayed-out-item { color: #bbb; background-color: whitesmoke; }

.help_notice_window .x-window-body { background: white!important; font-size: 14px; font-weight: bold;
	text-align: center; }
.help_notice_window .x-window-body TD { padding: 7px 10px; } 

/* checkbox в тулбаре смотрится жутко - исправляем это стилями */
.x-toolbar-cell .x-form-checkbox { margin-bottom: 3px!important; }
.x-toolbar-cell .x-form-radio { margin-bottom: 3px!important; }
.x-toolbar-cell .x-form-cb-label { line-height: 22px; }

.collapsible_panel_noborders .x-panel-header-noborder { border-left: 1px solid green!important;
	border-right: 1px solid green!important; }
	
.red_cross_btn .x-btn-text { color: red; font-weight: bold!important; font-size: 18px!important; line-height : 14px!important;  }

.tbar_noborder_panel { border-left: 1px solid green!important; border-right: 1px solid green!important;
	border-top: 1px solid green!important; }

.dialog_contents { font-size: 14px; }
.dialog_contents UL { margin: 7px 0; }
.dialog_contents UL LI { list-style-type: disc; margin: 3px 0 3px 30px; }

UL.dialog { margin: 7px 0; }
UL.dialog LI { list-style-type: disc; margin: 3px 0 3px 30px; }

.tb_big_text { font-weight: bold!important; font-size: 14px!important; }

.upload_img_container { width : 100%; height : 100%; padding: 10px; }
.straw_highlighted { background: #fbf7a9; }
IMG.fit { width: 100%; height: 100%; object-fit: contain; }

.upload_img_list .progress {
    width				: 150px;
    border				: 1px solid #888888;
    height				: 18px;
    text-align			: center;
    display				: inline-block; 
    margin-right		: 15px;
    background-image	: url('/img/pbar_bgr.png');
    background-repeat	: no-repeat;
    background-position	: -150px center;
}

.radio_padded .x-column { margin: 0 3px 0 0px; }

.chart-container {
	position: relative;
  	margin	: auto;
	width	: calc(100% - 10px);
	height	: calc(100% - 10px);
 }
.dashboard-canvas { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } 

.dashboard-donut-percent { position: absolute; height: 50px;
	width: 50px; text-align: center; color: rgb(63, 154, 63); 
	font-size: 24px; line-height: 50px; 
	margin: auto; top: 0; right: 0; bottom: 0; left: 0;}
	
.green_bg_radio { background: #afa; padding-bottom: 4px; }
.pink_bg_radio { background: #faa; padding-bottom: 4px; }
.yellow_bg_radio { background: #ff0; padding-bottom: 4px; }

.green-big { font-size: 14pt; background : #afa; padding: 2px 2px 4px 4px; }
.yellow-big { font-size: 14pt; background : #ff0; padding: 2px 2px 4px 4px; }
.pink-big { font-size: 14pt; background : #faa; padding: 2px 2px 4px 4px; }
.rl_borders { border-right: 1px solid green!important; border-left: 1px solid green!important; }

.btn-counter { font-size: 14px!important; font-weight: bold!important; padding: 0px 5px; }

.zoomist-image {
  width				: 100%;
  height			: 100%;
  aspect-ratio		: 1	
}

.zoomist-image IMG {
  width				: 100%;
  height			: 100%;
  object-fit		: contain;
  object-position	: center;
}

.mma_info { font-size: 14px; padding : 5px 7px; }

.first_frame { font-weight: bold; display: none; }
.x-grid3-cell-selected .first_frame { display: block; }
.frame_click { padding: 10px; cursor: pointer;  }
.frame_click:hover { filter: saturate(300%); }

.radio-checked-green {
	background-color: #61bf1a; 
	color: white;
	padding: 0px 0px 0px 3px;
	margin: 0px 3px 0px 0px;
}
.radio-checked-green LABEL {
	font-weight: bold!important; 	
}