.form-field-wrapper, .form-field-separate-lines-wrapper{
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	margin: 0;
}

.form-field-wrapper label, .form-field-wrapper .form-field, .form-field-wrapper .label-faker  {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	margin: 12px auto;
}

.form-field-separate-lines-wrapper label{
	font-weight: bold;
}

.form-field-wrapper label, .form-field-wrapper .label-faker{
	text-align: right;
	width: 180px;
	padding-right: 28px;
}

.form-field-read-only {
	font-weight: normal;
}

div.destination-form-description {
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 190px;
	font-style: italic;
	font-size: .9em;
}

span.destination-form-dsv-label {
	font-weight: bold;
	margin-left: 17px;
}

.asset-content-description-block .destination-form-description, .media-content-description-block .destination-form-description {
	margin-left: 0;
}

.time-picker option{
	text-align:right;
}


.long-input {
	width: 600px;
}

.errors {
	color: #CC0A0C;
	list-style-type: none;
	display: inline-block;
}

.radio-options .errors {
	display: block;
}

textarea {
	height: 300px;
}

.two-columns textarea {
	width: 95%;
}

.full{
	width: 95%;
}

textarea.short{
	height: 120px;
}

textarea.tall {
	height: 400px;
}

#list-episodes {
	cursor: hand;
	cursor: pointer;
}

#adv-ops-title {
	font-size: 1.4em;
	color: #fff;
	background: url("images/ui-bg_flat_75_333850_40x100.png") repeat-x scroll 50% 50% #333850;
}

.submit-buttons{
	margin-top: 30px;
	width: 100%;
}

.submit-cancel{
	float: right;
}

.submit-save {
	float: left;
}


input[type="text"], textarea { width: 400px }

input.short { width: 100px }
input.medium { width: 200px }

fieldset{
	margin: 20px 6px;
	padding: 0px 10px 10px 40px;
	background-color: #fcfcfc;
}

legend {
	font-size: 1.2em;
	color: #333850;
}

.radio-options label{
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
	width: auto;
	display:inline-block;
}

.radio-options input {
	display:inline-block;
	width: auto;
}

button.password-toggle-button {
	margin-left:5px;
}

input.password-toggle{
	width: 150px;
}

span.ajax-response span.ui-icon {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}


caption {
	font-weight: bold;
}
/*
form table {
	empty-cells: hide;
}
*/
form #player-settings table, form table tr {
	padding: 0;
	margin: 0;
}


/* DO SOMETHING BETTER ABOUT THIS */

form #player-settings table th {
	background-color: #242530;
	color: #ffffff;
	padding: 10px;
	margin: 0;
	border-right: #ffffff solid 1px;
	border-bottom: #ffffff solid 1px;
}

form #player-settings table td {
	border-right: #333850 solid 1px;
	border-bottom: #333850 solid 1px;
	margin: 0;
	padding: 10px;
}

form #player-settings table th:last-child {
	border-right: #242530 solid 1px;
}

form #player-settings table tr:last-child th {
	border-bottom: #242530 solid 1px;
}

form #player-settings table tr:first-child th:last-child, form #player-settings table tr:first-child td:last-child {
	border-top-right-radius: 4px;
}

form #player-settings table tr:first-child th:first-child, form #player-settings table tr:first-child td:first-child {
	border-top-left-radius: 4px;
}

form #player-settings table tr:last-child th:last-child, form #player-settings table tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}

form #player-settings table tr:last-child th:first-child, form #player-settings table tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}



form #player-settings table thead tr:last-child th:first-child, form #player-settings table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0;
}

form #player-settings table thead tr:last-child th:last-child, form #player-settings table thead tr:last-child td:last-child {
	border-bottom-right-radius: 0;
}

form #player-settings table tfoot tr:first-child th:last-child, form #player-settings table tfoot tr:first-child td:last-child {
	border-top-right-radius: 0;
}

form #player-settings table tfoot tr:first-child th:first-child, form #player-settings table tfoot tr:first-child td:first-child {
	border-top-left-radius: 0;
}

form #player-settings table thead+tbody tr:first-child th:first-child, form #player-settings table thead+tbody tr:first-child td:first-child {
	border-top-left-radius: 0;
}

form #player-settings table thead+tbody tr:first-child th:last-child, form #player-settings table thead+tbody tr:first-child td:last-child {
	border-top-right-radius: 0;
}

form #player-settings table.has-footer tbody tr:last-child th:first-child, form #player-settings table.has-footer tbody tr:last-child td:first-child {
	border-bottom-left-radius: 0;
}

form #player-settings table.has-footer tbody tr:last-child th:last-child, form #player-settings table.has-footer tbody tr:last-child td:last-child {
	border-bottom-right-radius: 0;
}


.jqgrow.ui-row-ltr.ui-state-highlight{
	background: none;
	background-color: white !important;
}

.ui-pg-table td {
	border-right: #333850 solid 0px;
	border-bottom: #333850 solid 2px;
	margin: 0;
	padding: 10px;
}

td.blank { border: none }

form li {
	margin-top: 5px;
}

.error-icon {
	float: left;
	margin-right: .3em;
}

.inline-error {
	display:inline-block;
	padding-right: 5px;
}

.character-count-error {
	border-color: #CC0A0C !important;
}

ul.no-bullet {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}



.auth-user-info img.profile-image {
	float:left;
	margin-right:10px;
	height: 50px;
	width: 50px;
}

.auth-user-info .button{
	margin-top: 3px;
}


.auth-user-info .user-name {
	font-weight: bold;
}

.facebook-tiny-list-icon {
	height: 20px;
	width: 20px;
	position: relative;
	top: 5px;
	margin-left: 5px;
}

input[type=text], textarea, .CodeMirror {
	border: 1px solid #aaaaaa;
	line-height: 20px;
	padding: 5px;
}

.CodeMirror{ width: 530px; }
.form-field-separate-lines-wrapper .CodeMirror{ width: 730px; }

.ui-pg-table input.ui-pg-input {
	width: 30px;
}

#advanced-options{
	margin-top:-1px;
}

.accordion h3{
	padding-left: 30px;
}

ul.template-chooser {
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
}

ul.template-chooser li {
	display:inline-block;
}

.form-field .tabs .tab {
	max-height: 400px;
	max-width: 500px;
	overflow: auto;
}

.content-chooser-done {
	display:none;
	padding-bottom: 5px;
}

.radio-asset-list label, .radio-media-list label {
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
	display:inline-block;
	padding-bottom: 5px;
	border-bottom: solid 1px #eeeeee;
	width: 100%;
}

.radio-asset-list input, .radio-media-list input {
	display:inline-block;
	width: auto;
}

.image-asset-thumbnail img {
	max-height: 350px;
	max-width: 350px;
}

.copy-tab-tab, .copy-tab-content {
	display: none;
}

.creating-asset, .creating-media{
	display:none;
}

ul.errors span.ui-icon-alert {
	float:left;
	margin-right: .3em;
}

.progress {

	margin: 10px 0;
	display:none;
}

.progress .bar-wrap {
	width: 95%;
	border: 1px solid #333850;
}

.progress .progress-text {
	width: 95%;
}

.progress-text .progress-data{
	float: left;
}

.progress-text .percentage {
	float: right;
}

.progress .estimated-time-holder {
	margin-top: 10px;
}

.progress .bar {
	height: 20px;
	width: 0%;
	background-color: #82a532;
}

.asset-content-description-block{
	font-weight: normal;
	margin-top: 15px;
}



/* Player theme chooser */

.player-theme-option-holder{
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

.player-theme-option-holder img {
	display: block;
}

.player-theme-option-holder ul {
	list-style-type: none;
	margin: 0 0 4px -10px;
}




/* tiny mce */

.mce-primary {
    background-color: #82a532 !important;
    background-image: -moz-linear-gradient(top, #9cb14c, #83a533) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9cb14c), to(#83a533)) !important;
    background-image: -webkit-linear-gradient(top, #9cb14c, #83a533) !important;
    background-image: -o-linear-gradient(top, #9cb14c, #83a533) !important;
    background-image: linear-gradient(to bottom, #9cb14c, #83a533) !important;
}
.mce-primary:hover, .mce-primary:focus, .mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus  {
    background-color: #82a532 !important;
    background-image: -moz-linear-gradient(top, #a0bb63, #83a533) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a0bb63), to(#83a533)) !important;
    background-image: -webkit-linear-gradient(top, #a0bb63, #83a533) !important;
    background-image: -o-linear-gradient(top, #a0bb63, #83a533) !important;
    background-image: linear-gradient(to bottom, #a0bb63, #83a533) !important;
}

/* end tiny mce */





/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0;}
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }


.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }



.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; vertical-align: top; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align:right;
    text-decoration:none;
}



/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }


/* space between am and pm */

.ui-timepicker-hours tbody tr:nth-child(2) td.ui-timepicker-hour-cell {
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
}

.ui-timepicker-hours tbody tr:nth-child(3) td.ui-timepicker-hour-cell {
	padding-top: 16px;
}

td.ui-timepicker-hours {
	padding-right: 16px;
}

td.ui-timepicker-minutes {
	padding-left: 16px;
	border-left: 1px solid #ccc;
}




/* combo box */
a.libsyn-combobox-toggle{
	padding: 4px;
	margin-top: -2px;
	min-height: 18px;
}

div.combo-box-wrapper div.form-field label {
	text-align: left;
	width: auto;
}

div.combo-box-wrapper div.form-field div.combo-box-part label {
	padding-top: 15px;
}

div.combo-box-wrapper div.form-field div.combo-box-part:first-child label {
	padding-top: 0;
}

div.combo-box-wrapper div.destination-form-description {
	display: block;
	font-weight: normal;
	margin: 10px 0;
}

div.destination-form-description label {
	display: block;
	font-weight: normal;
	margin: auto auto;
	width: auto;
	text-align: left;
}


/* end combo box */


/*	searchable select */

.currently-selected-wrapper {
	margin-top: 10px;
}

.currently-selected-label {
	font-weight: bold;
}
.searchable-select-buttons {
	margin: 10px 0;
}

.form-field-wrapper .searchable-select-inner-wrapper {
	font-weight: normal;
}

.searchable-select-inner-wrapper .instructions {
	margin-bottom: 10px;
	margin-top: 10px;
	font-style: italic;
}

/* end searchable select */


.date-time .form-field-wrapper{
	display:inline-block;
	border-bottom: none;
}

div.date-time div.form-field-wrapper{
	margin-right: 35px;
}

div.date-time div.form-field-wrapper.combo-box-wrapper.advanced-release-time{
	margin-right: 0;
}

div.date-time div.form-field-wrapper.combo-box-wrapper label{
	display:none;
}


.ui-autocomplete {
	max-height: 150px;
	overflow-y: auto;
}


.form-field-inline-button {
	position: relative;
	top: -2px;
}



/* MEDIA CONTENT PANEL */

.file-source-options button {
	margin: 10px auto;
}

#media-content-panel td.action-cell button {
	margin: 2px;
}


/* END MEDIA CONTENT PANEL */


.google-login-div {
	width: 191px;
	height: 46px;
	background-image: url('/images/google-buttons/btn_google_signin_dark_normal_web.png');
}

.google-login-div:active {
	background-image: url('/images/google-buttons/btn_google_signin_dark_pressed_web.png');
}


/* SLOT PICKER */
.ad-slot-picker{
	--plyr-color-main: #82a532;
	z-index: 999999;
}

.ad-slot-picker .plyr{
	position: absolute;
  top: 173px;
  right: 34%;
  transform: translateX(50%);
  z-index: 1000;
	min-width: 110px;
}

.ad-slot-picker .plyr__controls{
	width: 110px;
}

.ad-slot-picker .ui-dialog-titlebar-close{
	display: none;
}

.ad-slot-picker .plyr, .ad-slot-picker h2{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.ad-slot-picker #custom-audio-controls{
	text-align: right;
	position: absolute;
	right: 10px;
	top: 200px;
}

.ad-slot-picker #error_wrapper{
	color: red;
}

.ad-slot-picker #custom-audio-controls button{
	border-radius: 1rem;
}
.ad-slot-picker #custom-audio-controls button.disabled-label{
	background: grey;
}

#points-container .form-field-wrapper{
	position: relative;
	display: flex;
	justify-content: center;
  align-items: center;
	border-bottom: 0;
	margin-top: 1rem;
}
#points-container .form-field-wrapper label{
	display: inline-block;
  width: auto;
  padding: 0;
	margin: .25rem;
}
#points-container .form-field-wrapper label input{
	width: 115px;
  text-align: center;
	border: none;
	color: green;
  border-bottom: 1px solid slategrey;
  margin: 0 .25rem;
}
#points-container .form-field-wrapper label input:focus{
	color: slategrey;
}
#points-container .form-field-wrapper label:before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f00c";
	color: green;
	margin-right: .5rem;
}
#points-container .form-field-wrapper .form-field-error{
	color: red;
	position: absolute;
	top: -.75rem;
}
#points-container .form-field-wrapper .form-field-error.active + label input{
	color: red;
	border-bottom: 1px solid red;
}
#points-container .form-field-wrapper .form-field-error.active + label{
	color: red;
	font-weight: bold;
}
#points-container .form-field-wrapper .form-field-error.active + label:before{
	content: "\f06a";
	color: red;
}
