@CHARSET "UTF-8";

@font-face {
	font-family: "Arsenal Regular";
	src: url('/IrbisAwp/resources/fonts/Arsenal-Regular.otf');
}

@font-face {
	font-family: "Arsenal Bold";
	src: url('/IrbisAwp/resources/fonts/Arsenal-Bold.otf');
}

@font-face {
	font-family: "Arsenal Bold Italic";
	src: url('/IrbisAwp/resources/fonts/Arsenal-BoldItalic.otf');
}

@font-face {
	font-family: "Arsenal Italic";
	src: url('/IrbisAwp/resources/fonts/Arsenal-Italic.otf');
}

body {
	font-family: Arsenal Regular !important;
	letter-spacing: 1px;
	font-size: 12px;
    background: #E1E1E1;
	padding: 0px;
	text-align: center;
}

html,body {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	display: table
}

body>div {
	display: table-row;
	text-align: center; /* horizontal */
	vertical-align: middle; /* vertical */
}


/*
    page layout
*/
.background{
	width: 100%;
	height: 100%;
	overflow-y: auto;
	top: 0px;
	left: 0px;
	position: fixed;
/* 	background: white; */
}

#page {
	display: table;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	top: 0;
	width: 1280px;
	max-width: 1280px;
	background: white;
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
}

#page>div {
	display: table-row;
	width: 100%;
}

#page>div:last-child {
	height: 100%;
}

#header {
	height: 50px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-size: 12pt;
	background: rgba(254, 254, 254, 1);
	background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%,
		rgba(226, 226, 226, 1) 58%, rgba(219, 219, 219, 1) 98%,
		rgba(209, 209, 209, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254, 254,
		254, 1)), color-stop(58%, rgba(226, 226, 226, 1)),
		color-stop(98%, rgba(219, 219, 219, 1)),
		color-stop(100%, rgba(209, 209, 209, 1)));
	background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%,
		rgba(226, 226, 226, 1) 58%, rgba(219, 219, 219, 1) 98%,
		rgba(209, 209, 209, 1) 100%);
	background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%,
		rgba(226, 226, 226, 1) 58%, rgba(219, 219, 219, 1) 98%,
		rgba(209, 209, 209, 1) 100%);
	background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%,
		rgba(226, 226, 226, 1) 58%, rgba(219, 219, 219, 1) 98%,
		rgba(209, 209, 209, 1) 100%);
	background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%,
		rgba(226, 226, 226, 1) 58%, rgba(219, 219, 219, 1) 98%,
		rgba(209, 209, 209, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d1d1d1', GradientType=0);
	padding: 6px;
}

#header img {
	max-height: 80%;
	max-width: 200px
}

#header>div {
	display: table-cell;
	vertical-align: middle;
}

#menu,#content {
	vertical-align: top;
	width: 100%;
}

#menudiv {	
}

#userdiv {
    font-size: 1em;
	color: #828282;
	text-align: right;
}

.menu_path {
	background: #009379;
	color: white;
	font-size: 1.2em;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid white;
	width: 100%;
}

#content {
	overflow: auto;
	font-size: 12px;
	display: table-cell;
}

.mainMenu {
	display: block;
}

.mainMenu>div {
	display: inline-block;
	background: inherit;
	font-size: 1em;
	text-align: center;
	padding: 6px 6px;
	font-weight: lighter;
}

.mainMenu>div.selected {
	font-weight: bolder;
}

.mainMenu>div.selected a {
	text-decoration: underline;
}

.mainMenu>div:hover a {
	color: black;
}

.mainMenu>div>a {
	text-decoration: none;
	display: block;
	width: 100%;
    font-size: 1em;
    font-style: normal;
}



/*
    buttons
*/
input[type="button"],input[type="submit"] {
	-webkit-border-radius: 9;
	-moz-border-radius: 9;
	border-radius: 9px;
	font-family: Arsenal Regular;
	color: #009a83;
	font-size: 15px;
	background: #f5f5f5;
	padding: 4px 12px;
	border: solid #009a83 1px;
	text-decoration: none;
}

input[type="button"]:hover,input[type="submit"]:hover {
	background: #ffffff;
	text-decoration: none;
}

input[type="button"]:active,input[type="submit"]:active {
	position: relative;
	top: 1px;
}

input[type="button"]:disabled,input[type="submit"]:disabled {
    border: solid #AEAEAE 1px;
	color: #828282;
}

input[type="button"]:disabled:hover,input[type="submit"]:disabled:hover {
    background: #f5f5f5;
	text-decoration: none;
}

input[type="button"]:disabled:active,input[type="submit"]:disabled:active {
	position: relative;
	top: 0px;
}

.templ-btn {
    width: 100%;
    font-weight: bold;
}

/** small icon-only buttons need 16*16 backgrounds*/
input.icon_only_small,input.icon_only_small:hover {
	padding: 0;
	width: 22px;
	height: 22px;
	background-position: center center;
	border-radius: 3px;
	border: solid #828282 1px;
}

input.close_button,input.close_button:hover {
	background-image: url('/IrbisAwp/resources/images/icons/x-mark-16-grey.png');
	background-repeat: no-repeat;
}

input.ok_button,input.ok_button:hover {
	background-image: url('/IrbisAwp/resources/images/icons/checkmark-16-grey.png');
	background-repeat: no-repeat;
}

input.icon_only {
	padding: 0;
	width: 36px;
	height: 30px;
	border-radius: 3px;
	border: solid #828282 1px;
}

input.icon_only.move_right_button,input.icon_only.move_right_button:hover {
	background-position: center center;
	background-image: url('/IrbisAwp/resources/images/arrows/move-right-24-grey.png');
	background-repeat: no-repeat;
}

input.icon_only_small.move_right_button,input.icon_only_small.move_right_button:hover {
	background-position: 1px 1px;
	background-image: url('/IrbisAwp/resources/images/arrows/move-right-16-grey.png');
	background-repeat: no-repeat;
}
/**icon buttons may take 16*16 backgrounds*/
input.icon_button,input.icon_button:hover {
	padding-left: 24px;
	background-position: 4px center;
}
/*buttons*/


/*
    radiobuttons, checboxes (h:selectOneRadio, h:selectManyCheckBox, h:selectBooleanCheckBox)
*/
/*input[type="checkbox"],input[type="radio"] {
	display: none;
}

input[type="checkbox"]+label,input[type="radio"]+label {
	display: inline-block;
	cursor: pointer;
	margin-top: 2px;
	width: 100%;
}

input[type="checkbox"]+label:before {
	content: '';
	width: 17px;
	height: 17px;
	padding: 0 10px 3px 16px;
	background: url('/IrbisAwp/resources/images/check/uncheck.png') left top no-repeat;
	vertical-align: middle;
}

input[type="checkbox"]:checked+label:before {
	background: url('/IrbisAwp/resources/images/check/check.png') left top no-repeat;
}

input[type="radio"]+label:before {
	content: '';
	width: 16px;
	height: 16px;
	padding: 0 10px 4px 16px;
	background: url('/IrbisAwp/resources/images/check/radio.png') left top no-repeat;
	vertical-align: middle;
}

input[type="radio"]:checked+label:before {
	background: url('/IrbisAwp/resources/images/check/radio.png') left -18px no-repeat;
}*/

.check_col {
    width: 1px;
	white-space: nowrap;
	text-align: center;
	padding-left: 2em;
	padding-right: 0.6em;
}
/*radiobuttons, checboxes (h:selectOneRadio, h:selectManyCheckBox, h:selectBooleanCheckBox)*/

/*
    text inputs (h:inputText, h:inputArea, h:inputTextarea)
*/
input[type="text"],input[type="password"],textarea {
	background: white;
    border: 1px solid #009379;
	border-radius: 9px;
	padding: 3px 6px;
	font-family: Arsenal Regular;
	font-size: 12px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1)
}

input[type="text"].input_error,input[type="password"].input_error,textarea.input_error,table.input_error {
	border: 1px solid #DF456F;
	background: #FFDFE7;
	border-radius: 9px;
}
/*text inputs (h:inputText, h:inputArea, h:inputTextarea)*/

a {
	color: #3c3c3c;
	cursor: pointer;
	font-style: italic;
	font-size: 1.1em;
}

/*
    tables settings
*/
.table-form {
}

.table-form>.object-table {
    width: 100%;
}

.object-table {
	border: none;
	border-spacing: 0;
	overflow: hidden;
	border-radius: 9px;
	-webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
    width: 100%;
}

.object-table>thead>tr>th {
	background-color: #828282;
	color: white;
	font-size: 1.3em;
	font-weight: lighter;
	text-align: center;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
}

.object-table thead a {
	text-decoration: none;
	font-style: normal;
	color: #3c3c3c;
}

.object-table>tbody>tr.empty {
	font-style: italic;
}

/** inner table styles*/
.inner_table {
	border: none;
	border-spacing: 0;
	overflow: hidden;
	border-radius: 9px;
}

.inner_table>thead>tr>th {
	background-color: #989898;
	color: white;
	font-size: 1.1em;
	font-weight: lighter;
	text-align: center;
}

.inner_table>thead>tr>th {
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.inner_table>thead a {
	text-decoration: none;
	color: #3c3c3c;
}
/** odd and even rows coloring*/
.odd_row {
	background-color: #FCFCFC;
}

.even_row {
	background-color: #E1E1E1;
}

.red_row {
	background-color: #fdb19e;
}

.red_inner_row {
	background-color: #fdb19e;
}

.odd_inner_row {
	background-color: #FCFCFC;
}

.even_inner_row {
	background-color: #F3F3F3;
}

.row_summary>td {
	border-top: 1px solid white;
	border-left: 1px solid white;
}

.row_summary>td:FIRST-CHILD {
	border-left: none;
}

td.table_cell {
	border-top: 1px solid white;
	border-left: 1px solid white;
}

.row_action {
	display: none;
}

.row_hover>td {
    background-color: #70C3B3;
}

td.expanded_status {
	width: 1px;
	white-space: nowrap;
	text-align: center;
}

td.expanded_status div {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}

td.expanded_status div {
	background-image: url('/IrbisAwp/resources/images/arrows/arrow-right-16.png');
}

tr.row_expanded td.expanded_status div {
	background-image: url('/IrbisAwp/resources/images/arrows/arrow-down-16.png');
}

.select_many_checkbox {
	border: 1px solid grey;
	border-radius: 2px;
	height: 60px;
	max-height: 180px;
	display: block;
	overflow: auto;
	display: block;
}

/**styles for filter table*/
.filter_table {
	border-radius: 9px;
	color: #5B5A5F;
	border-spacing: 0;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
	white-space: nowrap;
}

.filter_table .button-flt-pnl-fixed{
	position: fixed;
	max-width: 200px;
	top: 0;
	z-index: 100;
	height: 55px;
	background: white;
}

.filter_table>thead {
	color: white;
}

.filter_table>thead>tr>th {
	font-size: 1.5em;
	text-align: center;
	font-weight: lighter;
	background: #828282;
	padding: 4px;
}

.filter_table>tbody>tr>td {
	vertical-align: top;
	padding: 6px 9px 0;
	width: 200px;
}

.filter_table>tbody>tr>td>* {
    width: 100%;
}

.filter_table>tbody>tr:last-child>td {
	padding-bottom: 9px;
}

.filter_table>tfoot>tr>td {
	padding: 0.5em;
	border-top: 1px solid #009379;
}

.filter_table .label {
	padding-left: 0.5em;
}

/* search dialog */

.process-table>thead>tr>th {
	border: 1px solid white;
	background-color: #70C3B3;
	text-align: center;
	font-weight: lighter;
}

.process-table thead a {
	text-decoration: none;
	font-style: normal;
}

.process-table>tbody>tr>td {
	border-bottom: 1px solid #ddd;
	text-align: left;
	width: 500px;
}

.process-table>tbody>tr.empty {
	font-style: italic;
}

.process-table {
	border: none;
	border-spacing: 0;
	height: 40vh;
	width: 30vw;
	min-height: 300px;
	min-width: 300px;
	display: block;
	overflow: hidden;
	overflow-y: auto;
}

/* small search button */

input.send_btn, input.send_btn:hover {
	padding: 0;
	border: solid #009a83 1px;
	width: 16px;
	height: 16px;
	background:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABAklEQVQ4jY3SQUoDQRAF0EfCYNwp4jEkeAA1G90IgiCI6EIXkoXgZaJkhBwjBEJ0KShoyFX0BC56RprOZDIfetG/qn73ryqWsY8cX8kZoluR/49NjDDGEVpRrI0eJoV4p6r4DXd1LxS4x2sqMmpYXKIvWELwPK5JfsFZBT9V9CQXPK/CDj5wkfDHeCZ0uKUeW3jHdcRlmJcCJQ5xu+I84hc3Uf4iFThYI/CDqyqB9hoL24WFy8TCN2EcvZriXXziPOFPMCCMYlIjMMRpBT/DXnnJhQ1rigc8xURHWM9+w+IZNtJAp/jJVFiSLIplgudZ8fJScYyusGFzYUwLodsDkecSf/HINP3K7UFMAAAAAElFTkSuQmCC');
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.7;
	cursor: pointer;
}

input.send_btn:hover {
	opacity: 1;
}

/* small close button */
input.clear_btn, input.clear_btn:hover {
	padding: 0;
	border: 1px solid #828282;
	width: 16px;
	height: 16px;
	background:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABkklEQVQ4T73UO2tWQRSF4ScmrSKCwUsaK7FOpZUg/gcRCzXxntrSztIuxguKFxT8B5aigtikEFKltBBRQYKaKlFZMiOTwzmfKYLTHM7Mnnf2WnvPjNniMbbFPKOA23ECh7GtHPwTb/AM3/uSGQKewXHcx0uslc0TOIoZPMfjLrQPeB3vcecfdlzGHlxr47rAs0gWdzfpbaA/8KjGt8AduI2TZXES8exLB575jE/lGz/P4Vv+W+AFLONFCdyLWzjfbI7EZJ+5jyXuGA7gXhf4ALNYbzLaj5sFkMPja2R+aGKqRbFrQ4YPcbrHu30FmqUrHVgN/7u3lTwEjGeRmdh4Vb1rz+4FRnL6K4WoI7DInCvAyO9Cx4t/6d0NkuPNEl4V2u4GVj2bKvLj9ecSl0Y/WPu2lbwT8zjVVPlXU82adarfzj8thVrpZpj/i1jtu1IDjZ7K5p7/aZk+YOZu4N0moPHsEK62hw09DvEzr8wC3haJNYEjuITXffd91PO1q/g53QADXcQTfO2z4b8+sAN1GD39G7xxTRVQlyvaAAAAAElFTkSuQmCC');
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.7;
	cursor: pointer;
}

input.clear_btn:hover {
	opacity: 1;
}

/***/
.sel-label {
	font-weight: bold
}

.info-label {
	font-size: 1.2em;
	color: #009379;
}

.detail-label {
	font-size: 1.2em;
	color: #009379;
	font-weight: bold;
}

/***/
.label {
	font-size: 1.2em;
}

.required_label {
	font-size: 1.2em;
	display: block;
}

.required_label:before {
	content: '*';
    color: red;
} 

.edit_object_table {
	overflow: hidden;
	border-radius: 9px;
	border-spacing: 0;
	-webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
}

.edit_object_table>thead {
	font-size: 14px;
	color: white;
	font-weight: lighter;
}

.edit_object_table>thead>tr>th {
	padding: 6px 12px;
	text-align: center;
	background-color: #828282;
}

.edit_object_table>tbody>tr>td {
	padding: 3px 6px 3px 12px;
}

.edit_object_table>tbody ~tfoot>tr:last-child>td {
	padding-bottom: 1em;
	border-bottom: 1px solid #009379;
}

.edit_object_table>tfoot>tr>td {
    padding: 1em;
}

input.clearable {
	box-sizing: border-box;
	width: 100%;
}

span.clearable_span {
	position: relative;
	display: block;
}

span.clearable_span span {
	position: absolute;
	display: block;
	top: -1px;
	right: 3px;
	width: 16px;
	height: 100%;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABkklEQVQ4T73UO2tWQRSF4ScmrSKCwUsaK7FOpZUg/gcRCzXxntrSztIuxguKFxT8B5aigtikEFKltBBRQYKaKlFZMiOTwzmfKYLTHM7Mnnf2WnvPjNniMbbFPKOA23ECh7GtHPwTb/AM3/uSGQKewXHcx0uslc0TOIoZPMfjLrQPeB3vcecfdlzGHlxr47rAs0gWdzfpbaA/8KjGt8AduI2TZXES8exLB575jE/lGz/P4Vv+W+AFLONFCdyLWzjfbI7EZJ+5jyXuGA7gXhf4ALNYbzLaj5sFkMPja2R+aGKqRbFrQ4YPcbrHu30FmqUrHVgN/7u3lTwEjGeRmdh4Vb1rz+4FRnL6K4WoI7DInCvAyO9Cx4t/6d0NkuPNEl4V2u4GVj2bKvLj9ecSl0Y/WPu2lbwT8zjVVPlXU82adarfzj8thVrpZpj/i1jtu1IDjZ7K5p7/aZk+YOZu4N0moPHsEK62hw09DvEzr8wC3haJNYEjuITXffd91PO1q/g53QADXcQTfO2z4b8+sAN1GD39G7xxTRVQlyvaAAAAAElFTkSuQmCC');
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.7;
	cursor: pointer;
}

span.clearable_span span:hover {
	opacity: 1;
}

span.clearable_span input {
	padding-right: 20px;
}

.create_table {
	height: 100%;
	display: table;
	vertical-align: middle;
}

.create_table_cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.create_table_cell>* {
	text-align: left;
	/*border: 1px solid #009A82;
	border-radius: 9px;*/
	display: inline-table;
	margin: 0 auto;
	vertical-align: middle;
}

.moveTable {
	display: table;
    padding-top: 1.2em; 
    padding-right: 1em;
    width: 100%;
}

.moveTable>div {
	display: table-row;
}

.moveTable>div>* {
	display: table-cell;
	padding: 6px;
}

/** we need to specify widths for columns manually */
.fixed_headers {
	table-layout: fixed;
}

.fixed_headers>thead>tr {
	display: block;
	position: relative;
	border-bottom: 1px solid white;
	background: #828282;
}

.fixed_headers>thead>tr>th:FIRST-CHILD {
	border-left: none;
}

.fixed_headers tbody {
	display: block;
	overflow: auto;
	width: 100%;
}

.old_ie_wrapper {
	height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 750px;
}

.old_ie_wrapper tbody {
	height: auto;
}

.checkall {
	/** this style is empty - it's just a marker*/
	
}

select.select_one_menu {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	font-family: Arsenal Regular;
	font-size: 12px;
	border-radius: 9px;
	border: 1px solid #009379;
	padding: 3px 25px 3px 3px;
	background: linear-gradient(#009379, #009379) no-repeat,
		linear-gradient(rgba(99, 99, 99, 0.1), rgba(99, 99, 99, 0.1))
		no-repeat, linear-gradient(-135deg, transparent 50%, white 50%)
		no-repeat, linear-gradient(-225deg, transparent 50%, white 50%)
		no-repeat, linear-gradient(#009379, #009379) no-repeat;
	background-size: 1px 100%, 21px 100%, 22px 20px, 22px 20px, 20px 60%
		!important;
	background-position: right 21px center, right center, right bottom,
		right bottom, right bottom;
}

select.input_error{
	/*background-color: rgb(255, 223, 231);*/
	border: 1px solid #DF456F;
	background: linear-gradient(rgb(223, 69, 111), rgb(223, 69, 111)) no-repeat,
		linear-gradient(rgba(255, 223, 231, 0.1), rgba(255, 223, 231, 0.1))
		no-repeat, linear-gradient(-135deg, transparent 50%, #FFDFE7 50%)
		no-repeat, linear-gradient(-225deg, transparent 50%, #FFDFE7 50%)
		no-repeat, linear-gradient(#DF456F, #DF456F) no-repeat;
    background-color: #FFDFE7;
	background-position: right 21px center, right center, right bottom,
		right bottom, right bottom;
}

.ajax_loader {
	display: none; 
	position: fixed; 
	top: 50%; 
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	z-index: 1000;
}

.block_display_img {
	position: fixed; 
	top: 50%; 
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.block_display_white_fone {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0px;
	background: rgba(255, 255, 255, 0);
	display: none;
	text-align: center;
	z-index: 1000;
}

.column-filter{
    width: 10%;
}

.column-data{
    width: 90%;
    padding-left: 12px !important;
}

.common_darken {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0px;
	background: #aeaeae;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	text-align: center;
	z-index: 1000;
}

.common_darken:before {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

/*
    Error pages
*/
.errorPage {
	color: black;
	border: 1px solid #888;
	border-radius: 9px; 
}

.errorPage>img,.errorPage>div {
	display: inline-table;
	padding: 1em;
	vertical-align: middle;
	text-align: center;
}


/*
    my.css
*/
.the-whole {
	width: 100% !important;
}

.no-border,.no-border>tbody>tr,.no-border>tbody>tr>td,.no-border>div {
	border: none;
	padding: 1px;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.vert {
	vertical-align: top;
	/*padding-left: 12px !important;*/
}

.none {
	display: none;
}

.inputColumn {
	min-width: 300px;
}

.inputColumn>* {
	width: 100%;
}

.n_col {
	width: 1px;
	white-space: nowrap;
	text-align: center;
	padding-left: 0.6em;
	padding-right: 0.6em;
}

.inner_n_col {
	width: 1px;
	white-space: nowrap;
	text-align: center;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.shadow {
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.6);
}

.whiteShadow {
   /* -webkit-box-shadow: 0 1px 4px 1px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 1px 4px 1px rgba(255, 255, 255, 1);
	box-shadow: 0 1px 4px 1px rgba(255, 255, 255, 1);*/
}




#dropdownMenu, #dropdownMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 598;
}
#dropdownMenu li {
  float: left;
  position: relative;
  
}

#dropdownMenu > li {
	/*border: 1px solid grey;
	border-radius: 5px;*/
	margin: 1px;
}

#dropdownMenu li ul {
  display: none;
  position: absolute;
  background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 58%, rgba(219, 219, 219, 1) 98%, rgba(209, 209, 209, 1) 100%);
  padding: 8px 0;
  /*width: 138px;*/
  z-index: 500;
  border: 1px solid grey;
  border-radius: 5px;
  width: auto;
  min-width: 100%;
}

#dropdownMenu li ul li{
	width: 100%;
	display: inline;
}

#dropdownMenu li ul li ul {
  top: 1px;
  left: 99%;
}

#dropdownMenu a {
  color: black;
  text-decoration: none;
  display: block;
  padding: 2px 4px;
  /*word-wrap: break-word;*/
  font-size: 1em;
  font-style: normal;
  white-space: nowrap;
}
#dropdownMenu div {
  color: black;
  text-decoration: none;
  display: block;
  padding: 2px 4px;
  /*word-wrap: break-word;*/
  font-size: 1em;
  font-style: normal;
  white-space: nowrap;
}

#dropdownMenu li>div{
	padding-right: 13px;
}

#dropdownMenu li>img{
	position: absolute;
	top: 50%;
	right: 2px;
	transform: translateY(-50%);
}
#dropdownMenu a:hover {
  background: #ccc;
}

#dropdownMenu div:hover {
  background: #ccc;
}

#dropdownMenu li:hover {
  background: #ccc;
}

#dropdownMenu>li>div:after {
	content: '\2039';
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -6px;
    line-height: 1;
    color: black;
    text-decoration: none;
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); 
}

#dropdownMenu li.selected>a {
	text-decoration: underline;
	font-weight: bolder;
}

#dropdownMenu li.selected>div {
	text-decoration: underline;
	font-weight: bolder;
}

#dropdownMenu li:hover ul {
  display: block;
}

#dropdownMenu li:hover li ul {
  display: none;
}
#dropdownMenu li:hover li:hover ul {
  display: block;
}