/*
Colors:
Grey Black: 	#192631
Grey Darkest:	#2E4453
Grey Dark:		#87A6BC
Grey: 			#C8D7E1
Grey Light:		#E9EFF3
Grey Lightest:	#F3F6F8

Primary:		#00AADC
Info:			#64D4F5
*/

:root {
	/* SoBootPress Values */
	--sbp-color-grey-black:		#192631;
	--sbp-color-grey-darkest:	#2E4453;
	--sbp-color-grey-dark:		#87A6BC;
	--sbp-color-grey: 			#C8D7E1;
	--sbp-color-grey-light:		#E9EFF3;
	--sbp-color-grey-lightest:	#F3F6F8;
	
	--sbp-color-primary:		#00AADC;
	--sbp-color-info:			#64D4F5;
	--sbp-color-success:		#5CB85C;
	--sbp-color-warning:		#F0AD4E;
	--sbp-color-danger:			#D9534F;

	--sbp-spacing-large: 		30px;
	--sbp-spacing-medium: 		20px;
	--sbp-spacing-default: 		15px;
	--sbp-spacing-small: 		10px;
	--sbp-spacing-xsmall: 		6px;
}


html {
	font-size:14px;
}
html, body {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:1.5em;
	color: #2E4453;
	background-color: #F3F6F8;
}
.widefat ol, .widefat p, .widefat ul, .widefat td, .widefat th, .widefat tfoot tr td, .widefat tfoot tr th, .widefat thead tr td, .widefat thead tr th, th .comment-grey-bubble::before {
	color: #2E4453; /* wp uses about 5 different colors for this -_- */
}
.ui-dialog button,
input, textarea, select, button,
body *:not(code):not(pre):not(.fa):not([class^='font-']):not([class*=' font-']):not([class*='icon-']):not(.mce-ico):not([class*=' fa-']):not(i.vc-composer-icon):not(.dashicons) {
	font-family: inherit !important;
}
.container-fluid.wrap{
	padding:0 20px;
}
.wrap>.container-fluid, .wrap>form>.container-fluid{
	padding:0;
}

/* helpers */
.sr-text, .screen-reader-text,.search-form:not(.media-toolbar-primary) .media-search-input-label {
	display: block;
	position: absolute;
	left:-9999px;
	height:1px;
	width:1px;
	overflow: hidden;
}
.margin-bottom-default { margin-bottom: 15px; }
.margin-bottom-lg { margin-bottom: 30px; }

/* socast header */
#topNav a {
	color: #fff;
	font-size: 11px;
}
#topNav #menuAdmin, #topNav #menuSystem {
	margin-top: 1px;
}
#menuAdminName label {
	font-weight: normal;
	font-size: 12px;
}
#css3menu1 a.top-navigation {
	height: 43px !important;
}

#contentHeader {
	background-color: #ffffff;
	border-bottom: 1px solid #E9EFF3;
	padding: 0 15px;
}
#contentHeader-right {
	float:right;
	margin-left:10px;
	padding-top:10px;
}
#contentHeader-left {
	padding: 15px 0;
}
#contentHeader-left h1 {
	margin-top:0;
	padding-top:10px;
	line-height:1em;
}
#contentHeader-left .socast-container.breadcrumbs {
	line-height:1em;
}
#contentHeader-left .socast-container.breadcrumbs .delimiter { margin: 0 6px; }

.scAlertContainer {
	padding-top: 30px;
	margin-top:0;
}
.scAlertContainer.wrap {
	padding-top: 0px;
}
.scPageTitle{
	padding: 15px;
	/*TODO: DGO Update with mobile requirements on mobile*/
}
#content.hasActions, .scAlertContainer.hasActions { padding-bottom: 70px; }
.scAlertContainer.wrap.hasActions { padding-bottom: 0px; }

#stickyPageActions {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: 0px -2px 1px 0px rgba(25,38,49,0.05);
	padding: 15px;
	background-color: #ffffff;
	border-top: 1px solid #E9EFF3;
	z-index: 999;
}
#stickyPageActions .btn { margin-right: 6px; }

@media all and (min-width: 769px) {
	#contentHeader {
		min-height: 90px;
	}
}

@media all and (max-width: 768px) {
	#contentHeader {
		padding: 0 10px;
	}
	#contentHeader-left h1 {
		font-size: 20px;
		font-weight: 600;
		padding-top: 0;
		margin: 0;
	}
	#contentHeader-left .socast-container.breadcrumbs { display:none; }
	#contentHeader-right {display: none;}
}


@media all and (max-width: 480px) {
	/*#content {
		padding-top:15px;
	}*/
	.container-fluid {
		padding: 0 5px;
	}
	#stickyPageActions {
		padding: 10px;
	}
	.row {
		margin-left: 0;
		margin-right: 0;
	}
	.row div[class^='col-md-'] {
		padding:0;
	}
}

/* override bootstrap settings */
/* typography */
* {
	word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6,
.text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6 {
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 0.5rem;
}
h4, h5, h6, .text-h4, .text-h5, .text-h6 { font-weight: bold; }
h2, h3, .text-h2, .text-h3 { font-weight: 600; }

h1, .text-h1 {
	font-size: 24px;
	font-weight: normal;
}
h2, .text-h2 { font-size: 20px; }
h3, .text-h3, .text-xl { font-size: 18px; }
h4, .text-h4, .text-lg, .btn-lg, .btn-group-lg > .btn, .panel-title, .card-title {
	font-size: 1.14rem;
	line-height: 1.5em;
}
h5, .text-h5 { font-size: 1rem; }
h6, .text-h6, .text-sm, .small, small, .btn-sm,
.btn-group-sm > .btn , .breadcrumbs {
	font-size: 0.857rem;
	line-height: 1.5em;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #87A6BC; }
.text-xs, .btn-xs, .btn-group-xs > .btn {
	font-size: 0.714rem;
	line-height: 1.5em;
}

.text-semantic {
	color: #87A6BC;
	background-repeat: no-repeat;
	background-position: left 0.2em;
	background-size: 1.2em 1.2em;
	padding-left:1.7em;
}
.text-semantic.block {
	background-image: url('https://player.socastsrm.com/image/svg?icon=cancel&fill=87A6BC');
}
.text-semantic.current {
	background-image: url('https://player.socastsrm.com/image/svg?icon=arrow-right-bold&fill=87A6BC');
}
.text-semantic.queue {
	background-image: url('https://player.socastsrm.com/image/svg?icon=clock&fill=87A6BC');
}
.text-semantic.error {
	color: #D9534F;
	background-image: url('https://player.socastsrm.com/image/svg?icon=close-circle&fill=D9534F');
}
.text-semantic.rejected {
	color: #D9534F;
	background-image: url('https://player.socastsrm.com/image/svg?icon=cancel&fill=D9534F');
}
.text-semantic.success {
	color: #5CB85C;
	background-image: url('https://player.socastsrm.com/image/svg?icon=check-circle&fill=5CB85C');
}
.text-semantic.warning {
	color: #F0AD4E;
	background-image: url('https://player.socastsrm.com/image/svg?icon=alert-circle&fill=F0AD4E');
}
.text-semantic.info {
	color: #64D4F5;
	background-image: url('https://player.socastsrm.com/image/svg?icon=star&fill=64D4F5');
}
.text-semantic.datetime {
	background-image: url('https://player.socastsrm.com/image/svg?icon=calendar-clock&fill=87A6BC');
}

.feature-cta>span { display: inline-block; margin-right:20px;}

.icon {
	height: 1.2em;
	position: relative;
	top: -1px;
}
.icon.icon-left {
	margin-right: 0.45em;
}
.icon.icon-right {
	margin-left: 0.45em;
}

h1 .icon, h2 .icon, h3 .icon, h4 .icon, h5 .icon, h6 .icon {
	margin-right: 0.45em;
}
h1 .icon { top: -2px; }
h5 .icon, h6 .icon { top: 0px; }
.text-help, .text-muted { color: #87A6BC; }

a {
	color: #00AADC;
}
a:hover, a:focus {
	color: #00AADC;
}
a.disabled , .disabled a { pointer-events: none; }

/* common elements */
img:not(.icon) { max-width:100%; }
img.loader {
	margin-left: 6px;
}
img.loader.loader-left {
	margin-left: 0;
	margin-right: 6px;
}
.clear { clear: both; }
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
.display-block { display: block; }

/* wordpress layout conflicts */
.wrap.scAlertContainer>.container-fluid { padding: 0; }
#wpbody .wrap.scAlertContainer>.container-fluid>.row {
	padding: 0; 
	max-width: calc(100% + 30px);
}

.wrap.scAlertContainer .postbox>.inside>*:last-child {
	margin-bottom: 0;
}
/*Columns width*/
@media (min-width: 768px){
	#wpbody .row .col-md-1{ width: 8.333333%}
	#wpbody .row .col-md-2{ width: 16.666667%}
	#wpbody .row .col-md-3{ width: 25%}
	#wpbody .row .col-md-4{ width: 33.333333%}
	#wpbody .row .col-md-5{ width: 41.666667%}
	#wpbody .row .col-md-6{ width: 50%}
	#wpbody .row .col-md-7{ width: 58.333333%}
	#wpbody .row .col-md-8{ width: 66.666667%}
	#wpbody .row .col-md-9{ width: 75%}
	#wpbody .row .col-md-10{ width: 83.333333%}
	#wpbody .row .col-md-11{ width: 91.666667%}
	#wpbody .row .col-md-12{ width: 100%}
}


/* wordpress buttons reset */
.wp-core-ui .button, .dataTables_wrapper .paginate_button a {
	box-shadow: none;
	text-shadow: none;
}
.wp-core-ui .button-primary {
	font-weight: bold;
}

/* buttons */
:not(.input-group-append)>.btn, .button, .dataTables_wrapper .paginate_button a {
	border-bottom-width: 2px;
}
.btn, .button, .btn:hover, .button:hover,
.btn:focus, .button:focus, .btn:active, .button:active,
.dataTables_wrapper .paginate_button a:hover,
.dataTables_wrapper .paginate_button a:active,
.dataTables_wrapper .paginate_button a:focus {
	box-shadow: none !important;
	outline: none;
}

.btn.btn-default, .dataTables_wrapper .paginate_button a,
.dataTables_wrapper .paginate_button.active a:hover {
	background-color: #ffffff;
	border-color: #C8D7E1;
	color: #2E4453;
}
.btn.btn-default:hover, .dataTables_wrapper .paginate_button a:hover,
.dataTables_wrapper .paginate_button.active a, .dataTables_wrapper .dt-buttons .dt-button {
	background-color: #F3F6F8;
	border-color: #87A6BC;
	color: #2E4453;
}
.btn.btn-primary, .button.button-primary {
	background-color: #00AADC;
	border-color: #008AB3;
	color: #ffffff;
}
.btn.btn-primary:hover, .button.button-primary:hover,
.btn.btn-primary:active, .button.button-primary:active,
.btn.btn-primary:focus, .button.button-primary:focus  {
	background-color: #009BC9;
	border-color: #00789C;
	color: #ffffff;
}
.btn.btn-info {
	background-color: #64D4F5;
	border-color: #60CBEB;
}
.btn.btn-info:hover {
	background-color: #5CC3E2;
	border-color: #52ADC8;
}

.btn.btn-link { color: #00AADC; }

.btn.disabled, .btn[disabled], .disabled, select.disabled {
	opacity: 0.5;
}
.btn, .btn-lg, .btn-group-lg > .btn { font-weight: bold; }
.btn-sm , .btn-xs, .btn-group-sm > .btn, .btn-group-xs > .btn { font-weight: bold; }

.btn-group-xs > .btn, .btn-xs { padding: 3px; }

.btn.active, .btn:active, .btn-group.open .dropdown-toggle { box-shadow: none; }

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
	background-color: #C8D7E1;
	border-color: #2E4453;
}

.btn-primary.active, .btn-primary:active, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
	background-color: #00789C;
	border-color: #2E4453;
}

.bg-primary {
	background-color: #00AADC !important;
	color: #ffffff;
}

.btn-warning {
	color: #FFF;
	background-color: #f0ad4e;
	border-color: #eea236;
}
/* button dropdown caret */
.chevron {
	padding-right: 0.3em;
}
.chevron::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
}
.icon-right.chevron:before { left: 0; }
.chevron.down:before, .dropdown-toggle  .chevron:before{
	top: 0.5em;
	transform: rotate(135deg);
}
.chevron.up:before, .open .dropdown-toggle  .chevron:before {
	top: 0.65em;
	transform: rotate(-45deg);
}
.chevron.right:before {
	left: 0;
	top: 0.55em;
	transform: rotate(45deg);
}
.chevron.left:before {
	left: 0.25em;
	top: 0.55em;
	transform: rotate(-135deg);
}

.dropdown-toggle::after { display: none; }

.btn .icon {
	margin-right: 0.45em;
}
.btn.btn-icon .icon {
	margin: 0;
}

.btn .icon.icon-right, .btn.dropdown-toggle  .chevron{
	margin-left: 0.45em;
	margin-right: 0;
}

.btn .loader {
	display: none;
}
#reactApp .btn .loader { display: inline; }

.close, .close:hover, .close:focus { color: #192631; }

.btn-panel, .btn-card {
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	display: block;
	position:relative;
	top: -31px;
}

.btn-group-text {
	background-color: #F3F6F8;
	border-color: #C8D7E1;
	color: inherit;
	pointer-events: none;
}

.modal { z-index: 100002; }
.modal-header h3, .modal-header h4 {
	font-weight: 600;
}
.modal-dialog.modal-sm {
	width: 400px;
	max-width:100%;
}
/* panels and cards*/
.panel,.card {
	margin-bottom:30px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panel .panel-heading, .card .card-header {
	padding:15px;
}
.panel .panel-title, .card .card-title { 
	font-weight: 600; 
	font-size: 1.14rem !important;
}
.card-title{
	margin-top:0;
	margin-bottom: 0;
}
.panel .panel-body {
	padding:15px;
}
.panel.panel-default, .panel.panel-default .panel-heading, .panel.panel-default .panel-footer {
	border-color: #E9EFF3;
}
.panel.panel-default  .panel-heading, .panel.panel-default .panel-footer {
	color: #87A6BC;
	background-color: #ffffff;
}
.card .card-header, .card .card-footer {
	color: #87A6BC;
	background-color: #ffffff;
	border-color: #E9EFF3;
}
/* forms */
.card-body label{
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}
.card-body input+label{
	font-weight: normal;
	margin-right: 15px;
}
.card-body div:last-child, .card-body .last-form-group, .postbox div:last-child {
	margin-bottom: 0px;
}
.add-action .btn{
	margin-bottom: 6px;
}
.card .radio label, .card .checkbox label {
	min-height: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}
.form-group, .theme-customization .card-body p {
	margin-bottom:30px;
}
.form-control {
	border-color: #C8D7E1;
	color: #2E4453;
}
.form-control:focus {
	box-shadow: none;
}
select.form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
input.form-control, input.form-control:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	padding: 0.375rem 0.75rem;
	line-height: 1.5;
	/* do not put margin 0 here */
}
.form-group input[type='checkbox']+label{
	margin-left: 6px;
}
.form-control::-webkit-input-placeholder  {
	color: #87A6BC;
}
.form-control::-moz-placeholder {
	color: #87A6BC;
}
.form-control, .input-group > .form-control, .input-group > .input-group-addon {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

input[type="number"].form-control {
	line-height:1.5;
	height:auto;
}

textarea { min-height:100px; }

.form-group>* + * {
	margin-top:5px;
}
.form-horizontal .form-group>* + * {
	margin-top:0px;
}

.form-group label{
	font-weight: bold; 
	margin-bottom: 0;
}
.form-group.color label { display: block; }
.form-group label+input[type="checkbox"] {
	margin-left: 6px;
}
.form-group  .form-check .form-check-label {
	font-weight: normal;
	margin-left:0px;
}
.form-group label:not([for]) { cursor: default; }

.input-group-addon {
	border-color: #C8D7E1;
	background-color: #F3F6F8;
	font-weight: bold;
	color: #2E4453;

	/*missing frm input-groups.less*/
	padding: 6px 12px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #ccc;
}
.input-group-addon.addon-left {
	border-right: none;
}
.input-group-addon.addon-right {
	border-left: none;
}

.input-group-btn .btn {
	border-bottom-width: 1px;
}

.input-group.input-group-flex {
	display: flex;
	flex-direction: row;
}
.input-group.input-group-flex .input-group-btn {
	flex: none;
	width: auto;
}
.input-group.input-group-flex .input-group-btn .btn{
	height:100%;
}
.input-group.input-group-flex .form-control {
	flex: auto;
}
a.macro.sc-tooltip{
	color: #00AADC;
}
a.macro.sc-tooltip:hover{
	color: #64D4F5;
	cursor: pointer;
}
a img.icon{
	cursor: pointer;
}
input.icon-bgd {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1.6em 1.2em;
	padding-right: 30px !important;
}

input.icon-bgd.search {
	background-image: url('https://player.socastsrm.com/image/svg?icon=magnify&fill=2E4453&viewbox=0+0+30+24');
}

input.icon-bgd.datetimepicker {
	background-image: url('https://player.socastsrm.com/image/svg?icon=calendar-clock&fill=2E4453&viewbox=0+0+30+24');
}

input.icon-bgd.datepicker {
	background-image: url('https://player.socastsrm.com/image/svg?icon=calendar-blank&fill=2E4453&viewbox=0+0+30+24');
}

input.icon-bgd.timepicker {
	background-image: url('https://player.socastsrm.com/image/svg?icon=clock&fill=2E4453&viewbox=0+0+30+24');
}

.sc_autocomplete.combobox {
	background-image: url('/image/svg?icon=chevron-down&fill=2E4453&viewbox=0+0+30+24');
}
.sc_autocomplete.combobox:focus {
	background-image: url('/image/svg?icon=chevron-up&fill=2E4453&viewbox=0+0+30+24');
}

input.loader, textarea.loader {
	background-image: url('https://player.socastsrm.com/images/loaders/facebook-margin-right.gif');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;
	background-size: 22px 11px;
}
textarea.loader {
	background-position: right 6px;
}
input.datetimepicker[readonly], input.sc_flatpickr[readonly] { background-color: #fff; }


.form-group .validation  {
	background-repeat: no-repeat;
	background-position: left 0.2em;
	background-size: 1.2em 1.2em;
	padding-left:1.7em;
}
.form-group.has-success .validation, .form-group.has-success .success.validation {
	color: #5CB85C;
	background-image: url('https://player.socastsrm.com/image/svg?icon=check-circle&fill=5CB85C');
}
.form-group.has-error .validation, .form-group.has-error .error.validation {
	color: #D9534F;
	background-image: url('https://player.socastsrm.com/image/svg?icon=close-circle&fill=D9534F');
}
.form-group.has-warning .validation, .form-group.has-warning .validation.warning {
	color: #F0AD4E;
	background-image: url('https://player.socastsrm.com/image/svg?icon=alert-circle&fill=F0AD4E');
}
.form-group .validation:empty {
	display:none;
}
.form-group input[type="radio"]{
	width: auto !important;
	margin-right:6px;
	vertical-align: middle;
}
.form-group input[type="radio"]+label{
	margin-right: 15px;
}
.has-success .help-block, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
	color: #5CB85C;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #D9534F;
}
.form-group.has-error .validation.error{
	border: none;
	box-shadow: none;
	margin-bottom: 0px;
}

.field-group .field_error, .form-group .field_error{
	display:none;
	color: #B94A48;
	
	font-size: 0.857rem;
	line-height: 1.5em;
}
.field-group.error .field_error, .form-group.error .field_error {
	display:block;
}
.field-group.error label {
	color: #B94A48;
}
/* datetimepicker */
.sc_flatpickr + .input-group-append .fp-clear,
.sc_flatpickr:not(:placeholder-shown) + .input-group-append .fp-open { display: none; }
.sc_flatpickr:not(:placeholder-shown) + .input-group-append .fp-clear { display: inline; }

.valueSet .fp-clear{ display: inline;}
.valueSet .fp-open{ display: none;}
.noValueSet .fp-clear{ display: none;}
.noValueSet .fp-open{ display: inline;}

/* switch Based on https://www.w3schools.com/howto/howto_css_switch.asp */
/* The switch - the box around the slider */
.form-group .sc_switch {
	display: block;
	margin: 10px 0;
}
.form-group .sc_switch .text-help {
	font-weight: normal;
}
.form-group .sc_switch .wrapper{
	position: relative;
	/*display: inline-block;*/
	display: flex;
	min-width: 250px;
	/*height: 34px;*/
}
  
/* Hide default HTML checkbox */
.form-group .sc_switch .wrapper input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}
  
/* The slider */
.form-group .slider {
	cursor: pointer;
	height: 10px;
	width: 75px;
	background-color: #F3F6F8;
	-webkit-transition: .4s;
	transition: .4s;
	margin-top: 5px;

}
  
.form-group .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 0px;
	bottom: 4px;
	top: -2px;
	background-color: white;
	border: 1px solid #C8D7E1;
	-webkit-transition: .4s;
	transition: .4s;
}
  
.form-group input:checked + .slider {
	background-color: #00AADC;
}
  
.form-group input:focus + .slider {
	box-shadow: 0 0 1px #00AADC;
}
  
.form-group input:checked + .slider:before {
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
}
  
/* Rounded sliders */
.form-group .slider.round {
	border-radius: 34px;
}
  
.form-group .slider.round:before {
	border-radius: 50%;
}

/*Switch labels*/
.form-group .sc_switch .switch_label{
	/*position: absolute;
	left: 60px;;*/
	margin-left: 15px; /*Default*/
}
.form-group .sc_switch input:checked + .slider +.switch_label>.on, .form-group .sc_switch input:not(:checked)+.slider +.switch_label>.off{
	display:inline-block;
}

.form-group .sc_switch input:checked+.slider +.switch_label>.off, .form-group .sc_switch input:not(:checked)+.slider +.switch_label>.on{
	display:none;
}
.switch_label>.on{
	color: #5CB85C;
}

.form-group .form-control+.text-help br ~ .btn {
	margin-top:10px;
}


/* border boxes */
.box , .divider {
	border:1px solid #C8D7E1;
}
.box .box-light, .divider-light{
	border:1px solid #E9EFF3;
}
.divider, .divider-light {
	border-top: none;
	border-left: none;
	border-right: none;
}

.container-secondary, .tile {
	border:1px solid #C8D7E1;
	background-color: #F3F6F8;
	padding: 6px 12px;
}
.tile.active{
	background-color:#C8D7E1 ;
	border-color: #87A6BC ;
}
img.container-secondary {
	padding: 0;
}
fieldset.container-secondary {
	margin-bottom: 10px;
}
fieldset.container-secondary legend {
	width: auto;
	padding: 5px;
	font-size: 1rem;
	margin-bottom:0;
	font-weight: bold;
}
fieldset.container-secondary .form-group {
	margin-bottom: 10px;
}

/* text filters */
.text-filter {
	font-weight: bold;
	list-style-type: none;
	padding: 0;
}
.text-filter li {
	display: inline-block;
	margin-right:15px;
}
.text-filter .active a {
	pointer-events: none;
	color: inherit;
	text-decoration: none;
}

/* images */
.img-full {
	max-width:100%;
}
.img-thumb-lg, img.img-thumb-lg {
	max-width: 130px;
}
.img-thumb-md, img.img-thumb-md {
	max-width: 80px;
}
.img-thumb-sm, img.img-thumb-sm {
	max-width: 50px;
}
.img-thumb-sm-h, img.img-thumb-sm-h {
	max-height: 30px;
}
.img-square {
	width: 40px;
	height:40px;
}
.img-square-sm {
	width: 30px;
	height:30px;
}
.img-square-xs {
	width: 20px;
	height:20px;
}
.img-square img{
	max-width: 38px;
	max-height:38px;
	display:block;
}
.img-square-sm img{
	max-width: 28px;
	max-height:28px;
	display:block;
}
.img-square-xs img{
	max-width: 18px;
	max-height:18px;
	display:block;
}

/* list groups */
.dropdown-menu > li > a {
	padding: 5px 15px;
	color: inherit;

	display: block;
	clear: both;
	font-weight: normal;
	white-space: nowrap;
}
.list-group , .dropdown-menu {
	list-style-type: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	max-width: 800px;
}
.list-group , .dropdown-menu {
	border:1px solid #C8D7E1;
}
.dropdown-menu {
	display: none;
}
.open > .dropdown-menu{
	display: block;
}

.list-group.list-group-borderless, .list-group.list-group-tiles { border: none; }
.list-group .list-group-item {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border: none;
	border-bottom:1px solid #C8D7E1;
	background-color: transparent;
	margin: 0;
}
.list-group.list-group-borderless  .list-group-item {
	border-bottom: none;
	padding: 5px 0;
}

.list-group.list-group-tiles  .list-group-item {
	border-bottom: none;
	padding: 0;
}
.list-group-item:first-child {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.list-group .list-group-item:last-child {
	border: none;
}

.list-group  a, .dropdown-menu.list-group > li > a {
	color: inherit;
	display: block;
	text-decoration:none;
	white-space: normal;
}
.list-group a:hover, .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #F3F6F8;
	color: inherit;
}

.list-group .list-group-item .title {
	font-weight: bold;
	margin-right: 0.45em;
}
.list-group .list-group-item .icon {
	margin-right: 0.45em;
}
.list-group .list-group-item .icon.icon-right { margin-right: 0; }
.list-group .list-group-item span.text-help {
	margin-left:6px;
}

.list-group-media .list-group-item {
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	min-height:39px;
}
.list-group-media .list-group-item .img-droplist {
	width:40px;
	height:39px;
	border-right:1px solid #C8D7E1;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 40px;
}
.list-group-media .list-group-item .img-droplist img {
	height: auto;
	max-width:39px;
	max-height:39px;
	display:block;
	margin-right: auto;
	margin-left: auto;
}
.list-group-media .list-group-item .info {
	color: inherit;
	padding:5px 10px;
	padding-top:9px;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
}

.list-group-media .list-group-item .info + .img-droplist {
	border-left:1px solid #C8D7E1;
	border-right:none;
}

.list-group.list-group-media.list-group-small .list-group-item {
	padding: 0px;
}
.list-group-media.list-group-small .list-group-item .info {
	padding-top:10px;
}

.list-group.list-group-media.list-group-expanded .list-group-item {
	padding: 10px;
}
.list-group-media.list-group-expanded .list-group-item .img-droplist {
	border:1px solid #C8D7E1;
}
.list-group-media.list-group-expanded .list-group-item .img-droplist {
	width:30px;
	height:30px;
	flex-basis: 30px;
}
.list-group-media.list-group-expanded .list-group-item .img-droplist img {
	max-width:28px;
	max-height:28px;
}
.list-group-media.list-group-expanded .list-group-item .info {
	padding-top:4px;
}
.list-group .list-group-item:hover img.icon {
    opacity: 1;
}
.sc_auto_group .list-group .ui-menu-item-wrapper{
	display: block;
}
.sc_auto_group .list-group .ui-state-active{
	display: block;
	background-color: inherit;
	color: inherit;
	border: none;
}
.sc_auto_group .list-group-item:hover{
	background-color: #F3F6F8;
}
.btn-droplist { position: relative; }
.btn-droplist .btn-group {
	position: static;
}

.ml_actions .btn{
	margin-right: 6px;
}
.dropdown-menu, .dropdown-menu.list-group-media a {
	padding: 0;
}
.dropdown-menu.list-group {
	width: 100%;
}
.dropdown-menu {
	margin-top: 6px;
	box-shadow: 0px 2px 5px 0px rgba(25,38,49,0.25);
}
.dropdown-menu .divider { margin: 5px 0; }
.dropdown-multi{
	width:100%;
}
.dropdown-multi .selected_options{
	display: inline-block;
	text-overflow: ellipsis;
	width: calc(100% - 14px);
	white-space: nowrap;
	overflow: hidden;
}
.dropdown-multi .form-control:hover,.dropdown-multi .form-control:focus{
	text-decoration: none;
	color: inherit;
}
.dropdown-multi .active,.dropdown-multi .active:focus{
	background-color: #00AADC;
	color: #fff;

}
.dropdown-multi .list-group-item.active
{
	border-color: inherit;
}
.dropdown-multi .active:hover{
	background-color: #009BC9;
	color: #fff;
	border-color: inherit;
}
.dropdown-multi .info{
	display: inline-block;
}
.autocomplete-group {
	position: relative;
}
.autocomplete-group .dropdown{
	position: absolute;
	left:0px;
	top:100%;
	z-index: 1000;
	background-color: #ffffff;
	overflow-y: auto;
	max-height:200px;
	width:100%;
	border: 1px solid #c8d7e1;
}
.autocomplete-group .dropdown-clear {
	z-index: 999;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.autocomplete-group .list-group {
	margin: 0;
	border: none;
}
.input-group .autocomplete-group {
	min-height: 34px;
}
.form-control+.input-group-btn>.btn{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.ui-autocomplete li.list-group-item {
	padding: 0.75rem 1.25rem;
	white-space: normal;
}
/*.input-group :not(last-child) .btn{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}*/
ul + .text-help  {
	/*margin-top:-10px;*/
	margin-bottom:20px;
}
.list-group + .text-help  {
	/*margin-top:-15px;*/
	margin-bottom:20px;
}

.list-group-tiles .tile span.text-help {
	display: inline-block;
}
.list-group-tiles .tile .actions {
	float:right;
	white-space:nowrap;
}
.list-group-tiles .tile .actions .loader { display: none; }
.list-group-tiles .tile .actions>* { display: inline; }
.list-group-tiles .tile .actions a:hover, .list-group-tiles .tile .actions a:focus {
	opacity: 0.5;
}
.list-group-tiles .list-group-item +.list-group-item {
	margin-top:10px;
}
.list-group-tiles a.tile:hover, .list-group-tiles a.tile:focus {
	background-color: #E9EFF3;
	border-color: #87A6BC;
}
.list-group .list-group-item.placeholder {
	background-color: transparent;
	border: 1px dashed #00AADC;
}
.list-group .list-group-item.placeholder .tile {
	opacity: 0;
}

.list-group.sortable .list-group-item {
	cursor: ns-resize;
}

.list-group.list-group-small .list-group-item {
	padding: 10px 10px;
}

.popover {
	background-color: #192631;
	border-color: #2E4453;
	color: #ffffff;
	min-width: 260px;
}
.popover.right > .arrow{
	border-right-color: #2E4453;
}
.popover.right > .arrow::after {
	border-right-color: #192631;
}
.popover.left > .arrow{
	border-left-color: #2E4453;
}
.popover.left > .arrow::after {
	border-left-color: #192631;
}
.popover.top > .arrow{
	border-top-color: #2E4453;
}
.popover.top > .arrow::after {
	border-top-color: #192631;
}
.popover.bottom > .arrow{
	border-bottom-color: #2E4453;
}
.popover.bottom > .arrow::after {
	border-bottom-color: #192631;
}
.popover-title {
	background-color: #192631;
	border-color: #2E4453;
	color: #87A6BC;
	font-weight: bold;
}
.popover-content .list-group {
	margin: -9px -14px;
	border: none;
}
.popover-content .list-group-item {
	border-color: #2E4453;
}
.popover-content .list-group-item:hover, .popover-content .list-group-item:focus, .popover-content .list-group-item.focused{
	background-color: #2E4453;
	color: #ffffff;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert .title {
	font-weight: bold;
	margin-right: 6px;
}
.alert.alert-default {
	background-color: #192631;
	border-color: #2E4453;
	color: #ffffff;
}
.alert.alert-default .close {
	color: #ffffff;
}
.alert-danger, 
.alert-error {
	color: #A94442;
	background-color: #F2DEDE;
	border-color: #EBCCD1;
}
.alert-danger .close, .alert-warning .close {
	display: none;
}

.alert-warning {
	color: #8A6D3B;
	background-color: #FCF8E3;
	border-color: #FAEBCC;
}

.alert-warning h3 {
	color: #856404 !important;
}

.alert-info {
	color: #31708F;
	background-color: #D9EDF7;
	border-color: #BCE8F1;
}

#floatingNotifications {
	position: -webkit-sticky;
	position:sticky;
	margin:0 30px;
	top:30px;
	z-index: 998;
	margin-bottom:20px;
}
#floatingNotifications:empty { display: none; }
#floatingNotifications .alert {
	margin-bottom:10px;
	box-shadow: 0px 2px 5px 0px rgba(25,38,49,0.25);
	opacity: 0;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;

	background-color: #192631;
	border-color: #2E4453;
	color: #ffffff;
}
#floatingNotifications .close {
	color: #ffffff;
	position: absolute;
	top:13px;
	right:15px;
}
#floatingNotifications .alert.visible {
	opacity: 1;
}
#wpbody-content > #embeddedNotifications {
	margin:0 20px;
	margin-top:40px;
}

#embeddedNotifications ul{
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 0;
}
@media all and (max-width: 480px) {
	#floatingNotifications {
		margin:0 20px;
		top:20px;
	}
}

.slide-wrapper {
	overflow-x: hidden;
	max-width:100%;
}
.slide-box {
	display: flex;
	flex-direction: row;
	width: 200%;
	overflow-x: hidden;
}
.slide-container {
	position: relative;
	max-width:50%;
	left:0;

	flex:auto;
	transition: all .5s linear;
}
.slide-wrapper.reveal-right>.slide-box>.slide-container { left: -50%; }


/* datatables skinning */
.dataTables_wrapper .row { margin: 0; }
.dataTables_wrapper .row>[class^='col-'], .dataTables_wrapper.container-fluid { padding: 0 !important; }
table.dataTable {
	max-width: 100% !important;
	border-collapse: collapse !important;

}
div.dataTables_wrapper .row:first-child>div {
	display: block;
}
div.dataTables_wrapper .row:first-child>div:first-child {display: none; }
.dataTables_length { display: none; }
div.dataTables_wrapper div.dataTables_filter {
	text-align: left;
	margin-left:0 !important;
}
div.dataTables_wrapper div.dt-buttons {
	display: flex;
	justify-content: flex-end;
}
.dataTables_filter label, div.dataTables_wrapper div.dataTables_filter input { margin: 0; }
div.dataTables_wrapper div.dataTables_paginate {
	margin-top:5px;
}
.dataTables_wrapper .pagination,
.dataTables_wrapper .pagination li,
.dataTables_wrapper .pagination li a {
	/*border-radius: 0px !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;*/
}
.dataTables_wrapper .pagination li a.page-link, .dataTables_wrapper .dt-buttons .dt-button {
	padding:3px 7px;
	font-size: 0.714rem;
	line-height: 1.5em;
	font-weight: 600;
}
/**/
.dataTables_wrapper .dt-buttons button.dt-button{
	border: 1px solid #87A6BC;
	cursor: pointer;
	background-color: #ffffff;
	border-radius: 3.5px;
}
.dataTables_wrapper .dt-buttons button.dt-button:hover{
	background-color: #F3F6F8;
}
div.dataTables_wrapper div.dataTables_info {
	font-size: 0.857rem;
	line-height: 1.5em;
	font-weight: 600;
	padding: 6px 0;
}
div.dataTables_wrapper>.row:first-child {
	margin-bottom:5px;
}

.dataTables_wrapper .sc-dt-filter-wrapper {
	margin-top:10px;
}

.dataTables_wrapper .sc-dt-sbp-wrapper {
	background-color: #ffffff;
}
.dataTables_wrapper .sc-dt-sbp-wrapper table { margin-bottom: 0 !important; }
.dataTables_wrapper .sc-dt-sbp-footer {
	padding: 5px 10px 0;
	border: 1px solid #E9EFF3;
	border-top:none;
}

@media all and (max-width: 767px) {
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center;
	}
}

.table-striped tbody tr:nth-of-type(2n+1) { background-color: #f9f9f9; }

table,  table tr,  table td, table thead, table tbody, table tfoot,
table th:not(.check-column) {
	border-color: #E9EFF3 !important;
}
.card-table-header{
 margin-bottom: 6px;
}
.card-table-header select{
	padding: 2px;
}
/* char counter */
.sobootpress .charCounter {
	margin-top:6px;
}
.sobootpress .charCounter {
	color: #87A6BC;
}
.sobootpress .charCounter.warning {
	color: #F0AD4E;
}
.sobootpress .charCounter.over {
	color: #D9534F;
}

.card .nav{
	margin-bottom: 6px;
}
.nav-link{
	font-weight: bold;
}
.nav-link.active{
	color: #2E4453;
	border-bottom: 2px solid #2E4453;
}
.tab-content {
	clear: left;
}
.tab-content .table-filter{
	margin-top: 50px;
}
.tab-content .table-filter .form-group{
	margin-top: 30px;
	margin-bottom: 6px;

}


.panel .panel-body>*:last-child { margin-bottom: 0px; }


/* jquery alert plugin */
#alert {
	background-color: #FFF;
	width: 400px;

	position: fixed;
	top: 50px;
	left: 50%;
	margin-left: -200px;
	z-index: 1000;

	-moz-box-shadow: 2px 2px 20px rgba(0,0,0,.75);
	-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.75);
	box-shadow: 2px 2px 20px rgba(0,0,0,.75);

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#alertContent {
	display: table;
	padding: 15px;
	width:100%;
}

#alertContent h2 {
	font-size: 20px;
	font-weight: normal;
}

#alertActions {
	text-align: right;
}

#alertActions button {
	cursor: pointer;
	margin-left: .4em;
	float: right;
}


#alert .close {

	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: #000000;

	float: right;

	text-shadow: 0 1px 0 #ffffff;

	opacity: 0.5;
	position: absolute;
	top: 5px;
	right: 10px;
}

#alertClose:hover {
	text-decoration: none;
	color: #000000;

	opacity: 0.85;

	cursor: pointer;
}

#alert-overlay {
	background: black;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	opacity: .5;
}

/** Dialogs **/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; background-color: #ffffff; z-index:999; width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;	border: 1px solid rgba(0, 0, 0, 0.2);	border-radius: 0.3rem;	outline: 0;}
.ui-dialog .ui-dialog-titlebar { position: relative; height: 45px; justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #e9ecef;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 16px .1em 0;
	font-weight: bold;
	line-height: 1.5
}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; opacity: .5}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: 1rem; border-top: 1px solid #e9ecef;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-widget-overlay {
	background: none repeat scroll 0 0 black;
	opacity: 0.5;
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-dialog-buttonset button{
	border-bottom-width: 2px;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background-color: #ffffff;
	border-color: #C8D7E1;
	color: #2E4453;
	font-weight: bold;
}
.ui-dialog-buttonset button:first-of-type{
	background-color: #00AADC;
	border-color: #008AB3;
	color: #ffffff;
}

@media screen and (max-width: 600px) {
	.ui-dialog.ui-widget.ui-widget-content{width:300px !important;}
	.ui-dialog .ui-dialog-titlebar-close {
		font-size: 42px;
		right: 10px !important;
		top: 20px !important;
	}
	.ui-dialog .ui-dialog-titlebar-close:hover {
		right: 10px !important;
		top: 20px !important;
	}
	.ui-dialog button{
		font-size:13px !important;
	}
	.form-group  .form-check .form-check-label {
		margin-left:10px;
	}
}

/* HTMLBuilder templates */
.html-builder-template.image .image-preview img {
	border: 1px solid #C8D7E1;
	height: 200px;
	object-fit: contain;
	display: block;
	margin-bottom: 10px;
	background-color: #F3F6F8
}

.html-builder-template.image .image-preview .text-help {
	margin-top: 5px;
}

.html-builder-template.image .image-preview img[src=""] {
	display: none;
}

.html-builder-template.image .image-preview .mlSelectBtn:before {
	content: 'Change ';
}.html-builder-template.image .image-preview .mlSelectBtn.mlSelectionReset:before {
	content: 'Add ';
}
.html-builder-template.image .image-preview img[src=""]+.mlSelectBtn:before {
	content: 'Add ';
}
.html-builder-template.image .image-preview img[src=""] ~ .mlSelectRemoveBtn { display: none; }

.ui-sortable-handle { cursor: ns-resize; }

/* multiple select checkboxes */
.ms-parent {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 0;
	border: 1px solid #C8D7E1;
	max-width:100%;
}

.ms-choice {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
	text-decoration: none;
	background: transparent;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: none;
	min-height:2.25rem;
}
.ms-choice.disabled {
	cursor: default;
}
.ms-choice > span {
	position: relative;
	top: 0;
	left: 0;
	right: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.ms-choice > span.placeholder {
	color: inherit;
	opacity:1;
}
.ms-choice > div {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2px;
	width: 20px;
	background: url(https://player.socastsrm.com/image/svg?icon=chevron-down&fill=2E4453&viewbox=0+0+30+24) left center no-repeat;
}
.ms-choice > div.open {
	background-image: url(https://player.socastsrm.com/image/svg?icon=chevron-up&fill=2E4453&viewbox=0+0+30+24);
}

.ms-drop {
	width: 100%;
	overflow: hidden;
	display: none;
	margin-top: -1px;
	padding: 0;
	position: absolute;
	z-index: 1000;
	background: #fff;
	border: 1px solid #C8D7E1;
}
.ms-drop.bottom {
	top: 100%;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.ms-drop.top {
	bottom: 100%;
	-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.ms-search {
	display: inline-block;
	margin: 0;
	min-height: 26px;
	padding: 4px;
	position: relative;
	white-space: nowrap;
	width: 100%;
	z-index: 10000;
}
.ms-search input {
	width: 100%;
	line-height: 1.5rem;
	min-height:2.25rem;
	padding: 0.375rem 0.75rem;
	margin: 0;
	outline: 0;
	border: 1px solid #C8D7E1;
}
.ms-search input::-webkit-input-placeholder  {
	color: #87A6BC;
	opacity:1;
}
.ms-search input::-moz-placeholder {
	color: #87A6BC;
	opacity:1;
}

.ms-drop ul {
	overflow: auto;
	margin: 0;
	padding: 5px 8px;
}
.ms-drop ul > li {
	list-style: none;
	display: list-item;
	background-image: none;
	position: static;
	margin-bottom: 6px;
}
.ms-drop ul > li .disabled {
	opacity: 0.35;
}
.ms-drop ul > li.multiple {
	display: block;
}
.ms-drop ul > li.multiple label { 
	width: 100%;
	display: block;
	white-space: normal;
}
.ms-drop ul > li label {
	font-weight: normal;
	display: block;
	white-space: nowrap;
	cursor: pointer;
}
.ms-drop ul > li label.optgroup {
	font-weight: bold;
}
.ms-drop input[type=radio], .ms-drop input[type=checkbox] {
	vertical-align: middle;
	margin: 5px;
}
.ms-drop .ms-no-results {
	display: none;
}

.audioWaveformPlaceholder {
	background-image: url(https://player.socastsrm.com/images/activityStream/AudioPlaceholder_1080x400.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.tile-radio-list .tile {
	cursor: pointer;
}

/* Hide default radio button  */
.tile-radio {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}

.tile-radio-group {
	background-color: #F3F6F8;
	border-color: #C8D7E1;
}

.tile-radio-group-active {
	background-color: var(--sbp-color-grey);
	border-color: var(--sbp-color-grey-darkest)
}

.tile-radio-list {
	margin-top: 0;
	margin-bottom: 0;
}

.tile-radio + .tile-radio-icon {
	content: url('https://player.socastsrm.com/image/svg?icon=plus-circle&fill=2E4453');
}

.tile-radio:checked + .tile-radio-icon {
	content: url('https://player.socastsrm.com/image/svg?icon=check-circle&fill=2E4453');
}

.tile-radio-list .tile:hover {
	background-color: var(--sbp-color-grey-light);
	border-color: var(--sbp-color-grey-dark);
	
}

.tile-desc {
	font-size: 12px;
	line-height: 18px;
	color: var(--sbp-color-grey-dark);
}

pre.debugBox {
	position: fixed;
	z-index: 99999;
	bottom: 0;
	left:0;
	right:0;
	padding:5px;
	background: #ffffff;
	border-top:2px solid #000000;
	font-size: 11px;
	line-height:1.5em;
	margin: 0;
	
}

.progress {
	border-radius: 0.5rem;
}
.progress-bar {
	background-color: #00AADC;
}

.sc_counter_big {
	text-align: center;
}
.sc_counter_big .count {
	font-size: 48px;
	line-height:52px;
	margin-bottom:11px;
}
.sc_counter_big .info {
	margin-bottom:6px;
}
.sc_counter_big .progress_container {
}
.sc_counter_big .support {
	margin-top:6px;
}