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

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

.ui-menu .ui-menu-item {
	padding-top: 8px;
	padding-bottom: 8px;
}

@media (min-width: 768px) {
	.ui-menu .ui-menu-item {
		padding-top: 3px;
		padding-bottom: 3px;
	}
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	color: #464a4e;
	background-color: #e7e8ea;
	border-color: #dddfe2;
}

.alert.alert-error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert.alert-warning {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}

.alert.alert-ok {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-link {
	font-weight: bold;
	color: #2e3133;
}

.alert-error .alert-link {
	color: #491217;
}

.alert-warning .alert-link {
	color: #062c33;
}

.alert-ok .alert-link {
	color: #0b2e13;
}

.close:focus, .close:hover {
	color: #000;
	text-decoration: none;
	opacity: .75;
}

.alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: .75rem 1.25rem;
	color: inherit;
}

button.close {
	padding: 0;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
}

.close {
	float: right;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

.videowrapper {
	width: 100%;
	max-width: 560px;
}
.videowrapper div {
	position:relative;
	padding-bottom:56.45%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.videowrapper div iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}

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

#dashboard-container {
	text-align: center;
}

.chart_div {
	height: 300px;
}

.widget-container {
    position: relative;
    background: #d6d6d6;
    overflow: hidden;
	display: block;
	width: 100%;
	height: 150px;
	padding: 5px;
	margin-top: 10px;
	text-align: start;
}

.widget-container .widget-chart-container .chart_div {
	height: 135px;
}

.widget-container.has-title .widget-chart-container .chart_div {
	height: 115px;
}

.widget-container[data-block-height='2'] {
	height: 300px;
}

.widget-container[data-block-height='2'] .widget-chart-container .chart_div {
	height: 285px;
}

.widget-container[data-block-height='2'].has-title .widget-chart-container .chart_div {
	height: 265px;
}

.widget-container[data-block-height='3'] {
	height: 450px;
}

.widget-container[data-block-height='3'] .widget-chart-container .chart_div {
	height: 435px;
}

.widget-container[data-block-height='3'].has-title .widget-chart-container .chart_div {
	height: 415px;
}

.widget-container[data-block-height='4'] {
	height: 600px;
}

.widget-container[data-block-height='4'] .widget-chart-container .chart_div {
	height: 585px;
}

.widget-container[data-block-height='4'].has-title .widget-chart-container .chart_div {
	height: 565px;
}

@media (min-width: 768px) {
	.widget-container {
		display: inline-block;
		vertical-align: top;
		width: 48%;
	}
}

@media (min-width: 992px) {
	.widget-container {
		display: inline-block;
		vertical-align: top;
		width: 24%;
	}
}

@media (min-width: 768px) {
	.widget-container[data-block-width='2'] {
		display: block;
		width: 100%;
	}
}

@media (min-width: 992px) {
	.widget-container[data-block-width='2'] {
		display: inline-block;
		vertical-align: top;
		width: 48%;
	}
}

@media (min-width: 768px) {
	.widget-container[data-block-width='3'] {
		display: block;
		width: 100%;
	}
}

@media (min-width: 992px) {
	.widget-container[data-block-width='3'] {
		display: inline-block;
		vertical-align: top;
		width: 73%;
	}
}

@media (min-width: 768px) {
	.widget-container[data-block-width='4'] {
		display: block;
		width: 100%;
	}
}

@media (min-width: 992px) {
	.widget-container[data-block-width='4'] {
		display: inline-block;
		vertical-align: top;
		width: 98%;
	}
}

.widget-title {
    position: absolute;
    left: 5px;
    right: 5px;
    background: white;
    font-weight: bold;
    font-size: large;
    padding-left: 0.5em;
    padding-right: 0.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	z-index: 1;
	display: block;
}

.widget-toolbar {
    position: absolute;
    top: 5px;
    right: 5px;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.35s linear;
}

.widget-container:hover .widget-toolbar {
	visibility: visible;
	opacity: 1;
}

.widget-content {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.widget-note {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.25s linear;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: white;
}

.widget-container:hover .widget-note {
	visibility: visible;
	opacity: 1;
}

.widget-simple-label-container {
    font-size: xx-large;
    text-align: center;
    display: table;
    height: 100%;
    width: 100%;
}

.widget-simple-label-value {
    display: table-cell;
    vertical-align: middle;
	line-height: 1.25em;
}

.widget-simple-label-value a {
	color: inherit;
	text-decoration: inherit;
}

.widget-simple-label-value a:hover {
	color: inherit;
	text-decoration: inherit;
}

.widget-simple-label-value a:active {
	color: inherit;
	text-decoration: inherit;
}

.widget-simple-label-value a:focus {
	color: inherit;
	text-decoration: inherit;
}

.widget-table-container {
	background: white;
	height: 100%;
	width: 100%;
	padding: 5px;
	padding-right: 18px;
	overflow-x: hidden;
	overflow-y: auto;
}

.widget-chart-container {
	background: white;
	padding-bottom: 5px;
}

.widget-container.has-title .widget-chart-container {
	padding-top: 20px;
}

.widget-container.has-title .widget-table-container {
	padding-top: 2em;
}

.widget-container.has-note .widget-table-container {
	padding-bottom: 2em;
}

.widget-footnotes {
	margin-top: 1em;
}

.widget-footnotes p {
	font-style: italic;
}

#page-message-container {
	position: fixed;
	width: 90%;
	left: 5%;
	top: 3.5em;
	z-index: 110;
}
@media (min-width: 992px) {
	#page-message-container {
		top: 6.5em;
	}
}

.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;
}

.prevent-scrolling .site-footer {
	bottom: auto;
}

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

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

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

[data-livestamp] {
	border-bottom: grey dashed 1px;
}

.converted_value[data-livestamp] {
	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.grouping-hide {
	display: none;
}

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

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

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

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

@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.wide-label > 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;
		max-width: 95%;
    }

}

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.wide-label > li > div > label.input-form-label {
	width: 19em;
}

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;
}

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

ul.input-form > li > div label.option-label-vertical {
	display: inline;
}

@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, ul.input-form > li > div label.option-label-huge {
		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 div {
	line-height: 3em;
}

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

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

fieldset.input-form-dependant-hide {
	display: none;
}

li.input-form-hide-no-send {
	display: none;
}

li.input-form-dependant-hide {
	display: none;
}

.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;
}

.chart_container {
	width: 100%;
}

.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;
	cursor: default !important;
}
table.dataTable tr.bold {
	font-weight: bold;
}
table.dataTable td.bold {
	font-weight: bold;
}
table.small-layout-fixed {
	table-layout: fixed;
}
@media (min-width: 768px) {
	table.small-layout-fixed {
		table-layout: auto;
	}
}
table.dataTable th.select-column span.fw-fancy-checkbox-tick {
	margin-right: 0px;
}
.table-button-column {
	text-align: right;
	padding-right: 0px !important;
}
@media (max-width: 767px) {
	.small-no-word-wrap-column {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}
.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;
}

.badge-notification {
	min-width: 15px;
	background-color: #f31431;
	min-height: 15px;
	display: inline-block;
	border-radius: 15px;
	position: absolute;
	left: 32px;
	top: -5px;
}

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #F31431;
	border-radius: 10px;
}
.badge:empty {
	display: none;
}
.btn .badge {
	position: relative;
	top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
	top: 0;
	padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
	color: #337ab7;
	background-color: #fff;
}
.list-group-item > .badge {
	float: right;
}
.list-group-item > .badge + .badge {
	margin-right: 5px;
}
.nav-pills > li > a > .badge {
	margin-left: 3px;
}

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

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

.loader-background.local {
    position: absolute;
}

.loader-image.local {
    position: absolute;
}

.loader-background.dialog {
	z-index: 110;
}

.loader-image.dialog {
	z-index: 115;
}

/* 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;
	}
}