.ms-drop {
	width: auto;
}
.xdsoft_datetimepicker {
	z-index: 60;
}

.ui-dialog { z-index: 90 !important ;}

.display_none
{
	display: none;
}
.clear_both {
	clear: both;
}

.message_ok {
	color: green;
	font-weight: bold;
}
.message_warning {
	color: blue;
	font-weight: bold;
}
.message_error {
	color: red;
	font-weight: bold;
}
.message {
	font-weight: bold;
}
.message_bold {
	font-weight: bold;
}

.pointer:hover {
	cursor: pointer;
}

.prevent-scrolling {
    height: 100%;
    overflow: hidden;
}

.no-caps {
	text-transform: none;
}

.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.converted_value {
	border-bottom: green dashed 1px;
}

div.clear {
	clear: both;
}
div.clear-pad {
	clear: both;
	padding-top: 10px;
}

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }

fieldset
{
	border: none;
}

form.input-form fieldset {
    padding-bottom: 0;
}

form.input-form fieldset:not(.frame) {
    border: 0;
}

fieldset.frame {
	border: #999999 solid 2px;
	padding-top: 1em;
    padding-right: 1em;
	padding-bottom: 0em;
	margin-bottom: 1em;
	min-height: 2em;
}

@media (max-width: 768px) {
    fieldset.frame {
        padding-left: 1em;
    }
}

fieldset.accent {
    background: rgb(252, 255, 215);
}

fieldset legend {
	color: #233c94;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 0.2em;
}

fieldset legend.expand:hover {
	cursor: pointer;
}

fieldset legend img.expand {
	position: relative;
	top: 0.2em;
	padding-left: 0.1em;
	padding-right: 0.1em;
}

form:not(.input-form) .form-required::after {
    content: " *";
    color: red;
}

h3 + form {
	padding-top: 1em;
}

legend strong.help-description {
	font-style: normal;
	color: black;
}

strong.help-description {
	cursor: default;
}

.line-item-icon {
    width: 16px;
    height: 16px;
}

ul.input-form {
	padding-left: 0px;
	margin: 0px;
}

ul.input-form > li {
	list-style-type: none;
	margin-bottom: 1em;
	padding-bottom: .1em;
}

ul.input-form > li.push-up {
	margin-top: -1em;
}

ul.input-form > li.no-label {
	padding-left: 14em;
}

ul.input-form.compact > li.no-label {
	padding-left: 9em;
}

@media (max-width: 768px) {
    ul.input-form > li.no-label {
        padding-left: 0;
    }

    ul.input-form.compact > li.no-label {
        padding-left: 0;
    }
}

ul.input-form > li > div {
	display: table-cell;
	vertical-align: top;
	line-height: 1.5em;
}

@media (max-width: 768px) {
    ul.input-form > li > div {
        display: block;
    }

}

ul.input-form > li > div > label.input-form-label {
	width: 13em;
	float: left;
	text-align: right;
	padding-right: 1em;
}

@media (max-width: 768px) {
    ul.input-form > li > div > label.input-form-label {
        width: auto;
        float: none;
        text-align: left;
        padding-right: 0;
    }
}

ul.input-form.compact > li > div > label.input-form-label {
	width: 8em;
}

ul.input-form > li > div > input[type=text] {
    margin: 0px;
}

@media (max-width: 768px) {
	ul.input-form > li > div > input[type=text] {
		width: 90%;
	}
    ul.input-form > li > div > div.ms-parent {
        width: 90% !important;
    }
    span.horizontal-option {
        display: block;
    }
}

ul.input-form > li > div > select {
    margin: 0px;
}

ul.input-form > li > div > input[type=checkbox]:not(:first-child) {
	margin-left: 1em;
}

ul.input-form > li > div > input[type=radio]:not(:first-child) {
    margin-left: 1em;
}

ul.input-form > li > div > label.option-label-small {
    min-width: 5em;
    display: inline-block;
}

ul.input-form > li > div > label.option-label-medium {
    min-width: 7em;
    display: inline-block;
}

ul.input-form > li > div > label.option-label-large {
    min-width: 9em;
    display: inline-block;
}

@media (max-width: 768px) {
	ul.input-form > li > div > label.option-label-small, ul.input-form > li > div > label.option-label-medium, ul.input-form > li > div > label.option-label-large {
		display: inline;
	}
}

ul.input-form > li > div label.no-format {
	width: auto;
	float: none;
	text-align: left;
	padding-right: 0em;
}

ul.input-form textarea {
	vertical-align: middle;
}

ul.input-form li.button-row img.loader-icon {
	vertical-align: middle;
}

label.input-form-mandatory {
	font-weight: bold;
}

.input-form-no-image {
    height: 120px;
}

.media-picker-span {
    display: inline-block;
    padding-right: 1em;
    padding-bottom: 1em;
    text-align: center;
}

.media-picker-current {
    height: 120px;
}

.reorder_container {
    margin: 0.5em;
}

.reorder_container .media-picker-current {
    padding: 0.5em;
}

.input-form-validation-error-message {
	color: red;
	margin-left: 0.5em;
}

.input-form-validation-error {
	background-color: #fcc !important;
	border: red solid 1px !important;
}

select.input-form-validation-error {
	border: red solid 1px;
}

input[type=checkbox].input-form-validation-error {
	outline: red solid 1px;
}

input[type=radio].input-form-validation-error:not(.fw-fancy-radio) {
	outline: red solid 1px;
}

ul.sortable-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li.sortable-list {
    cursor: move;
    margin: 3px;
    padding-left: 1.5em;
    width: 30em;
}

li.sortable-list span.sortable-icon {
    position: absolute;
    margin-left: -1.3em;
}

table,th,tr,td
{
	border: none;
	border-collapse: collapse;
}
table.border
{
	border: thin solid black;
	border-collapse: collapse;
}
table.pad
{
	padding: 5px;
}
table.pad td
{
    padding: 5px;
}
table.border_pad
{
	border: thin solid black;
	border-collapse: collapse;
	padding: 5px;
}
table.border_pad td
{
    border: thin solid black;
    border-collapse: collapse;
    padding: 5px;
}
th.border
{
	border: thin solid black;
	border-collapse: collapse;
}
th.pad
{
	padding: 5px;
}
th.border_pad
{
	border: thin solid black;
	border-collapse: collapse;
	padding: 5px;
}
td.border
{
	border: thin solid black;
	border-collapse: collapse;
	padding-left: 5px;
}
td.pad
{
	padding: 5px;
}
td.border_pad
{
	border: thin solid black;
	border-collapse: collapse;
	padding-left: 5px;
	padding: 5px;
}
td.numeric
{
	text-align: right;
	padding-right: 5px;
}

.form_row
{
	display: block;
	clear: both;
	padding-top: 5px;
}
.form_button_row
{
	display: block;
	clear: both;
	padding-top: 11px;
}
label.padded
{
    float: left;
    width: 11em;
    text-align: right;
    padding-right: 1em;
}
.no_label
{
	padding-left: 12em;
}

li.ui-menu-item a {
    text-decoration: none;
}

input.ui-button {
	padding: .5em 1em;
}

a.button {
	padding: .1em 1em;
}

.dt_container {
	width: 100%;
}
@media (max-width: 992px) {
	.dt_container {
		overflow-x: scroll;
		margin-bottom: 10px;
	}
}
table.dataTable tbody tr {
	page-break-inside: avoid;
}
table.dataTable thead th.sorting_disabled:hover {
	cursor: default;
}
table.dataTable.allow-select tbody tr:hover {
	cursor: pointer;
}
table.dataTable .ui-button {
    padding: .2em .4em .2em;
}
table.dataTable .ui-button-text {
    padding: 0;
}
table.dataTable tr.group, table.dataTable tr.group:hover {
	background-color: #ddd !important;
}
table.dataTable tr.group-total, table.dataTable tr.group-total:hover {
	background-color: #888 !important;
	font-weight: bold;
}
.table-button-column {
	text-align: right;
	padding-right: 0px !important;
}
.dt_refresh_button {
    margin-right: 1em;
}
.dt_filter_button {
	margin-left: 1em;
	max-width: 650px;
	white-space: nowrap;
}
@media (max-width: 480px) {
	.dt_filter_button {
		max-width: 300px;
	}
}
.dt_filter_button span {
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.dt_filter_dialog {
	display: none;
}

.dt_converted_value {
	border-bottom: green dashed 1px;
}

.loader-background {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: white;
	opacity: 0.5;
	z-index: 70;
}

.loader-image {
	position: fixed;
	top: 50px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	text-align: center;
	z-index: 75;
}

/* Media Picker */

.media-image-thumbnail {
    height: 100px;
}

.media-existing-image-thumbnail {
    cursor: pointer;
    float: left;
    padding-left: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.media-existing-image-thumbnail img {
    height: 100px;
}

.landing-column {
	width: 100%;
	height: 100%;
	position: relative;
}
@media (min-width: 768px) {
	.landing-column {
		display: table-cell;
		width: 50%;
	}
}

@media (min-width: 768px) {
	.landing-column.right {
		float: right;
	}
}