section {
	margin: 5px;
	font-weight: bold;
	color: black;
	font-size: 14px;
}

input, textarea, select, button {
	background-color: white;
	font-family: sans-serif;
	font-size: 12px;
}

form select {
	width: 100%;
}

.hidden, .hide {
	display: none !important;
}

.selected {
	color: red;
	text-decoration: none;
}

.PageContent {
	clear: both;
	text-align: center;
}

.MainContent {
	min-width: 1180px;
	display: inline-block;
	padding: 10px;
}

.SectionContent {
	font-family: sans-serif;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 4px;
	background-color: #fafafa;
	border: 1px solid #d9d9d9;
}

.SectionContent ul, .SectionContent ol {
	line-height: 25px;
	margin-left: 25px;
	margin-bottom: 10px;
	list-style-position: outside;
}

.CommErrorArea {
	padding: 0px 5px;
}

.EmbeddedDialog {
	opacity: 0;
}

.SearchFilter select {
	max-width: 300px;
}

.TopMenu {
	min-width: 960px;
}

.topmenu {
	list-style: none;
	height: 48px;
	background: linear-gradient(to bottom, #636363 0%, #4f4f4f 100%);
	border: 1px solid #4c4c4c;
}

.topmenu li {
	padding: 0 5px;
	border: 1px solid #4c4c4c;
	font-family: "Open Sans", sans-serif;
	margin: 0px;
	display: block;
	float: left;
}

.topmenu li a {
	padding: 14px 13px 13px;
	text-decoration: none;
	line-height: 47px;
	color: #fff;
	font-weight: bold;
}

.topmenu li a:hover {
	background: linear-gradient(to bottom, #ff9800 0%,#ff8700 100%);
}

.topmenuselected {
	background: linear-gradient(to bottom, #ff9800 0%,#ff8700 100%);
}

.panelMiddleIn {
	max-width: 1200px;
	box-sizing: border-box;
	margin: 0 auto;
}

.ActiveIcon:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.ActiveIcon {
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

.DialogButtons input.ui-button {
	margin-right: 2px;
}

.DialogButtons button.ui-button {
	padding: .4em 1em;
	margin-right: 2px;
}

.DialogInnerBorder {
	padding: 10px;
}

.DialogButtons button:hover, .DialogButtons input[type=submit]:hover {
	border: 1px solid #636363;
	background: #636363 url("images/ui-bg_flat_75_636363_40x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}

.SubmitButton, a.button {
	cursor: pointer;
}

.SubWindowCloseButton {
	position: relative;
	left: 2px;
	float: right;
}

.CommandColumn, .tag {
	white-space: nowrap;
}

.CommandColumn button {
	width: 22px;
}

.InputForm table {
	display: inline-block;
	vertical-align: top;
	margin-right: 36px;
}

.InputForm td {
	padding: 0px;
	position: relative;
}

.InputForm th {
	white-space: nowrap;
}

.FormElement {
	height: 100%;
	padding: 8px 10px;
}

.FormElement[type='text'] {
	width: 100%;
	box-sizing: border-box;
}

input.FormElement[type=checkbox]{
	margin-left: 10px;
	margin-right: 10px;
}

textarea.FormElement {
	width: 100%;
	box-sizing: border-box;
}

.FormElement a {
	color: #636363;
}

.FormElement.Warning {
	color: red;
	font-weight: bold;
}

.FormAction {
	display: inline-block;
}

.FormAction button {
	margin-right: auto !important;
}

tr.ScheduleRow {
	border-left: 2px solid grey;
}

.AnchorLikeButton {
	padding: .4em 1em !important;
	margin-right: 2px !important;
	color: #fff !important;
}

.AnchorLikeButton:hover {
	border: 1px solid #636363;
	background: #636363 url("images/ui-bg_flat_75_636363_40x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}

.ui-widget-content {
	color: #636363;
}

.ui-button-text-only {
	font-family: sans-serif !important;
	font-size: 14px !important;
}

.ui-button-icon-only .ui-button-text {
	display: none !important;
}

.mxnet-hover:hover {
	background: #636363;
	border-color: #636363;
}

.tag {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	margin-right: 5px;
	margin-top: 5px;
	padding: 5px 5px 6px 6px;
}

.tag.red {
	color: white;
	font-weight: bold;
	background: red;
}

.tag.orange {
	color: white;
	font-weight: bold;
	background: orange;
}

.tag.gold {
	color: white;
	font-weight: bold;
	background: gold;
}

.tag.green {
	color: white;
	font-weight: bold;
	background: green;
}

.tag.blue {
	color: white;
	font-weight: bold;
	background: blue;
}

.tag.purple {
	color: white;
	font-weight: bold;
	background: purple;
}

.Messages {
	background: #fff;
	color: #222;
	font-weight: bold;
}

.Messages i {
	font-size: 14px;
}

.MessageUnread {
	color: black;
	font-weight: bold;
}

.MessageAttachment {
	display: inline-block;
}

.OrderFinished td a {
	color: green;
	font-weight: bold;
}

.OrderPaused td a {
	color: purple;
	font-weight: bold;
}

.OrderLate td a {
	color: red;
	font-weight: bold;
}

.OrderToday td a {
	color: orange;
	font-weight: bold;
}

.OrderCreateService td a {
	color: blue;
	font-weight: bold;
}

.OrderCancelled td a {
	color: #636363 !important;
	font-weight: initial;
}

.OrderCancelled {
	text-decoration: line-through !important;
}

td.OrderImplementationStatusArranged a, #select2-FormOrdersimplementation_status-container[title="Domluveno"], #select2-FormOrdersimplementation_status-results li[id$='-1'] {
	color: green;
	font-weight: bold;
}

td.OrderImplementationStatusWaitCustomer a, #select2-FormOrdersimplementation_status-container[title="Stojí na klientovi"], #select2-FormOrdersimplementation_status-results li[id$='-2'] {
	color: orange;
	font-weight: bold;
}

td.OrderImplementationStatusWaitProvider a, #select2-FormOrdersimplementation_status-container[title="Stojí na nás"], #select2-FormOrdersimplementation_status-results li[id$='-3'] {
	color: red;
	font-weight: bold;
}

td.OrderImplementationStatusReady a, #select2-FormOrdersimplementation_status-container[title="Připraveno"], #select2-FormOrdersimplementation_status-results li[id$='-4'] {
	color: blue;
	font-weight: bold;
}

td.OrderImplementationStatusUndefined a, #select2-FormOrdersimplementation_status-container[title="Nespecifikováno"], #select2-FormOrdersimplementation_status-results li[id$='-0'] {
	color: #636363 !important;
	font-weight: initial;
}

.OrderImplementationStatusUndefined, #select2-FormOrdersimplementation_status-container[title="Nespecifikováno"], #select2-FormOrdersimplementation_status-results li[id$='-0'] {
	text-decoration: line-through !important;
}

.ServicesPaymentPaid, td.ServicesPaymentPaid span {
	color: green;
	font-weight: bold;
}

.ServicesPaymentPartialPaid {
	color: orange;
	font-weight: bold;
}

.ServicesPaymentUnpaid, .ServiceDodger, .ServiceDodger span, .ServicesDisabledServiceDodger span, .ServiceDodger td span a, .ServicesDisabledServiceDodger td span a {
	color: red;
	font-weight: bold;
}

.ServicesDisabled td a {
	color: #636363 !important;
	font-weight: initial;
}

.ServicesDisabled, .ServicesDisabledServiceDodger {
	text-decoration: line-through !important;
}

.FormFieldvoip_numbers .select2-selection__choice[title^="!"] {
	text-decoration: line-through;
}

.InvoicePaid td a, .InvoicePaidInvoiceLate td a {
	color: green;
	font-weight: bold;
}

.InvoicePartialPaid td a, .InvoicePartialPaidInvoiceLate td a {
	color: orange;
	font-weight: bold;
}

.InvoiceLate td a {
	color: red;
	font-weight: bold;
}

.InvoiceCancelled td a {
	color: #636363 !important;
	font-weight: initial;
}

.InvoiceCancelled {
	text-decoration: line-through !important;
}

select.ItemCode {
	width: 300px;
}

.NetworkNodesTree {
	border: 1px solid #d9d9d9;
	background-color: white;
	overflow-y: scroll;
	position: relative;
}

.RADIUSAttributes {
	font-weight: initial !important;
}

.RADIUSInactive, .RADIUSInactive td a {
	color: red;
	font-weight: bold;
}

.RADIUSPing, .RADIUSPing td a {
	color: green;
	font-weight: bold;
}

.SysLogImportant {
	color: red;
	font-weight: bold;
}

.SysLogImportantRead {
	color: blue;
	font-weight: bold;
}

.NoteHead {
	position: relative;
}

.NoteAction {
	cursor: pointer;
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translate(0, -50%);
}

.NoteAction:hover {
	transform: scale(1.2) translate(0, -41%);
}

.NoteIconSelectors {
	cursor: pointer;
}

.NoteIconSelected {
	border: 1px solid black;
	padding: 3px;
}

.noteattachment {
	margin-top: 5px;
	margin-right: 5px;
}

.globalgallery {
	margin-top: 5px;
	margin-left: 20px;
	max-width: 360px;
	float: left;
}

.globalgallery.box {
	position: relative;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #fafafa;
	border: 1px solid #d9d9d9;
	width: 80px;
	word-break: break-all;
	height: 120px;
	margin-right: 40px;
}

.globalgallery .boxlabel {
	position: absolute;
	bottom: 5px;
	width: 80px;
}
