/*!
* CleanSlate
*   github.com/premasagar/cleanslate
*
*//*
    An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.

    by Premasagar Rose
        dharmafly.com

    license
        opensource.org/licenses/mit-license.php

    **
        
    v0.9.2
        
*/

/* == BLANKET RESET RULES == */

/* HTML 4.01 */
.cleanslate, .cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6, .cleanslate p, .cleanslate td, .cleanslate dl, .cleanslate tr, .cleanslate dt, .cleanslate ol, .cleanslate form, .cleanslate select, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate table,  .cleanslate th, .cleanslate tbody, .cleanslate tfoot, .cleanslate caption, .cleanslate thead, .cleanslate ul, .cleanslate li, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate li, .cleanslate iframe, .cleanslate strong, .cleanslate legend, .cleanslate em, .cleanslate s, .cleanslate cite, .cleanslate span, .cleanslate input, .cleanslate sup, .cleanslate label, .cleanslate dfn, .cleanslate object, .cleanslate big, .cleanslate q, .cleanslate font, .cleanslate samp, .cleanslate acronym, .cleanslate small, .cleanslate img, .cleanslate strike, .cleanslate code, .cleanslate sub, .cleanslate ins, .cleanslate textarea, .cleanslate var, .cleanslate a, .cleanslate abbr, .cleanslate applet, .cleanslate del, .cleanslate kbd, .cleanslate tt, .cleanslate b, .cleanslate i, .cleanslate hr,

/* HTML5 */
.cleanslate article, .cleanslate aside, .cleanslate dialog, .cleanslate figure, .cleanslate footer, .cleanslate header, .cleanslate hgroup, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate time, .cleanslate mark, .cleanslate audio, .cleanslate video {
	background-attachment:scroll !important;
	background-color:transparent !important;
	background-image:none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
	background-position:0 0 !important;
	background-repeat:repeat !important;
	border-color:black !important;
	border-color:currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
	border-radius:0 !important;
	border-style:none !important;
	border-width:medium !important;
	bottom:auto !important;
	clear:none !important;
	clip:auto !important;
	color:inherit !important;
	counter-increment:none !important;
	counter-reset:none !important;
	cursor:auto !important;
	direction:inherit !important;
	display:inline !important;
	float:none !important;
	font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */
	font-size: inherit !important;
	font-style:inherit !important;
	font-variant:normal !important;
	font-weight:inherit !important;
	height:auto !important;
	left:auto !important;
	letter-spacing:normal !important;
	line-height:inherit !important;
	list-style-type: inherit !important; /* Could set list-style-type to none */
	list-style-position: outside !important;
	list-style-image: none !important;
	margin:0 !important;
	max-height:none !important;
	max-width:none !important;
	min-height:0 !important;
	min-width:0 !important;
	opacity:1;
	outline:invert none medium !important;
	overflow:visible !important;
	padding:0 !important;
	position:static !important;
	quotes: "" "" !important;
	right:auto !important;
	table-layout:auto !important;
	text-align:inherit !important;
	text-decoration:inherit !important;
	text-indent:0 !important;
	text-transform:none !important;
	top:auto !important;
	unicode-bidi:normal !important;
	vertical-align:baseline !important;
	visibility:inherit !important;
	white-space:normal !important;
	width:auto !important;
	word-spacing:normal !important;
	z-index:auto !important;
	
	/* Proprietary and draft rules */
    /* This section needs extending */
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	box-sizing: content-box !important;
	text-shadow: none !important;	
}

/* == BLOCK-LEVEL == */
/* Actually, some of these should be inline-block and other values, but block works fine (TODO: rigorously verify this) */
/* HTML 4.01 */
.cleanslate, .cleanslate h3, .cleanslate h5, .cleanslate p, .cleanslate h1, .cleanslate dl, .cleanslate dt, .cleanslate h6, .cleanslate ol, .cleanslate form, .cleanslate select, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate h2, .cleanslate caption, .cleanslate h4, .cleanslate ul, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate textarea, .cleanslate hr,
/* HTML5 new elements */
.cleanslate article, .cleanslate aside, .cleanslate dialog, .cleanslate figure, .cleanslate footer, .cleanslate header, .cleanslate hgroup, .cleanslate menu, .cleanslate nav, .cleanslate section {
    display:block !important; 
}
.cleanslate table {
    display: table !important;
}
.cleanslate thead {
    display: table-header-group !important;
}
.cleanslate tbody {
    display: table-row-group !important;
}
.cleanslate tfoot {
    display: table-footer-group !important;
}
.cleanslate tr {
    display: table-row !important;
}
.cleanslate th, .cleanslate td {
    display: table-cell !important;
}
/* == SPECIFIC ELEMENTS == */
/* Some of these are browser defaults; some are just useful resets */

.cleanslate nav ul, .cleanslate nav ol {
	list-style-type:none !important;
}
.cleanslate ul, .cleanslate menu {
	list-style-type:disc !important;
}
.cleanslate ol {
	list-style-type:decimal !important;
}
.cleanslate ol ul, .cleanslate ul ul, .cleanslate menu ul, .cleanslate ol menu, .cleanslate ul menu, .cleanslate menu menu {
	list-style-type:circle !important;
}
.cleanslate ol ol ul, .cleanslate ol ul ul, .cleanslate ol menu ul, .cleanslate ol ol menu, .cleanslate ol ul menu, .cleanslate ol menu menu, .cleanslate ul ol ul, .cleanslate ul ul ul, .cleanslate ul menu ul, .cleanslate ul ol menu, .cleanslate ul ul menu, .cleanslate ul menu menu, .cleanslate menu ol ul, .cleanslate menu ul ul, .cleanslate menu menu ul, .cleanslate menu ol menu, .cleanslate menu ul menu, .cleanslate menu menu menu {
	list-style-type:square !important;
}
.cleanslate li {	
	display:list-item !important;
	/* Fixes IE7 issue with positioning of nested bullets */
	min-height:auto !important;
	min-width:auto !important;
}
.cleanslate strong {
	font-weight:bold !important;
}
.cleanslate em {
	font-style:italic !important;
}
.cleanslate kbd, .cleanslate samp, .cleanslate code {
  font-family:monospace !important;
}
.cleanslate a, .cleanslate a *, .cleanslate input[type=submit], .cleanslate input[type=radio], .cleanslate input[type=checkbox], .cleanslate select {
	cursor:pointer !important;
}
.cleanslate a:hover {
	text-decoration:underline !important;
}
.cleanslate button, .cleanslate input[type=submit] {
  text-align: center !important;
}
.cleanslate input[type=hidden] {
	display:none !important;
}
.cleanslate abbr[title], .cleanslate acronym[title], .cleanslate dfn[title] {
	cursor:help !important;
    border-bottom-width:1px !important;
	border-bottom-style:dotted !important;
}
.cleanslate ins {
	background-color:#ff9 !important;
	color:black !important;
}
.cleanslate del {
	text-decoration: line-through !important;
}
.cleanslate blockquote, .cleanslate q  {
	quotes:none !important; /* HTML5 */
}
.cleanslate blockquote:before, .cleanslate blockquote:after, .cleanslate q:before, .cleanslate q:after, .cleanslate li:before, .cleanslate li:after  {
	content:"" !important;
}
.cleanslate input, .cleanslate select {
	vertical-align:middle !important;
}
.cleanslate select, .cleanslate textarea, .cleanslate input {
	border:1px solid #ccc !important;
}
.cleanslate table {
	border-collapse:collapse !important;
	border-spacing:0 !important;
}
.cleanslate hr {
	display:block !important;
	height:1px !important;
	border:0 !important;
	border-top:1px solid #ccc !important;
	margin:1em 0 !important;
}
.cleanslate *[dir=rtl] {
	direction: rtl !important;
}
.cleanslate mark {
	background-color:#ff9 !important;
	color:black !important;
	font-style:italic !important;
	font-weight:bold !important;
}



/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit  */
.cleanslate {
	font-size: small !important;
	line-height: 1 !important;
	direction:ltr !important;
	text-align:left !important;
	/*font-family: "Times New Roman", Times, serif !important;*/ /* Override this with whatever font-family is required */
	color: black !important;
	font-style:normal !important;
	font-weight:normal !important;
	text-decoration:none !important;
	list-style-type:disc !important;
	border-collapse:separate !important;
}

.xdsoft_datetimepicker {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
	padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 224px;
	float: left;
	margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
	float: none;
	margin-left: 0;
	margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
	text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
	left: 0;
	right: auto;
}
.xdsoft_scroller_box {
	position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
	border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
	border: 1px solid #333;
	background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #000;
	background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #000 !important;
	background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
	border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

.weekDays a
{
    /*padding: 0px 3px 0px 3px !important;
    border-width: 1px !important;
    border-style: solid !important;
    color: Gray !important;
    text-decoration: none !important;*/
    padding: 5px 30px 6px 9px !important;
    color: #FFF !important;
    text-decoration: none !important;
    margin-left: 5px !important;
    background-color: #B1B1B1 !important;
    border-radius: 4px !important;
    background-image: url('../../img/app/svg/closeGrey.svg') !important;
    background-repeat: no-repeat !important;
    background-position-x: 90% !important;
}

.weekDays a:hover
{
    text-decoration: none !important;
   /* border-style: solid !important;
    border-width: 1px 1px 2px 1px !important;
    text-decoration: none !important;
    color: #808080 !important;
    background-color: rgba(158, 158, 158, 0.2) !important;*//*
	border-style: solid !important;
	border-width: 1px 1px 2px 1px !important;
    text-decoration: none !important;
	color: Gray !important;*/
}

.weekDays .selectedDay
{
  /*  background-color: #0288D1 !important;
    border-style: solid !important;
    border-width: 1px 1px 2px 1px !important;
    border-color: #808080 !important;
    color: #FFF !important;*/
    /*
    background-color: #F5F5F5 !important;
    border-style: solid !important;
	border-width: 1px 1px 2px 1px !important;
	border-color: gray !important;
	color: #505050 !important;*/
    background-image: url('../../img/app/svg/check.svg') !important;
    background-repeat: no-repeat !important;
    background-position-x: 90% !important;
    background-color: #0288D1 !important;
    color: #FFF !important;
    border-radius: 5px !important;
}
/***
Spectrum Colorpicker v1.8.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 125px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 200px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
img{
    vertical-align:middle;
    border: 0 none;
    direction:ltr;
    max-width: 100%;
    height: auto;
}

md-toast {
    position: fixed;
}
.publish-stepper md-content{
    background-color:#EEEEEE;
    max-height: 350px;
    overflow: auto;
}
.publish-stepper md-step-content {
    overflow: visible;
}
.get_fb_pages-data-loader .get_fb_pages-data-loader-center {
    justify-content: center;
}
.bottom{
    position: absolute;
    bottom: 0px;
}

.bottom-right{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.publish-stepper{
    min-height:500px!important;
    width:640px;
}

md-steppers-wrapper{
    background-color:white;
}

/*.md-step{
    padding: 10px 0 !important;
}*/
.summary-items{
    width: 250px;
}

.summary-wrapper{
    min-height: 335px;
}
.creative-wrapper{
    min-height: 340px;
}

md-steppers-content-wrapper{
    margin-left:50px;
}

.idm-app .idm-toolbar{
    background-color: #2388DB;
    color: #000;
    position: fixed;
    z-index: 5;
    display: none;
}
.show-toolbar .idm-app .idm-toolbar {
    display: flex;
}
.idm-app .idm-toolbar a{
    position: relative;
    padding: 0px;
    left: 5px;
}

.idm-app .idm-sub-toolbar{
    background-color: #2388db;
    color: #fff;
    height: 68px;
    z-index: 5;
    box-shadow: none;
    position: fixed;
    top: 64px;
    /*box-shadow: 0px 1px 1px #8c8c8c;*/
    /*border-width: 2px;*/
    /*border-bottom-width: 1px;*/
    /*border-bottom-color: rgb(29, 118, 192);    border-bottom-style: solid;*/
}

.idm-app .welcome-caption{
    color: #6c6c6c;
}

.idm-app.idm-app_with-banner .idm-form-page .main-container {
    margin-top: 186px;
}

.idm-app.idm-app_with-banner .top-right {
    top: 76px;
}

.idm-app.idm-app_with-banner .idm-toolbar {
    min-height: 110px;
    top: 56px;
}
.idm-app.idm-app_with-banner .idm-sub-toolbar {
    top: 110px;
}

.idm-app.idm-app_with-banner .entities-main-container {
    margin-top: 226px;
}

.idm-app.idm-app_with-banner .migrate {
    display: block;
}

.migrate {
    display: none;
    height: 56px;
    width: 100%;
    background: #95DAFF;
    position: fixed;
    z-index: 56;
    font-family:"sofia-pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #07354A;
    padding: 0 16px;
}
.migrate * {box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}

.migrate__wrap {
    display: flex;
    align-items: center;
    height: 100%;
}

.migrate__text {
}

.migrate__text strong {
    font-weight: 700;
}

.migrate__button {
    display: flex;
    height: 32px;
    min-width: 192px;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: #E6F6FE;
    cursor: pointer;
    margin-left: 8px;
    margin-right: 16px;
}

.migrate__button:hover {
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15);
}

.migrate__button.animate {
    pointer-events: none;
    cursor: progress;
    color: transparent;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.migrate__button.animate .migrate__button-text, .migrate__button.animate .migrate__button-ico{
    display: none;;
}

.migrate__button-ico {
    width: 20px;
    height: 20px;
}

.migrate__link {
    min-width: 110px;
    display: flex;
    align-items: center;
    height: 100%;
    gap: 6px;
    color: #07354A;
    text-decoration: none;
}

.migrate__link:hover {
    color: #07354A;
}

.migrate__link-text {
    color: #07354A;
}

.migrate__link-ico {
    margin-top: 2px;
    transition: transform 0.3s ease-out;
}

.migrate__link:hover .migrate__link-ico {
    transform: translateX(3px);
}

.box-top{
    background-color: #114F81;
    padding: 51px 15px;
    border-radius: 2px;
}

.box-top .title{
    font-size: 1.5em;
    font-weight: 400;
    padding: 20px 10px;
    color: #FFFFFF;
}

.box-top .desc{
    color: #bebaba;
}

.tab-container .title{
    margin: 10px 0 20px 0;
}

md-input-container.noflex input{
    flex: inherit !important;
}

md-toolbar.idm-sub-sub-toolbar {
    height: 140px;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    background-color: #2388db;
    z-index: 2;
}
md-toolbar.idm-sub-sub-toolbar.small {
    height: 102px;
}
md-card {
    background-color: white;
    z-index: 3;
}

.idm-select-label {
    display: block;
    color: rgba(0,0,0,0.54);
    font-weight: normal;
    font-size: 13px;
}

.select-400 .md-select-label span:first-child {
    width: 400px;
}

.select-135 .md-select-label span:first-child {
    width: 135px;
}

.light {
    color: rgba(0,0,0,0.54);
    font-weight: normal;
}
.done-yellow-icon {
    background: #ffae00 !important;
    position: absolute;
    padding: 5px 5px 1px 5px;
    border-radius: 50px !important;
    bottom: -27px;
    right: 30px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.34);
    transition: .2s ease-out all;
}
button.greyed,
.done-yellow-icon.greyed {
    background: #A5A5A5 !important;
}
.done-yellow-icon:hover {
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.34);
}


.action-icon {
    padding: 5px 5px 1px 5px;
    position:absolute;
    border-radius: 50px ;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.34);
    transition: .2s ease-out all;
}

.blue-icon {
    background: #2388DB;
}
.yellow-icon {
    background: #ffae00 !important;
}
.yellow-icon:hover {
    background: #ffae00 !important;
}
.yellow-icon:focus {
    background: #ffae00 !important;
}
.blue-icon.greyed {
    background: #A5A5A5 !important;
}
.blue-icon:hover {
    box-shadow: 0 3px 8px 2px rgba(0, 0, 0, 0.36)!important;
    background: #0198eb !important;
}
.blue-icon:focus {
    background: #2388DB !important;
}
md-tabs .md-tab {
    color: rgba(255,255,255,0.6);
    padding: 8px 23px;
}
md-tabs .md-tab.md-active {
    color: #ffffff !important;
}
md-ink-bar {
    height: 4px;
}
md-tabs-canvas, md-pagination-wrapper {
    height: 41px;
}
.stats-wrapp md-pagination-wrapper{
    transform: none !important;
}
/*.md-button.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):focus, .md-button.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):focus,*/
/*.md-button.md-primary.md-raised,*/
/*.md-button.md-primary.md-fab {*/
/*background-color: #0288d1;*/
/*box-shadow: 0px 0px 1px rgba(0,0,0,.1),inset 0px 2px 0px rgba(255,255,255,.35),inset 0px -1px 0px rgba(0,0,0,.25);*/

/*}*/

.mfb-component__list .md-button.md-primary.md-fab {
    background-color: #2388db;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
    transition: 0.33s ease all;
    top:0px;

}


.mfb-component__list .md-button.md-primary.md-fab:hover {
    background-color: #3ba0f3;
    top:-3px;
    box-shadow: 0px 6px 10px rgba(0,0,0,0.1);


}
.mfb-component__button--main .md-button.md-primary.md-fab{
    background-color: #ffae00 !important;
    box-shadow: 0px 2px 10px rgba(0,0,0,.3);
    transition: 0.1s ease all;
    transform: scale(1,1);
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
}


.mfb-component__button--main .md-button.md-primary.md-fab:hover{
    background-color: #ffae00 !important;
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);
    box-shadow: 0px 2px 10px rgba(0,0,0,.3);
}

.center {
    width: 90%;
    margin: 0 auto;
    max-width: 1000px;
}

.idm-sub-header {
    color: #727272;
    border-top: 2px solid #727272;
    font-size: 25px;
    line-height: 38px;
}
.loading-init-data {
    line-height: 47px;
    text-align: center;
    position: absolute;
    top: 200px;
    margin: 50px auto;
    width: 100%;
}
md-progress-linear.md-default-theme.md-accent .md-container {
    background-color: #C1E1FB;
}
md-progress-linear.md-default-theme.md-accent .md-bar {
    background-color: #2388db;
}

.black-hover:hover {
    fill: black !important;
}


.idm-drop-down {
    text-align: left;
    background: #fafafa;
    list-style: none;
    position: absolute;
    padding: 0;
    z-index: 30;
    top: 70%;
    left: 0;
    max-height:300px;
    opacity:0;
    transition: .1s ease-out all;
    /*  overflow: hidden;*/
    min-width: 150px;
    cursor: pointer;
    border-radius:3px;

    box-shadow:  0px 2px 5px 1px rgba(0,0,0,0.3);

    pointer-events: none;
    border-style: solid;
    border-color: #e9e9e9;
    border-width:1px;
    transform: translate(2px,20px);
}

.batch-td-operations .idm-drop-down{
    transform: translate(-42px,20px);
}

.idm-lp.scp.idm-form-page .right-card .idm-drop-down {
    transform: translate(58px, 6px);
}

.idm-drop-down:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -9px;
    left: 55px;
    background-color:transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow:  -2px -2px 2px  rgba(0,0,0,0.2);
    border-left: 10px solid #fafafa;
    border-right: 10px solid transparent;
    border-top: 10px solid #fafafa;
    border-bottom: 10px solid transparent;
}


.idm-drop-down a {
    text-decoration: none;
    color: inherit;
    display: block;


}
.idm-drop-down.show {
    display: block !important;
    max-height: 420px;
    border-top: 1px solid #ffffff;
    opacity:1;
    pointer-events: auto;
}
.idm-drop-down.hide {
    display: none !important;
}
.idm-drop-down li {

    padding: 0px 20px;
    line-height: 30px;
    font-size: 13px;
    color: #646464;
    font-weight: 400;
    margin: 1px 0px;

}
.idm-drop-down svg {
    vertical-align: middle;

}
.idm-drop-down li.menu-item-not-clickable,
.idm-drop-down li:hover {
    background: #EEEEEE;
    color: #000000;
}
.large-dialog {
    width: 700px;
    min-height: 300px;
}


md-dialog .tab-container {
    height: 400px;
    overflow: auto;
}
.idm-grey-page {
    background: #eeeeee;
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 100%;
}
md-progress-circular {
    margin: 0 auto;
}
.loading-dot-one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.loading-dot-two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.loading-dot-three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.input-error-message {
    color: rgb(244,67,54);
    font-weight: normal;
    font-size: 12px;
}
label.like-input-default {
    color: rgba(0,0,0,0.54);
    display: block;
    font-size: 12px;
    line-height: 28px;
}


/* there is no need to define anything inside of the destination
CSS class since the keyframe will take charge of the animation */
.fade.ng-leave {
    animation: fade_out 0.5s linear;
    -webkit-animation: fade_out 0.5s linear;
}

@keyframes fade_out {
    from { opacity:1; }
    to { opacity:0; }
}

@-webkit-keyframes fade_out {
    from { opacity:1; }
    to { opacity:0; }
}

.fade.ng-enter {
    animation: fade_in 0.5s linear;
    -webkit-animation: fade_in 0.5s linear;
}

@keyframes fade_in {
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes fade_in {
    from { opacity:0; }
    to { opacity:1; }
}


.entity-card .sb-image{
    border-bottom: 1px solid #DBDBDB;
    height:180px;
    width: auto;
    margin: 0 auto;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.entity-card .sb-options-dialog{
    background-color: #FAFAFA;
    position: relative;
    top: -30px;
    right: 43px;
    cursor:pointer;
}

.entity-card .sb-title{
    /* margin-top: 20px; */
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 15px;
    line-height: 32px;

}

.entity-card .sb-menu:focus{
    background-color: white !important;
}

.entity-card .sb-menu:hover{
    background-color: white !important;
}

.entities-wrapper{
    position: relative;
    max-width: 1070px;
    text-align: left;
    padding-bottom: 120px;
}
.entity-box{

    margin-top:15px;
    margin-left:15px;
    margin-bottom:7px;
    display:inline-block;
    position:relative;
    vertical-align: top;
}

md-card.md-whiteframe-z1.card.scene-library-main-card.entity-main-card.entity-card.ng-isolate-scope.md-default-theme {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15), /* The top layer shadow */          0px 15px 0 -5px #eee, /* The second layer */          0px 15px 1px -4px rgba(0,0,0,0.15), /* The second layer shadow */          0px 30px 0 -10px #ddd, /* The third layer */          0px 30px 1px -9px rgba(0,0,0,0.15); /* The third layer shadow */;
    /* The third layer shadow */;
}


.img-wrapper-20150625-140656745 {
    overflow: hidden;
}


.entity-selected{

    box-shadow: 0 4px 8px 3px rgba(0,0,0,.35) !important;;

    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.entities-main-card {

    max-width: 280px;
    width: 41%;
    position: relative;

}

.entity-main-card {
    cursor:pointer;

    /*  height: 250px;*/
}

.entities-main-container{
    position: relative;
    z-index: 3;
    margin-top: 170px;
}
.idm-stats .entities-main-container{
    margin-top: 130px;
}


.white-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: black;
}
.white-table thead {
    text-align: left;
}
.white-table tbody tr {
    background: #ffffff;
    border: 1px solid #CCCCCC;
}
.white-table tbody tr.error {
    color: #e01b1b;
}
.white-table th,
.white-table td {
    padding: 10px;
    line-height: 28px;
}
.white-table svg {
    vertical-align: middle;
}
.white-table thead tr {
    background: none;
    border: none;
    color: grey;
    height: 70px;
    vertical-align: bottom;

}
.view-port {
    min-height: 93%;
    /*min-height: calc(100% - 64px);*/
    position: relative;
    background: #eee;
    overflow: hidden;
    padding-bottom: 80px;
}
.home-page .view-port {
    background: transparent;
}
.logout{
    color: #ffffff;
    float: right;
    cursor:pointer;
}
.entity-card {
    outline: none;
    box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.45);
    width:320px;
    transition: all 0.1s linear;
}
.entity-card:hover {

    box-shadow: 0 8px 16px 3px rgba(0, 0, 0, 0.15);

}
[icon="more_vert"] {
    fill: grey;
}
[icon="more_vert"]:hover {
    fill: black;
}

.entity-card-title {
    font-weight: 100;
    color: #1d1d1d;
    width:200px;
    font-size:18px;
    line-height:38px;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid black;
}

.arrow-pos-up{
    position:relative;
    top: -19px;
    left: 123px;
}

.empty-tip{
    background-color: black;
    opacity:0.6;
    width:200px;
    height:100px;
    color:white;
    padding:8px 24px;
    position:fixed;
    top:184px;
    right:16px;
    border-radius:3px;
    font-size:14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.6);
    border-top: solid;
    border-color:rgba(255,255,255,0.2);
    border-width:1px;

}

.rename-error{
    color:red;
    margin-bottom:20px;
}
.clipped{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.entity-card-subtitle svg {
    vertical-align: middle;
}
.entity-card-subtitle {
    color: #828282;
}
.entity-card .sb-title .title {
    text-align: left;
    line-height: 23px;
    padding-bottom: 10px;
    font-size: 14px;
}
.add-icon {
    position: fixed;
    top: 104px;
    right: 39px;
}
div.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2f2f2f;
    font-size: 0;
    line-height: 0;
}

.small-dialog {
    width: 400px;
    padding: 20px;
}

.ok-button {
    padding-left: 30px;
    padding-right: 30px;
}
.top-right {
    position: fixed;
    right: 60px;
    top: 20px;
    z-index: 55;
    width: 620px;
    display: none;
}
.show-toolbar .top-right {
    display: block;
}


.username-topright {
    float: right;
    margin: 0;
    color: #8bcbff;
    cursor: pointer;
}

.username-topright:hover {
    float: right;
    margin: 0;
    color: #ffffff;
    cursor: pointer;
}

.no-results{
    padding-top:80px;
}
.idm-form-page .main-container {
    margin-top: 130px;
}

.idm-form-page.idm-form-page_hide-menu .main-container {
    margin-top: 64px;
}

.left-card-new-design {
    z-index: 4;
}
.left-card-new-design section.md-header {
    background: none;
}
.box-top-new-design {
    color: #ffffff;
}
.box-top-new-design .desc {
    color: rgba(255,255,255,0.7);
    height: 38px;
    display: block;
}
.box-top-new-design .title {
    font-size: 30px;
    text-transform: capitalize;
    line-height: 53px;
}

.publish-fb-loader{
    width:250px;
    margin-left: 190px;
    margin-top: 30px;
}

.publish-right-card md-tabs.md-default-theme md-tab,
.left-card-new-design md-tabs.md-default-theme md-tab {
    color:rgba(255,255,255,0.6);

}
.publish-right-card md-tabs.md-default-theme md-tab.active,
.left-card-new-design md-tabs.md-default-theme md-tab.active {
    color: #ffffff;
}

.single-card {
    width: 600px !important;
    margin-left: 90px;
}

.collection-no-items {
    background-image: url('/assets-idmadm/img/app/emptyThumbnail.png');
    width: 470px;
    height: 465px;
    position: relative;
    margin-top: 90px;
}
.idm-close-button {
    position: absolute;
    top: 0px;
    right: 0px;
}
md-icon.fsize-30 {
    height: 30px;
    width: 30px;
}

.grey-bg-icon {
    background: #8b8b8b;
    color: #ffffff;
}

.text-icon-small {
    border-radius: 3px;
    font-size: 17px;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.text-editor-dialog {
    width: 580px;
}
.viewport-no-padding .view-port {
    padding-bottom: 0;
}

.academy-link {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    float: right;
    margin-right: 60px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
}



.academy-link svg {
    vertical-align: middle;
    margin-right: 3px;
}

.capitalize {
    text-transform: capitalize;
}

.button-with-icon svg {
    vertical-align: middle;
}

.button-text {
    display: inline-block;
    vertical-align: middle;
}

.small-text {
    font-size:12px;
}
.blue-text1{
    color:#2388DB;
}

.blue-card {
    background-color: #2388DB;
    color: #ffffff;
    position: relative;
}

.blue-card-fb{
    background-color: #2388DB;
    color: #ffffff;
    position: absolute;
    top: 500px;
    right:0px;
    width:61%;
}


.username-topright svg {
    display: inline-block;
    vertical-align: middle;
}

.account-info-drop-down {
    left: auto;
    right: 0;
    width: 325px;
    top: 30px;
}
.account-info-drop-down:after {
    left: 262px;
}
.account-info-drop-down li {
    line-height: 42px;
    font-size: 15px;
    /*color: #323232;*/
    font-weight: normal;
    margin: 0;
}
.idm-drop-down li.drop-down-grey-bg:hover {
    background: #D6D5D5;
}
.idm-drop-down li.drop-down-nolink {
    cursor: auto;
}
.idm-drop-down li.drop-down-nolink:hover {
    background: none;
}
.account-info-drop-down li.drop-down-grey-bg {
    background: #ededed;
}
.idm-drop-down li.blue {
    color: #2388db;
}
.idm-drop-down li.big {
    color: #2388db;
    font-size: 18px;
}

.buton-greyed {
    background-color: darkgrey !important;
    color: #434343 !important;
}

.button-250 {
    width: 250px;
}

.idm-checkbox-orange.md-checked .md-icon {
    background-color: #ffae00 !important;
}
.locked-storyboard-img {
    position: absolute;
    width: 320px;
    height: 180px;
}
.fbribbon {
    position: absolute;
    top: 0px;
    left: 15px;
    z-index: 9;
}

.menu-separator{
    border-bottom: 1px solid;
    border-bottom-color: rgba(0,0,0,0.12);
}

.fb-icon {
    background-color: white;
    width: 31px;
    text-align: right;
    padding-right: 7px;
    font-family: helvetica, arial, sans-serif;
    display: inline-block;
    color: rgb(43,149,221);
    font-size: 28px;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 3px;
    height: 31px;
    margin-top: 3px;
}

.blue-text{
    color:rgb(43,149,221);
}
.new-title-padding {
    padding-bottom: 31px;
}

.batch-info-tabs .tab-container {
    min-height: 400px;;
    padding-top: 20px;
}
.entity-card .md-button.sb-menu {
    width: 35px;
    min-width: 35px;
}
.scp {
    outline: none;
}
.batch-info-tabs md-tabs-wrapper {
    background: #4A4A4A;
}

.idm-drop-down li.menu-item-not-clickable {
    cursor: auto;
    margin: 0;
}
.md-dialog-container, body {
    top:0 !important;
}
html{overflow-y: unset !important;}
.contact-us-dialog md-select .md-select-value.md-select-placeholder,
.contact-us-dialog md-input-container label {
    color: rgba(0, 0, 0, 0.53);
}
.rendering-minutes-li {
    position: relative;
}
.rendering-minutes-li md-progress-circular {
    top: -27px;
    position: absolute;
    right: 10px;
}
.rendering-minutes-loader {
    top: 0 !important;
    position: relative !important;
    max-height: 57px;
    margin-top: -15px;
}

.welcome-screen-dialog {
    max-height: 100%;
    width:550px;
    height:700px;
    background-color: #2b95dd;
    color: white;
    text-align: center;
}

.welcome-screen-img {
    display: block;
    margin: auto;
}

.welcome-bullet {
    background: url("/assets-idmadm/img/app/buttons-7115.png") no-repeat;
    height:12px;
    display: inline-block;
    width:13px;
    cursor: pointer;
    background-position: right 0;
    margin: 0 5px;
}
.welcome-bullet.active {
    background-position: 0 0;
}
.welcome-screen-navigation {
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
}
.welcome-screen-link {
    font-style: italic;
    font-size: 15px;
}
.welcome-screen-link a {
    color: white;
}
.welcome-screen-text {
    font-size: 18px;
    margin: 0 20px 20px;
}
.welcome-screen-title {
    font-size: 35px;
    margin: 20px;
}
.small-welcome-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.small-welcome-main {
    background: white;
    width: 430px;
    padding: 30px;
    top: 100px;
    position: absolute;
    left: 280px;
}

.small-welcome-mask {
    position: absolute;
    background: rgba(0, 0, 0, 0.55);
}
.small-welcome-mask.small-welcome-mask-bottom {
    width: 100%;
    height: 440px;
    top: 630px;
}
.small-welcome-mask.small-welcome-mask-top {
    width: 100%;
    height: 70px;
    top: 0;
    left: 0;
}
.small-welcome-mask.small-welcome-mask-middle {
    top: 70px;
    width: calc(100vw - 250px);
    left: 250px;
    height: 560px;
}
.small-welcome-wrapper-2 .small-welcome-main {
    left: auto;
    right: 290px;
}
.small-welcome-wrapper-2 .small-welcome-mask.small-welcome-mask-middle {
    width: calc(100vw - 280px);
    left: 0;
    height: 460px;
}
.small-welcome-wrapper-2 .small-welcome-mask.small-welcome-mask-bottom {
    top: 530px;
}
.popup-x {
    position: absolute;
    top: 3px;
    right: 5px;
    min-width: 30px;
    min-height: 20px;
    padding: 0;
    margin: 0;
}
.welcome-screen-dialog .popup-x md-icon {
    color: white;
}
@media screen and (max-width: 1320px){
    .welcome-screen-dialog {
        max-height: 96%;
    }
    .welcome-screen-img {
        max-height: 50%;
    }
    .welcome-screen-title {
        font-size: 28px;
    }
}
.updating-message {
    position: absolute;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    z-index: 100000;
    background: rgba(35, 136, 219, 0.86);
    color: white;
    bottom: 10px;
    left: 20px;
    padding: 0 10px;
}
.updating-message md-progress-circular {
    display: inline-block;
    vertical-align: middle;
}
.updating-message md-progress-circular .md-left .md-half-circle {
    border-color: white;
}

.contact-progressbar {
    position: absolute;
    left: 0;
    bottom:0;
}
.required-red {
    color: red;
}

.add-text-button{
    padding-top: 15px;
    float: right;
    margin-right: 20px;
    cursor:pointer;
    font-weight: 700;
    font-size: 17px;
}

.text-error{
    color: rgb(244,67,54);
    font-size: 12px;
    font-family: RobotoDraft,Roboto,'Helvetica Neue',sans-serif;
}

.text-success{
    color: green;
    font-size: 13px;
    font-family: RobotoDraft,Roboto,'Helvetica Neue',sans-serif;
}

.text-error-pos{
    position: absolute;
    top: 210px;
}

.signup-success-message {
    position: absolute;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -100px;
    height: 120px;
}
#freshwidget-button {
    left: auto !important;
    right: 410px;
}

.dialog-cancel-button {
    color: white;
    position: absolute;
    top: 10px;
    right: 0;
}
p.error-pattern{
    color: rgb(244,67,54) !important;
    font-size: 12px;
    margin-top: 5px !important;
}
.rename-buttons-container{
    padding-top: 20px;
}
.rename-input-container{
    padding-bottom:0px;
}
.rename-input-error{border-color: rgb(244,67,54) !important;}
.rename-label-error{color: rgb(244,67,54) !important;}

.pad-bot-95 {padding-bottom: 95px !important;}
.pad-bot-55 {padding-bottom: 55px !important;}
.formatSelect md-select-menu {margin-top: -70px !important;}
.apiMessage {
    position: fixed;
    z-index: 10;
    font-size: 13px;
    color: #ffffff;
    border: 1px solid;
    padding: 8px;
    top: 45px;
    left: 250px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius:10px;
}

.apiMessage a {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.apiMessage a:hover {
    text-decoration: underline;
}
.ims-text-editor-dialog{width: 800px;}
.ims-text-editor-dialog #editor{max-height: 250px; overflow: auto;}
.width-auto {width: auto !important; max-width: 300px;}
.changeIcon {font-size: 20px; color: #000; text-align: center;}
.ims-text-editor-dialog .mdIcon::before {font-family: 'Material Icons'; word-wrap: normal;}
.ims-text-editor-dialog .lockIcon::before {content: "lock_open";}
.ims-text-editor-dialog .editIcon::before {content: "edit";}
.ims-text-editor-dialog .dateIcon::before {content: "date_range";}
.ims-text-editor-dialog .numberIcon::before {content: "#";}
.ims-text-editor-dialog .textIcon::before {content: "A";}
.ims-text-editor-dialog .ql-direction-rtl .lockIcon::before{float:right;direction: ltr;}
.ims-text-editor-dialog .ql-direction-rtl .textIcon::before{float:right;direction: ltr;}
.ims-text-editor-dialog .ql-direction-rtl .dateIcon::before{float:right;direction: ltr;}
.ims-text-editor-dialog .ql-direction-rtl .editIcon::before{float:right;direction: ltr;}

.secretKey{
    font-size: 13px;
    color: #0288d1;
    padding-left: 30px;
}



.euFlagIcon {float: right; max-width: 30px;}
.set-region {width: 600px;}

/********Header button****/
.help-index-relative{position: relative;}
.help-index-absolute{position: absolute;right: 40%;top: -30px;transform: translateX(-30%);}
.help-index-absolute .btn-help-support {text-transform: capitalize !important;color: #000;padding: 0 10px;}
.help-index-absolute .btn-help-support:hover {background-color: #FFFFFF !important;}
.help-storyboard-absolute .btn-help-support {text-transform: capitalize !important;color: #000;padding: 0 10px;}
.help-storyboard-absolute .btn-help-support:hover {background-color: #FFFFFF !important;}
.help-storyboard-relative{position: relative;}
.help-storyboard-absolute{position: absolute;right: 30%;top: -4px;transform: translateX(-30%);}
@media (max-width: 1600px) {
    .help-storyboard-absolute{right: 40%;}
}
.nav-wrap {display: flex; align-items: center; justify-content: flex-end;}
.expiry-info {font-size: 15px; padding-right: 10px; max-width: 280px;}
@media (max-width: 1200px) {
    .help-storyboard-absolute{right: 50%;}
    .expiry-info {font-size: 14px; max-width: 250px;}
}
@media (max-width: 980px) {
    .expiry-info {font-size: 13px; max-width: 180px;}
}
span.user_info_header {display: inline-block;text-align: left;vertical-align: middle;}
span.user_info_header .username-topright {
    display: block;
    text-align: left;
}
span.user_dropdown_header {
    display: inline-block;
    vertical-align: middle;
}
.username-topright {
    text-align: right;
    float: right;
    display: inline-block;
}
.username-topright{outline: none;}
.user_info_dropdown {
    display: block;
    width: 100%;
    line-height: 20px;
    margin-top: 10px;
}


.copied_message {
    background: #fff !important;
    border: none !important;
    color: #2388db !important;
    width: auto !important;
    padding: 10px 20px !important;
    line-height: 1 !important;
    height: auto !important;
    max-width: 150px;
    margin: 0 auto;
    margin-top: 10px;
}



.newThumbnailMsg {
    background: #fff !important;
    border: none !important;
    color: #2388db !important;
    width: auto !important;
    padding: 10px 20px !important;
    line-height: 1 !important;
    height: auto !important;
    max-width: 150px;
    margin: 0 auto;
    margin-top: 10px;
}

.main-dashboard .md-open-menu-container{
    left: 124px !important;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

button, html, input, select, textarea {
    font-family: Roboto,'Helvetica Neue',sans-serif ;
}

.flt{
    float: left;
}

.flt-o{
    float: right;
}

.mart-0{margin-top:0px;}
.mart-1{margin-top:1px;}
.mart-2{margin-top:2px;}
.mart-3{margin-top:3px;}
.mart-4{margin-top:4px;}
.mart-5{margin-top:5px;}
.mart-6{margin-top:6px;}
.mart-7{margin-top:7px;}
.mart-8{margin-top:8px;}
.mart-9{margin-top:9px;}
.mart-10{margin-top:10px;}
.mart-15{margin-top:15px;}
.mart-20{margin-top:20px;}
.mart-30{margin-top:30px;}
.mart-40{margin-top:40px;}
.mart-50{margin-top:50px;}
.mart-70{margin-top:70px;}
.mart-100{margin-top:100px;}
.mart-m-20{margin-top:-20px;}

.marb-0{margin-bottom:0px;}
.marb-1{margin-bottom:1px;}
.marb-2{margin-bottom:2px;}
.marb-3{margin-bottom:3px;}
.marb-4{margin-bottom:4px;}
.marb-5{margin-bottom:5px;}
.marb-6{margin-bottom:6px;}
.marb-7{margin-bottom:7px;}
.marb-8{margin-bottom:8px;}
.marb-9{margin-bottom:9px;}
.marb-10{margin-bottom:10px;}
.marb-15{margin-bottom:15px;}
.marb-20{margin-bottom:20px;}
.marb-30{margin-bottom:30px;}
.marb-40{margin-bottom:40px;}
.marb-50{margin-bottom:50px;}
.marb-100{margin-bottom:100px;}


.mar-0{margin-left: 0px;}
.mar-1{margin-left: 1px;}
.mar-2{margin-left: 2px;}
.mar-3{margin-left: 3px;}
.mar-4{margin-left: 4px;}
.mar-5{margin-left: 5px;}
.mar-6{margin-left: 6px;}
.mar-7{margin-left: 7px;}
.mar-8{margin-left: 8px;}
.mar-9{margin-left: 9px;}
.mar-10{margin-left: 10px;}
.mar-15{margin-left: 15px;}
.mar-20{margin-left: 20px;}
.mar-25{margin-left: 25px;}
.mar-30{margin-left: 30px;}
.mar-40{margin-left: 40px;}
.mar-50{margin-left: 50px;}

.mar-o-1{margin-right: 1px;}
.mar-o-2{margin-right: 2px;}
.mar-o-3{margin-right: 3px;}
.mar-o-4{margin-right: 4px;}
.mar-o-5{margin-right: 5px;}
.mar-o-6{margin-right: 6px;}
.mar-o-7{margin-right: 7px;}
.mar-o-8{margin-right: 8px;}
.mar-o-9{margin-right: 9px;}
.mar-o-10{margin-right: 10px;}
.mar-o-15{margin-right: 15px;}
.mar-o-20{margin-right: 20px;}
.mar-o-30{margin-right: 30px;}
.mar-o-40{margin-right: 40px;}
.mar-o-50{margin-right: 50px;}
.mar-o-60{margin-right: 60px;}
.mar-o-70{margin-right: 70px;}

.m-0 {
    margin: 0;
}
.m-5 {
    margin: 5px;
}
.m-10 {
    margin: 10px;
}
.pad-0{padding: 0}
.pad-10{padding: 10px}
.pad-15{padding: 15px}
.pad-20{padding: 20px}
.pad-t-10 {
    padding-top: 10px !important;
}
.pad-b-10 {
    padding-bottom: 10px !important;
}

html, body, .idm-app {
    height:100%;
}
body {
    overflow-y: scroll;
}
.clear {
    clear: both;
}
.cursor-p {
    cursor: pointer;
}

.align-center {
    text-align: center;
}
.inl-blc {
    display: inline-block;
    flex: 1;
}

.flex{
    display: flex;
}
.fsize-30 {
    font-size: 30px;
}
md-icon.fsize-48 {
    font-size: 48px;
    height: 48px;
    width: 48px;
    line-height: 48px;
}
md-icon.fsize-36 {
    font-size: 36px;
    height: 36px;
    width: 36px;
    line-height: 36px;
}
md-icon.fsize-24 {
    font-size: 24px;
    height: 24px;
    width: 24px;
    line-height: 24px;
}
.no-border {
    border: none !important;
}

.inline-block-middle {
    display: inline-block;
    vertical-align: middle;
}
.relative {
    position: relative;
}

.align-right {
    text-align: right;
}
.no-outline {
    outline: none;
}
.w49 {
    width:49%;
}
.uppercase {
    text-transform: uppercase;
}
.history-items {
    padding-bottom: 100px;
}
td.batch-td-icon {
    width: 30px;
}
/*td.batch-td-storyboard {*/
    /*width: 240px;*/
/*}*/
td.batch-td-date {
    width: 185px;
}
td.batch-td-name {
    width: 171px;
}
td.batch-td-number {
    width: 95px;
}
td.batch-td-status {
    width: 151px;
}
td.batch-td-status.table-header {
    cursor: pointer;
    position: relative;
}
.idm-dashboard .center {
    width: 100%;
}

.batch-table tbody tr.tr-time-group {
    background: none;
    border: none;
    color: grey;
    height: 70px;
    vertical-align: bottom;
}

.batch-td-operations ng-md-icon {
    cursor: pointer;
}

.info-item-label {
    font-size: 13px;
    font-weight: normal;
}

.batch-error-table {
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}
.batch-error-table th {
    font-weight: bold;
    border-bottom: 1px solid black;
    padding: 6px;
    text-align: left;
}
.batch-error-table td {
    padding: 6px;
    border-bottom: 1px solid rgb(205, 203, 203);
}

.batch-td-operations {
    width: 85px;
    position: relative;
}

.batch-info-drop-down {
    left: 54%;
    top: 57%;
}
.batch-info-drop-down.show {
    max-height: 100px;
}
.batch-status-drop-down ng-md-icon {
    float: right;
}
.show-drop-down-batch{
    min-width: 155px;
}
.batch-td-status .percentage {
    display: block;
    text-align: center;
    line-height: 15px;
}
.view-port {
    position: relative;
    min-height: 100%
}
.history-empty-message {
    text-align: center;
}
.history-menu-button {
    width: 24px;
    min-width: 24px;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
}
.batch-info-tabs {
    min-height: 480px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.limit-batch-width {
    min-width: 60px;
    width: 100%;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
a.links, span.dots  {
    color: #2388db;
}
.readmoreextra{
    word-break: break-all;
}

.readmoreextra a{
    white-space: nowrap;
}

.readmoreextra > span span:first-child {
    margin-right: -3px;
 }
.main-batch-info .padding-left{padding-left: 24px;}

md-dialog.large-dialog .batch-info-tabs .tab-container{
    padding-top: 5px !important;
}

md-dialog.large-dialog .batch-info-tabs .tab-container .info-item:first-child,
md-dialog.large-dialog .batch-info-tabs .tab-container .info-item:first-child h4{
    margin-top: 0 !important;
}
.tab-container.error_occured{
    padding: 0 25px 0 25px !important;
}
.tab-container.error_occured > h4{
    margin-top: 15px !important;
    margin-left: 5px !important;
    font-size: 14px;
    font-weight: 500;
}
.tab-container.error_occured table.batch-error-table{
    border: 2px solid #000;
}
.tab-container.error_occured table.batch-error-table thead{
    background: #ccc;
}
.tab-container.error_occured table.batch-error-table thead tr th:first-child,
.tab-container.error_occured table.batch-error-table tbody tr td:first-child{
    border-right: 2px solid #000;
}
.tab-container.error_occured table.batch-error-table tbody tr:first-child{
    background: #e0e0e0;
}
.tab-container.error_occured table.batch-error-table + div{
    justify-content: unset !important;
    margin-top: 8px;
}
.tab-container.error_occured table.batch-error-table + div h4{
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
}
td.batch-td-operations .md-button{
    margin-left: 7px !important;
}
td.batch-td-operations .md-button:not([disabled]):hover, td.batch-td-operations .md-button:not([disabled]):focus, .history-items td .md-button:not([disabled]):hover {
    background-color: rgba(158,158,158,0) !important;
}
td.batch-td-operations .md-button:not([disabled]) svg, td.batch-td-operations .md-button:not([disabled]) svg path{
    outline: none !important;
}
table.white-table th, table.white-table td{vertical-align: middle !important}
td.batch-td-operations .md-button .md-ripple-container{
    background-color: rgba(158,158,158,0) !important;
    opacity: 0;
}

.idm-ei-scale {
    /* width: 1000px;*/
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;
}
.idm-ei .main-container{
    position: relative;
}
.no-et{
    background-position: center;
    background-image: url('/assets-idmadm/img/app/emptyET.png');
    width: 470px;
    height: 465px;
    position:relative;
    margin: 0 auto;
}

.no-et-text{
    position: absolute;
    bottom: 80px;
    left: 0px;
    text-align: center;
    width: 100%;
}

.idm-ei .md-switch-thumb, .idm-ei md-radio-button{
    float: left;
}

.ei-wrrap .idm-form-page .main-container{
    margin-top: 122px;
}

.ei-wrrap .idm-sub-sub-toolbar{
    top: 130px;
    position: fixed;
}

.ei-wrrap .box-top-new-design{
    position: fixed;
    background-color: #2388DB;
    z-index: 7;
    width: 46%;
    padding: 10px;
}

.ei-wrrap .box-top-new-design .desc{
    font-size: 0.9vw;
}

.ei-wrrap md-tabs{
    margin-top: 98px;
    min-height: 960px !important;
}

.ei-wrrap md-tabs-wrapper{
    position: fixed;
    width: 45%;
    z-index: 3;
    background-color: #2388DB !important;
}

.ei-wrrap .md-header .md-paginator md-icon{
    color: #FFF
}

.ei-wrrap .md-tabs-content{
    margin-top: 20px;
}

.idm-ei .ei-wrrap{
    width: 100%;
    margin-left: 15px;
}

.idm-ei .main-title{
    color: #fff;
    font-size: 23px;
    font-weight: bold;
}

.idm-ei .secondary-title{
    color: #fff;
    font-size: 0.8em;
}

.idm-ei .left-card{
    width: 45%;
    min-width: 660px;
    float: left;
    position: relative;
    margin-right: 65px;
}

/*.idm-ei .ei-wrrap .row idm-uploader*/
.left-card .md-button span{
    font-size: 12px;
}

.idm-ei .right-card{
    width: 100%;
    border-radius: 4px;
    text-align: left;
    position: relative;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.26);
    height: 670px;
    margin: 0;
    overflow: auto;
}

.idm-ei .right-wrrap{
    position: fixed;
    width: 38%;
    float: left;
    left: 48%;
    height: 730px;
    z-index: 5;

}

.idm-ei .right-wrrap .preview-bottom{
    position: absolute;
    bottom: 0px;
    float: right;
    right: 0;
}

.idm-ei .right-wrrap .preview-bottom span {
    color: #B6B5B5;
    font-weight: 500;
    text-transform: uppercase;
}

.idm-ei .right-wrrap .preview-bottom .preview{
    color: #FFF;
    background-color: #BABABA;
    border-radius: 4px;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 14px;
}

.idm-ei .right-wrrap .preview-bottom .preview.monitor{
    background: url(/assets-idmadm/img/app/svg/monitor.svg) 3px 5px no-repeat, #BABABA;
}

.idm-ei .right-wrrap .preview-bottom .preview.phone{
    background: url(/assets-idmadm/img/app/svg/phone.svg) 3px 5px no-repeat, #BABABA;
}
.idm-ei .right-wrrap .preview-bottom .preview span{
    color: #ffffff;
}


.idm-ei .play-button{
    position: absolute;
    bottom:-20px;
    left:20px;
    width:40px;
    height: 40px;
    border-radius: 50%;
    background: transparent url(/assets-idmadm/img/app/play-small.png) no-repeat 60% center;
}

.idm-ei .btn{
    padding: 10px;
    color: #fff;
    border: 0px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 18px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    font-size: 16px;
}

.idm-ei .bg-top{
    width: 100%;
    height: 150px;
}

.idm-ei .lp-left{
    width: 50%;
    padding:0 0 10px 20px;
}

.idm-ei .lp-left .img-box{
    width: 50%;
}

.idm-ei .ei-wrrap .idm-upl .progress-box{
    top: -20px;
}

.idm-ei .ei-wrrap .bg-check{
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 1px 15px;
}

.idm-ei .ei-wrrap .bg-check .md-container{
    border: 1px solid #FFF;
    height: 20px;
    width: 20px;
}

.idm-ei .ei-wrrap .bg-image .img-box{
    background-size: cover;
}




.right-wrrap .idm-ei-wrapper .content-top{
    padding: 30px 30px 0;
    position: relative;
    width: auto;
}

.right-wrrap .idm-ei-wrapper .logo{
    padding: 0px;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 50px;
}

.right-wrrap .idm-ei-wrapper  .logo img{
    vertical-align: middle;
    border: 0 none;
    direction: ltr;
    max-width: 25%;
    max-height: 100px;
    height: auto;
    display: block;
    position: absolute;
    width: auto;
}

.right-wrrap .idm-ei-wrapper .logo img.center{
    margin: auto;
    left: 0;
    right: 0;
}


.right-wrrap .idm-ei-wrapper .logo img.right{
    right: 0;
    position: absolute;
}


.right-wrrap .idm-ei-wrapper .logo img.left{
    left: 0;
    position: absolute;
}

.right-wrrap .idm-ei-wrapper .wrap-content{
    margin: 0 auto;
    max-width: 465px;
    text-align: center;
    padding: 0;
}

.right-wrrap .idm-ei-wrapper .content-middle{
    padding-bottom: 0px;
    padding-top: 0px;
    height: 390px;
    position: relative;
}

.right-wrrap .idm-ei-wrapper .buttons-container{
    max-width: 575px;
    margin: 0 auto;
    display: block !important;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
}

.right-wrrap .idm-ei-wrapper .content-bottom{
    width: 100%;
    position: relative;
}

.right-wrrap .idm-ei-wrapper .content-bottom .wrap-bottom{
    max-width: 830px;
    border-top: 2px solid #ebeef0;
    margin: 10px auto 0px;
    text-align: center;
}
.right-wrrap .idm-ei-wrapper .content-bottom .main-text{
    max-width: 830px;
    margin: 10px auto;
}

.right-wrrap .idm-ei-wrapper .main-title{
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #FFF;
}

.right-wrrap .idm-ei-wrapper .main-text{
    font-size: 2.5em;
    padding:0 10px 10px 5px;
}

.right-wrrap .idm-ei-wrapper .main-text.subject{
    font-weight: bolder;
}

.right-wrrap .idm-ei-wrapper .main-text.body{
    font-size: 16px;
    white-space: pre-line;
    line-height: 1.5;
}

.right-wrrap .idm-ei-wrapper .idm-ei .player-box{
    width: 100%;
    height: 0;
    padding-bottom: 0;
    margin: 15px auto 0;
}

.right-wrrap .idm-ei-wrapper .play-button{
    position: absolute;
    display: block;
    top: 40%;
    left: 45%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    -moz-box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    -webkit-box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    box-shadow: 2px 4px 5px rgba(0,0,0,.25);
}

.right-wrrap .idm-ei-wrapper .btn-box{
    margin-top: 20px;
    display: inline-block;
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
}

.right-wrrap .idm-ei-wrapper a.btn-cfa{
    display: inline-block;
    padding: 5px 10px;
    font-size: 1.6em;
    color: #fff;
    -moz-box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    -webkit-box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    text-decoration: none;
    width: 80%;
}

.right-wrrap .idm-ei-wrapper .social-wrap{
    margin: 0 auto;
    display: table;
}

.right-wrrap .idm-ei-wrapper .social{
    /* width: 37px;
     height: 37px;
     background-image: url({{img_social_png}});
     background-repeat: no-repeat;
     position: relative;
     top: 10px;*/
}

.right-wrrap .idm-ei-wrapper  .social.facebook{
    background-position: 0px 0px;
}

.right-wrrap .idm-ei-wrapper  .social.twitter{
    background-position: -47px 0px;
}

.right-wrrap .idm-ei-wrapper .social.google{
    background-position: -94px 0px;
}

.right-wrrap .idm-ei-wrapper .social.linkedin{
    background-position: -141px 0px;
}

.right-wrrap .idm-ei-wrapper .social.youtube{
    background-position: -188px 0px;
}

.right-wrrap .idm-ei-wrapper .social.pinterest{
    background-position: -235px 0px;
}



.idm-ei .lp-right{
    width: 50%;
    position: relative;
    top: -100px;
}

.lp-right .player-container{
    width: 95%;
    /*
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    */
    padding-bottom: 20px;
}

.lp-right .player-box{
    position:relative;
}

.idm-ei .loading{
    position:fixed;
    bottom:20px;
    right: 100px;
}

.idm-ei .thumbnail{
    width: 20%;
    height: 25%;
    position:absolute;
    opacity: .7;
}

.social, .right-wrrap .idm-ei-wrapper .social{
    width: 37px;
    height: 37px;
    background-image: url(/assets-idmadm/img/app/social.png);
    background-repeat: no-repeat;
    position: relative;
    top: 10px;
    float: none;
    display: inline-block;
}

.social-fb-share{
    background-image: url(/assets-idmadm/img/app/fb_share.png);
    background-repeat: no-repeat;
    position: relative;
    width: 95px;
    height: 42px;
    background-size: 90px;
    top: 15px;
}

.fb-share-text .md-placeholder{
    font-size: 12px;
}

.social.facebook{
    background-position: 0 0;
}

.idm-ei .social.twitter{
    background-position: -47px 0;
}

.idm-ei .social.google{
    background-position: -94px 0;
}

.idm-ei .social.linkedin{
    background-position: -141px 0;
}

.idm-ei .social.youtube{
    background-position: -188px 0;
}

.idm-ei .social.pinterest{
    background-position: -235px 0;
}

.idm-ei .footer{
    position: relative;
    top: -10px;
    left: -22px;
}

.idm-ei .footer > div{
    color: #908f8f;
    text-decoration: none;
    font-size: 18px;
}

.idm-ei .survey-box{
    width: 95%;
    border: 1px solid #dddddd;
    color: #dddddd;
    padding: 20px;
}

.idm-ei-wrapper {
    /*height: 500px;*/
}

.gwf-main-text {
    overflow: auto;
}


.md-primary.md-fab.md-fab-bottom-right.md-button{
    line-height: 0;
    position: fixed;
    top: 243px;
    background-color: #FFAE00;
    left: 90%;
    box-shadow: 2px 5px 13px rgba(0, 0, 0, 0.25),inset 0px 2px 0px rgba(255, 255, 255, 0.35),inset 0px -1px 0px rgba(0, 0, 0, 0.25);
}

.idm-ei .md-primary.md-fab.md-fab-bottom-right.md-button:hover{
    background-color: #ffbd00 !important;
}


.idm-ei .lp-btn{
    width: 235px;
}

.idm-ei .buttons-container .inl-blc {
    -webkit-flex: 1;
    flex: 1;
}

.ei-wrrap .md-content{
    height: 110px !important;
}

@media screen and (max-width: 1820px) {
    .idm-ei .right-card{
        height: 505px;
    }
}

@media screen and (max-width: 1680px) {

    .idm-ei .right-wrrap{
        width: 38%;
        left: 50%;
        height: 460px;
    }

    .idm-ei .right-card{
        height: 460px;
    }

    .idm-ei .right-wrrap .preview-bottom{
        bottom: -65px;
    }

    .ei-wrrap .box-top-new-design{
        width: 49%;
    }
}

@media screen and (max-width: 1450px) {
    .idm-ei .right-wrrap{
        width: 35%;
        height: 355px;
    }

    .idm-ei .right-card{
        height: 370px;
    }

    /*.idm-ei .idm-upl{*/
    /*width: 85px;*/
    /*}*/
    .idm-ei .idm-upl .md-button {
        font-size: 1vw;
    }

    .idm-ei.idm-ei-scale{
        transform: scale(0.5) !important;
        width: 190% !important;
    }

}

@media screen and (max-width: 1340px) {
    .idm-ei .right-wrrap{
        left: 59%;
        width: 36%;
        height: 375px;
    }

    .idm-ei .right-card{
        height: 375px;
    }

    .ei-wrrap .box-top-new-design .desc{
        font-size: 0.8vw;
    }
    .md-primary.md-fab.md-fab-bottom-right.md-button{
        left: 95%;
    }

    .tab-container {
        width: 90%;
    }

    .ei-wrrap .box-top-new-design{
        width: 58%;
    }

    .ei-wrrap md-tabs-wrapper{
        width: 57%;
    }

}

@media screen and (max-width: 955px) {
    .idm-ei .right-wrrap {
        display: none;
    }
}

.ei-wrrap md-tab-content {
    overflow-x: hidden;
}

.idm-emailtemplates .publish-icon{
    border-radius: 50%;
    position: fixed;
    bottom: -70px;
    right: 25px;

}

.emailtemplate-main-card .create-icon{
    top: 208px;
    position: absolute;
    left: 316px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.idm-emailtemplates .no-landing-pages{
    background-image: url('/assets-idmadm/img/app/emptyemailtemplate.png');
    width: 470px;
    height: 465px;
    position:relative;
    margin-top: 50px;
}

.idm-emailtemplates .no-landing-pages-text{
    position: absolute;
    bottom: 70px;
    left: 130px;
}

.error-cls{background-color: #b1b1b1 !important;}
.md-primary.md-fab.md-fab-bottom-right.error-cls.md-button:hover{background-color: #b1b1b1 !important;}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


.idm-general .main-container {
    position: relative;
    z-index: 7;
    margin-top: 20px;
}

.demo-page{
    margin-top: 64px;
}

.default-demo-quickform md-toolbar.idm-toolbar {
    display: none !important;
}

.default-demo-quickform .idm-general.demo-page.scp.idm-form-page.ng-scope {
    margin-top: 0px;
}

.idm-general .card {
    width: 80%;
}

.idm-general .loading {
    position: fixed;
    bottom: 20px;
    right: 100px;
}

.general-card {
    margin: 0 auto;
    width: 680px !important;
}

.demo-page .general-card {
    margin: 0 auto;
    width: 100% !important;
}

#player-overlay {
    width: 100%;
    height: 90%;
    position: absolute;
    z-index: 9999;
    display: none;
    pointer-events: none;
    background: rgba(0,0,0,0.3);
}
#button-overlay {
    position: relative;
    /*float: left;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    text-align: center;
    margin: 10px;
}
#button-overlay > *{
    /*display: inherit;*/
    /*margin: 50px;*/
    text-align: center;
    width: 200px;
    height: 50px;
    background: transparent;
    box-shadow: none;
    border: solid 2px rgba(0, 0, 0, 0.70);
    border-radius: 9px;
    pointer-events: all;
    transition:none;
    color:rgba(0, 0, 0, 0.70);
    line-height: 44px;
}
.general-content {
    background-color: white;
    padding: 20px;
}

.demo-page .general-content{
    padding: 15px;
}

.idm-general .menu-toggle {
    visibility: hidden;
}

.agreement-start {
    width: 100px;
    margin-top: 20px;
}

.api-form-go {
    width: 100px;
}

.api-page .md-title {
    line-height: 60px;
    font-size: 20px;
    padding: 0 30px;
}

.api-page md-tabs.md-default-theme .md-header {
    background-color: #fff;
}

.api-page md-tabs.md-default-theme md-tab.active {
    color: black;
}

.api-page .md-tabs-content {
    overflow: auto;
    height: 470px;
}

.api-page .md-tabs-content .md-tab-content {
    height: auto;
}

.api-page .user-files-dialog md-tabs {
    margin: 0 auto;
    overflow: hidden;
}

.api-page .user-files-top-actions {
    right: 20px;
    top: -30px;
}

.api-page .check-select-round {
    height: 29px;
    width: 30px;
}

.api-page .check-select-round svg {
    position: absolute;
    right: 3px;
}

.api-page .top-right,
.api-page.embed .idm-sub-toolbar,
.api-page .masquerade-div,
.api-page.embed .idm-toolbar {
    display: none;
}

.api-page.embed .idm-form-page .main-container {
    margin-top: 0;
    padding-top: 10px;
}

.api-page.embed md-toolbar.idm-sub-sub-toolbar.small {
    height: 119px;
    background-color: white;
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.api-page.embed .view-port {
    padding-bottom: 0px;
    background-color: white;
}
.view-port {
    padding-bottom: 0px;
}
.api-page.embed .box-top-new-design .desc {
    margin: 10px 0;
    color: rgba(0, 0, 0, 0.54);
}

.api-page.embed .box-top-new-design .title {
    font-size: 1.17em;
    font-weight: 700;
}

.api-page.embed .general-content {
    box-shadow: none;
    padding-top: 10px;
}

.api-page.embed .preview-parameters {
    height: 440px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #BAB6B6;
    padding: 10px 20px;
}

.api-page.embed .api-form-go {
    float: right;
    width: auto;
}

.powered-by {
    font-size: 14px;
    line-height: 32px;
    color: #A4A4A4;
}

.api-page.embed .preview-video-iframe {
    width: 100%;
}

.api-page .preview-video-iframe {
    margin-bottom: 40px;
    max-width: 640px;
    width: 100%;
}

.demo-page-general .preview-video-iframe {
    margin-bottom: 40px;
    max-width: none;
    width: 100%;
    height: 80vh;
}

.api-page .general-card .box-top-new-design {
    text-align: left;
    margin-bottom: 11px;
    margin-top: 39px;
}

.demo-page-general .general-card .box-top-new-design {
    text-align: left;
    margin-bottom: 0;
    margin-top: 12px;
}

.api-page .idm-app .idm-toolbar {
    position: absolute;
    background: none;
}

.demo-page-general .idm-app .idm-toolbar {
    position: absolute;
    background-color: #2388DB;
    z-index: 9999;
}

.api-page:not(.embed) .view-port {
    padding-bottom: 50px;
    background: none;
}

.api-page-actions md-select {
    margin: 0;
    margin-right: 30px;
}

.api-page .preview-container.preview-parameters {
    overflow: auto;
    height: 470px;
}

.demo-page-general .preview-container.preview-parameters {
    /*overflow: auto;*/
    overflow: unset;
    height: 470px;
}

.api-page .preview-container.preview-parameters {
    height: 100%;
}

.preview-items-select .idm-cp,
.preview-items-select .idm-upl {
    position: relative;
    width: 160px;
}

.preview-items-select .idm-cp .color-box,
.preview-items-select .idm-upl .container {
    height: 41px;
    width: 70px;
    margin-left: 190px;
    border: none;
    top: 2px;
    position: relative;
}

.preview-items-select .idm-upl .container {
    margin-left: 380px;
}

.preview-items-select .idm-cp .md-button,
.preview-items-select .idm-upl .md-button {
    position: absolute;
    width: 160px;
    top: 0;
    left: 0;
}

.preview-items-select .idm-upl .progress-box .progress-container {
    margin: 10px auto 10px auto;
    width: 70px;
}

.api-page .md-caption {
    font-size: 12px;
    color: #999999;
}

.api-page .preview-select-button {
    width: 160px;
}

@media screen and (max-width: 1200px) {
    .idm-tools-download-page .main-container .main .sceme-left-bar .accord .accord-data .md-button {
        font-size: 10px !important;
        padding: 5px 10px !important;
    }
    .idm-tools-download-page .main-container .main .sceme-left-bar .accord .accord-data .md-button md-icon {
        height: auto;
        width: 16px;
        min-width: 16px;
    }
}
@media screen and (max-width: 1140px) {
    .idm-tools-download-page .main-container .main .sceme-left-bar .md-button {
        font-size: 10px !important;
        padding: 5px 10px !important;
    }
    .idm-tools-download-page .main-container .main .sceme-left-bar .md-button md-icon {
        height: auto;
        width: 20px;
    }
}
@media screen and (max-width: 1024px) {
    .idm-tools-download-page .main-container .main .sceme-left-bar .accord .accord-data {
        padding: 20px 14px;
    }
}

@media screen and (max-width: 500px) {
    .idm-general .main-container {
        margin-top: 0px;
    }

    .api-page:not(.embed) .view-port {
        overflow: visible;
        background: #eee;
        padding-bottom: 0;
    }

    .api-page .general-card .box-top-new-design {
        margin-top: 100px;
    }

    .api-page .preview-container.preview-parameters {
        height: auto;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 330px) {
    .share-button-20150831-113738188 {
        margin-top: 40px;
    }
}

.api-description {
    margin-bottom: 50px;
    font-size: 20px;
}

.demo-page .api-description {
    margin-bottom: 40px;
    font-size: 20px;
}

.api-share-email md-input-container {
    padding-bottom: 7px;
}

.email-share-loading {
    transform: scale(0.5) !important;
    margin: 7px;
}

.email-share-button {
    height: 36px;
}

.academy-link-download {
    color: #2388db;
    font-size: 14px;
    line-height: 22px;
    display: block;
    text-align: left;
}

.academy-link-download ng-md-icon {
    vertical-align: top;
    display: inline-block;
    margin-right: 3px;
}

.idm-body.api-page.embed {
    overflow: auto;
    height: auto;
}

.api-page:not(.embed) .box-top-new-design .title {
    font-weight: 900;
    font-size: 38px;
    text-transform: capitalize;
    text-shadow: 0px 1px 2px #230D05;
    /*line-height: 0px;*/
}

.api-page.demo-page-general .box-top-new-design .title {
    font-weight: bold;
    font-size: 25px;
    text-transform: capitalize;
    color: #565656;
    text-shadow: none;
    /*line-height: 0px;*/
}

.api-page:not(.embed) .general-content {
    border-radius: 5px;
    margin-top: 26px;
    box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.35);
    width: 550px;
    margin: auto;
}

.api-page.demo-page-general .general-content {
    border-radius: 5px;
    margin-top: 7px;
    box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.35);
    width: 550px;
    margin: auto;
}

.api-page .preview-group-caption {
    margin: 10px 0px !important;
    font-size: 18px;
    font-weight: normal;
    color: #888888;
}

.api-page.embed .box-top-new-design {
    color: black;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 20px;
}

.api-form-download {
    vertical-align: top;
}
.lock-download #button-overlay .md-button.md-default-theme.md-primary.md-raised.api-form-download {
    color:#cbcbcb !important;
    border-color: #cbcbcb !important;
    pointer-events: none !important;
}
.lock-download .download-share {
    pointer-events: none !important;
}
.api-get-link input {
    width: 100%;
    font-size: 11px;
    line-height: 22px;
    height: 28px;
    text-align: center;
}

.tools-ol {
    line-height: 23px;
    margin-bottom: 50px;
    list-style: disc;
    margin-left: 30px;
    margin-top: 30px;
}

.tool-gen-ol {
    margin-bottom: 20px !important;
}

.tools-ol li {
    margin-bottom: 20px;
}

.idm-api-1143 .md-select-menu-container {
    top: 1343px !important;
}

.api-page {
    height: auto;
    position: relative;
    /*overflow: hidden;*/
}

.api-page:not(.embed):before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url("/assets-idmadm/img/app/api-bg.jpg") no-repeat center center fixed;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.demo-page-general.api-page:before {
    background: none;
    background-color: #EEEEEE;
}


.api-page.idm-api-5935:not(.embed),
.api-page.idm-api-5336:not(.embed) {
    background: url("/assets-idmadm/img/app/hillary2016b.jpg") no-repeat center center fixed;
    background-size: cover;
}

.idm-tools-download-page .md-display-1 {
    font-weight: 500;
    margin-bottom: 0;
}

.tools-download-card {
    padding: 20px;
    background: white;
    overflow: hidden;
}

.tools-download-card .md-button {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}

.tools-download-card .md-subhead {
    font-size: 18px;
    margin: 10px 0 20px 15px;
}

.preview-api-json code {
    white-space: pre-line;
    word-wrap: break-word;
}

.idm-api-2403 idm-colorpicker {
    display: none;
}

.custom-from-scene-library .powered-by {
    display: none;
}

.api-page.embed.custom-from-scene-library .box-top-new-design {
    margin-top: 0;
}

.preview-iframe-preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -38px;
    margin-left: -38px;
}

.preview-iframe-iframe {
    z-index: 4;
    position: relative;
}

.idm-tools-download-page .instructions {
    margin-top: 30px;
}

.idm-tools-download-page .instructions a {
    font-weight: 500;
    text-decoration: none;
    margin-left: 10px;
}

.idm-tools-download-page .inst-a a {
    margin-left: 0px !important;
}

.embed .api-page-actions {
    padding-bottom: 60px;
}

.idm-api-3283 {
    background-image: url("https://s3.amazonaws.com/web-assets.idomoo.com/production/pv.idomoo/bg-220316.jpg") !important;
}

.idm-api-3283 .general-card .box-top-new-design {
    visibility: hidden;
}

.idm-api-5935 .general-card,
.idm-api-5336 .general-card {
    margin: 0 0 0 60px;
}

.idm-tools-download-page md-toolbar.idm-sub-sub-toolbar {
    height: 60px;
}

.idm-tools-download-page .settings-card md-tabs {
    margin-top: 22px;
}

.p-20160505-154711791 {
    font-size: 20px;
    font-weight: 500;
}

.api-page.embed #freshwidget-button {
    display: none !important;
}

.lh-30 {
    line-height: 30px;
}

.api-html-6776,
.idm-api-6776.embed .view-port,
.idm-api-6776.embed md-input-container .md-input,
.idm-api-6776.embed .general-content,
.idm-api-6776 {
    background-color: transparent;
    color: white;
}

.idm-api-6776.api-page.embed .preview-parameters {
    border: none;
    padding: 0;
}

.idm-api-6776.embed .box-top-new-design {
    display: none;
}

.idm-api-6776.embed md-input-container .md-input {
    border-color: #2388db;
}

.api-html-6776 {
    background-color: rgba(255, 255, 255, 0.08);
}

md-tooltip.multi-line-tooltip .md-content {
    white-space: normal;
    height: auto;
    width: 400px;
    margin-top: 10px;
}

.api-page-actions .layout-row {
    width: 160px;
}

.new-hr hr {
    margin-top: 30px !important;
}

.dwnLinkColor {
    color: #2887da;
    font-weight: normal !important;
}

.idm-tools-download-page .download-card {
    width: 915px !important;
}

.the-logo {
    max-width: 140px;
    max-height: 35px;
}

.powered-logo-new {
    max-height: 20px;
    margin-top: 8px;
    margin-left: 20px;
}

.demo_lp_quickform_preview {
    width: 600px !important;
}

.demo_lp_quickform_preview .remove-padding {
    padding: 0;
}

.demo_lp_quickform_preview md-divider {
    margin-top: 15px !important;
}
.get_link{
    text-decoration: none;
    color: rgba(0, 0, 0, 0.70);
    display: block;
    
}

.width-newplyer .idm-toolbar {
    background-color: #2388DB !important;
    position: fixed;
    z-index: 9999;
}

.width-newplyer .general-content.md-whiteframe-z2 {
    box-shadow: none !important;
    width: 100% !important;
    background-color: transparent !important;
}

.width-newplyer .general-card {
    width: 100% !important;
}
.width-newplyer .api-page:not(.embed):before {
    background: none !important;
    background-color: #EEEEEE !important;
}
.width-newplyer .general-content {
    padding: 0px !important;
}
.default-demo-quickform .resolutionCheck {
    top: 30% !important;
}

.default-demo-quickform .formatCheck {
    top: 49% !important;
}
/*12-05-2020*/
.preview-video { margin-top: 0px !important; }
.idm-general .main-container { margin-top: 0px }
.quick-form-iframe { min-height: 540px !important; }

@media(max-width:1440px) {
	.quick-form-iframe { min-height: 380px !important; }
}

@media(max-width:1366px) {
	.quick-form-iframe { min-height: 360px !important; }
}

@media(max-width:1200px) {
	.quick-form-iframe { min-height: 310px !important; }
}
.api-page:not(.default-demo-quickform) .preview-container {
    margin-left: 15%;
    margin-right: 15%;
}








/*
15-11-2021*/


.main {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    background:  #fff;
    font-family: 'Roboto', sans-serif;
}

.sceme-right {
    width:70%;
    padding: 40px 40px 0px 40px;
}
.sceme-right h2{margin-top: 0px;color: #2d6c8b;font-size: 36px;line-height: 42px;font-weight: 400;}

.sceme-left-bar {
    width: 30%; padding: 40px 40px 0px 40px; background: #f1f1f1;
}

dic.sceme-builder {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.sceme-builder-left {
    width: calc(50% - 30px);
    margin: 0px 15px;
}

.sceme-builder-right {
    width: calc(50% - 30px);
    margin: 0px 15px;
}

.sceme-builder-right img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.sceme-builder-left h3 {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 19px;
    color: rgba(0,0,0,0.75);
}

.sceme-builder-left p {
    font-size: 16px;
    line-height: 18px;
    color: rgba(0,0,0,0.75);
}

.sceme-left-bar > span {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.71);
}

.sceme-left-bar select {
    display: block;
    margin-bottom: 40px;
    border: none;
    border-bottom: 1px solid #000;
    min-width: 130px;
    background: transparent;
    padding: 7px 0px;
}

.sceme-left-bar button {
    width: 100%;
    background: #f3ac39 !important;
    border: none;
    border-radius: 5px;
    padding: 14px 10px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    margin-left: 0;
    text-transform: capitalize;
}
.sceme-left-bar button:hover {
    background: #F4B44C !important;
}
.accord-data {
    display: none;
}
.space-button{
    height: 48px;
    width: 360px;
}
.sceme-left-bar button[disabled] {
    background: rgba(0,0,0,0.2) !important;
    color: #fff !important;
}

.sceme-left-bar p a {
    color: #000;
    text-decoration: underline;
}
.version-width{
    width: 50%;
}
.sceme-left-bar p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 16px;
}

.accord {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #000;
    position: relative;

}

.accord .accord-title:before {content: '';position: absolute;left: 0px;top: 9px;width: 16px;height: 1px;background: #000;}
.accord .accord-title:after {content: '';position: absolute;left: 8px;top: 2px;height: 15px;width: 1px;background: #000;}

.accord-title {
    position: relative; padding-left: 40px;
    cursor: pointer;
}
.accord-title.active:after {display: none}

.accord-title {
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 16px;
}

.accord-data {
    padding: 20px;
    background: #fff;
    border-radius: 4px;
}

.sceme-left-bar .accord-data button {
    font-size: 14px;
}
.sceme-builder-right img {
    margin-top: 30px;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    box-shadow: 0 20px 20px 0 rgba(0,0,0,0.3);
}
.sceme-left-bar button svg {
    max-width: 40px;
    display: inline-block; margin-right: 12px;
}

.sceme-left-bar button {display: flex;align-items: center; justify-content: center; }
.sceme-left-bar button md-icon {margin: 0;margin-right: 5px;height: 30px; width: 30px;}

.sceme-left-bar button svg path{ fill: #fff; }
.idm-tools-download-page .main-container, .idm-settings .main-container {min-height: calc(100vh - 130px);}
.idm-tools-download-page.idm-form-page_hide-menu .main-container {min-height: calc(100vh - 64px);}
body {font-family: Roboto,'Helvetica Neue',sans-serif !important;font-size: 16px !important;}
.user_info_header{margin-top: 3px !important;}
.idm-tools-download-page .main-container .main .sceme-left-bar .accord .accord-data .md-button md-icon {min-width: 18px; height: auto;}
.appleicon{ margin-bottom: 6px !important;}
.windowicon{ margin-top: -3px !important;}

/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap'); */

@font-face {
    font-family: 'Avenir Book';
    src: url('/assets-idmadm/fonts/AvenirLT-Light.woff2') format('woff2'),
        url('/assets-idmadm/fonts/AvenirLT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


.homepage-main {
    font-family: 'Poppins', sans-serif;
}
.width-1150 {
    max-width: 1150px;
}
.width-1030 {
    max-width: 1030px;
}
.main-video {
    font-family: 'Poppins', sans-serif;
    height: 514px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-video video {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.nav-menu {
    font-family: 'Poppins', sans-serif;
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    z-index: 2;
    align-items: center;
    color: #ffffff;
    padding: 10px 0px;
    background-color: #066C8B;
}
.nav-menu .help-support {
    /*width: 223px;*/
    font-weight: 500;
    padding: 7px 25px;
}
.nav-menu a {
    cursor: pointer;
}
.auth-btn {
    /*width: 230;*/
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
}
.auth-btn a.login {
    border: 2px solid #ffffff;
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Poppins';
    font-weight: 500;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    letter-spacing:0;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
.auth-btn a.signup {
    background: #51bbeb;
    margin-left: 15px;
    border: 2px solid transparent;
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Poppins';
    font-weight: 500;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    letter-spacing:0;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
.auth-btn a.login:hover {
    background-color: #51bbeb;
    border-color: #51bbeb;
}
.auth-btn a.signup:hover {
    background: #ffffff;
    color: #51bbeb;
}
.video-text {
    position: absolute;
    color: #ffffff;
    text-align: center;
}
.video-text h1 {
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Poppins';
}
.video-text md-input-container {
    width: 330px;
    margin: auto;
}
.video-text md-input-container label {
    color: #ffffff !important;
    text-align: center !important;
}
.video-text md-input-container:not(.md-input-invalid).md-input-focused label {
    color: #ffffff !important;
    text-align: left !important;
}
.video-text md-input-container input {
    border-color: #c4c4c4 !important;
    border-width: 0 0 2px;
    border-bottom: 1px solid #fff !important;
    color: #ffffff   !important;
}
.video-text .md-button {
    margin: 0;
    background: #51bbeb;
    margin-left: 15px;
    border: 2px solid transparent;
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Poppins';
    font-weight:500;
    height: 32px;
    min-height: inherit;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    letter-spacing:0;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;    
}
.main-video .video-text .md-button:hover {
    background-color: #ffffff !important;
    color: #51bbeb !important;
}
.video-text .md-button .md-ripple-container{
    display: none !important;
}
.contact-us {
    font-family: 'Poppins', sans-serif;
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    padding: 30px 0;
    margin: auto;
}
.contact-us .contact-us-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact-us .contact-us-content .content-image {
    padding-left: 30px;
}
.contact-us .contact-us-content .content h2 {
    font-size: 40px;
    font-weight: 500;
    font-family: 'Poppins';
}
.contact-us .contact-us-content .content,
.engage-main .engage-content .engage-heading,
.engage-item-main .engage-item .engage-item-content,
.how-works .how-works-heading {
    color: #444444;
}
.contact-us .contact-us-content .content{
    min-width: 430px;
}
.contact-us .contact-us-content .content a {
    background: #066C8B;
    color: #fff;
    cursor: pointer;
    border: 2px solid transparent;
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Poppins';
    font-weight: 500;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    letter-spacing: 0;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
.contact-us-content .content a:hover {
    background-color: #fff;
    color: #066C8B;
    border-color: #066C8B;
}
.contact-us .contact-us-content .content p {
    margin-bottom: 40px;
    font-family: 'Avenir Book';
}
.engage-main {
    font-family: 'Poppins', sans-serif;
    display: flex;
    justify-content: center;
    background-color: #ffffff;
    padding: 30px 0;
}
.engage-main .engage-content {
    max-width: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.engage-main .engage-content .engage-heading {
    max-width: 40%;
    margin: 0 auto 35px auto;
    font-weight: 500;
    text-align: center;
    font-size: 24px;
    font-family: 'Poppins';
}
.engage-main .engage-content .engage-heading:after {
    content: "";
    display: block;
    background: #444444;
    width: 30px;
    height: 2px;
    margin: 15px auto 0 auto;
}
.engage-main .engage-content .engage-item-main {
    display: flex;
    justify-content: space-between;
}
.engage-main .engage-content .engage-item-main .engage-item {
    width: 25%;
}
.engage-item-main .engage-item .engage-item-content h2 {
    font-size: 22px;
    font-weight: 500;
    font-family: 'Poppins';
}
.engage-item-main .engage-item .engage-item-content p {
    font-family: 'Avenir Book';
}
.engage-item .engage-item-content{
    line-height:22px;
}
.engage-main .engage-content .engage-item-main .engage-item:not(:last-child) {
    padding-right: 40px;
}
.engage-main .engage-content .engage-item-main .engage-item .item-image {
    border: 1px solid #51bbeb;
    height: 100px;
    width: 100px;
    margin: auto;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.engage-main .engage-content .engage-item-main .engage-item .item-image img {
    width: 60px;
}
.how-works {
    font-family: 'Poppins', sans-serif;
    display: flex;
    justify-content: center;
    background-color: #ffffff;
    padding: 30px 0;
}
.how-works .how-works-content {
    width: 100%;
}
.how-works .how-works-heading {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0;
    font-weight: 500;
    font-size: 24px;
    font-family: 'Poppins';
}
.how-works .how-works-heading:after {
    content: "";
    display: block;
    background: #444444;
    width: 30px;
    height: 2px;
    margin: 15px auto 0 auto;
}
.how-works .how-works-video:before {
    content: "";
    background: url(/assets-idmadm/img/app/homepage/cup.png) no-repeat center top;
    height: 171px;
    position: absolute;
    width: 175px;
    left: -152px;
    bottom: 0;
    background-size: contain;
    display: none;
}
.how-works .how-works-video {
    background: url(/assets-idmadm/img/app/homepage/laptop1.png) no-repeat center top;
    height: 364px;
    position: relative;
    margin: auto;
    width: 700px;
    background-size: contain;
}
.how-works .how-works-video:after {
    content: "";
    background: url(/assets-idmadm/img/app/homepage/pencil.png) no-repeat center top;
    height: 337px;
    position: absolute;
    width: 175px;
    right: -152px;
    bottom: 0;
    background-size: contain;
    display: none;

}
.how-works .how-works-video .how-works-video-container {
    width: 543px;
    height: auto;
    position: absolute;
    top: 14px;
    left: 50%;
    margin-left: -274px;
}
.how-works .how-works-video a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 305px;
    cursor: pointer;
    background: url(/assets-idmadm/img/app/homepage/video-thumb.png) no-repeat center top;
    background-size: cover;
    width: 543px;
}
.how-works .how-works-video .how-works-video-container div {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.how-works .how-works-video .how-works-video-container div iframe {
    /*width: 543px;*/
    /*height: 335px;*/
    position: absolute;
    width: 100%;
    height: 100%;
}
footer {
    font-family: 'Poppins', sans-serif;
    background-color: #333333;
    color: #ffffff;
}
footer .footer-container {
    width: 80%;
    margin: auto;
}
footer .footer-container ul {
    display: flex;
    text-transform: uppercase;
    padding-bottom: 50px;
    padding-top: 50px;
    font-size: 14px;
}
footer .footer-container ul li:not(:last-child) {
    padding-right: 50px;
}
footer .footer-container ul li a {
    text-decoration: none;
    color: #ffffff;
}
.footer-container ul li {
    z-index: 1;
}

@media screen and (max-width:1366px){
    .how-works .how-works-video {
        height: 320px;
        width: 620px;
    }
    .how-works .how-works-video:before {
        height: 135px;
        width: 165px;
        display: none;
    }
    .how-works .how-works-video:after {
        height: 280px;
        width: 165px;
        display: none;
    }
    .how-works .how-works-video .how-works-video-container {
        width: 480px;
        height: auto;
        top: 12px;
        margin-left: -240px;
    }
    .how-works .how-works-video a {
        height: 270px;
        width: 480px;
    }
}
@media screen and (max-width:1180px){
    .nav-menu .nav-container {
        padding: 0 20px;
    }
    .engage-main .engage-container {
        padding: 0 20px;
    }
    .contact-us .contact-us-container {
        padding: 0 20px;
    }
}
@media screen and (max-width:1024px){
    .contact-us .contact-us-content {
        max-width: 100%;
    }
    .engage-main .engage-content .engage-heading {
        max-width: 60%;
    }
    .how-works .how-works-video {
        height: 229px;
        width: 440px;
    }
    .how-works .how-works-video:before {
        height: 108px;
        width: 88px;
        left: -92px;
        display: none;
    }
    .how-works .how-works-video:after {
        height: 183px;
        width: 88px;
        right: -92px;
        display: none;
    }
    .how-works .how-works-video .how-works-video-container {
        width: 342px;
        height: auto;
        top: 8px;
        margin-left: -172px;
    }
    .how-works .how-works-video a {
        height: 193px;
        width: 342px;
    }
}
@media screen and (max-width:812px){
    .main-video {
        height: 320px;
    }
    .video-text {
        padding-top: 20px;
    }
    .video-text h1 {
        font-size: 40px;
    }
}
@media screen and (max-width:768px){
    .nav-menu .help-support {
        position: absolute;
        right: -64px;
        bottom: -115px;
        transform: rotate(90deg);
        background-color: rgb(250,250,250);
        color: #2e6c91;
        border-radius: 5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .nav-menu .help-support a {
        background: #ffffff;
        color: #000000;
        padding: 7px;
        border-radius: 2px;
    }
    .video-text h1 {
        font-size: 30px;
    }
    .contact-us .contact-us-container {
        padding: 0 20px;
    }
    .contact-us .contact-us-content {
        max-width: 100%;
        flex-direction: column-reverse;
        text-align: center;
    }
    .contact-us .contact-us-content .content {
        width: 100%;
        min-width: 0;
    }
    .contact-us .contact-us-content .content p {
        max-width: 232px;
        margin-left: auto;
        margin-right: auto;
    }
    .contact-us .contact-us-content .content-image {
        padding-left: 0;
        padding-bottom: 30px;
    }
    .contact-us .contact-us-content .content h2 {
        font-size: 30px;
    }
    .engage-main .engage-content .engage-heading {
        max-width: 80%;
    }
    .engage-main .engage-content .engage-item-main {
        flex-wrap: wrap;
    }
    .engage-main .engage-content .engage-item-main .engage-item {
        width: 45%;
    }
    .engage-main .engage-content .engage-item-main .engage-item:not(:last-child) {
        padding-bottom: 40px;
        padding-right: 0;
    }
    .how-works .how-works-video {
        height: 322px;
        width: 619px;
    }
    .how-works .how-works-video:before {
        display: none;
    }
    .how-works .how-works-video:after {
        display: none;
    }
    .how-works .how-works-video .how-works-video-container {
        width: 480px;
        height: auto;
        top: 12px;
        margin-left: -240px;
    }
    .how-works .how-works-video a {
        height: 270px;
        width: 480px;
    }
}

@media screen and (max-width: 667px) {
    .main-video {
        height: 320px;
    }
    .video-text {
        padding-top: 20px;
    }
}
@media screen and (max-width:640px){
    .how-works .how-works-video {
        height: 255px;
        width: 487px;
    }
    .how-works .how-works-video .how-works-video-container {
        width: 377px;
        height: auto;
        top: 9px;
        margin-left: -188px;
    }
    .how-works .how-works-video a {
        height: 213px;
        width: 377px;
    }
}
@media screen and (max-width:540px){
    .nav-menu .nav-container {
        padding: 0 10px;
    }
    .contact-us .contact-us-content {
        max-width: 100%;
        flex-direction: column-reverse;
    }
    .contact-us .contact-us-content .content-image {
        padding-left: 0;
        padding-bottom: 30px;
    }
    .engage-main .engage-container {
        padding: 0 20px;
    }
    .engage-main .engage-content .engage-heading {
        max-width: 100%;
        font-size: 22px;
        margin-left: 0;
        margin-right: 0;
    }
    .engage-item-main .engage-item .engage-item-content h2 {
        font-size: 19px;
    }
    .engage-main .engage-content .engage-item-main {
        flex-direction: column;
    }
    .engage-main .engage-content .engage-item-main .engage-item {
        width: 100%;
    }
    .engage-main .engage-content .engage-item-main .engage-item:not(:last-child) {
        padding-bottom: 40px;
        padding-right: 0;
    }
    .how-works .how-works-video {
        height: 234px;
        width: 444px;
    }
    .how-works .how-works-video .how-works-video-container {
        width: 344px;
        height: auto;
        top: 8px;
        margin-left: -173px;
    }
    .how-works .how-works-video a {
        height: 194px;
        width: 344px;
    }
    footer .footer-container ul {
        flex-direction: column;
        line-height: 3;
        align-items: center;
        padding: 0;
    }
    footer .footer-container ul li:not(:last-child) {
        padding-right: 0;
    }
    .how-works .how-works-video a img {
        width: 70px;
    }
}
@media screen and (max-width:480px){
    .nav-menu .main-logo {
        width: 120px;
    }
    /*.auth-btn a.login, .auth-btn a.signup {
        padding: 7px 18px;
    }*/
    .auth-btn {
        width: 196px;
    }
    .video-text h1 {
        font-size: 18px;
    }
    .video-text md-input-container {
        width: 300px;
    }
    .video-text md-input-container label, .video-text md-input-container:not(.md-input-invalid).md-input-focused label {
        font-size: 14px;
    }
    /*.video-text .md-button {
        padding: 4px 25px !important;
    }*/
    .how-works .how-works-video {
        height: 182px;
        width: 347px;
    }
    .how-works .how-works-video .how-works-video-container {
        width: 271px;
        height: auto;
        top: 6px;
        margin-left: -137px;
    }
    .how-works .how-works-video a {
        height: 152px;
        width: 271px;
    }
}
@media screen and (max-width:360px){
    .video-text md-input-container {
        width: 260px;
    }
    .auth-btn a {
        font-size: 14px;
    }
    /*.video-text .md-button {
        padding: 2px 20px !important;
    }*/
    .how-works .how-works-video {
        height: 147px;
        width: 281px;
    }
    .how-works .how-works-video .how-works-video-container {
        width: 218px;
        height: auto;
        top: 5px;
        margin-left: -110px;
    }
    .how-works .how-works-video a {
        height: 124px;
        width: 218px;
    }
    .how-works .how-works-video a img {
        width: 50px;
    }
}







/* Old Code */
.new-home-page .view-port {
    padding-bottom:0;
}

.login-dialog-title {
    color: #878787;
    font-size: 30px;
    line-height: 45px;
    margin-bottom:20px;
}
.login-dialog-title img {
    vertical-align: top;
}
.dialog-pad {
    padding: 30px 40px;
}

.forgot-pass-a {
    color: #666666;
    text-decoration: underline;
    cursor: pointer;
}

.new-login-dialog {
    width: 420px;
    min-height:427px;
}
.new-login-dialog.reset-mode {
    min-height:332px;
}
.new-login-dialog md-checkbox,
.new-login-dialog .md-button {
    margin:0;
}
.new-login-dialog.related_accounts{
    min-height: 300px;
}
.new-login-dialog.two_steps{
    min-height: 300px;
}
.new-login-dialog.related_accounts .buttons.layout-row {
    text-align: center;
    justify-content: space-evenly;
}
.homepage-video-dialog {
    padding:20px;
}
.white-border {border: 1px solid #ffffff;}

.dialog-body{
    width:500px;
    max-height:810px;
    padding: 0;
}
.help-support-tab .md-tab.md-active {
    color: rgb(35,136,219) !important;
}
.help-support-tab .md-tab {
    color: rgba(0,0,0,0.54) !important;
}
.md-toolbar-tools>.md-button:last-child, .md-toolbar-tools>md-menu:last-child {
    margin-right: 0;
}
.article-list {
    font-size: 15px;
    color: #465451;
    padding: 18px 14px;
    line-height: 1.385;
    font-weight: normal;
}
.article-list:hover {
    color: black;
    background-color: #f1f1f1;
}
.article-list-link {
    text-decoration: none;
}
.panel-info {
    text-align: center;
    margin: 20px 0;
}
.panel-info h2 {
    font-weight: 100;
    opacity: 0.3;
    line-height: 1.4;
    font-size: 28px;
    color: #000000;
    margin-bottom: 6px;
}
.panel-info a {
    color: #448ed9;
    text-decoration: none;
}
.panel-info a:hover {
    text-decoration: underline;
}
/********Header button****/
.related_accounts .login-dialog-title {
    font-size: 18px;
}
@media screen and (min-width:991px) and (max-width:1024px){
    .sign-up-page .idm-overlay {
        width: 200px;
        transform: translate(-50%, -50%);
        margin: 0;
        height: 250px;
        margin-left: 40px;
        margin-top: 0;
    }
    .sign-up-page #ic.top-20150628-152501455{
        width: 350px;
        margin-left: -180px;
    }
}
@media screen and (min-width:767px) and (max-width:991px){
    .sign-up-page .idm-overlay {
        width: 110px;
        transform: translate(-50%, -50%);
        margin: 0;
        height: 150px;
        margin-left: 0px;
        top: 150px;
        margin-top: 0;
    }
    .sign-up-page .signup-success-message{
        margin-left: -160px;
    }
}
@media screen and (max-width:767px){
    .new-home-page .preview-video-iframe {
        width: 100%;
        height: auto;
    }

    .new-home-page md-dialog.homepage-video-dialog {
        max-width: 90%;
        min-width: 90%;
        padding: 10px;
    }
    .new-home-page.md-dialog-is-showing {
        overflow: hidden;
    }
    .new-home-page .md-dialog-container{
        z-index: 9999999999;
    }
    .sign-up-page .idm-overlay {
        position: relative;
        top: 0;
        left: 0;
        margin: 20px auto;
        width: 50px;
        padding: 20px 0;
        height: auto;
        line-height: 1;
        margin-bottom: -60px;
    }

    .sign-up-page  #fback {
        display: none;
    }

    .sign-up-page .left-login-screen {
        position: relative;
        width: 100%;
        background: #1a6c8b;
        padding: 85px 35px 35px 35px;
        box-sizing: border-box;
    }

    .sign-up-page  .toplam {
        margin: 0;
        left: 0;
        width: 100%;
    }

    .sign-up-page #textbox {
        width: 100%;
        position: relative;
    }
    .sign-up-page #ic.top-20150628-152501455 {
        margin: 0;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
    }

    .home-page.sign-up-page .view-port {
        padding-bottom: 0;
    }

    .sign-up-page .signup-success-message {
        position: relative;
        margin: 0;
        top: 0;
        left: 0;
        height: auto;
        width: 100%;
        text-align: center;
    }

    .sign-up-page .right-login-screen {
        position: relative;
        top: 0;
        margin: 0;
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
    }

    .sign-up-page .right-login-screen #ic {
        position: relative;
        left: 0;
        margin: 0;
        top: 0;
        width: 100%;
    }

    .sign-up-page .right-login-screen #ic h2 {
        margin-top: 0;
    }
}


@media screen and (max-width:480px){
    .new-home-page .nhp-top-video h1 {
        font-size: 25px;
        line-height: 1;
        margin: 0;
    }

    .new-home-page .p-absolute {
        bottom: -80px;
        left: -50px;
        top: auto;
        right: auto;
        width: auto !important;
        transform: rotate(90deg);
    }

    .new-home-page .nhp-top-video {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 450px;
    }
    .new-home-page .nhp-top-video video.video-background{
        height: 450px;
    }
    .new-home-page  .dialog-pad {
        padding: 30px 20px;
    }
    .new-home-page .nhp-top-video md-input-container{
        width: 100%;
        padding-bottom: 15px;
    }
    .new-home-page .dialog-body {
        width: 100%;
    }
    .mobile-responsive-new {
        max-width: 90%;
        min-width: 90%;
    }
    .mobile-responsive-new .panel-info h2 {
        font-size: 20px;
    }

    .mobile-responsive-new .panel-info a {
        font-size: 14px;
    }
    .login-dialog-title {
        font-size: 20px;
    }

    .login-dialog-title img {
        width: 30px;
        vertical-align: middle;
    }

    .new-home-page .new-login-dialog.reset-mode .login-reset-success {
        width: 100%;
        margin-bottom: 0;
    }

    .new-home-page .new-login-dialog.reset-mode .buttons {
        text-align: center;
    }

    .new-home-page .new-login-dialog.reset-mode #recaptcha-reset {
        margin-top: -20px;
        margin-bottom: -20px;
    }

    .new-home-page .new-login-dialog.reset-mode #recaptcha-reset iframe {
        transform: scale(0.8);
        transform-origin: left center;
    }

    .new-home-page .new-login-dialog.reset-mode #recaptcha-reset > div {
        width: 100%;
        max-width: 100%;
        height: auto !important;
    }
    .new-home-page .new-login-dialog {
        width: 90%;
        max-width: 90%;
        min-width: 90%;
    }
    .new-home-page .article-list{
        padding: 10px 14px;
    }
    .article-list-ul {
        margin-bottom: 15px;
    }
    .sign-up-page .login-dialog .login-reset-success {
        width: 100%;
    }

    .sign-up-page .login-dialog .login-input {
        width: calc(100% - 60px) !important;
    }
}


/*30-10*/
@media screen and (min-width:1025px){
    .home-page .view-port .scp:not(.register-succes-screen){
        min-height: 750px;
    }
    .home-page .view-port .scp:not(.register-succes-screen) .left-login-screen{
        padding-top: 100px;
    }
    .home-page .view-port{
        padding-bottom: 20px;
    }
    .sign-up-page.home-page .view-port {
        padding-bottom: 0;
    }
}
@media screen and (min-width:770px) and (max-width:992px){
    .left-login-screen{
        padding-top: 80px;
    }
    .home-page .view-port {
        padding-bottom: 0;
    }
    .home-page .view-port .scp {
        min-height: 750px;
        padding-bottom: 0;
    }
    .home-page .view-port .scp.register-succes-screen{
        min-height: 450px;
    }
    .sign-up-page .idm-overlay{
        height: 80px;
        top: 70px;
    }
    .left-login-screen #ic{
        width: 320px;
        margin-left: -170px;
    }
}
/* Responsive design task PVAAS-382 start */
/*
@media screen and (min-width:800px) and (max-width:850px){
    .home_page_preview_play-dimensions.vjs-fluid{
        padding-top: 40%;
    }
}

@media screen and (min-width:480px) and (max-width:767px){
    .home_page_preview_play-dimensions.vjs-fluid{
        padding-top: 40%;
    }
}

@media screen and (max-height:300px){
    .home_page_preview_play-dimensions.vjs-fluid{
        padding-top: 35%;
    }
}
@media screen and (max-height:853px){
    .home_page_preview_play-dimensions.vjs-fluid{
        padding-top: 40%;
    }
}
*/
@media screen and (min-width:770px) and (max-width:850px){
    .new-home-page md-dialog.homepage-video-dialog {
        max-width: calc(70% - 100px);
        margin: 0 auto;
        min-width: calc(70% - 100px);
    }
    .new-home-page md-dialog.homepage-video-dialog .idm-player {
        max-width: 100% !important;
        height: auto;
    }
}
@media screen and (min-width:480px) and (max-width:767px){
    .new-home-page md-dialog.homepage-video-dialog {
        max-width: calc(70% - 100px);
        margin: 0 auto;
        min-width: calc(70% - 100px);
    }
    .new-home-page md-dialog.homepage-video-dialog .idm-player {
        max-width: 100% !important;
        height: auto;
    }
}
.validemail{
    color:red;
    margin-top: 20px;;
}
.select-disabled-validatebtn{background:#e0e0e0 !important;color:#c4c4c4 !important;cursor:not-allowed;pointer-events:none;}

.validate-email-cls {
    border-radius: 8px !important;
    max-width: 320px !important;
    width: 100%;
}
.validate-email-cls .md-toolbar-tools{
    padding: 21px 27px 0 !important;
}
.validate-email-cls .md-toolbar-tools img{
    max-width: 165px !important;
}
.validate-email-cls > .md-default-theme{
    min-height: 75px !important;
    /* background-color: #066C8B !important; */
}
.validate-email-cls .dialog-body{
    width: 100% !important;
}
.validate-email-cls .md-default-theme .popup-x{
    top: 50% !important; transform: translateY(-60%); right: 20px;
}
.validate-email-cls .md-default-theme .popup-x md-icon{
    font-size: 26px !important;
    outline:none;
}
.validate-email-cls .dialog-body md-content{
    padding: 20px 27px !important;
}
.validate-email-cls .dialog-body .ticketform > label{
    font-size: 13px; color: #242424;
}
.validate-email-cls .dialog-body .ticketform md-input-container label{
    font-size: 14px !important;
    margin-bottom: 6px;
}
.validate-email-cls .dialog-body .ticketform .form_wrapper{
    margin-top: 25px;
}
.validate-email-cls .dialog-body .ticketform .form_wrapper label{
    display: block;
    color: #ababab;
    font-size: 14px;
    margin-bottom: 10px;
}
.validate-email-cls .dialog-body .ticketform .form_wrapper input{
    height: 22px;
    border: 1px solid #dedede !important;
    border-radius: 3px !important;
    padding: 5px 12px !important;
    width: calc(100% - 30px);
}
.validate-email-cls .dialog-body .ticketform .form_foot button{
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    position: unset;
    /* background: #fdb72b !important; */
    margin-top: 45px
}
.validate-email-cls .dialog-body div[ng-message="required"]{
    margin-top: 10px;
    font-size: 13px;
    color: #ff0000;
}
.validate-email-cls .dialog-body .validemail{
    font-size: 13px;
}
.upper-case-cls {
    text-transform: none;
}
.sign-in-cls{
    color: #54baea;
}
/*WEB-5564*/
.nhp-top-signin-info {
    background-color: #fff;
    height: 50px;
    border: 4px solid #FAA943;
    font-size: 21px;
    color:#404040;
    display: flex;
    align-items: center;
}
.nhp-top-signin-info .custom-container{
    max-width: 1300px;
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.nhp-top-signin-info .info-icon{
    margin-right: 20px;
}
.nhp-top-signin-info .learn-more{
    margin-left: 15px;
    text-decoration: none;
    cursor: pointer;
}
@media screen and (max-width:620px){
    .nhp-top-signin-info {
        font-size: 11px;
    }
}
/*WEB-5564*/


.idm-cp{
    width: 140px;
}

.idm-cp .original{
    visibility: hidden;
    height: 1px;
    display: block;
    position: relative;
    top: -40px;
    left: 165px;
}

.idm-cp .color-box{
    width: 100%;
    height: 80px;
    border:1px solid black;
}

.idm-cp .md-button{
    width:100%;
    margin: 3px 0 0 0;
}
idm-colorpicker {
    outline: none;
}

.idm-upl{
    width: 140px;
}

.idm-upl .container{
    width: 100%;
    height: 80px;
    border:1px solid black;
    position: relative;
}

.idm-upl .img-box{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.idm-upl .progress-box{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.idm-upl .progress-box .progress-container{
    margin: 20px auto 10px auto;
    width: 140px;
    height: 6px;
}

.idm-upl .progress-box .progress-container .progress{
    height: 100%;
    background-color: #3159a5;
}

.idm-upl .md-button{
    width:100%;
    margin: 3px 0 0 0;
}
idm-uploader {
    outline: none;
}

.idm-landingpages .publish-icon{
    border-radius: 50%;
    position: fixed;
    bottom: -70px;
    right: 25px;

}

.landingpage-main-card .create-icon{
    top: 208px;
    position: absolute;
    left: 316px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.idm-landingpages .no-landing-pages{
    background-image: url('/assets-idmadm/img/app/emptyLandingpage.png');
    width: 470px;
    height: 465px;
    position:relative;
    margin-top: 50px;
}

.idm-landingpages .no-landing-pages-text{
    position: absolute;
    bottom: 70px;
    left: 130px;
}


.error-cls{background-color: #b1b1b1 !important;}
.idm-lp .md-primary.md-fab.md-fab-bottom-right.error-cls.md-button:hover{background-color: #b1b1b1 !important;}


.idm-scene-library-page md-toolbar.idm-sub-sub-toolbar{
    height:140px;
}

.idm-lp-scale {
    width: 1000px;
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;
}
.idm-lp .main-container{
    position: relative;
}

.lp-wrrap .idm-sub-sub-toolbar{
    top: 130px;
    position: fixed;
}

.lp-wrrap .box-top-new-design{
    position: fixed;
    background-color: #2388DB;
    z-index: 7;
    width: 46%;
    padding: 10px;
}

.lp-wrrap .box-top-new-design .desc{
    font-size: 0.9vw;
}

.lp-wrrap md-tabs{
    margin-top: 98px;
    min-height: 850px !important;
}


.lp-wrrap md-tabs-wrapper{
    position: fixed;
    width: 45%;
    z-index: 3;
    background-color: #2388DB !important;
}

.lp-wrrap .md-header .md-paginator md-icon{
    color: #FFF
}

.lp-wrrap .md-tabs-content{
    margin-top: 20px;
}

.idm-lp .lp-wrrap{
    width: 100%;
    margin-left: 15px;
}

.idm-lp .main-title{
    color: #fff;
    font-size: 23px;
    font-weight: bold;
}

.idm-lp .secondary-title{
    color: #fff;
    font-size: 0.8em;
}

.idm-lp .left-card{
    width: 45%;
    min-width: 660px;
    float: left;
    position: relative;
    margin-right: 65px;
}

/*.idm-lp .lp-wrrap .row idm-uploader*/
.left-card .md-button span{
    font-size: 12px;
}

.idm-lp .right-card{
    width: 100%;
    border-radius: 4px;
    text-align: left;
    position: absolute;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.26);
    height: 545px;
    margin: 0;

}

.idm-lp .right-wrrap{
    position: fixed;
    width: 38%;
    float: left;
    left: 48%;
    height: 605px;
    z-index: 5;

}

.idm-lp .right-wrrap .preview-bottom{
    position: absolute;
    bottom: 0px;
    float: right;
    right: 0;
}

.idm-lp .right-wrrap .preview-bottom span {
    color: #B6B5B5;
    font-weight: 500;
    text-transform: uppercase;
}

.idm-lp .right-wrrap .preview-bottom .preview{
    color: #FFF;
    background-color: #BABABA;
    border-radius: 4px;
    margin-left: 15px;
    padding-left: 33px;
    padding-right: 14px;
}

.idm-lp .right-wrrap .preview-bottom .preview.monitor{
    background: url(/assets-idmadm/img/app/svg/monitor.svg) 3px 5px no-repeat, #BABABA;
}

.idm-lp .right-wrrap .preview-bottom .preview.phone{
    background: url(/assets-idmadm/img/app/svg/phone.svg) 3px 5px no-repeat, #BABABA;
}
.idm-lp .right-wrrap .preview-bottom .preview span{
    color: #ffffff;
}


.idm-lp .play-button{
    position: absolute;
    bottom:-20px;
    left:20px;
    width:40px;
    height: 40px;
    border-radius: 50%;
    background: transparent url(/assets-idmadm/img/app/play-small.png) no-repeat 60% center;
}

.idm-lp .btn{
    padding: 5px 10px;
    color: #fff;
    border: 0px;
    -moz-box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    -webkit-box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 18px;
    display: inline-block;
    white-space: nowrap;
    width: 80%;
}

.idm-lp .bg-top{
    width: 100%;
    height: 150px;
}

.idm-lp .lp-left{
    width: 50%;
    padding:0 0 10px 20px;
}

.idm-lp .lp-left .img-box{
    width: 50%;
}

.idm-lp .lp-wrrap .idm-upl .progress-box{
    top: -20px;
}

.idm-lp .lp-wrrap .bg-check{
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 1px 15px;
}

.idm-lp .lp-wrrap .bg-check .md-container{
    border: 1px solid #FFF;
    height: 20px;
    width: 20px;
}

.idm-lp .lp-wrrap .bg-image .img-box{
    background-size: cover;
}


.lp-wrrap md-radio-button{
    float: left;
}


.right-wrrap .idm-lp-wrapper .logo{
    padding: 0px;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 50px;
    position: relative;
}

.right-wrrap .idm-lp-wrapper  .logo img{
    vertical-align: middle;
    border: 0 none;
    direction: ltr;
    max-width: 25%;
    height: auto;
    display: block;
    position: absolute;
    width: auto;
    max-height:100%;
}

.right-wrrap .idm-lp-wrapper .logo img.center{
    margin: auto;
    left: 0;
    right: 0;
}


.right-wrrap .idm-lp-wrapper .logo img.right{
    right: 0;
    position: absolute;
}


.right-wrrap .idm-lp-wrapper .logo img.left{
    left: 0;
    position: absolute;
}





.right-wrrap .content-top{
    position: relative;
    width: 100%;
    background-size: 100% 100% !important;
}

.right-wrrap .logo{
    padding: 0px;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.right-wrrap  .logo img{
    vertical-align: middle;
    border: 0 none;
    direction: ltr;
    max-width: 25%;
    max-height: 100px;
    height: auto;
    /*margin: 0 auto;*/
    margin-left: 20px;
    display: block;
}

.right-wrrap .wrap-content{
    margin: 0 auto;
    max-width: 465px;
    text-align: center;
    padding: 15px;
}

.right-wrrap .content-middle{
    padding-bottom: 22px;
    padding-top: 15px;
}

.right-wrrap .buttons-container{
    max-width: 575px;
    margin: 0 auto;
    display:-webkit-flex;
    display: flex;
    text-align: center;
}

.right-wrrap .content-bottom{
    width: 100%;
}

.right-wrrap .content-bottom .wrap-bottom{
    max-width: 830px;
    margin: 30px auto;
}
.right-wrrap .content-bottom .main-text{
    max-width: 830px;
    margin: 10px auto;
    text-align: center;
}

.right-wrrap .main-title{
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #FFF;
}

.right-wrrap .main-text{
    font-size: 1.5em;
    padding:0 10px 10px 5px;
}

.right-wrrap .player-box{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    margin: 0 auto;
}

.right-wrrap .player-box.vertical img{
    width:145px;
    padding-left:150px;
}

.right-wrrap .play-button{
    position: absolute;
    display: block;
    top: 40%;
    left: 45%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    -moz-box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    -webkit-box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    box-shadow: 2px 4px 5px rgba(0,0,0,.25);
}

.right-wrrap .btn-box{
    margin-top: 20px;
    display: inline-block;
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
}

.right-wrrap a.btn-cfa{
    display: inline-block;
    padding: 5px 10px;
    font-size: 1.6em;
    color: #fff;
    -moz-box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    -webkit-box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    box-shadow: 2px 4px 5px rgba(0,0,0,.25);
    text-decoration: none;
    width: 80%;
}

.right-wrrap .social-wrap{
    margin: 0 auto;
    display: table;
}

.right-wrrap .social{
    width: 37px;
    height: 37px;
    background-image: url({{img_social_png}});
    background-repeat: no-repeat;
    position: relative;
    top: 10px;
}

.right-wrrap .social.facebook{
    background-position: 0px 0px;
}

.right-wrrap .social.twitter{
    background-position: -47px 0px;
}

.right-wrrap .social.google{
    background-position: -94px 0px;
}

.right-wrrap .social.linkedin{
    background-position: -141px 0px;
}

.right-wrrap .social.youtube{
    background-position: -188px 0px;
}

.right-wrrap .social.pinterest{
    background-position: -235px 0px;
}

.right-wrrap  .footer{
    bottom: 0px;
    position: absolute
}

.right-wrrap  .footer a{
    color: #908f8f;
    text-decoration: none;
    font-size: 18px;
    padding: 5px;
    display: inline-block;
}
.right-wrrap  .footer a:hover,
.right-wrrap  .play-button:hover,
.right-wrrap  a.btn-cfa:hover {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.4);
    -webkit-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0);
    -webkit-transition: .2s ease-out all;
    -moz-transition: .2s ease-out all;
    -ms-transition: .2s ease-out all;
    -o-transition: .2s ease-out all;
    transition: .2s ease-out all;
}

.idm-lp .lp-right{
    width: 50%;
    position: relative;
    top: -100px;
}

.lp-right .player-container{
    width: 95%;
    /*
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    */
    padding-bottom: 20px;
}

.lp-right .player-box{
    position:relative;
}

.idm-lp .loading{
    position:fixed;
    bottom:20px;
    right: 100px;
}

.idm-lp .thumbnail{
    width: 20%;
    height: 25%;
    position:absolute;
    opacity: .7;
}

.idm-lp .social{
    width: 37px;
    height: 37px;
    background-image: url(/assets-idmadm/img/app/social.png);
    background-repeat: no-repeat;
    position: relative;
    top: 10px;
}

.idm-lp .social-fb-share{
    background-image: url(/assets-idmadm/img/app/fb_share.png);
    background-repeat: no-repeat;
    position: relative;
    width: 95px;
    height: 42px;
    background-size: 90px;
    top: 15px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}
.idm-lp .social-tw-share{
    background-image: url(/assets-idmadm/img/app/tw_share.png);
}

.fb-share-text .md-placeholder{
    font-size: 12px;
}

.idm-lp .social.facebook{
    background-position: 0 0;
}

.idm-lp .social.twitter{
    background-position: -47px 0;
}

.idm-lp .social.google{
    background-position: -94px 0;
}

.idm-lp .social.linkedin{
    background-position: -141px 0;
}

.idm-lp .social.youtube{
    background-position: -188px 0;
}

.idm-lp .social.pinterest{
    background-position: -235px 0;
}

.idm-lp .footer{
    position: relative;
    top: -10px;
    left: -22px;
}

.idm-lp .footer > div{
    color: #908f8f;
    text-decoration: none;
    font-size: 18px;
}

.idm-lp .survey-box{
    width: 95%;
    border: 1px solid #dddddd;
    color: #dddddd;
    padding: 20px;
}

.idm-lp-wrapper {
    /*height: 500px;*/
}

.gwf-main-text {
    overflow: auto;
}


.md-primary.md-fab.md-fab-bottom-right.md-button{
    line-height: 0;
    position: fixed;
    top: 243px;
    background-color: #FFAE00;
    left: 90%;
    box-shadow: 2px 5px 13px rgba(0, 0, 0, 0.25),inset 0px 2px 0px rgba(255, 255, 255, 0.35),inset 0px -1px 0px rgba(0, 0, 0, 0.25);
}

.idm-lp .md-primary.md-fab.md-fab-bottom-right.md-button:hover{
    background-color: #ffbd00 !important;
}


.idm-lp .lp-btn{
    width: 235px;
}

.idm-lp .buttons-container .inl-blc {
    -webkit-flex: 1;
    flex: 1;
}


@media screen and (max-width: 1820px) {
    .idm-lp .right-card{
        height: 505px;
    }
}

@media screen and (max-width: 1680px) {

    .idm-lp .right-wrrap{
        width: 38%;
        left: 50%;
        height: 460px;
    }

    .idm-lp .right-card{
        height: 460px;
    }

    .idm-lp .right-wrrap .preview-bottom{
        bottom: -65px;
    }

    .lp-wrrap .box-top-new-design{
        width: 49%;
    }

}

@media screen and (max-width: 1450px) {
    .idm-lp .right-wrrap{
        width: 35%;
        height: 355px;
    }

    .idm-lp .right-card{
        height: 357px;
    }

    /*.idm-lp .idm-upl{*/
        /*width: 85px;*/
    /*}*/
    .idm-lp .idm-upl .md-button {
        font-size: 1vw;
    }
}

@media screen and (max-width: 1340px) {
    .idm-lp .right-wrrap{
        left: 59%;
        width: 30;
        height: 305px;
    }

    .idm-lp .right-card{
        height: 314px;
    }

    .lp-wrrap .box-top-new-design .desc{
        font-size: 0.8vw;
    }
    .md-primary.md-fab.md-fab-bottom-right.md-button{
        left: 95%;
    }

    .tab-container {
        width: 90%;
    }

    .lp-wrrap .box-top-new-design{
        width: 58%;
    }

    .lp-wrrap md-tabs-wrapper{
        width: 57%;
    }

}

@media screen and (max-width: 955px) {
    .idm-lp .right-wrrap {
        display: none;
    }
}

.lp-wrrap md-tab-content {
    overflow-x: hidden;
}
.interactive_switch .interactive .md-bar{
    border: 2px solid rgb(100, 100, 100);
    background: white;
}
.interactive_switch .interactive.md-checked .md-bar{
    background-color : rgb(100, 100, 100);
    border: none;
    height: 20px;
}
.interactive_switch .interactive .md-bar{
    height: 16px;
}
.interactive_switch .interactive .md-thumb{
    box-shadow: none;
    height: 18px;
    width: 18px;
    top: 2px;
    border: 2px solid rgb(100, 100, 100);
}
.interactive_switch .interactive.md-checked .md-thumb{
    background-color: white; 
}
.interactive_switch .interactive{
    margin: 0;
}
.interactive_switch {
    display: block;
}
.interactive_switch > span{
    font-size: 13px;
    line-height: 18px;
    vertical-align: top;
    margin-right: 10px;
    color: rgba(0,0,0,0.54);
    display: inline-block;
}
.interactive_switch .interactive{
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}
/* This was breaking out bootstrap! */
mb-datepicker .form-control {
    width: 135px!important;
}
.mb-datepicker {
    width: 400px;
    position: absolute;
    margin-top: 10px;
    background-color: #f5f5f5;
    z-index: 3000;
    -webkit-box-shadow: 1px 1px 7px 0px rgba(37, 53, 50, 0.37);
    -moz-box-shadow:    1px 1px 7px 0px rgba(37, 53, 50, 0.37);
    box-shadow:         1px 1px 7px 0px rgba(37, 53, 50, 0.37);
}
.mb-datepicker  table {
    width: 400px;
    table-layout:fixed;
}
.mb-datepicker table thead tr td{
    padding-bottom: 10px;
}
.header-item {
    padding-left: 20px;
    padding-right: 20px;
}
.header-month {
    text-align: center;
    width: 70%;
    display: inline-block;
}
.header-right {
    text-align: right;
}
caption {
    padding: 0!important;
}
.header-year-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font-family: \"Open Sans\", sans-serif;
    font-size: 1.2em;
    background-color: #15A5DB;
}
.header-nav-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #626262;
    font-family: \"Open Sans\", sans-serif;
    font-size: 1.2em;
    background-color: #E8E8E8;
}
.header-year {
    padding-top: 1px;
    padding-bottom: 0!important;
    text-align: center;
    width: 80%;
    display: inline-block;
}
.mb-datepicker table tbody tr td{
    text-align: center;
    padding: 10px;
    cursor: pointer;
    color: #626262;
}
.mb-datepicker table tbody tr.days .day-item:hover{
    background-color: #15A5DB;
    color: #f5f5f5!important;
}
.mb-datepicker table tbody tr td.day-head{
    background-color: #f5f5f5;
    cursor: default;
    border-bottom: 1px solid #ECECEC;
    font-weight: 600;
}
.mb-datepicker table tbody tr td.day-head:hover{
    background-color: #f5f5f5;
    color: #626262;
}
.today {
    background: #61C7EC!important;
    color: white!important;
}
.other {
}
.weekend {
    color:#a3a3a3!important;
}
.day {
    color:#60C1E6!important
}
.disabled {
    background:#ECECEC!important;
    color:#a3a3a3!important;
}
.disabled:hover {
    background:#ECECEC!important;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mb-input-field {
    border-radius: 0;
    border-bottom: 1px solid red;
}
@-webkit-keyframes md-step-content-hide{0%,50%{opacity:1}to{opacity:0}}@keyframes md-step-content-hide{0%,50%{opacity:1}to{opacity:0}}md-step-data{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0}md-steppers{display:block;margin:0;border-radius:2px;overflow:hidden;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}md-steppers:not(.md-no-step-content):not(.md-dynamic-height){min-height:272px}md-steppers[md-align-steppers=bottom]{padding-bottom:72px}md-steppers[md-align-steppers=bottom] md-steppers-wrapper{position:absolute;bottom:0;left:0;right:0;height:72px;z-index:2}md-steppers[md-align-steppers=bottom] md-steppers-content-wrapper{top:0;bottom:72px}md-steppers.md-dynamic-height md-steppers-content-wrapper{min-height:0;position:relative;top:auto;left:auto;right:auto;bottom:auto;overflow:visible}md-steppers.md-dynamic-height md-step-content.md-active{position:relative}md-steppers[md-border-bottom] md-steppers-wrapper{border-width:0 0 1px;border-style:solid;border-color:#ddd}md-steppers[md-border-bottom]:not(.md-dynamic-height) md-steppers-content-wrapper{top:73px}md-steppers-wrapper{display:block;position:relative}md-steppers-wrapper md-next-button,md-steppers-wrapper md-prev-button{height:100%;width:32px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1em;z-index:2;cursor:pointer;font-size:16px;background:transparent no-repeat center center;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1)}md-steppers-wrapper md-next-button:focus,md-steppers-wrapper md-prev-button:focus{outline:none}md-steppers-wrapper md-next-button.md-disabled,md-steppers-wrapper md-prev-button.md-disabled{opacity:.25;cursor:default}md-steppers-wrapper md-next-button.ng-leave,md-steppers-wrapper md-prev-button.ng-leave{-webkit-transition:none;transition:none}md-steppers-wrapper md-next-button md-icon,md-steppers-wrapper md-prev-button md-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}md-steppers-wrapper md-prev-button{left:0;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==")}md-steppers-wrapper md-next-button{right:0;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K")}md-steppers-wrapper md-next-button md-icon{-webkit-transform:translate3d(-50%,-50%,0) rotate(180deg);transform:translate3d(-50%,-50%,0) rotate(180deg)}md-steppers-wrapper.md-stretch-steppers md-pagination-wrapper{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}md-steppers-wrapper.md-stretch-steppers md-pagination-wrapper md-step-item{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}md-steppers-canvas{position:relative;overflow:hidden;display:block;height:72px}md-steppers-canvas:after{content:'';display:table;clear:both}md-steppers-canvas .md-dummy-wrapper{position:absolute;top:0;left:0}md-steppers-canvas.md-paginated{margin:0 5px}@media (max-width:320px){md-steppers-canvas.md-paginated .md-step span{display:none}}md-steppers-canvas.md-center-steppers{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center}md-steppers-canvas.md-center-steppers .md-step{float:none;display:inline-block}md-steppers md-steppers-wrapper md-pagination-wrapper{height:72px;display:block;-webkit-transition:opacity .125s cubic-bezier(.35,0,.25,1),-webkit-transform .5s cubic-bezier(.35,0,.25,1);transition:opacity .125s cubic-bezier(.35,0,.25,1),-webkit-transform .5s cubic-bezier(.35,0,.25,1);transition:transform .5s cubic-bezier(.35,0,.25,1),opacity .125s cubic-bezier(.35,0,.25,1);transition:transform .5s cubic-bezier(.35,0,.25,1),opacity .125s cubic-bezier(.35,0,.25,1),-webkit-transform .5s cubic-bezier(.35,0,.25,1);position:absolute;width:999999px;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}md-steppers md-steppers-wrapper md-pagination-wrapper:after{content:'';display:table;clear:both}md-steppers md-steppers-wrapper md-pagination-wrapper.md-center-steppers{position:relative;width:initial;margin:0 auto}md-steppers md-steppers-wrapper md-busy{left:0;top:0;bottom:0;right:0;opacity:1;position:absolute;-webkit-transition:all .25s cubic-bezier(.35,0,.25,1),-webkit-transform .25s cubic-bezier(.35,0,.25,1);transition:all .25s cubic-bezier(.35,0,.25,1),-webkit-transform .25s cubic-bezier(.35,0,.25,1);transition:transform .25s cubic-bezier(.35,0,.25,1),all .25s cubic-bezier(.35,0,.25,1);transition:transform .25s cubic-bezier(.35,0,.25,1),all .25s cubic-bezier(.35,0,.25,1),-webkit-transform .25s cubic-bezier(.35,0,.25,1);line-height:24px;padding:24px 0 24px 24px;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-align:left;-webkit-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0)}md-steppers md-steppers-wrapper md-busy.ng-hide{opacity:0;-webkit-transform:scaleY(.75) translateY(20px);transform:scaleY(.75) translateY(20px)}md-steppers md-steppers-wrapper md-busy.ng-hide~md-pagination-wrapper{opacity:1;pointer-events:initial}md-steppers md-steppers-wrapper md-busy~md-pagination-wrapper{opacity:0;pointer-events:none}md-steppers-content-wrapper{top:72px;overflow:hidden}md-step-content,md-steppers-content-wrapper{display:block;position:absolute;left:0;right:0;bottom:0}md-step-content{top:0;-webkit-transition:-webkit-transform .5s cubic-bezier(.35,0,.25,1);transition:-webkit-transform .5s cubic-bezier(.35,0,.25,1);transition:transform .5s cubic-bezier(.35,0,.25,1);transition:transform .5s cubic-bezier(.35,0,.25,1),-webkit-transform .5s cubic-bezier(.35,0,.25,1);overflow:auto}md-step-content.md-no-scroll{bottom:auto;overflow:hidden}md-step-content.md-no-transition,md-step-content.ng-leave{-webkit-transition:none;transition:none}md-step-content.md-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation:1s md-step-content-hide;animation:1s md-step-content-hide;opacity:0}md-step-content.md-left *{-webkit-transition:visibility 0s linear;transition:visibility 0s linear;-webkit-transition-delay:.5s;transition-delay:.5s;visibility:hidden}md-step-content.md-right{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:1s md-step-content-hide;animation:1s md-step-content-hide;opacity:0}md-step-content.md-right *{-webkit-transition:visibility 0s linear;transition:visibility 0s linear;-webkit-transition-delay:.5s;transition-delay:.5s;visibility:hidden}md-step-content>div.ng-leave{-webkit-animation:1s md-step-content-hide;animation:1s md-step-content-hide}.md-step md-ink-bar{background:#106cc8;opacity:.5;position:absolute;left:auto;right:auto;bottom:0;height:2px}.md-step md-ink-bar.md-left{-webkit-transition:left .125s cubic-bezier(.35,0,.25,1),right .25s cubic-bezier(.35,0,.25,1);transition:left .125s cubic-bezier(.35,0,.25,1),right .25s cubic-bezier(.35,0,.25,1)}.md-step md-ink-bar.md-right{-webkit-transition:left .25s cubic-bezier(.35,0,.25,1),right .125s cubic-bezier(.35,0,.25,1);transition:left .25s cubic-bezier(.35,0,.25,1),right .125s cubic-bezier(.35,0,.25,1)}md-step{position:absolute;z-index:-1;left:-9999px}.md-step{font-size:14px;text-align:center;line-height:24px;padding:24px 0;-webkit-transition:background-color .35s cubic-bezier(.35,0,.25,1);transition:background-color .35s cubic-bezier(.35,0,.25,1);cursor:pointer;white-space:nowrap;position:relative;float:left;font-weight:500;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.md-step:before{margin-right:8px;border-radius:0 1px 1px 0}.md-step:after,.md-step:before{background:rgba(0,0,0,.25);display:inline-block;width:16px;text-align:center;height:2px;line-height:1px;vertical-align:middle;content:'';opacity:.5;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.md-step:after{box-shadow:1px 0 0 0 rgba(0,0,0,.25);border-radius:1px 0 0 1px}.md-step:first-child{padding-left:24px;text-align:left}.md-step:first-child:before{margin-right:0;display:none;width:0}.md-step:last-child{padding-right:24px;text-align:right}.md-step:last-child:before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.md-step:last-child:after{margin-left:0;display:none;width:0}.md-step md-step-label-wrapper{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}.md-step md-step-label-wrapper span{margin-right:8px}.md-step md-step-label-wrapper:before{background:rgba(0,0,0,.25);color:hsla(0,0%,100%,.87);display:inline-block;width:24px;min-width:24px;text-align:center;height:24px;line-height:24px;border-radius:12px;margin-right:8px;content:attr(stepindex);-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.md-step.md-focused{box-shadow:none;outline:none}.md-step.md-active md-step-label-wrapper:before,.md-step.md-success md-step-label-wrapper:before{background:#106cc8}.md-step.md-complete md-step-label-wrapper:before{content:'\7';background:#106cc8 url('data:image/svg+xml;utf8,<svg fill="rgba(255,255,255,0.87)" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat center center}.md-step.md-complete.md-active md-step-label-wrapper:before{content:'\7';background:#106cc8 url('data:image/svg+xml;utf8,<svg fill="rgba(255,255,255,0.87)" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat center center}.md-step.md-error{color:#ff5722;cursor:default}.md-step.md-disabled{pointer-events:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;cursor:default}.md-step.md-disabled md-step-label-wrapper{opacity:.5}.md-step.md-disabled md-step-label-wrapper:before{background:rgba(0,0,0,.25)}.md-step.ng-leave{-webkit-transition:none;transition:none}md-toolbar+md-steppers{border-top-left-radius:0;border-top-right-radius:0}
.menu-body {
    background: white;
    color: black;
    width: 250px;
    transition: .2s ease-out all;
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: -250px;
    box-shadow: 0 8px 15px 0 rgba(0,0,0,.26);
}
.menu-body.shown {
    left: 0;
}
.menu-body ul {
    list-style: none;
    padding: 0;
    font-size: 16px;
    line-height: 14px;
    width: 250px;
}
.menu-body ul a {
    color: #707070;
    text-decoration: none;
    display: block;
    padding: 16px;
    font-size: 15px;
    padding-left: 28px;
}
.menu-body ul a.current {
    font-weight: 500;
    color: black;
    font-size: 18px;
}
.menu-toggle {
    outline: none;
    cursor: pointer;
    line-height: 23px;
    font-size: 20px;
    /*
    width: 250px;
    font-weight: 800;
    */
    padding: 16px 16px 0;
    width: 275px;
    font-weight: 700;

}
.menu-body .menu-toggle {
    padding: 11px 16px;
    border-bottom: 1px solid #E7E7E7;
    font-weight: 800;
}
.menu-body ul a:hover {
    background: #eee;
}


.menu-icon {
    fill: white;
}
.menu-hover .menu-icon {
    fill: grey;
}

.menu-icon-span {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 8px 6px 8px;
}
.menu-icon-span:hover {
    background: rgb(11, 104, 179);
    border-radius: 6px;
}
.menu-body .menu-icon-span:hover {
    background: none;
}

.divider {
    border-bottom: 1px solid #E7E7E7;
    margin: 10px 0;
}
.menu-body md-icon {
    margin-right: 8px;
}
.current .new_logo {
    margin-left: 21px !important;
    height: 31px !important;
    width: 38px !important;
    margin-right: 0px !important;
}
.new_logo {
    margin-left: 41px !important;
    height: 31px !important;
    width: 38px !important;
    margin-right: 0px !important;
}

.hide-nav .menu-body { display: none;}
.hide-nav .menu-toggle { pointer-events: none;}
.hide-nav .menu-toggle .menu-icon-span {display: none;}
.show-toolbar .top-right.hide-user {display: none;}
.monitoring-page {
    height: auto;
    background-color: #eeeeee;
    width: 100%;
    overflow: hidden;
}
.monitoring-page .idm-app {
    height: 1080px;
    min-width: 1911px;
    transform-origin: top left;
}
.mnt-time {
    background-color: #1a88bd;
    padding: 0 85px;
    height: 120px;
}

.mnt-toolbar {
    background-color: #4fb8e8;
    color: #ffffff;
    padding-left: 85px;
}

.mnt-headline {
    font-size: 40px;
    font-weight: 300;
}

.time-caption {
    color: #bbe4e8;
}
.time-timestamp {
    font-size: 43px;
}

.stats-row-24 {
    background-color: #e0e0e0;
}

.stats-row {
    padding: 30px 85px;
}
.mnt-number {
    color: #4fb8e8;
    background-color: #ffffff;
    width: 160px;
    line-height: 58px;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
}
.mnt-stats-row-column-error .mnt-number {
    color: #fa686b;
}

.mnt-arrow-blue {
    background-color: #4fb8e8;
    width: 297px;
}

.mnt-arrow-green {
    background-color: #85c441;
    width: 257px;
}

.mnt-arrow {
    color: #ffffff;
    line-height: 58px;
    font-size: 25px;
    font-weight: 300;
    padding: 0 20px;
    margin-right: 60px;
    position: relative;
    margin-top: 16px;
}
.mnt-arrow md-icon {
    color: #ffffff;
    vertical-align: text-bottom;
}
.mnt-arrow::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 29px 0 29px 29px;
    border-color: transparent transparent transparent #4fb8e8;
    position: absolute;
    top: 0;
    right: -29px;
}
.mnt-arrow-green:after {
    border-color: transparent transparent transparent #85c441;
}

.mnt-grey {
    color:#8E8C8C;
}
.mnt-stats-row-column {
    margin-right: 20px;
}

.mnt-charts-div {
    padding: 0 85px;
}

.mnt-chart-sidebar {
    margin-right: 25px;
    float: right;
    width: 345px;
}

/*.mnt-chart-speedometer .highcharts-container {*/
    /*height: 212px !important;*/
/*}*/

.blue-text {
    color: #4fb8e8;
}
.mnt-chart-speedometer {
    margin-bottom: 20px;
    background-color: #ffffff;
    height: 207px;
    overflow: hidden;
}
.highcharts-axis-labels text:not(.stats-wrapp text){
    font-size: 16px !important;
    font-weight: bold;
}

.mnt-chart-title {
    padding: 10px 10px 0 10px;
    position: absolute;
    z-index: 44;
}

.mnt-chart-map {
    height: 638px;
    background: white;
    float: left;
}
.mnt-chart-map .highcharts-container {
    height: 600px !important;
}

.mnt-chart-servers {
    background-color: #ffffff;
    padding: 10px 0px;
}

.mnt-chart-legend-square {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.mnt-chart-legend-square-blue {
    background-color: #4fb8e8;
}
.mnt-chart-legend-square-green {
    background-color: #85c441;
}
.mnt-chart-legend-square-red {
    background-color: #f31520;
}
.mnt-chart-legend {
    color: #969595;
    font-size: 12px;
    padding: 5px;
}
.mnt-chart-legend-item {
    margin-bottom: 3px;
}
.mnt-chart-servers-item.layout-column {
    text-align: center;
    font-size: 20px;
}
.mnt-black-screen {
    background-color: #000000;
}
.mnt-black-screen img {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -249px;
}
.mnt-error {
    color: #ff6f6f;
    text-align: right;
}
.mnt-green {
    color: #85c441;
}
.darkred {
    color: #660198 !important;
}

.mnt-slash {
    color: #888888;
    width:30px;
}
.mnt-total {
    text-align: left;
}

.idm-pricing .main-container{
    margin-top: 90px;
}
.idm-pricing .entities-main-container{
    width: 100%;
}

.idm-pricing .plan-card{
    height: 235px;
    width: 230px;
    margin-left: 55px;
}

.idm-pricing .plan-card .plan-top{
    background: #7878AF;
    padding: 15px;
    color: #ffffff;
    font-size: 19px;
    margin: 0 auto;
    text-align: center;
    height: 102px;
    background-repeat: no-repeat;
    background-size: cover;
}

.idm-pricing .plan-card .plan-bottom{
    /*background: url('../../img/app/packageBottom.png');*/
    text-align: center;
    padding: 15px;
    margin-top: 1px;
}

.idm-pricing .entities-main-container{
    height: 720px;
    margin-top: 115px;
}

.idm-pricing .plan-card span{
    display: block;
}

.idm-pricing .plan-card .plan-bottom span {
    margin: 30px 0;
}

.idm-pricing .plan-card span.plan-name{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
}

.idm-pricing .plan-card span.plan-desc{
    font-size: 25px;
    font-weight: lighter;
    margin-top: 1px;
}
.idm-pricing .plan-card span.plan-text{
    font-size: 12px;
    font-weight: normal;
    width: 145px;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #868686;
}

.idm-pricing .plan-card span.plan-price{
    font-size: 45px;
    font-weight: bold;
}

.idm-pricing .plan-card span.plan-price:before {
    content: '$';
    font-weight: lighter;
}


.idm-pricing .pricing-bottom{
    bottom: 0px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    height: 45%;
}

.idm-pricing .pricing-bottom .disclaimer{
    float: left;
    direction: ltr;
    text-align: left;
    margin-top: 70px;
    margin-left: 100px;
    font-size: 12px;
    position: absolute;
    bottom: 0;
}

#custom-storyboard-id input[name="autocompleteField"],#custom-Landing-Page-id input[name="autocompleteField"]  {
    background: url(/assets-idmadm/img/app/down-sign.png)no-repeat 98% center / 10px 10px; 
    /*background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 98% center;*/
}
   .custom-large-dialog-class .ng-scope.md-no-transition.md-active,.custom-large-dialog-class .ng-scope.md-active{
    height: 50vh;
}
.custom-large-dialog-class .batch-info-tabs .tab-container
{
    min-height: auto !important;

}
md-dialog .tab-container{
    height: auto !important;
}
.pad-5.pad-b-10.layout-row{
    display: flex;
}
.custom-dispaly-flex-class
{
    display: flex;
}
.custom-width-class-hund
{
    width: 100%;
}
.idm-publish .main-container{
    position: relative;
    z-index: 3;
}

.idm-publish .loading{
    position:fixed;
    bottom:20px;
    right: 100px;
}

.publish-main-card {
    margin-left: 50px;
    max-width: 780px;
    width: 35%;
    position: relative;
}

.idm-publish .tab-container {
    min-height: 530px;
    padding-top: 10px;
}
.publish-dialog {
    padding: 0 20px;
}
.publish-dialog .md-actions {
    padding: 16px 0;
}
.publish-dialog .md-actions .md-button {
    padding: 6px 20px;
}

.publish-right-card {
    margin-left: 70px;
    width: 50%;
    position:relative;
}
div.publish-right-card:not(.hide-content) {
    z-index: 4;
}


.batch-yellow {
    background: #ffae00;
    width: 120px;
    line-height: 292px;
    text-align: center;
}
.batch-yellow img {
    width: 82px;
    height: auto;
}
.publish-upload-button {
    padding-right: 12px;
}

.publish-go-button {
    position: absolute;
    right: 30px;
    bottom: -29px;
    background-color: #FFAE00 !important;
}

.publish-fb-go-button {
    background-color: #FFAE00 ;
    line-height:0 !important;
}

.publish-fb-go-button:disabled {
    background-color: gray ;

}
.p-20150818-093743475 {
    line-height: 34px;
    margin-left: 10px;
    font-size: 14px;
}

.batch-left-cell {
    width: 120px;
    text-align: center;
    line-height: 125px;
}
.batch-left-cell svg {
    display: inline-block;
    vertical-align: middle;
}

.batch-right-cell {
    padding: 29px 20px;
    width: 470px;
}
md-progress-linear.publish-file-progress .md-container {
    background-color: rgba(255, 174, 0, 0.36) !important;
    top: 0;
}
md-progress-linear.publish-file-progress .md-bar {
    background-color: #ffae00 !important;
}

.publish-file-progress {
    width: 370px;
}
.publish-general-form {
    margin-top: 60px;
}
.publish-right-card md-tabs md-tabs-wrapper {
    background: none;
    position: absolute;
    left: -78%;
    top: 98px;
    z-index: 44;
    width: 650px;
}
.batch-right-card {
    position: relative;
}
.publish-right-card .md-tab-content  {
    min-height: 640px;
    padding-bottom: 30px;
}
.publish-right-card md-radio-button {
    display: inline-block;
}

.api-textarea {
    display: block;
    width: 100%;
    height: 330px;
    font-size: 13px;
    line-height: 1.4;
    resize: none;
    font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
}
.publish-right-card md-radio-button[disabled] {
    color: rgba(0,0,0,0.26);
}

.url-input {
    width: 260px !important;
    font-size: 14px;
}

.quick-form-iframe {
    position: relative;
    z-index: 6;
    display: block;
    min-height: 380px;
    width: 100%;
}

.publish-right-card-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0px;
    background-color: white;
    z-index: 7;
    opacity: 0.6;
}
.embed-code-card {
    margin-top: 20px;
}
.embed-code-card .api-textarea {
    height: 60px;
}

.batch-input {
    /*width: 430px;*/
}
.loading-init-data{
    top:100px;
}
.idm-publish .loading-init-data {
    z-index: 4;
    /*display:none;*/
}
.idm-publish .loading-init-data img {
    display: inline-block;
    width: auto;
}
.idm-publish md-tabs {
    overflow: visible;
    min-height: 920px !important;
}
.publish-go-button {
    line-height:0 !important;
}

.mt-input-datetime{
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-weight: 400;
}

.date-time-icon{
    float: left;
    color: #7D7D7D;
    padding-top: 3px;
    padding-right: 3px;
}

.alert-div {
    background: red;
    color: white;
    padding: 10px;
}

@media screen and (max-width: 1599px) {
    .publish-right-card.hide-content {
        margin-left: 20%;
    }
    .publish-right-card md-tabs md-tabs-wrapper {
        left: -84%;
        width: 500px;
    }
    .publish-right-card.hide-content md-tabs-wrapper {
        left: -133%;
    }
}
.select-200 {
    width: 200px;
}

.app-html, .app-html body, .app-html .view-port{
    background-color: rgba(255, 255, 255, 0) !important;
    background: transparent;
}
.smaller-input-padding md-input-container {
    padding: 2px 2px 15px;
}
.ng-invalid {
    border-color:red;
}
.ng-invalid-date-input{
    color:red;
    font-size: 12px;
    padding: 10px;
    display:none;
    padding-left: 25px;
}
.api-endpoint {
    font-size:12px;
}
.delimiter-select{
    width:160px;
}

.publishSBBlock md-autocomplete {background: transparent; border-bottom: 1px solid rgba(0,0,0,0.12);}
.publishSBBlock md-autocomplete md-autocomplete-wrap {box-shadow: none;}
.publishSBBlock md-autocomplete input {padding: 0;}
.publishSBBlock md-autocomplete button md-icon path {fill: rgba(0,0,0,0.26);}
.subTabsApi md-tabs-wrapper {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;

}
.idm-publish .subTabsApi md-tabs {
    min-height: 420px !important;
}

.subTabsApi md-tabs .md-tab.md-active {
    color: #4088db !important;
}
.subTabsApi md-tabs .md-tab {
    color: #8bcbff !important;
}

.publish-stepper md-content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}
.publish-stepper md-content::-webkit-scrollbar-thumb {
    background-color: rgb(119, 119, 119);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.budegt_class {
    float: left;
    left: 0px !important;
    bottom: 13px !important;
    transform: scale(1.5);
    position: absolute;
    top: 2px;
}
.budget_class1{
    width: 28%;
}
.budgetType_class{
    width: 30%;
}

.ads-schedule-section { margin-top: 30px;}
.ads-schedule-section .start-date-section{display: flex; display: -webkit-flex; position: relative;}
.ads-schedule-section .start-date-section .start-lbl{ width:100px;margin-right: 63px;}
.ads-schedule-section .start-date-section .mb-input-field{padding: 5px;}
.ads-schedule-section .start-date-section .material-icons{margin: 0 15px;}
.ads-schedule-section .start-date-section input[type=time]{ height: 28px;}
.ads-schedule-section .start-date-section .start-time-lbl{position: absolute;right: 39px;bottom: -30px;}

.ads-schedule-section .seduling-section{margin-top: 60px;}
.ads-schedule-section .seduling-section .width-100{display: flex;}
.ads-schedule-section .seduling-section .width-100 .width-40{margin-right: 84px;}
.ads-schedule-section .seduling-section .width-100 .width-60{display: flex;flex-direction: column;justify-content: center;}
.ads-schedule-section .seduling-section .width-100 .width-60 #radio_94{margin-top: 0;}
.ads-schedule-section .seduling-section .width-100 .width-60 .end-dtae-schedule{margin-left: 15px;display: flex; display: -webkit-flex; position: relative;}
.ads-schedule-section .seduling-section .width-100 .width-60 .end-dtae-schedule input[type=text]{height: 28px;}
.ads-schedule-section .seduling-section .width-100 .width-60 .end-dtae-schedule .material-icons{margin: 0 15px;}
.ads-schedule-section .seduling-section .width-100 .width-60 .end-dtae-schedule  input[type=time]{ height: 28px;}
.ads-schedule-section .seduling-section .width-100 .width-60 .end-dtae-schedule .ad-account-timezone{position: absolute; right: 0;bottom: -30px;}
.ads-schedule-section .seduling-section .width-100:nth-child(2){margin-top: 60px;}
.ads-schedule-section .seduling-section .width-100:nth-child(2) .width-40{margin-right: 40px;}
.ads-schedule-section .seduling-section .width-100:nth-child(2) .width-60 #radio_96{ margin-top: 0;}

.ads-schedule-section .schedule-scorl-div {
    height: 350px;
    overflow-x: hidden;
}

.table-scheduling {
    margin-left: -116px;
    margin-top: -14px;
}
.table-scheduling table {
    transform: scale(0.8);
    margin-top: -33px;
}

.scheduling-fillable .control {
    font-size: 18px;
    position: relative;
    display: block;
    cursor: pointer;
}

.scheduling-fillable .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.scheduling-fillable .control__indicator {
    position: absolute;
    top: -19px;
    left: 0;
    width: 20px;
    height: 39px;
    background: #e6e6e6;
    left: -10px;
}

.scheduling-fillable .control--radio .control__indicator {
    border-radius: 50%;
}

.scheduling-fillable .control:hover input ~ .control__indicator,
.scheduling-fillable .control input:focus ~ .control__indicator {
    background: #ccc;
}

.scheduling-fillable .control input:checked ~ .control__indicator {
    background: #5870a8;
}

.scheduling-fillable .control:hover input:not([disabled]):checked ~ .control__indicator,
.scheduling-fillable .control input:checked:focus ~ .control__indicator {
    background:#5870a8;
}

.scheduling-fillable .control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

.scheduling-fillable .control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

.scheduling-fillable .control input:checked ~ .control__indicator:after {
    display: block;
}

.scheduling-fillable .control--checkbox .control__indicator:after {
    top: 4px;
    left: 8px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border-width: 0 2px 2px 0;
}
/*21-05-2020 */
.publish-stepper{width: 890px;}

.campaign-budget-label {
    margin-left: 25px;
}
.target-cost-drpdown {
    display: inline;
}
.width-30{ width: 30% !important;}

.addspace {
    margin-right: 18px;
}
/**
22-5-2020 chnages
 */


.publish-main-card > .box-top-new-design{
    display: none;
}
.publish-general-form {
    margin-top: 110px;
}
md-toolbar.idm-sub-sub-toolbar{
    height: 90px;
}
/*md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper{*/
/*    top: 0;*/ /* Browse file menu in Facebook Mapping Dailog menubar */
/*}*/
.publish-right-card md-tabs md-tabs-wrapper{
    top:46px;
}
.bottom-right {
    position: unset;
    bottom: initial;
    right: unset;
    float: right;
    margin:6px 0px 8px 0px;
}
.bottom {
    position: unset;
    bottom: unset;
    float: left;
    margin : 6px 0px 8px 0px;
}
.publish-stepper md-content{
    max-height: unset !important;
    overflow: hidden;
}
.publish-stepper{
    min-height: 1000px !important;
}
.width-50{ width: 50% !important;}
.width-40{ width: 40% !important;}
.width-80{ width: 80% !important;}
.width-70{ width: 70% !important;}
.width-18{ width: 18% !important;}
.width-24{width: 24%;}
.d-flex{ display: flex; }
.mr-right-50{ margin-right: 50px !important;}
.mr-top-20{margin-top: 20px;}
.mr-top-20 label{ margin-top: -4px;}
.mr-right-90{ margin-right: 90px;}
.d-flex label{ margin-top: 8px;}
.d-flex .width-24{margin-left: 40px;}
.mr-left-0{ margin-left: 0 !important;}
.mr-top-0{margin-top: 0 !important;}


.ads-schedule-section .schedule-scorl-div{ height: auto !important;}
.start-date-input-custom{ position: relative;    background: #fff;border: 1px solid #000;}
.start-date-input-custom-material{ position: absolute; right: -10px;  top: 4px;}
.start-date-input-custom1{position: relative;    background: #fff;border: 1px solid #000;margin-left: 20px;}
.start-date-section{ position: relative;}
.start-time-lbl{ position: absolute !important; right: 250px !important; bottom: 0;}
.start-date-input-custom1 input[type=time]{margin-left: 30px; border: none; margin-top:2px;}
.ads-schedule-section .seduling-section .width-100 .width-60 .end-dtae-schedule .ad-account-timezone{ right: -60px !important;}
.start-date-input-custom input{ margin-left: 30px;border: none;margin-top: 2px;}
.start-date-input-custom mb-datepicker table {
    width: 364px;
    table-layout: fixed;
    margin-top:-53px;
    /* transform: scale(0.8) !important; */
}
.start-date-input-custom .mb-datepicker{ transform: scale(0.7);}
.mb-datepicker{width: 360px !important;margin-top: 0px !important;}
.date-picker input:focus{ outline: none !important;}
.date-selectors input:focus{ outline: none !important;}
.start-date-input-custom1 input:focus{ outline: none !important;}
.start-date-input-custom mb-datepicker table{ margin-top: -58px !important;}
.ads-schedule-section .schedule-scorl-div{overflow-x: unset !important;}

.summary-items {
    width: 50% !important;
}
hr.width-hr {
    width: 100%;
    margin: 0;
    margin-top: 21px;
    border-width: 2px;
}
.mb-datepicker{margin-left: -55px;}
.ads-schedule-section .start-date-section .start-time-lbl{left:388px;}


.ads-schedule-section .seduling-section .width-100 .width-60 .end-dtae-schedule .ad-account-timezone{
    right:-9px !important;
}
.ads-schedule-section .start-date-section .start-time-lbl{left:395px;}
.ng-scope-custom{ position: relative;top: 50px;}
.display-block {
    display: block !important;
}

/**
Campaign Lable optimisation 29-06-2020
 */

label.campaign-budget-label {
    top: 35px;
    left: 10px;
    position: relative;
}
md-input-container.mr-top-20 {
    margin-top: 25px;
}

input#label_camp_opt_id {
    margin-top: -8px;
}
/*input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
}*/

/**
8-07-2020 date time changes
 */

.ads-schedule-section .start-date-section .start-time-lbl {
    padding-left: 35px;
}
.start-date-input-custom1 {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}
.start-date-input-custom {
    width: 245px;
    min-width: 245px;
}
.ads-schedule-section .seduling-section .width-100 .width-60 .end-dtae-schedule .start-time-lbl {
    right: auto !important;
    left: 265px;
    bottom: -30px;
    width: 150px;
}
.start-date-input-custom1 input[type=time] {
    margin-left: 10px;
    border: none;
    margin-top: 2px;
    width: calc(100% - 15px);
}
.start-date-input-custom input{
    margin-left: 10px;
}

+
    /**
    Placement designs
     */

.billing-error{
    color: red;
    margin-bottom: 5px;
}
.right-part-box {
    margin-left: 215px;
    margin-top: -77px;
}
.border-checbox-main {
    border: 2px solid black;
}
.border-checbox {
    border: 1px solid black;
    padding: 4px;
}
input.placement-checkbox-right{
    float: right;
    transform: scale(1.5);
}

.expandable.ng-hide{
    transition: all 0.5s ease-in-out;
    height: 0;
    margin-top: 0px;
}
.expandable {
    overflow: hidden;
    color: #000;
    margin-top: 9px;
    line-height: 25px;
    transition: all 0.4s ease-in-out;
    height: auto;
}
.expandable:target {
    height: 50px;
}
.long-label{
    font-size: 14px;
}
.top-18{
    margin-top:-18px !important;
}
.top-11{
    font-size: 11px;
}
.statistic-id-tooltip {
    min-width: 30px;
    min-height: inherit;
    position: absolute;
    right: -11px;
    top: 12px;
}
.design-embed-code-tooltip {
    min-width: 24px;
    margin: 0px;
}
.hide-square-box-hover:hover, .statistic-id-tooltip:hover, .design-embed-code-tooltip:hover{
    background-color:unset !important;
}
/*.publishSBBlock md-autocomplete{border-bottom: none;}*/
.publishSBBlock md-autocomplete{
    border-bottom: none;
    border-bottom-color: transparent;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);
    background-position: 0 bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    margin-bottom: -1px;
}
.md-select-value, md-input-container .md-input{
    border-bottom-style: none !important;
    border-bottom-color: transparent;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);
    background-position: 0 bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    margin-bottom: -1px;
}
md-autocomplete input:not(.md-input){font-size:16px;}
md-autocomplete{height:34px;}
.md-select-value :first-child{vertical-align: middle;padding-bottom: 4px;}
.md-select-value :first-child img {padding-left: 7px;height: 16px;}
.md-select-value :first-child .landing-page-icon{height:24px;}
.md-text img {height: 16px;}
.md-text .landing-page-icon{height:24px;}
md-autocomplete input:disabled{opacity: 0.5}
.publish-right-card.batch-tab-wrap{margin-left:40px;}
.publish-right-card.batch-tab-wrap md-tabs md-tabs-wrapper{left:-77%}
.publish-right-card.batch-tab-wrap md-tabs md-tabs-wrapper md-prev-button,.publish-right-card.batch-tab-wrap md-tabs md-tabs-wrapper md-next-button{display:none;}
.batch-tab-wrap md-tabs .md-tab{padding-left:17px;padding-right:17px}
.batch-tab-wrap md-tabs md-tabs-canvas{margin:0}

@media screen and (max-width:1440px){
    .publish-right-card.batch-tab-wrap md-tabs md-tabs-wrapper{left:-79%}
}
@media screen and (max-width: 1366px){
    .publish-right-card {
        margin-left: 40px;
        width: 52%;
    }
    .publish-main-card{
        width: 40%;
        margin-left: 40px;
    }
    .publish-right-card md-tabs md-tabs-wrapper,.publish-right-card.batch-tab-wrap md-tabs md-tabs-wrapper{left:-87%;}
    .batch-right-card .md-button{margin:6px 2px;padding:0 3px;}
}

@media screen and (max-width: 1170px){
    .publish-right-card {
        margin-left: 25px;
    }
    .publish-main-card{
        width: 45%;
        margin-left: 20px;
    }
    .publish-general-form .light p{
        font-size: 16px !important;
    }
    .publish-right-card md-tabs md-tabs-wrapper,.publish-right-card.batch-tab-wrap md-tabs md-tabs-wrapper{left: -92%;}
    .batch-right-card span.light{font-size: 14px;}
    .publish-right-card .delimiter-select {
        width: 150px;
    }
}
.dark-color{color:rgba(0,0,0,.65)}
@media (max-height: 750px) {
    .homepage-video-dialog {width: calc(95vh * (1280 / 720)) !important;max-width: 85% !important;}
    .new-home-page .preview-video-iframe {max-width: 100% !important;}
    .homepage-video-dialog__close {right: -30px;top: 0;}
}
@media (max-width: 1920px) {
    .solutions__wrapper {padding:0 240px;}
    .solutions__item-text {padding-right: 0;}
    .articles__wrapper {padding-left: 160px; padding-right: 160px;}
}
@media (max-width: 1880px) {
    .solutions__item-title {min-height: 155px;}
}
@media (max-width: 1835px) {
    .solutions__item-text {min-height: 195px;}
}
@media (max-width: 1728px) { /* container 100%, padding 160px */
    .wrapper {padding: 110px 160px;}
    .hero__wrapper {padding: 30px 160px;}
    .solutions__wrapper {padding: 0 140px; max-width: 1720px;}
    .articles__wrapper {max-width: 1920px;}
    .creating__wrapper {max-width: 1720px;}
    .hero__title {font-size: 70px;}
    .header__wrapper {padding: 45px 60px;}
    .solutions__item {padding: 110px 20px;}
    .solutions__item-title {min-height: unset;}
    .solutions__item-text {}
    .articles__slider {margin-top: 110px;}
    .journey__wrapper {padding: 110px 50px;}
    .journey__list {margin-top: 110px;}
}
@media (max-width: 1700px) {
    .solutions__item-title {min-height: 155px;}
}
@media (max-width: 1655px) {
    .solutions__item-text {min-height: 195px;}
}
/*-------------------------------------*/
@media (max-width: 1600px) { /* container 100%, padding 130px */
    .wrapper {padding: 110px 130px;}
    .solutions__wrapper {padding: 0 110px;}
    .button {font-size: 14px; padding:0 23px; height: 43px;}
    .button_big {font-size: 22px; border-width: 3px; border-radius: 71px; padding:0 30px; height: 76px;}
    .pv-homepage .title {font-size: 34px;}
    .subtitle {font-size: 24px;}
    .text {font-size: 18px;}
    .hero {min-height: 500px;}
    .hero__wrapper {padding: 30px 130px;}
    .hero__title {font-size: 60px;}
    .hero__input-group {padding-bottom: 10px; border-bottom: 2px solid #fff; margin:50px auto; }
    .hero__label {font-size: 24px;}
    .hero__input {font-size: 20px; top: -5px;}
    .header__wrapper {padding: 30px 20px;}
    .header__logo {max-width: 150px;}
    .header__button {margin-left: 30px;}
    .header__link {font-size: 18px;}
    .creating__text {max-width: 540px;}
    .solutions__item {padding: 110px 20px;}
    .solutions__item-title {min-height: unset;padding: 25px 0;}
    .solutions__item-text {min-height: 150px; padding-bottom: 20px;}
    .articles__slider-item {padding: 50px 30px;}
    .article__title {padding: 25px 0; min-height: 118px;}
    .article__text {margin-bottom: 20px;}
    .article__stiker {font-size: 20px;}
    .journey__wrapper {padding: 110px;}
    .journey__item-title {padding:25px 0;}
    .journey__list {justify-content: center;}
    .journey__item {width: 30%; padding: 0 20px;}
    .journey__item:nth-child(4), .journey__item:nth-child(5) {margin-top: 80px;}
    .footer__wrapper {padding: 73px 100px 40px;}
    .footer__social-item {width: 44px; height: 44px; }
    .footer__social-item+.footer__social-item {margin-left: 10px;}
    .footer__logo {top: -6px; width: 14%;}
    .footer__logo-img {max-width: 127px;}
    .footer__form form .hs-button {font-size: 14px; padding:0 23px; height: 43px;}
    .footer__copy {font-size: 18px;}
    .footer__category_margin {margin-top: 44px;}
    .footer__category {font-size: 17px;}
    .footer__link-item {font-size: 17px;}

    .help-support__close {margin: 20px 20px 0 auto;}
    .help-support__body {padding: 20px 40px 50px 40px;}
    .help-support *, .help-support *::after, .help-support *::before {font-size: 18px;}
    .help-support__title {font-size: 30px; margin-bottom: 40px;}
    .help-support md-input-container {padding: 0 0 15px;}
    .help-support md-input-container label:not(.md-no-float) {transform: translate3d(0,22px,0) scale(1);}
    .help-support md-input-container.md-input-focused label:not(.md-no-float), .help-support md-input-container.md-input-has-value label:not(.md-no-float) {transform: translate3d(0,0,0) scale(0.75);}
    .help-support md-input-container .md-input { font-size: 18px; padding:5px 0 12px !important; height: 36px;}
    .md-help-support-theme * { font-size: 18px;}
    md-select.md-help-support-theme {height: 36px; padding:3px 0 12px; }
    .md-help-support-theme md-option .md-text {font-size: 18px;}
    .help-support .md-select-value .md-select-icon {margin: 11px 0 0;}
    .help-support__button {font-size: 14px;}
    .search-articles__link {font-size: 16px; padding: 10px 0;}
}
/*-------------------------------------*/
@media (max-width: 1536px) { /* container 100%, padding 130px */
    .footer__wrapper {padding: 73px 20px 40px;}
    .footer__social-item {width: 41px;height: 41px;}
}
@media (max-width: 1520px) {
    .solutions__item-text {min-height: 175px;}
}
/*-------------------------------------*/
@media (max-width: 1439px) {  /* container 100%, padding 100px */
    .wrapper {padding: 100px;}
    .hero {min-height: 450px;}
    .hero__wrapper {padding: 30px 100px;}
    .solutions__wrapper {padding: 0 80px;}
    .solutions__item {padding: 100px 20px;}
    .header__logo {max-width: 127px;}
    .solutions__item-text {min-height: unset;}
    .articles__slider {margin-top: 100px;}
    .journey__wrapper {padding: 100px 80px;}
    .journey__list {margin-top: 100px;}
    .footer__logo-img {max-width: 127px;}
    .new-home-page .preview-video-iframe {max-width: 100% !important;}
    .homepage-video-dialog {max-width: 85%;}
    .footer__logo {width: 14%;}
}
@media (max-width: 1420px) {
    .solutions__item-text {min-height: 175px;}
}
@media (max-width: 1335px) {
    .solutions__item-title {min-height: 120px;}
}
@media (max-width: 1290px) {
    .solutions__item-text {min-height: 200px;}
}
/*-------------------------------------*/
@media (max-width: 1280px) { /* container 100%, padding 100px */
    .wrapper {padding: 90px 100px;}
    .solutions__wrapper {padding: 0 80px;}
    .hero__wrapper {padding: 30px 90px;}
    .hero__title {font-size: 50px;}
    .creating__content {width: 45%;}
    .creating__text {padding: 25px 0;}
    .creating__media {width: 47%;}
    .articles__slider {margin-top: 90px;}
    .journey__wrapper {padding: 90px 80px;}
    .journey__list {margin-top: 90px;}
}
@media (max-width: 1245px) {
    .solutions__item-text {min-height: 225px;}
}
/*-------------------------------------*/
@media (max-width: 1199px)  {	/* container 100%, padding 60px */
    .wrapper {padding:80px 60px;}
    .hero__wrapper {padding: 30px 60px;}
    .solutions__wrapper {padding: 0 40px;}
    .solutions__item-media {height: 135px;}
    .solutions__item-img {height: 95px;}
    .solutions__item-lottie {width: 195px;}
    .solutions__item:nth-child(1) .solutions__item-lottie {transform: scale(0.92);}
    .solutions__item:nth-child(2) .solutions__item-lottie {transform: scale(0.8);}
    .solutions__item:nth-child(3) .solutions__item-lottie {transform: scale(1.11);}
    .solutions__item:nth-child(4) .solutions__item-lottie {transform: scale(1);}
    .articles__slider {margin-top: 80px;}
    .articles__slider-item {padding: 40px 30px;}
    .journey__wrapper {padding: 80px 40px;}
    .journey__list {margin-top: 80px;}
    .footer__category {font-size: 16px;}
    .footer__link-item {font-size: 16px;}
    .footer__copy {font-size: 16px;}
}
@media (max-width: 1030px) {
    .solutions__item-text {min-height: 250px;}
}
/*-------------------------------------*/
@media (max-width: 1024px) { /* container 100%, padding 60px */
    .button_big {font-size: 18px; border-width: 2px; border-radius: 50px; padding:0 25px; height: 60px;}
    .pv-homepage .title {font-size: 25px;}
    .subtitle {font-size: 20px;}
    .text {font-size: 16px;}
    .hero {min-height: 400px; height: auto;}
    .hero__title {font-size: 30px;}
    .hero__input-group {margin:40px auto; }
    .hero__label {font-size: 20px;}
    .hero__input {font-size: 18px; }
    .header__wrapper {padding: 20px;}
    .header__button {margin-left: 20px;}
    .solutions__wrapper {padding: 0 40px;}
    .solutions__item {width: 50%; padding: 50px 20px;}
    .solutions__item:hover {background: #fff;}
    .solutions__item-title {min-height: unset;}
    .solutions__item-text {min-height: unset;}
    .article__title {min-height: 106px;}
    .articles__slider-prev {left: -40px;}
    .articles__slider-next {right: -40px;}
    .articles__slider-prev, .articles__slider-next {width: 55px; height: 55px; background-size: 14px;}
    .article__stiker {font-size: 18px;}
    .journey__wrapper {padding: 80px 60px;}
    .journey__item {width: 50%;}
    .journey__item:nth-child(3), .journey__item:nth-child(4), .journey__item:nth-child(5) {margin-top: 80px;}
    .footer__logo {width: 100%; margin-bottom: 80px;}
    .footer__nav {width: 25%;}
    .footer__contact {width: 25%;}
    .footer__category_margin {margin-top: 40px;}
}
@media (max-width: 850px) {
    .footer__form form .form-columns-1 {width: 100%;}
}
/*-------------------------------------*/
@media (max-width: 810px) { /* container 100%, padding 40px */
    .wrapper {padding: 70px 40px;}
    .hero__wrapper {padding: 30px 40px;}
    .solutions__wrapper {padding: 25px 40px;}
    .solutions__item {width: 100%; padding: 25px 0;}
    .articles__slider {margin-top: 70px;}
    .articles__slider-prev {left: -25px;}
    .articles__slider-next {right: -25px;}
    .journey__wrapper {padding: 70px 40px;}
    .journey__list {margin-top: 70px;}
    .journey__item {width: 100%; padding: 0;}
    .journey__item:nth-child(2), .journey__item:nth-child(3), .journey__item:nth-child(4), .journey__item:nth-child(5) {margin-top: 50px;}
    .footer__wrapper {padding: 25px 20px 40px;}
    .footer__category_margin {margin-top: 20px;}
    .footer__logo {display: none;}
    .footer__nav {width: 50%; order: 2; -webkit-box-ordinal-group: 2}
    .footer__nav:nth-child(4) {margin-top: 56px;}
    .footer__contact {width: 100%; margin-top: 60px; order: 1; -webkit-box-ordinal-group: 1; width: 100%;}
    .footer__form {margin-bottom: 80px;}
    .footer__form form .form-columns-1 {max-width: 100%;}
    .footer__form form .hs-button {margin: 0 auto; min-width: 190px;}
    .footer__copy {width: 100%; order: 2; display: block; text-align: center; line-height: 1.4em;}
    .footer__copy-link {display: inline-block;}
    .footer__copy-sep {display: inline-block; padding: 0;}
    .footer__social {width: 100%; order: 1; margin-bottom: 21px; justify-content: center;}

    .accessibility:not(.accessibility_open):hover .accessibility__widget {width: 0;}
    .accessibility:not(.accessibility_open) .accessibility__button:hover, .accessibility:not(.accessibility_open) .accessibility__button:focus-visible {background: #002756; width: 56px;}
    .accessibility:not(.accessibility_open) .accessibility__button:hover .accessibility__button-ico, .accessibility:not(.accessibility_open) .accessibility__button:focus-visible .accessibility__button-ico {margin: 0 10px;}
    .accessibility:not(.accessibility_open) .accessibility__button:hover .accessibility__button-text {width: 0;}

    .help-support {width: 100%; max-width: 600px;}
    .help-support__close {margin: 20px 20px 0 auto;position: relative;z-index: 1;}
    .help-support__body {padding: 0 30px 30px 30px; width: 100%;}
    .help-support *, .help-support *::after, .help-support *::before {font-size: 16px;}
    .help-support__title {font-size: 25px; margin-bottom: 20px;}
    .help-support__tabs md-tabs-wrapper {padding-bottom: 10px;}
    .help-support md-input-container .md-input { font-size: 16px;}
    .md-help-support-theme * { font-size: 16px;}
    .md-help-support-theme md-option .md-text {font-size: 16px;}
    .submit-ticket__group {flex-wrap: wrap;}
    .submit-ticket__group md-input-container {width: 100%;}
    .help-support__button {font-size: 14px; min-width: 190px; margin: 20px auto 0;}
    .search-articles__link {font-size: 14px; padding: 10px 0;}
}
/*-------------------------------------*/
@media (max-width: 768px) {	/* container 100%, padding 40px */
    .creating__content {width: 100%; order: 2; text-align: center;}
    .creating__text {padding: 30px 0; max-width: unset;}
    .creating__media {display: none;}
    .creating__content .creating__media {width: 100%; order: 1; display: flex; justify-content: center; margin-top: 30px;}
    .creating__button { margin: 0 auto;}
    .new-home-page .preview-video-iframe, .homepage-video-dialog {max-width: 100%;}
    .homepage-video-dialog__close {right: 10px; top: -30px;}
}
@media screen and (min-width: 770px) and (max-width: 850px) {
    .new-home-page md-dialog.homepage-video-dialog { max-width: 85%; min-width: unset; padding: 0;}
}
@media screen and (max-width: 767px) {
    .new-home-page md-dialog.homepage-video-dialog { max-width: 100%; min-width: unset; padding: 0;}
    .new-home-page .md-dialog-container {z-index: 80;}
}
/*-------------------------------------*/
@media (max-width: 640px) { /* container 100%, padding 30px */
    .wrapper {padding: 50px 30px;}
    .hero__wrapper {padding: 0 30px;}
    .solutions__wrapper {padding: 25px 30px;}
    .articles__slider {margin-top: 50px;}
    .journey__wrapper {padding: 50px 30px;}
    .journey__list {margin-top: 50px;}
    .article__title {min-height: unset;}

    .help-support {width: 100%; max-width: 100%; height: 100%; max-height: 100%; border-radius: unset;}
    .md-help-support-theme md-option .md-text {transform: translate3d(2px,-2px,0);}
}
@media (max-width: 560px) {
    .header__link-wrap {position: fixed; right:-80px; bottom: 110px; width: 200px; height: 40px; transform: rotate(90deg); background: #002756; border-bottom-left-radius:5px; border-bottom-right-radius:5px; z-index: 5;}
    .header__link {height: 100%; width: 100%;display: flex; align-items: center; justify-content: center;}
    .header__link:hover {text-decoration: none;}
    .accessibility {top:unset; bottom: 100px; }
}
/*-------------------------------------*/
@media (max-width: 480px) { /* container 100%, padding 30px */
    .hero {min-height: 380px;}
    .hero__label {font-size: 18px;}
    .hero__input {font-size: 18px;}
    .footer__contact {margin-top: 50px; }
    .footer__link-item {font-size: 15px;}
    .footer__copy-sep:nth-child(6) {display: none;}
    .header__button {margin-left: unset; padding:0 15px;}
    .header__button + .header__button {margin-left: 10px;}
    .homepage-video-dialog {width: 100% !important; max-width: 100% !important;}

    .help-support__body {position: relative; top: -15px;}
    .help-support__title {text-align: center; margin-bottom: 30px;}
    .help-support__tabs md-pagination-wrapper {width: 100%; display: flex; justify-content: center; }
    .help-support__tabs .md-tab {float: unset; display: block;}
    .help-support__tabs .md-tab + .md-tab {margin-left: 40px;}
}
@media (max-width: 450px) {
    .article__title {min-height: 106px;}
}
@media (max-width: 420px) {
    .header__button {padding:0 15px;}
    .hero__label {font-size: 16px;}
    .hero__input {font-size: 16px;}
}
@media (max-width: 405px) {
    .footer__copy-sep:nth-child(4) {display: none;}
    .footer__copy-sep:nth-child(6) {display: inline-block;}
}
/*-------------------------------------*/
@media (max-width: 360px) { /* container 100%, padding 30px */
    .header__wrapper {padding: 20px 15px;}
    .header__logo {max-width: 110px;}
    .header__button {padding:0 12px; height: 38px;}
    .header__button + .header__button {margin-left: 5px;}
    .footer__logo-img {max-width: 110px;}
}
/*-------------------------------------*/
@media screen and (max-height: 700px) {
    .design-24__wrap {
        padding: 100px 0;
    }
}

.pv-homepage {overflow: hidden;}
.pv-homepage *:focus { outline: 0;}
.pv-homepage a:focus-visible, .pv-homepage button:focus-visible, .pv-homepage input[type="submit"]:focus-visible {outline: 2px solid #1A6DFF;}
.pv-homepage ol, .pv-homepage ul { list-style: none;}
.pv-homepage *, .pv-homepage *::after, .pv-homepage *::before {box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.pv-homepage {font-family:"sofia-pro";font-weight: 300; font-style: normal; font-size: 20px; line-height: 1; color: #002756; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.pv-homepage button, .pv-homepage input, .pv-homepage textarea {font-family:"sofia-pro";}
.wrapper {padding: 120px 260px;}
.bg {background: radial-gradient(55.4% 55.4% at 16.2% 100%,rgba(254,152,64,.2) 0%,rgba(233,238,249,0) 100%),linear-gradient(47.17deg,#F5F1F2 17.98%,#E9EEF9 100%);}
.button {font-family:"sofia-pro"; font-size: 18px; color: #fff; font-weight: 600; text-transform: uppercase; text-decoration: none; border-radius: 32px; padding:0 32px; letter-spacing: 0.05em; border: 2px solid #FF7C41; background: #FF7C41; text-align: center; display: flex; align-items: center; justify-content: center; text-align: center; width: max-content; height: 56px; transition: 0.5s ease-out; cursor: pointer;}
.button:hover {background: #fff; color: #FF7C41;}
.button_white {background: #fff; color: #FF7C41;}
.button_white:hover {background: #FF7C41;color: #fff;}
.button_big {font-size: 29px; border-width: 3px; border-radius: 81px; padding:0 55px; height: 92px;}
.pv-homepage .title {font-size: 45px; line-height: 1.4; font-weight: 400; margin: 0;}
.subtitle {font-size: 30px; line-height: 1.4; font-weight: 400; margin: 0;}
.text {font-size: 20px; line-height: 1.4; font-weight: 300;}

.hero {background: linear-gradient(-90deg, #3DBCFF 0%, #1A6DFF 100%); height:80vh; min-height: 650px;}
.hero__wrapper {padding: 0 160px; height: 70%; display: flex; flex-flow: column nowrap; align-items: center; justify-content: space-around;}
.hero__title {font-size: 80px; font-weight: 300; color: #fff; text-align: center; line-height:1.2; margin: 0;}
.hero__title span {font-weight: 700;}
.hero__form {}
.hero__input-group {width: max-content; display: block;margin:70px auto 50px; position: relative; padding-bottom: 20px; border-bottom: 3px solid #fff;}
.hero__label {display: block; font-size: 35px; font-weight: 400; color: #fff; position: relative; transition: transform cubic-bezier(.25,.8,.25,1) .25s;  transform-origin: left top;}
.hero__input-group.focused .hero__label, .hero__input-group.has-value .hero__label {transform: translate3d(-2px,-30px,0) scale(0.70); }
.hero__input { position: absolute; width: 100%; left: 0; top:5px; font-family:"sofia-pro"; font-size: 24px; font-weight: 500; color: #fff; border: none; background: none; }
.hero__button {margin: 0 auto;}
.hero__header {}
.header {}
.header__wrapper {padding: 55px 100px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between;}
.header__logo {margin-right: auto; display: flex; align-items: center;}
.header__logo-img {display: block; max-width: 100%;}
.header__link {font-size: 20px; font-weight: 400; color: #fff; text-decoration: none; cursor: pointer;}
.header__link:hover {text-decoration: underline;}
.header__button {margin-left: 40px;}
#homepage-video {display: none;}

.creating {}
.creating__wrapper {display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; max-width: 1920px; margin: 0 auto;}
.creating__content {width: 55%;}
.creating__content .creating__media {display: none;}
.creating__title {line-height: 1.4;}
.creating__text {padding: 40px 0; max-width: 710px;}
.creating__button {}
.creating__media {width: 35%;display: flex;align-items: center; justify-content: flex-end;}
.creating__video {max-width: 100%; display: block;}
.creating__img {max-width: 100%; display: block;}

.solutions {background-color: #fff;}
.solutions__wrapper {padding: 0 260px; max-width: 1960px; margin: 0 auto;}
.solutions__title {}
.solutions__list {display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between;}
.solutions__item {padding: 120px 20px; width: 25%; transition: all cubic-bezier(.25,.8,.25,1) .5s; }
.solutions__item:hover {background: #EEF9FF;}
.solutions__item-media {position: relative; height: 160px; display: flex; align-items: center; justify-content: center;transition: 0.2s}
.solutions__item-img {position: relative;  z-index: 2; width: 100%; height: 116px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; transition: 0.2s}
.solutions__item-lottie {position: absolute; z-index: 1; top: 0; width: 290px; height: 100%; margin: auto; opacity: 0;transition: 0.2s}
.solutions__item:nth-child(1) .solutions__item-lottie {transform: scale(0.94);}
.solutions__item:nth-child(2) .solutions__item-lottie {transform: scale(0.85);}
.solutions__item:nth-child(3) .solutions__item-lottie {transform: scale(0.92);}
.solutions__item:nth-child(4) .solutions__item-lottie {transform: scale(1.05);}
.solutions__item-media:hover .solutions__item-img {opacity: 0; z-index: -1;}
.solutions__item-media:hover .solutions__item-lottie {opacity: 1;}
.solutions__item-title {padding: 35px 0;}
.solutions__item-text {padding-bottom: 30px; min-height: 170px; padding-right: 5px;}
.solutions__item-link {font-size: 18px; font-weight: 300; text-transform: uppercase; text-decoration: none; padding-left:45px; letter-spacing: .05em; position: relative; color: #002756; }
.solutions__item-link:before {content: ''; background: url(/assets-idmadm/img/app/pv-homepage/arrow.svg) 0 50% no-repeat; background-size: contain; position: absolute; left: 0; top: 6px; width: 20px; height: 15px;transition: transform 0.3s ease-out;}
.solutions__item-link:hover:before, .solutions__item-link:focus-visible:before {transform: translateX(10px);}

.articles {}
.articles__wrapper {max-width: 2120px; margin: 0 auto;}
.articles__title {text-align: center;}
.articles__slider {margin-top: 120px;position: relative;}
.articles__slider-wrapper {align-items: flex-start;}
.articles__slider-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23ffffff'/%3E%3C/svg%3E"); left: -50px;}
.articles__slider-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23ffffff'/%3E%3C/svg%3E"); right: -50px;}
.articles__slider-prev, .articles__slider-next {width: 67px; height: 67px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #002756; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.6; border-radius: 50px; background-size: 16px; z-index: 2;}
.articles__slider-prev.swiper-button-disabled, .articles__slider-next.swiper-button-disabled {display: none;}
.articles__slider-prev:after, .articles__slider-next:after {display: none;}
.articles__slider-item {width: 20%; background: #fff; padding: 60px 40px; box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1); border-radius: 30px; opacity: 0.2; transition: opacity .9s ease-in-out; height: auto;}
.articles__slider-item.swiper-slide-visible {opacity: 1;}
.swiper-container-autoheight .articles__slider-item {height: 100%;}
.article {}
.article__stiker {background: linear-gradient(90deg, #3DBCFF 0%, #1A6DFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; font-size: 24px; font-weight: 700; line-height: 1.3;}
.article__title {padding: 30px 0 40px; min-height: 155px;}
.article__text {margin-bottom: 30px;  -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.article__link {font-size: 18px; font-weight: 300; text-transform: uppercase; text-decoration: none; padding-left:45px; letter-spacing: .05em; position: relative; color: #002756;}
.article__link:before {content: ''; background: url('/assets-idmadm/img/app/pv-homepage/arrow.svg') 0 50% no-repeat; background-size: contain; position: absolute; left: 0; top: 6px; width: 20px; height: 15px;transition: transform 0.3s ease-out;}
.article__link:hover:before, .article__link:focus-visible:before {transform: translateX(10px);}

.journey {background-color: #fff;}
.journey__wrapper {padding: 120px 110px; max-width: 1920px; margin: 0 auto;}
.journey__title {text-align: center;}
.journey__list {margin-top: 120px; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between;}
.journey__item {width: 20%; padding: 0 30px; text-align: center;}
.journey__item-media {height: 95px; background-position: 50% 50%; background-repeat: no-repeat;}
.journey__item-title {padding:40px 0 30px 0;}
.journey__item-text {}

.footer {background-color: #fff; box-shadow: inset 0px 0px 75px rgba(0, 0, 0, 0.05); font-family:"sofia-pro"; color: #002756;}
.footer__wrapper {padding: 80px 100px 40px;}
.footer__row {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;}
.footer__row:nth-child(2) {border-top: 1px solid #C4C4C4; padding-top: 45px; margin-top: 90px; align-items: center;}
.footer__logo {width: 20%; position: relative; top: -14px;}
.footer__logo-img {display: block; width: 200px; max-width: 100%; display: inline-block; vertical-align: middle;}
.footer__nav {width: 20%;}
.footer__category {display: block; font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #002756; text-decoration: none; margin-bottom: 20px;}
.footer__category_margin {margin-top: 48px;}
.footer__category_margin--2 {margin-top: 56px;}
.footer__category_margin--3 {margin-bottom: 30px;}
a.footer__category:hover {color: #FF7C41}
.footer__list {}
.footer__link-item {display: block; width: max-content; font-size: 18px; font-weight: 300; color: #002756; line-height: 1; text-transform: capitalize; text-decoration: none;}
.footer__link-item:hover {color: #FF7C41}
.footer__link-item + .footer__link-item {margin-top: 15px;}
.footer__contact {width: 20%;}
.footer__form {}
.footer__copy {display: flex; align-items: center; justify-content: flex-start; font-size: 20px; font-weight: 300; }
.footer__copy-link {display: block; width: max-content; color: #002756; text-decoration: none; margin: 0 8px;}
.footer__copy-link:hover {color: #1A6DFF;}
.footer__copy-link:first-child {font-weight: 400;}
.footer__copy-link:first-child:before {content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 8px; background-image: url('/assets-idmadm/img/app/pv-homepage/globe.svg');}
.footer__copy-link:first-child:hover:before {filter: invert(30%) sepia(81%) saturate(2598%) hue-rotate(212deg) brightness(100%) contrast(108%);}
.footer__copy-sep {padding: 0 5px; }
.footer__social {display: flex; align-items: center; justify-content: flex-end;}
.footer__social-item {width: 56px; height: 56px; border-radius: 50%; background-color: #002756; background-position: 50% 50%; background-repeat: no-repeat; text-decoration: none; display: block;}
.footer__social-item+.footer__social-item {margin-left: 18px;}
.footer__social-item:hover {background-color: #1A6DFF;}
.footer__form form {}
.footer__form form .form-columns-1 {max-width: 500px; }
.footer__form form .field {position: relative; }
.footer__form form label:not(.hs-error-msg):not(.hs-main-font-element):not(.hs-form-booleancheckbox-display) {
border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;margin-bottom: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.footer__form form .label-visible {display: block; position: relative; z-index: 1; font-size: 16px; font-weight: 400; color: #1A6DFF;  transition: transform cubic-bezier(.25,.8,.25,1) .25s;  transform-origin: left top; top: 15px; }
.footer__form form .focused .label-visible {transform: translate3d(0,-15px,0) scale(0.85); }
.footer__form form .input {position: relative; width: 100%; height: 70px;}
.footer__form form .hs-input {border:none;  border-bottom: 1px solid #969696; background: none; width: 100% !important; font-family:"sofia-pro"; font-size: 16px; font-weight: 400; color: #002756;height: 30px; resize: none; position: relative; z-index: 2;}
.footer__form form fieldset.focused .hs-input{border-color: #1A6DFF; }
.footer__form form .hs-input.invalid.error {border-color: #FF5F2C;}
.footer__form form .hs-error-msgs {color: #FF5F2C; font-size: 16px; font-weight: 300;}
.footer__form form .hs-form-field .hs-error-msg {position: absolute; top: 50px;}
.footer__form form .form-columns-1:nth-child(10) {width: 100%;}
.footer__form form .hs-richtext {color: #646464; font-size: 14px; font-weight: 400; line-height: 1.4; margin-top: -17px;}
.footer__form form .hs-richtext p {margin: 0;}
.footer__form form .hs-richtext a {color: #646464;}
.footer__form form .hs_submit {width: 100%; padding-top: 45px;}
.footer__form form .hs-button {font-family:"sofia-pro"; font-size: 18px; color: #fff; font-weight: 600; text-transform: uppercase; text-decoration: none; border-radius: 32px; padding:0 32px; letter-spacing: 0.05em; border: 2px solid #1A6DFF; background: #1A6DFF; text-align: center; display: flex; align-items: center; justify-content: center; text-align: center; width: max-content; height: 56px; transition: 0.5s ease-out; cursor: pointer;}
.footer__form form .hs-button:hover {background-color: #fff; color: #1A6DFF;}

.pv-homepege-form {display: none;}

.new-home-page ::-webkit-input-placeholder {color: transparent;}
.new-home-page :-moz-placeholder {color: transparent;}
.new-home-page ::-moz-placeholder {color: transparent;}
.new-home-page :-ms-input-placeholder {color: transparent;}
.new-home-page input::placeholder {color: transparent;}
.new-home-page textarea::-webkit-input-placeholder {color: transparent;}
.new-home-page textarea:-moz-placeholder {color: transparent;}
.new-home-page textarea::-moz-placeholder {color: transparent;}
.new-home-page textarea:-ms-input-placeholder {color: transparent;}
.new-home-page textarea::placeholder {color: transparent;}

.new-home-page .preview-video-iframe {width: 1200px; height: auto; max-width: 100%;}
.homepage-video-dialog {width: 1200px; max-width: 100%; max-height: unset; background: unset;}
.homepage-video-dialog__close {position: absolute; right: -30px; top: -30px; width: 28px; height: 28px; background: url('/assets-idmadm/img/app/pv-homepage/close.svg') 50% 50% no-repeat; background-size: contain;cursor: pointer;}
.homepage-video-dialog .idm-player.mobile .video-js .vjs-control{width:3.5em !important;}
.new-home-page.md-dialog-is-showing {overflow: hidden;}
.new-home-page .md-dialog-container.video-dialog-container {height: 100% !important;}
.new-home-page md-backdrop.md-opaque {background: rgba(0,0,0,.7); height: 100% !important;}
.new-home-page md-dialog.homepage-video-dialog {padding: 0; box-shadow:unset; border-radius: unset; overflow: unset;}
.new-home-page md-dialog.md-transition-in {transition: all .3s ease; transform: unset;}

/* Accessibility */
.skip {z-index: 5; position:absolute; top:0; left: 0; width:1px; height:1px; overflow:hidden;}
.skip:focus, .skip:focus-visible, .skip:active {left: 0; top: 0; width: 100%; height:120px; overflow:auto; text-align:center; display: flex; align-items: center; justify-content: center; background: #fff; color: #002756; font-size: 20px; cursor: pointer; box-shadow: 0 20px 30px rgba(0,39,86,.3); text-decoration: none; outline: unset;}

.switchery{background-color:#fff; border:1px solid #dfdfdf !important; border-radius:20px !important; cursor:pointer;display:inline-block;height:30px;position:relative;vertical-align:middle;width:50px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:content-box;background-clip:content-box;padding:0 !important;}
.switchery:focus-visible{outline:2px solid #002756 !important;}
.switchery>small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,0.4);height:30px;position:absolute;top:0;width:30px}
.switchery-small{border-radius:20px;height:20px;width:33px}
.switchery-small>small{height:20px;width:20px}
.switchery-large{border-radius:40px;height:40px;width:66px}
.switchery-large>small{height:40px;width:40px}

.accessibility { position: fixed; left: 0; top: 40%; z-index: 10; }
.accessibility_hide {display: none;}
.accessibility_template {display: none;}
.accessibility:hover {}
.accessibility_open { border-radius: 28px; box-shadow: inset 0 0 100px rgba(0,0,0,.05); background-color: #fff; }
.accessibility .accessibility__button { background: #002756; width: 56px; height: 56px; border-radius: 28px; display: flex; align-items: center; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); border: none !important; padding: 0 !important; text-align: left !important;}
.accessibility .accessibility__button:hover, .accessibility .accessibility__button:focus-visible {background: #002756; width: 240px; outline: unset;}
.accessibility_open .accessibility__button  {background: #002756; width: 240px;  border-bottom-left-radius: unset; border-bottom-right-radius: unset;}
.accessibility__button-ico {background: url('/assets-idmadm/img/app/pv-homepage/accessibility.svg') 50% 50% no-repeat; background-size: contain; width: 36px; height: 36px; margin: 0 10px; cursor: pointer; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);}
.accessibility__button:hover .accessibility__button-ico, .accessibility__button:focus-visible .accessibility__button-ico {margin: 0 10px 0 20px;}
.accessibility_open .accessibility__button-ico { margin: 0 10px 0 20px;}
.accessibility__button-text {width: 0; overflow: hidden; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); font-size: 18px;font-weight: 600; color: #fff; line-height: 1 !important; text-transform: none !important;}
.accessibility:not(.accessibility_open) .accessibility__button:hover .accessibility__button-text  {width: 130px; cursor: pointer;}
.accessibility_open .accessibility__button-text, .accessibility__button:focus-visible .accessibility__button-text  {width: 130px; }
.accessibility__botton-close {width: 0; height: 20px; overflow: hidden; transition: .5s ease-in-out; position: relative; transform: rotate(0deg);}
.accessibility_open .accessibility__botton-close, .accessibility__botton:hover .accessibility__botton-close,  .accessibility__botton:focus-visible .accessibility__botton-close { width: 20px; height: 20px; }
.accessibility__botton-close:focus-visible {outline: none !important;}
.accessibility__botton-close span { display: block;position: absolute;left: 0;top: 9.2px; height: 3.2px;width: 100%;background: #fff;border-radius: 2px;transform: rotate(0deg);transition: .2s ease-in-out;}
.accessibility__botton-close span:nth-child(1) {width: 50%;transform: rotate(45deg); left: 1.2px; top: 6px;}
.accessibility__botton-close span:nth-child(2) {transform: rotate(-45deg);}
.accessibility__botton-close span:nth-child(3) {width: 50%;transform: rotate(45deg);left: 8px;top: 12.4px;}
.accessibility_open .accessibility__botton-close:hover span:nth-child(1), .accessibility__botton-close:focus-visible span:nth-child(1) {transform: rotate(135deg);left: -0.4px;top: 6px;}
.accessibility_open .accessibility__botton-close:hover span:nth-child(2), .accessibility__botton-close:focus-visible span:nth-child(2) {transform: rotate(0deg);}
.accessibility_open .accessibility__botton-close:hover span:nth-child(3), .accessibility__botton-close:focus-visible span:nth-child(3) {transform: rotate(45deg);left: -0.4px;top: 12.4px;}
.accessibility__widget {height: 0; width: 0; padding:0 20px;  overflow: hidden;transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);}
.accessibility:hover .accessibility__widget {width: auto;}
.accessibility_open .accessibility__widget {padding: 10px 20px 20px; height: auto; width: auto;}
.accessibility__widget-line {display: flex; align-items: center;}
.accessibility__widget-line + .accessibility__widget-line {margin-top: 10px;}
.accessibility__widget-label {font-size: 16px;font-weight:400; margin-left: 10px; padding-bottom: 3px; cursor: pointer;}

body.accessibility-is-true.links-adjustment a:hover, body.accessibility-is-true.links-adjustment button:hover, body.accessibility-is-true.links-adjustment input[type="submit"]:hover, body.accessibility-is-true.links-adjustment .help-support__tabs .md-tab:hover {text-decoration: underline !important;}
body.accessibility-is-true.contrast-mode .button, body.accessibility-is-true.contrast-mode .footer__form form .hs-button  {border-color: #002756; background-color: #002756;}
body.accessibility-is-true.contrast-mode .button:hover, body.accessibility-is-true.contrast-mode .footer__form form .hs-button:hover {background-color: #fff; color: #002756;}
body.accessibility-is-true.contrast-mode .button_white {border-color: #002756; background-color: #fff; color: #002756;}
body.accessibility-is-true.contrast-mode .button_white:hover {background-color: #002756; color: #fff;}
body.accessibility-is-true.contrast-mode .footer__form form .hs-error-msgs {color: #d0491e;}
body.accessibility-is-true.contrast-mode .footer__form form .hs-input.invalid.error {border-color: #d0491e;}

/* Help & Support */
.help-support-dialog-container {height: 100% !important;}
.help-support {padding: 0; box-shadow:unset; border-radius: 50px; overflow: unset; max-height: 85%;}
.help-support *, .help-support *::after, .help-support *::before {font-family:"sofia-pro"; font-weight: 400; font-style: normal; font-size: 20px; line-height: 1; color: #002756; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.help-support__close {background: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.434 20.6661C20.2288 20.8713 19.8962 20.8713 19.691 20.6661L0.372813 1.34791C0.167637 1.14273 0.167638 0.81008 0.372813 0.604904C0.577989 0.399728 0.910644 0.399727 1.11582 0.604904L20.434 19.9231C20.6392 20.1283 20.6392 20.4609 20.434 20.6661Z' fill='%23002756'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.418379 20.4328C0.213203 20.2276 0.213203 19.895 0.418379 19.6898L19.7366 0.371591C19.9417 0.166414 20.2744 0.166415 20.4796 0.371591C20.6847 0.576767 20.6847 0.909421 20.4796 1.1146L1.16139 20.4328C0.95621 20.638 0.623554 20.638 0.418379 20.4328Z' fill='%23002756'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: contain; width: 21px; height: 21px; min-height: 21px; margin: 30px 40px 0 auto; border: none;}
.help-support__body {width: 600px; padding: 10px 40px 50px 40px;}
.help-support__title {font-size: 30px; margin-bottom: 40px;}
.help-support__tabs {}
.help-support__tabs .md-tab {color: #002756; padding: 0 0 20px; font-weight: 300; text-transform: unset;}
.help-support__tabs .md-tab.md-active {color: #002756 !important; font-weight: 400;}
.help-support__tabs .md-tab + .md-tab {margin-left: 50px;}
.help-support__tabs .md-tab .md-ripple-container {display: none;}
.help-support__tabs md-tabs-canvas, .help-support__tabs md-pagination-wrapper {height: 35px;}
.help-support__tabs md-tabs-wrapper {border: 0 !important; padding-bottom: 20px;}
.help-support__tabs md-ink-bar {height: 4px; background: linear-gradient(90deg, #3DBCFF 0%, #1A6DFF 100%); border-radius: 4px;}
.submit-ticket {}
.submit-ticket__group {display: flex; justify-content: space-between;}
.submit-ticket__group md-input-container {width: 45%;}
.help-support md-input-container {padding: 0 0 20px;}
.help-support md-input-container label:not(.md-no-float) {color: #1A6DFF; top: 0; padding-left:0; transform: translate3d(0,30px,0) scale(1);}
.help-support md-input-container.md-input-focused label:not(.md-no-float), .help-support md-input-container.md-input-has-value label:not(.md-no-float) {transform: translate3d(0,0,0) scale(0.75);}
.help-support md-input-container:not(.md-input-invalid).md-input-focused label {color:#1A6DFF !important;}
.help-support md-input-container .md-input {background:none; margin-bottom:0; padding:10px 0 15px !important; border-bottom:1px solid #969696 !important; line-height: 1; font-family:"sofia-pro"; font-weight:400; font-size: 20px; color: #002756; height: 46px;}

.help-support md-input-container.md-input-invalid .md-input {border-bottom:1px solid #f44336 !important;}
.help-support md-input-container.md-input-invalid [ng-message] {line-height: 18px;}
md-select.md-help-support-theme {margin: 0; height: 46px; padding:10px 0 15px; border-bottom:1px solid #969696 !important;}
md-select.md-help-support-theme.md-select-error {border-bottom:1px solid #f44336 !important;}
md-select.md-help-support-theme .md-select-value { padding: 0; min-height: 20px;}
md-select.md-help-support-theme .md-select-value span {color: #002756; font-weight: 400; padding-bottom: 0; transform: unset;max-width:100%; overflow: unset;}
md-select.md-help-support-theme .md-select-value.md-select-placeholder span {color: #1A6DFF;}
.help-support .md-select-value {background:none; margin-bottom:0;}
.help-support .md-select-value .md-select-icon {background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.8822 6.05106L10.8973 0.928407C10.9412 0.892616 10.9786 0.846853 11.0073 0.793801C11.0361 0.740749 11.0555 0.681475 11.0645 0.619452C11.0736 0.55743 11.072 0.493908 11.0599 0.432607C11.0479 0.371307 11.0255 0.313462 10.9943 0.262462C10.9802 0.236345 10.9634 0.2125 10.9441 0.191533C10.8506 0.086426 10.7288 0.0233307 10.5999 0.0132489C10.4709 0.00316715 10.3431 0.0467389 10.2386 0.136366C10.2185 0.151438 10.2005 0.170041 10.1852 0.191533L7.1761 3.28089L5.54118 4.95954L5.03632 4.44334L0.880483 0.179711C0.78699 0.0746038 0.66516 0.0115081 0.536239 0.00142629C0.407316 -0.00865547 0.279482 0.0349163 0.175026 0.124544C0.0877943 0.194147 0.027544 0.301683 0.00748728 0.423568C-0.0125685 0.545453 0.0092058 0.671737 0.068037 0.774727C0.0831594 0.802207 0.10113 0.827357 0.121531 0.849596L0.171682 0.904764L5.18678 6.05106C5.28719 6.14637 5.41225 6.19834 5.54118 6.19834C5.67011 6.19834 5.79516 6.14637 5.89558 6.05106' fill='%23002756'/%3E%3C/svg%3E") 50% 50% no-repeat; background-size: contain; width: 12px; height: 7px; margin:13px 0 0; transform: unset;}
.help-support .md-select-value .md-select-icon:after {display: none;}
.md-help-support-theme * {font-family:"sofia-pro"; font-weight: 300; font-style: normal; font-size: 20px; line-height: 1; color: #002756; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
md-input-container.md-help-support-theme:not(.md-input-invalid).md-input-has-value label {color:#1A6DFF; font-weight: 400;}
md-select-menu.md-help-support-theme {box-shadow: 0px 5px 20px rgba(7, 53, 74, 0.4);}
md-select-menu.md-help-support-theme md-content {padding: 10px 0; background: #fff;}
.md-help-support-theme md-option {padding:0 20px; height: 40px;}
.md-help-support-theme md-option:hover {background: #CDEDFE !important; }
md-select-menu.md-help-support-theme md-option:focus:not([selected]) {background: none;}
.md-help-support-theme md-option .md-text {font-size: 20px; transform: translate3d(-2px,-1px,0); overflow-y: visible; overflow: visible;}
.md-help-support-theme md-option:hover .md-text {font-weight: 400;}
.md-help-support-theme md-option[selected] .md-text {font-weight: 400;}
.md-help-support-theme md-option .md-ripple-container {display: none;}
.help-support__button {font-size: 18px; color: #fff; font-weight: 600; margin: 30px auto 0;}
.help-support__button.md-button:hover {background: #fff;}
.search-articles {overflow: unset;}
.search-articles__info {margin: 30px 0 5px;}
.search-articles__info-link {color:#1A6DFF; font-weight: 300; text-decoration: none;}
.search-articles__list {}
.search-articles__item {}
.search-articles__link {color:#1A6DFF; font-size: 18px; font-weight: 300; line-height: 1.4; text-decoration: none; display: block; padding: 15px 0;}
.search-articles__item md-divider {border-color: #969696;}
.ticket-error-required {color: rgb(244,67,54); font-size: 12px; font-weight: 400; line-height: 18px; position: absolute; bottom: 2px;}

.design-24 {font-family:"sofia-pro";font-weight: 400; font-style: normal; font-size: 18px; line-height: 1.39; color: #002756; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.design-24, .design-24 *, .design-24 *::after, .design-24 *::before {box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.design-24_bg, .design-24_set-bg .md-dialog-container {background: radial-gradient(55.4% 55.4% at 16.2% 100%, rgba(254, 152, 64, .2) 0%, rgba(233, 238, 249, 0) 100%), linear-gradient(47.17deg, #F5F1F2 17.98%, #E9EEF9 100%);}
.design-24_set-bg-2 .md-dialog-container {background:rgba(48, 87, 104, .5);}
.design-24_sign-up { min-height: 100vh; height: 100%;}
.design-24__wrap {width: 325px; max-width: 100%; margin: 0 auto; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; min-height: 100vh; }
.design-24__logo {text-decoration: none; position: absolute; top: 24px;}
.design-24__logo-img {display: block; }
.design-24__title {font-size: 24px; font-weight: 700; letter-spacing: -0.48px; line-height: 1.42; text-align: center; }
.design-24__title span {color: #1A6DFF;}
.design-24__welcome-text {font-weight: 700;text-align: center;margin: 24px auto 24px;}
.design-24__welcome-text p {margin: 0;}
.design-24__create-account-text {margin-bottom: 6px;}
.home-page .idm-app md-input-container.design-24__account-name-input, .design-24 md-input-container.design-24__account-name-input {padding: 0 0 23px;}
.home-page .idm-app md-input-container.design-24__account-name-input label, .design-24 md-input-container.design-24__account-name-input label {color: #1A6DFF !important; font-size: 16px; padding-bottom: 10px;}
.home-page .idm-app md-input-container.design-24__account-name-input:not(.md-input-invalid).md-input-has-value label,
.home-page .idm-app md-input-container.design-24__account-name-input.md-input-focused label,
.home-page .idm-app md-input-container.design-24__account-name-input.md-input-focused label:not(.md-no-float),
.design-24 md-input-container.design-24__account-name-input:not(.md-input-invalid).md-input-has-value label,
.design-24 md-input-container.design-24__account-name-input.md-input-focused label,
.design-24 md-input-container.design-24__account-name-input.md-input-focused label:not(.md-no-float){ color: #1A6DFF !important;-webkit-transform: translate3d(0, 6px, 0) scale(.875); transform: translate3d(0, 6px, 0) scale(.875);}
.home-page .idm-app md-input-container.design-24__account-name-input input, .design-24 md-input-container.design-24__account-name-input input {border-bottom: 1px solid #969696 !important; background: none; padding-bottom: 5px;color: #002756;font-family:"sofia-pro";font-size: 18px;font-style: normal;font-weight: 400; line-height: 25px;}
md-input-container.design-24__account-name-input .md-input.ng-invalid.ng-dirty, md-input-container.design-24__account-name-input.md-input-focused .md-input {padding-bottom: 5px;}
.home-page .idm-app .design-24_sign-up .input-error-message {color: #FF5F2C !important;font-size: 14px;}
.design-24 md-input-container [ng-message]:not(.md-char-counter) {padding-right: 0; position: static;font-size: 14px; color: #FF5F2C;}
.design-24__hosted-text {}
.design-24__hosted-wrap {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin: 10px 0 24px; padding-bottom: 8px; border-bottom: 1px solid #969696; position: relative; height: 100%;}
.design-24__hosted-radio-group {display: flex; flex-flow: row nowrap; align-items: center;}
.design-24__hosted-radio-button {margin: 0;display: flex; flex-flow: row nowrap; align-items: center; margin: 0;}
.design-24__hosted-radio-button+.design-24__hosted-radio-button {margin-left:18px;}
.design-24__hosted-radio-button .md-container {top: unset; }
.design-24__hosted-radio-group.md-focused:not(:empty) .md-checked .md-container:before {background-color: rgba(26, 109, 255, 0.26);}
.design-24__hosted-radio-button.md-checked .md-container .md-on {background-color: #1A6DFF !important;}
.design-24__hosted-radio-button .md-container .md-off {border: 1px solid #07354A;}
.design-24__hosted-radio-button .md-label {margin-left: 6px; font-size: 16px;}
.design-24__hosted-info {position: relative;}
.design-24__hosted-info-ico {width: 18px; height: 18px; background: url('/assets-idmadm/img/app/design-24/hosted-info-icon.svg') 50% 50% no-repeat; cursor: pointer;}
.design-24__hosted-info_active .design-24__hosted-info-ico {background: url('/assets-idmadm/img/app/design-24/hosted-info-icon-active.svg') 50% 50% no-repeat;}
.design-24__hosted-info-text {position: absolute; right: 0; top: 22px; z-index: 1; width: 215px;  border-radius: 6px; background: #5A7886; box-shadow: 0px 5px 20px 0px rgba(7, 53, 74, 0.40); color: #FFF; font-size: 14px; line-height: 1.21; max-height: 0; overflow: hidden; }
.design-24__hosted-info_active .design-24__hosted-info-text {max-height: 500px; padding: 4px 8px;transition: max-height 0.25s ease-in;}
md-checkbox.design-24__terms-checkbox {margin: 0 0 0 20px;}
md-checkbox.design-24__terms-checkbox .md-container {width: 16px; height: 16px; margin-top: 4px; }
md-checkbox.design-24__terms-checkbox .md-container .md-icon {border-radius: 4px; border: 1px solid #07354A; border-color:#07354A !important; width: 16px; height: 16px;}
md-checkbox.design-24__terms-checkbox.md-checked .md-container .md-icon {background:none !important;}
md-checkbox.design-24__terms-checkbox .md-container .md-icon:after {left: 4px;top: 1px; width: 6px; height: 10px;border-color: #1A6DFF;}
md-checkbox.design-24__terms-checkbox .md-label {margin-left: 8px; font-size: 16px; line-height: 1.25;}
md-checkbox.design-24__terms-checkbox .md-label a {color: #1A6DFF; text-decoration: none;}
.md-button.design-24__button {display: flex; width: 100%; height: 50px; justify-content: center; align-items: center; background: #FF7C41; border:2px solid  #FF7C41; border-radius: 32px; color: #fff; font-size: 18px; font-weight: 700;text-transform: uppercase;margin: 25px 0 0; padding: 0;}
.design-24 .md-button.design-24__button:not([disabled]):not(.animate):hover,
.design-24 .md-button.design-24__button:not([disabled]):not(.animate):focus,
.idm-app .md-button.design-24__button:not([disabled]):not(.animate):hover,
.idm-app .md-button.design-24__button:not([disabled]):not(.animate):focus { background: #fff; color: #FF7C41;}
.design-24 .md-button.design-24__button.animate:not([disabled]):hover, .design-24 .md-button.design-24__button.animate:not([disabled]):focus {background: #fff; color: transparent;}
.design-24__button[disabled] { background: #fff; border: 1px solid #CDD7DB; color: #ACBCC3; }
.design-24_two-step { min-height: 100vh; width: 100%; height: 100%;}
.design-24__two-step-text {margin: 24px 0 5px; text-align: center;}
.design-24_two-step form {width: 100%;}
.design-24_two-step .md-button.design-24__button{margin: 2px 0 0;}

.design-24_access-account {}
.access-account {filter: drop-shadow(0px 5px 20px rgba(7, 53, 74, 0.40)); box-shadow: unset; color: #07354A; position: relative; overflow: unset; background: none;}
.access-account__close {position: absolute; right:-35px; top: -20px; width: 20px; height: 20px; background: url('/assets-idmadm/img/app/design-24/close-icon.svg') 50% 50% no-repeat; cursor: pointer;}
.access-account__wrap {border-radius: 16px; max-width: 865px; overflow: auto; background: #fff;}
.access-account__header {height: 72px; display: flex; flex-flow: row nowrap;}
.access-account__logo {width: 72px; height: 100%; border-radius: 16px 0px 0px 0px; background: #07354A; display: flex; align-items: center; justify-content: center;}
.access-account__logo-img {display: block;}
.access-account__header-text {background: #EEEEEE; width: calc(100% - 72px); height: 100%; padding:0 13px; display: flex; flex-flow: column nowrap; align-items: flex-start; justify-content: center; }
.access-account__header-title {font-weight: 700;}
.access-account__header-descr {font-size: 16px;}
.access-account__body {}
.access-account__table {display: flex; flex-flow: column nowrap;}
.access-account__table thead {height: 58px; width: 100%; display: flex;}
.access-account__table thead tr {height: 100%; width: 100%; display: flex; flex-flow: row nowrap; align-items: flex-end;padding-bottom: 8px;}
.access-account__table thead tr th {padding-left: 8px; text-align: left;}
.access-account__table thead tr th:nth-child(1) {width: 38%;}
.access-account__table thead tr th:nth-child(2) {width: 16%;}
.access-account__table thead tr th:nth-child(3) {width: 46%;}
.access-account__change-sorting {display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.21; cursor: pointer;}
.access-account__sorting-arrow {margin-left: 6px; display: inline-block; width: 10px; height: 9px; transition: .2s}
.access-account__sorting-arrow.show {background: url('/assets-idmadm/img/app/design-24/arrow.svg') 50% 50% no-repeat;}
.access-account__sorting-arrow.show.descending {background: url('/assets-idmadm/img/app/design-24/arrow.svg') 50% 50% no-repeat; transform: rotate(-180deg);}
.access-account__body tbody {display: flex; flex-flow: column nowrap; max-height: 420px; overflow-y: auto;}
.access-account__body tbody tr {height: 58px; width: 100%; display: flex; flex-flow: row nowrap; align-items: center;}
.access-account__body tbody tr td {height: 100%; display: flex; align-items: center; border-top: 1px solid #DBDBDB; padding: 8px; font-size: 14px; font-weight: 400; line-height: 1.21;}
.access-account__body tbody tr td:nth-child(1) {width: 56px;}
.access-account__body tbody tr td:nth-child(2) {width: calc(38% - 56px); border-right: 1px solid #DBDBDB; }
.access-account__body tbody tr td:nth-child(2) span {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.access-account__body tbody tr td:nth-child(3) {width: 16%; border-right: 1px solid #DBDBDB;}
.access-account__body tbody tr td:nth-child(4) {width: calc(46% - 105px);}
.access-account__body tbody tr td:nth-child(5) {width: 105px;}
.access-account__body tbody tr:hover td {background: #DEF3FE;}
.access-account__account-logo-wrap {width: 56px; height: 56px;background:#EEEEEE;}
.access-account__body tbody tr:hover .access-account__account-logo-wrap {background:#5A7886;}
.access-account__account-logo {width: 40px; height: 40px; background:#fff; border-radius: 12px; overflow: hidden;}
.access-account__account-img {width: 100%; height: 100%; object-fit: cover; background: #fff; opacity: 0.4;}
.access-account__body tbody tr:hover .access-account__account-img {opacity: 1;}
.access-account__account-initials {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 18px; font-weight: 700; letter-spacing: -0.36px; text-transform: uppercase; background: #fff; color: #839AA4; }
.access-account__body tbody tr:hover .access-account__account-initials {color: #07354A;}
.access-account__button {display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 8px; background: linear-gradient(90deg, #3DBCFF 0%, #1A6DFF 100%); color: #fff; font-size: 16px; height: 32px; width: 73px; gap: 8px; cursor: pointer; padding-bottom: 2px; opacity: 0; pointer-events: none;}
.access-account__body tbody:not(.access-account__selected) tr:hover .access-account__button {opacity: 1; pointer-events: auto;}
.access-account__body tbody.access-account__selected tr.access-account__selected_account .access-account__button {background: #1A6DFF; opacity: 1;}
.access-account__button:hover {background: #1A6DFF;}
.access-account__button.animate, .design-24__button.animate, .loading-animate.animate {cursor: progress; color: transparent; position: relative;}
.design-24__button.animate, .md-button:not([disabled]).md-focused.animate {background-color: #fff;}
.idm-app .md-button.access-account__button.animate:not([disabled]):hover, .idm-app .md-button.access-account__button.animate:not([disabled]):focus { background: #1A6DFF; color: transparent;}
/*.access-account__button.animate:after, .design-24__button.animate:after {position: absolute;content: "";width: 20px;height: 20px;border: 3px solid #fefefe;border-radius: 50%;border-left-color: transparent;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);animation: spin ease-in 2.5s forwards;animation-name: spin;-webkit-animation-name: spin;transition-timing-function: ease-in-out;-webkit-transition-timing-function: ease-in-out;animation-duration: 2.5s;-webkit-animation-duration: 2.5s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.access-account__button.animate:before, .design-24__button.animate:before {position: absolute;content: "";width: 16px;height: 8px;border: 3px solid #fefefe;border-right: 0;border-top: 0;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0);transform: translate(-50%, -50%) rotate(0deg) scale(0);-webkit-animation: success ease-in 0.15s forwards;animation: success ease-in 0.15s forwards;animation-delay: 2.5s;}*/
.access-account__button.animate:after, .design-24__button.animate:after, .loading-animate.animate:after, .migrate__button.animate:after {position: absolute;content: "";aspect-ratio: 8/5;--_g: no-repeat radial-gradient(#000 68%,#00000000 21%);-webkit-mask: var(--_g),var(--_g),var(--_g);mask: var(--_g),var(--_g),var(--_g);-webkit-mask-size: 25% 40%;mask-size: 25% 40%;animation: load_luc 1s infinite;}
.migrate__button.animate:after {background-color:#07354A; height: 17px;}
.access-account__button.animate:after {background-color:#fff;height: 17px;}
.design-24__button.animate:after {background-color:#ff7c41;height: 21px;}
.loading-animate {display: flex; align-items: center; justify-content: center; height: 140px;}
.loading-animate.animate:after {background-color:#ff7c41;height:25px;}
@keyframes spin {
    0% {transform: translate(-50%, -50%) rotate(0deg) scale(1);}
    90% {transform: translate(-50%, -50%) rotate(1080deg) scale(1);}
    100% {transform: scale(0);}
}
@-webkit-keyframes spin {
    0% {-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);}
    98% {-webkit-transform: translate(-50%, -50%) rotate(1080deg) scale(1);}
    100% {-webkit-transform: translate(-50%, -50%) rotate(1080deg) scale(0);}
}
@keyframes success {
    from {transform: translate(-50%, -50%) rotate(0) scale(0);}
    to {transform: translate(-50%, -50%) rotate(-45deg) scale(1);}
}
@-webkit-keyframes success {
    from {-webkit-transform: translate(-50%, -50%) rotate(0) scale(0);}
    to {-webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1);}
}
@keyframes load_luc {
    0%    {-webkit-mask-position: 0% 0%  ,50% 0%  ,100% 0%  }
    16.67%{-webkit-mask-position: 0% 100%,50% 0%  ,100% 0%  }
    33.33%{-webkit-mask-position: 0% 100%,50% 100%,100% 0%  }
    50%   {-webkit-mask-position: 0% 100%,50% 100%,100% 100%}
    66.67%{-webkit-mask-position: 0% 0%  ,50% 100%,100% 100%}
    83.33%{-webkit-mask-position: 0% 0%  ,50% 0%  ,100% 100%}
    100%  {-webkit-mask-position: 0% 0%  ,50% 0%  ,100% 0%  }
}
/**
 * Swiper 8.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 21, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
md-card.md-whiteframe-z1.card.scene-library-main-card.entity-main-card.entity-card.ng-isolate-scope.md-default-theme{
    box-shadow: 0 2px 6px -1px rgb(0 0 0 / 45%);
}
md-card>:not(md-card-content) img, md-card>img
{
    display: flex !important;
}
.scene-library-thumbnail-uploader .title {
    color: rgba(0,0,0,0.54);
    display: block;
    font-size: 12px;
    line-height: 28px;
    margin-bottom: 0px;
}
.scene-card-bottom {
    position: relative;
}
.scene-item {
    border: 1px solid #eeeeee;
    display: inline-block;
    width: 260px;
    float: left;
    margin-left: 10px;
    height: 146px;
    margin-bottom: 15px;
    outline: none;
    position: relative;
    cursor: pointer;
}
.scene-item:nth-child(1){
    margin-top: 27px;
}

.scene-item md-card {
    padding: 5px;
}

.scene-img-wrapper {
    height: 140px;
    line-height: 100px;
    text-align: center;
    margin: 10px 0;
}
.scene-img-wrapper img {
    vertical-align: middle;
    max-width: 170px;
    max-height: 100%;
 /*   width: 170px;*/
}
.idm-scene-library figure img {
    height: 100%;
    width: 100%;
}
.idm-scene-library figure {
      height: 160px;
}

.idm-scene-library .bottom-btn{
    display: inline;
    float: right;
    right: 0;
    position: absolute;
}

.scene-info-drop-down {
    left: auto;
    top: auto;
    position: fixed;
    transform: none;
    margin-left: 160px;
    transition: none;
    min-width: 205px;
}

.idm-lp.idm-scene-library.scp.idm-form-page .right-card .idm-drop-down {
    transform: translate(140px, 25px);
}

.scene-info-drop-down svg {
    margin-top: -2px;
}

.scene-card-text {
    color: #ffffff;
    font-size: 13px;
    text-align: left;
    line-height: 20px;
    padding-left: 5px;
    text-overflow: ellipsis;
    width: 195px;
    white-space: nowrap;
    overflow: hidden;
}
.scene-info-drop-down.show {
    max-height: 220px;
}

.scene-file-progress {
    width: 110px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -9px;
    margin-left: 10px;
}

.scene-file-complete-icon {
    vertical-align: middle;
    display: inline-block;
}
.scene-library-no-items {
    text-align: center;
    margin-top: 20px;
}
.scene-info-drop-down li.greyed {
    color: #000;
}
.preview-popup-iframe {
    width: 640px;
    height: 360px;
}

.idm-scene-library .right-card{
    width: 45%;
    border-radius: 4px;
    text-align: left;
    position: absolute;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.26);
    margin: 0;
    height: 550px;
    right: 10%;
    overflow: hidden;
}
.idm-scene-library .left-card {
    margin-left: 20px;
    width: 970px;
}
.idm-scene-library .idm-sub-sub-toolbar {
    position: fixed;
    top: 131px;
}
.idm-scene-library .md-tab-content {
    width: auto !important;
}
.idm-scene-library .box-top-new-design{
    position: fixed;
    background-color: #2388db;
    z-index: 4;
    padding-bottom: 0;
    width: 90%;
}
.idm-scene-library .left-card md-tabs{
    margin-top: 99px;
    width: 75vw;
    min-height: calc(100vh - 230px);
}
.idm-scene-library .md-primary.md-fab.md-fab-bottom-right.md-button{
    line-height: 12px;
    right: 100px;
    left: inherit;
}

.idm-scene-library .md-primary.md-fab.md-fab-bottom-right.md-button:hover{
    background-color: #ffbd00 !important;
}

.idm-scene-library .scene-media md-tabs.md-default-theme md-tab.active{
    color: #2B95DD;
}
.idm-scene-library .left-card .md-header {
    width: 85%;
    position: fixed;
    background-color: #2388db;
    z-index: 4;
}
.idm-scene-library .left-card .tab-container {
    min-height: 0;
    padding-bottom: 20px;
}
.idm-scene-library .media-library-wrapper {
    background-color: white;
    overflow: hidden;
    display: block;
    padding: 20px;
    padding-top: 10px;
    border-radius: 4px;
    padding-bottom: 50px;
    position: relative;
}
.idm-scene-library media-library md-tabs-content-wrapper {
    top: 0 !important;
}
.idm-scene-library media-library md-tabs-wrapper {
    display: none;
}
.idm-scene-library .user-files-top-actions {
    position: static;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    text-align: right;
    padding: 0 10px 5px 10px;
}
.idm-scene-library .left-card media-library md-tabs {
    margin-top: 0;
    width: auto;
    min-height: calc(100vh - 410px);;
    overflow: auto;
    position: relative;
}
.idm-scene-library .progress-status-bar md-progress-linear {
    width: 75vw;
}
.idm-scene-library .left-card media-library .md-tabs-content {
    width: 100%;
    position: static;
}

.scene-item-wrapper {
    /*height: 350px;*/
    height: calc(100vh - 440px);
    overflow: auto;
    padding: 10px 0;
    overflow-x: hidden;
}
.scene-item img.scene-thumbnail-img {
    max-width: 258px;
    max-height: 145px;
    width:auto;
    height:auto;
    display: block;
    margin: 0 auto;
}
.idm-scene-library .up-folder-button svg {
    display: inline-block;
    vertical-align: middle;
}

.set-default-values-dialog {
    display: block;
    width: 600px;
    padding: 20px;
}

.small-progress {
    display: inline-block;
    transform: scale(0.6) !important;
    vertical-align: middle;
}
.scene-item .md-button {
    width: 30px;
    min-width: 30px;
    height: 27px;
    min-height: 20px;
}

.scene-info-drop-down li.menu-item-not-clickable {
    line-height:22px;
}
.related-storyboards .scene-card-name  {
    font-size: 15px;
    line-height: 23px;
}
.related-storyboards .scene-last-modified {
    font-size: 11px;
}
.related-storyboards .scene-item {
    cursor: pointer;
}
.scene-info-drop-down.show.from-bottom {
    margin-top: -17%;
}
.scene-info-drop-down.show.from-bottom:after {
    bottom: -21px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fafafa;
    border-bottom: 10px solid transparent;
    top: auto;
}
.idm-scene-library-page .user-files-dialog md-dialog-content,
.idm-scene-library-page .general-preview-dialog md-dialog-content {
    padding:24px;
}
.idm-scene-library-page .general-preview-dialog .dialog-orange-check md-icon {
    color: white !important;
}
.idm-scene-library-page .user-files-dialog .check-select-round {
    height: 25px;
    width: 25px;
    fill: white;
}
.idm-scene-library-page .user-files-dialog .check-select-round svg {
    position: absolute;
    top: 3px;
    left: 2px;
}
.scene-preview-play-icon {
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -19px;
    margin-top: -19px;
    display: none;
}
.scene-item:hover .scene-preview-play-icon {
    display: block;
}
.filename-20160317-114241275 {
    width: 200px;
    overflow: hidden;
    font-size: 12px;
    word-wrap: break-word;
    margin-right: 20px;
    line-height: 48px;
}
.filename-20160317-114241275 span {
    line-height: 20px;
    width: 200px;
}

md-slider.scene-default-slider {
    margin-right: 20px;
    height:28px;
}

.delete-audio-icon {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}
.example-lock {
    position:absolute;
}

/*Table  tbody Vertical scroll*/
.library-items {
    height: auto;
    padding: 0 30px;
    overflow: initial;
}

.library-items .white-table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.library-items .white-table  tr {
    display: block;
}

.library-items  .white-table th,.library-items  .white-table td {
    width: 13%;
    max-width: 13%;
    word-break: break-all;    
    text-align: left;
}
.library-items .white-table tr th:nth-child(2), .library-items .white-table td:nth-child(2) {
    width: 27%;
    max-width: 27%;
}

.library-items .white-table tr {
    display: table;
    width: 100%;
    border: none;
}


.library-items .white-table th,.library-items  .white-table td {
    line-height: 22px;
}
.library-items .white-table tr th:nth-child(1), .library-items .white-table td:nth-child(1) {
    width: 5%;
    max-width: 5%;
}
/*.library-items .white-table tr th:first-child,.library-items  .white-table td:first-child {
    width: 5%;
}
.library-items .white-table tr th:nth-child(2), .library-items .white-table td:nth-child(2) {
    width: 30%;
}

.library-items .white-table tr th:nth-child(3),.library-items  .white-table td:nth-child(3) {
    width: 11%;
}
.library-items .white-table tr th:nth-child(4),.library-items  .white-table td:nth-child(4) {
    width: 11%;
}
.library-items .white-table tr th:nth-child(5),.library-items  .white-table td:nth-child(5) {
    width: 10%;
}
.library-items .white-table tr th:nth-child(6), .library-items .white-table td:nth-child(6) {
    width: 13%;
}
.library-items .white-table tr th:nth-child(7), .library-items .white-table td:nth-child(7) {
    width: 11%;
}*/
.library-items .white-table thead {
    text-align: left;
    padding-right: 17px;
    display: block;
    border-bottom: 1px solid black;
}

.library-items .white-table tbody{
    display: block;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: -webkit-calc(100vh - 220px); 
    max-height: -moz-calc(100vh - 220px); 
    max-height: calc(100vh - 220px);    
}
.library-items .white-table tr:focus {
    outline: navajowhite;
}
.grid_layout {
  /*  max-height: -webkit-calc(100vh - 170px);
   max-height: -moz-calc(100vh - 170px);
   max-height: calc(100vh - 170px);       
    overflow-y: auto;*/
    overflow: visible;
    max-height: none;
}
/*Scene Replace Dialog*/
.scene_row{
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;    
}
.scene_row > div{
   -webkit-box-flex: 50%; 
  width: 50%;           
  -webkit-flex: 50% 0 0;      
  -ms-flex: 50% 0 0;          
  flex: 50% 0 0;              
}
.scene_row .scene-replace-map li {
    line-height: 30px;
    white-space: nowrap;
    width: 98%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.scene_replace_tooltip {
    display: inline-block;
}
md-tooltip {
    max-width: 400px;
    word-break: break-word;
}

md-tooltip .md-content {
    overflow: visible;
    white-space: normal;
}
.library-items .white-table tr th:nth-last-child(-n+5), .library-items .white-table td:nth-last-child(-n+5) {
    text-align: center;
}

.library-items .white-table td:nth-last-child(-n+5) {
    padding-right: 25px;
}
.library-items .white-table tr th:nth-child(6), .library-items .white-table td:nth-child(6) {
    width: 14%;
    max-width: 14%;
}
.library-items .white-table tr th:last-child, .library-items .white-table td:last-child {
    width: 15%;
    max-width: 15%;
}

/*
New player implement in scene library scene preview
#scene_library_preview video {
    position: relative;
}
*/
md-dialog.new_class {
    min-width: 630px;
    min-height: 420px;
}
.idm-scene-library-stepper md-toolbar.idm-sub-sub-toolbar {
    height: 140px;
}
.ng-scope-custom {
    top: 5px;
}

.idm-scene-library .progress-status-bar md-progress-linear.scene-progress {
    width: 75vw;
    margin-bottom:5px;
}

.new-scene-wraper > div > div md-select {
    min-height: 30px;
}
.new-scene-wraper .md-select-value :first-child {
    line-height: 30px;
    margin: 0px;
    min-height: inherit;
    padding: 0px;
    transform: none;
}
.new-scene-wraper  .md-select-value {
    padding: 0px;
    margin: 0px;
    min-height: auto;
}
.scene-item .new_logo {
    margin-left: 74px !important;
    height: 31px !important;
    width: 38px !important;
    margin-right: 0px !important;
}
.scene-edit{
    margin-right: 9px;
}

.ss-scene-li {

    position: relative;
    outline: none;
    max-height: 0px;
    -webkit-transition: .3s ease-out all;
    -moz-transition: .3s ease-out all;
    -ms-transition: .3s ease-out all;
    -o-transition: .3s ease-out all;
    transition: .3s ease-out all;
    overflow: hidden;

}
.ss-scene-li-0 {
    max-height: 500px;
    overflow: visible;

}
.ss-group-li.expanded .ss-scene-li {
    overflow: visible;
    max-height: 400px;
}
.parts-scenes-img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    max-width: 153px;
    max-height: 88px;
    cursor: pointer;
    box-shadow: none;
}
.ss-group-li .scene-drop-target-ingroup {
    height: 0px;
    -webkit-transition: .3s ease-out all;
    -moz-transition: .3s ease-out all;
    -ms-transition: .3s ease-out all;
    -o-transition: .3s ease-out all;
    transition: .3s ease-out all;
}
.ss-group-li.expanded .scene-drop-target-ingroup,
.scene-drop-target-standalone {
    height: 25px;
    -webkit-transition: .2s ease-out all;
    -moz-transition: .2s ease-out all;
    -ms-transition: .2s ease-out all;
    -o-transition: .2s ease-out all;
    transition: .2s ease-out all;
    width: 153px;
    margin: 0px auto;
    background-size: 180px;
    background-repeat: no-repeat;
    background-position: center center;
}
.ss-group-li.expanded .scene-drop-target-ingroup.droppable-hover,
.scene-drop-target-standalone.first-open-target,
.scene-drop-target-standalone.droppable-hover {
    background-color: #E7E7E7;
    background-image: url("/assets-idmadm/img/app/storyboard/addSceneIcon.png");
    height: 88px;
    background-size: 110%;
    padding: 10px 0;
}
.scene-drop-target-standalone.first-open-target {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    background-image: url("/assets-idmadm/img/app/storyboard/empty.jpg");
    background-color: #eeeeee;
    background-size: 100%;
    left: 0;
}
.animated-item.ng-enter,
.animated-item.ng-leave {
    -webkit-transition: 2s linear all;
    transition: .3s ease-out all;
}

.animated-item.ng-enter,
.animated-item.ng-leave.ng-leave-active {
    transform: scale(0);
    max-height: 0;
}

.animated-item.ng-leave,
.animated-item.ng-enter.ng-enter-active {
    transform: scale(1);
    max-height: 400px;
}
.ss-groups-ul {
    padding-bottom: 100px;
    text-align: center;
    margin-left: 20px;
}
.ui-draggable-dragging {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(0.4, 0.4);
    -moz-transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
    -o-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    position: fixed !important;
}
.scene-drop-target-ongroup {
    background: rgba(231, 231, 231,0.85) url("/assets-idmadm/img/app/storyboard/addToGroup.png") no-repeat center center;
    -webkit-transition: .2s ease-out all;
    -moz-transition: .2s ease-out all;
    -ms-transition: .2s ease-out all;
    -o-transition: .2s ease-out all;
    transition: .2s ease-out all;
    height: 0;
    position: absolute;
    width: 153px;
    top: 50%;
    margin-left: -77px;
    left: 50%;
    background-size: 110%;
    z-index: 1;
}
.ss-scenes-ul {
    position: relative;
    width: 170px;
    margin: 0 auto;
    border-radius:10px !important;

}

.ss-group-li.expanded .ss-scenes-ul {
    background: #a4a4a5;
}
.ss-scenes-ul.droppable-hover .scene-drop-target-ongroup {
    top: 0;
    height: 92px;
}
.library-scene-card.ui-draggable-dragging.multiple,
.ss-group-li.collapsed.visible .ss-scene-li-0 .parts-scenes-img {
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5),
    10px -10px 0 -5px #FFFFFF, /* The second layer */
    10px -10px 0px -4px rgba(0,0,0,0.3), /* The second layer shadow */
    20px -20px 0 -10px #FFFFFF, /* The third layer */
    20px -20px 0px -9px rgba(0,0,0,0.3);
}

.ss-group-li.expanded .scene-drop-target-ingroup {
    /*background-color: #a4a4a5;*/
    height: 15px;

}
.ss-group-li.expanded .scene-drop-target-ingroup.droppable-hover {
    background-image: url("/assets-idmadm/img/app/storyboard/addToGroup.png");
}
.ss-scenes-ul.droppable-hover.draggable-left-behind .scene-drop-target-ongroup {
    height: 0;
}
.ss-scene-li md-menu {
    position: absolute;
    top: 0;
    right: 4px;
}
.group-type-icon,
.ss-scene-li md-menu .md-button {
    color: white;
    background-color: rgba(0, 0, 0, 0.33) !important;
    width: 28px;
    line-height: 30px;
    height: 30px;
    border-radius: 7px;
    min-height: 30px;
}
.ss-scene-li md-icon {
    color: #ffffff;
    font-size: 22px;
    height: 20px;
    line-height: 20px;
}

.md-button.md-fab.group-scenes-count {
    position: absolute;
    left: 4px;
    bottom: 3px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    opacity: 1;
    background: linear-gradient(180deg, #039BE5 50%, #03A9F4 50%);
    min-height: 0;
}
.md-button.md-fab.group-scenes-count.ng-hide {
    opacity: 0;
}

.md-button.md-fab.add-scenes-button {
    width: 65px;
    height: 65px;
    line-height: 65px;
    /*margin-left: -37px;*/
    background-color:#FB8C00;
    box-shadow:0px 2px 8px rgba(0,0,0,0.8);
    -webkit-transition: .3s ease-out all;-moz-transition: .3s ease-out all;-ms-transition: .3s ease-out all;-o-transition: .3s ease-out all;transition: .3s ease-out all;
    margin: 0;
}
.ss-group-li.collapsed.visible .active-group .parts-scenes-img {
    box-shadow:
    0px 0px 1px 4px #2b95dd,
    10px -10px 0 -5px #2b95dd, /* The second layer */
    10px -10px 0px -4px #ffffff, /* The second layer shadow */
    20px -20px 0 -10px #2b95dd, /* The third layer */
    20px -20px 0px -9px #ffffff;
}

.ss-scene-li md-icon.group-type-icon {
    position: absolute;
    top: 56px;
    right: 12px;
    width: 18px;
    height: 18px;
    min-height: 0px;
    padding: 5px;
}

.ss-scene-li md-icon.logic-icon {
    position: absolute;
    top: -12px;
    left: -2px;
    width: 52px;
    height: 38px;
    color: rgb(255, 171, 64);
    shape-rendering: geometricPrecision;
    -webkit-filter: drop-shadow( 0px 2px 1px rgba(0,0,0,0.5));
    filter: drop-shadow( 0px 2px 1px rgba(0,0,0,0.5) ); /* Same syntax as box-shadow */;
}

.add-scenes-shadow {
    box-shadow: 0px 2px 88px 50px rgba(246, 246, 246, 0.96);
    bottom: -130px;
    position: fixed;
    left: 100px;
    width: 65px;
    height: 65px;
    line-height: 44px;
    margin-left: -37px;
    border-radius: 50%;
    -webkit-transition: .3s ease-out all;-moz-transition: .3s ease-out all;-ms-transition: .3s ease-out all;-o-transition: .3s ease-out all;transition: .3s ease-out all;
}
.add-scenes-shadow.shown {
    bottom: 15px;
}

.replace-mask {
    position: absolute;
    background: rgba(128, 128, 128, 0.68);
    width: 155px;
    height: 90px;
    top: 50%;
    color: white;
    font-size: 20px;
    left: 50%;
    margin-left: -78px;
    margin-top: -45px;
    line-height: 90px;
}
.ss-group-li.visible.expanded .replace-mask {
    margin-top:-53px;
}
.scene-number {
    position: absolute;
    top: 0;
    right: 171px;
    text-align: right;
}
.scene-number-group {
    font-weight: 500;
}
.scene-number-scene {
    color: #5B5B5B;
}
.ss-scene-li.active .secene-container{
    border: 2px solid #FFFFFF;
    box-shadow: 0px 0px 0px 4px #2b95dd;
}
.ss-scene-li.active .parts-scenes-img{
     border: none;
     box-shadow: none;
 }
.secene-container{
    width: 153px;
    background: white;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5);
    border-radius: 2px;
    margin-left: 6px;
}

.idm-scenelibraries .publish-icon{
    border-radius: 50%;
    position: fixed;
    bottom: -70px;
    right: 25px;
    /* display:none;*/
}

.scene-library-main-card .create-icon{
    top: 208px;
    position: absolute;
    left: 316px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.idm-scenelibraries .no-scenelibraries{
    background-image: url('/assets-idmadm/img/app/emptyCollection.png');
    width: 470px;
    height: 465px;
    position:relative;
    margin-top: 50px;
}

.idm-scenelibraries .no-scenelibraries-text{
    position: absolute;
    bottom: 70px;
    left: 130px;
}
.scene-library-count {
    background-color: #2388DB;
    color: white;
    position: absolute;
    font-size: 13px;
    line-height: 24px;
    height: 24px;
    padding: 0 6px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
}
.scene-library-count svg {
    vertical-align: middle;
    display: inline-block;
}
.schedule-dialog{
    width: 970px;
    padding: 10px;

}

.schedule-wrapp{
    border: 1px solid #9C9C9C;
    /*padding: 10px;*/
    border-radius: 4px;

}

.schedule-top{
    width: 180px;
}

.schedule-dialog .container{
    overflow: hidden;
    display: table;
    width: 100%;
    white-space: nowrap;

}

.schedule-dialog .container .md-title{
    font-weight: 500;
}

.schedule-dialog .schedule-left{
    float: left;
    max-width: 515px;
    width: 100%;
    border-radius: 4px;
    padding: 13px;
}


md-toast.md-myalert-toast-theme {
    background-color: #ff9c73;
    margin-left: auto;
    margin-right: auto;
    top: 45%;
    left: 0; right: 0;
    color: #000;
    position: fixed;
    width: 380px;
}

.schedule-dialog .schedule-right{
    float: right;
    font-weight: 100;
    width: 380px;
    padding: 14px;
    border-radius: 4px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #EAEAEA;
    padding-bottom: 32768px;
    margin-bottom: -32768px;
}

.schedule-dialog .schedule-right .white-table tbody tr {
    background: #EAEAEA;
    border: 0px solid #CCC;
}

.schedule-dialog .schedule-right .white-table tbody tr:hover {
  /*  background-color: rgba(226, 226, 226, 0.85);*/
}

.schedule-dialog .schedule-right .list-selected {
    background-color: rgba(226, 226, 226, 0.85);
}

.schedule-dialog .schedule-right .selected{
    background-color: rgba(226, 226, 226, 0.85);
}

.schedule-dialog .schedule-right td{
    width: 90%;
    text-transform: capitalize;
    white-space: nowrap;
}

.schedule-dialog .schedule-right .md-title.schedule-list{
   /* text-decoration: underline;*/
}

.schedule-dialog .day-picker{
    /*float: left;*/
    margin-top: 30px;
    /*margin-left: 50px;*/
}

.schedule-dialog .day-month-picker{
    /*margin-left: 50px;
    float: left;
    right: 0;*/

}

.schedule-dialog .day-month-picker span{
    width: auto;
}

.schedule-dialog .schedule-type{
    font-size: 14px;
    font-weight: 400;
}

.schedule-dialog .schedule-freq{
     /*float: left;*/
     width: 342px;
 }

.schedule-dialog md-select-label span{
    overflow: hidden;
    width: 310px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 15px;
}


.schedule-dialog md-select.md-default-theme .md-select-value, .stats-wrapp .entities-wrapper md-select .md-select-value{
    color: #000 ;
    border-bottom-color: rgba(0,0,0,0.12) !important;
}

.schedule-dialog md-select.md-default-theme .md-select-value.md-select-placeholder, .schedule-dialog md-select .md-select-value.md-select-placeholder{
    color: #000 ;
    border-bottom-color: rgba(0,0,0,0.12) !important;
}

.schedule-item md-tooltip{
    font-size: 12px;
    font-weight: normal;
}

.idm-tools-download-page .main-container,
.idm-settings .main-container{
    position: relative;
    z-index: 3;
}

.idm-settings .card{
    width: 80%;
}

.idm-settings .loading{
    position:fixed;
    bottom:20px;
    right: 100px;
}
.settings-card {
    /*width: 810px !important;*/
    width: 925px !important; /*WEB-5224*/
}
.idm-settings .tab-container {
    padding: 20px 15px;
}

.storage-dialog {
    overflow: visible;
}
.storage-dialog .tab-container {
    position: static;
    overflow: visible;
}

.storage-type-select {
    margin-top: 10px;
    padding-left: 5px;
}
.settings-card md-tabs {
    min-height: 770px !important;
    margin-top: 6px;
}
.settings-card md-pagination-wrapper {
    width:auto !important;
}

.settings-card .md-switch-thumb, .settings-card md-radio-button{
    float: none;
}

.settings-card .layout-row p{
    margin-left: 40px;
}

.idm-settings .md-primary.md-fab.md-fab-bottom-right.md-button{
    left: 75%;
}

.ips-div input {
    width:50px;
    text-align: center;
}

.ips-dot {
    font-size: 40px;
    line-height: 30px;
}

.ips-button {
    min-width: 0;
    margin: 0 0 0 20px;
}

.settings-card .layout-row p.secret-key-p {
    margin-left:0;
    width: 470px;
}
.idm-settings h3 {
    font-size:20px;
}
.regionLabel {
    line-height: 26px;
    order: 2;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.12);
    margin-bottom: 24px;
}
.hubspot-setting .md-button{margin-left: 0;}
.hubspot-setting h3.sub-title{margin-top: 30px;}
.idm-settings.main-setting-section .setting-section-content {
    height: 140px;
}
.integration-buttons button.adobe-btn {
    float: left;
    margin-right: 30px;
}
span.strikethrough-hub {
    text-decoration: line-through;
}

.add-media-bridge {
    display: inline-flex;
    margin-left: 22px;
}
.add-media-bridge button {
    max-height: 33px;
    min-height: 0;
    margin: 0 0 0 30px !important;
    color: #ffffff !important;
}
.add-media-bridge md-select {
    margin-bottom: 8px !important;
    min-width: 236px !important;
    max-width: 236px !important;
}

.add-media-bridge md-progress-circular{height: 33px; margin-top: -9px; margin-left: -24px;}

/*WEB-5224*/
.api-data-description{color: #504f4f;margin-bottom: 20px;}
.api-learn-more{text-decoration: none;color: #2887da; !important}

.space-size {
    font-size: 14px;
}
.space-size div {
    margin-top: 10px;
    font-size: 14px;
}
.space-size ol li {
    margin-top:5px;
}

.idm-settings .md-primary.md-fab.md-fab-bottom-right.md-button {top: 103px}
.settings-card md-tabs-wrapper {display: none;}
.settings-card md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper{top:0}

#textbox {
    width: 50%;
    max-height: 100%;
    height: 100%;
    overflow: hidden;
    margin-left: 0;
    position: absolute;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.toplam {
    width: 200%;
    height: 100%;
    position: relative;
    left: -100%;
    margin-left:100%;
}

.left-login-screen {
    width: 50%;
    height: 100%;
    background: #2388db;
    left: 0;
    position: absolute;
    color: #ffffff;
}

.right-login-screen {
    width: 50%;
    height: 100%;
    background: #2388db;
    color: #ffffff;
    right: 0;
    position: absolute;
}

#ic {
    width: 300px;
    margin: 0 auto;
    top: 50%;
    margin-top: -222px;
    position: absolute;
    left: 50%;
    margin-left: -140px;
}
.left #ic { margin-top: -232px;}


#girisyap .form-group { width: 100%; float: left; margin-bottom: 20px;}
#girisyap h2 { font-size: 28px; font-weight: 400; color: #0BAFBF; line-height: 35px; }
#girisyap .soninpt { margin-bottom: 30px; }
.left form#girisyap input { border-bottom: 1px solid #45494C; }
.left .control-label { color: #959595; }
.left .yarim { width: 46% !important; float: left; margin-right: 8%; }
.left .sn { margin-right: 0;}


form#girisyap .girisbtn{   width: auto;
    float: right;
    background: #03A9F4;
    padding: 10px 16px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 0 !important;
    line-height: 16px;
    font-family: Roboto;
    text-transform: uppercase;
    max-height: 36px;
    height: 36px;
    letter-spacing: 0.5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: background-color,-webkit-box-shadow;
    transition-property: background-color,box-shadow;
    border: 0; }

form#girisyap .girisbtn:hover{ background: #0288D1;  -webkit-box-shadow: 0 4px 7px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 4px 7px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); box-shadow: 0 4px 7px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);}

/*#moveleft, #moveright{ width: auto;*/
/*float: right;*/
/*background: none;*/
/*padding: 10px 16px;*/
/*font-family: Roboto;*/
/*font-size: 14px;*/
/*color: #03A9F4;*/
/*font-weight: 600;*/
/*margin: 0 10px !important;*/
/*line-height: 16px;*/
/*text-transform: uppercase;*/
/*cursor: pointer;*/
/*max-height: 36px;*/
/*height: 36px;*/
/*letter-spacing: 0.5px;*/
/*-webkit-border-radius: 2px;*/
/*-moz-border-radius: 2px;*/
/*border-radius: 2px;*/
/*-webkit-transition-duration: 0.25s;*/
/*transition-duration: 0.25s;*/
/*-webkit-transition-property: background-color;*/
/*transition-property: background-color;*/
/*border: 0;*/
/*outline: 0;}*/

/*#moveleft:hover { background: #eee; }*/
/*#moveright:hover { background: #363A3D; }*/

#fback {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -9999;
}

.girisback {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    background: #ffffff url(/assets-idmadm/img/app/rightImage.png) no-repeat;
    background-position: 50% 45%;
    background-size: 50%;
}

.idm-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 356px;
    height: 309px;
    background-image: url(/assets-idmadm/img/app/overlay0610.png);
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 99;
    margin-left: -159px;
    margin-top: -150px;
    background-size: 90%;
}
@media screen and (max-width: 1300px) {
    .idm-overlay {
        width: 266px;
        margin-left: -119px;
    }
}



.kayitback {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    background: #f9f9f9 url(/assets-idmadm/img/app/leftImage-0411.png) no-repeat;
    background-position: 30% 45%;
    background-size: 60%;
}


.home-page .view-port {
    z-index: 2;
}
.home-page .top-right,
.home-page .idm-toolbar {
    display: none;
}
.home-page .idm-app md-select.md-default-theme .md-select-label.md-placeholder,
.home-page .idm-app md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
.home-page .idm-app md-input-container.md-default-theme label, .home-page .idm-app md-input-container.md-default-theme .md-placeholder {
    color: #D3D3D3 !important;
}
md-select.homepage-industry-select .md-select-value {
    border-color: #ffffff !important;
    color: #ffffff !important;
}
md-select.homepage-industry-select .md-select-value.md-select-placeholder {
    color: rgb(197, 197, 197) !important;
}
#ic.top-20150628-152501455 {
    margin-top: -400px;
}
.home-page md-content.md-default-theme {
    background: #ffffff;
}
.home-page .idm-app md-input-container .md-input {
    border-color: #ffffff !important;
    color: #ffffff;
    /* 13-07-2021*/
    border-bottom: 1px solid #fff !important;
    margin-top: 0;
    width: 100%;
}
.home-page md-select.md-default-theme .md-select-label,
.home-page md-checkbox.md-default-theme .md-icon {
    border-color: #ffffff !important;
    color: white !important;
}
.home-page md-checkbox.md-default-theme.md-checked .md-icon {
    background-color: #ffae00;
}
.home-page .idm-app .input-error-message {
    color: rgb(248, 211, 209) !important;
    padding-top: 2px;
}
#ic.top-20150628-152501455 p {
    margin-bottom: 0;
    line-height: 20px;
}
.forgot-pass-div {
    text-align: right;
    font-size: 12px;
    margin-top: 20px;
    text-decoration: underline;
    cursor: pointer;
}
.login-reset-success ,
.login-input {
    width: 340px;
}
.login-dialog {
    padding: 10px 20px;
    width: 460px;
}
.reset-icon {
    line-height: 16px !important;
    bottom: 20px;
    right: 10px;
}
.home-page md-input-container label {
    color: rgb(197, 197, 197);
}
.home-page md-input-container:not(.md-input-invalid) label {
    color: #ffffff;
}
md-checkbox.remember-checkbox .md-icon {
    border-color: #ffffff;
}
.left-login-screen md-input-container {
    height: 64px;
    /*13-07-2021*/
    padding-bottom: 2px !important;
}

.homepage-left-text {
    position: absolute;
    color: #828282;
    font-size: 35px;
    font-weight: 900;
    left: 40%;
    top: 50%;
    margin-left: -130px;
}
.login-dialog .login-input {
    width:340px !important;
}
.login-dialog md-progress-circular {
    margin-left:-22px;
    margin-top:-22px;
}
.home-page .left-login-screen .input-error-message {
    width: 205px;
    position: fixed;
    background: white;
    padding: 7px 10px;
    border-radius: 2px;
    z-index: 5555;
    color: rgb(244,67,54) !important;
    line-height: 13px;
    left: 25%;
    margin-left: 170px;
    margin-top: -29px;
    box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.45);
}

.promo-code md-input-container {
    width: 70%;
    display: inline-block;
    height:auto;
}
.promo-code .md-button {
    min-width: 70px;
    margin: 0;
    vertical-align: top;
}
.promo-code label {
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
    margin-top: 20px;
}

.secondary-white {
    background: transparent !important;
    color: white !important;
    border: 1px solid white !important;
}
.left-login-screen md-input-container [ng-messages] {
    min-height:0;
}
.terms-checkbox a {
    color: white;
}

.home-page md-select .md-select-value.md-select-placeholder {
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

/* 13-07-2021 */

.home-page .idm-app md-input-container.md-default-theme.md-input-focused label{
    color: #f44336 !important;
}
.left-login-screen md-input-container>md-select{
    border-bottom: 1px solid #fff !important;
    margin-top: 0 !important;
    padding-bottom: 2px;
}
md-tooltip.large{
    max-width: 600px;
}

.stats-wrapp{
    /*width: 800px;*/
}
.idm-stats .md-button.md-primary.md-fab{
    background-color: #EAC600 !important;
}

.stats-block{
    display: inline;
    float: left;
    margin-left: 14px;
    font-weight: 300;
    font-size: 16px;
}

md-tooltip.large .md-content {
    max-width: 600px;
}

#chart1 .highcharts-button{
    /*  display: none !important;*/
}

#chartDevices .highcharts-button{
    display: none !important;
}

#chartCta .highcharts-button{
    display: none !important;
}

.idm-stats .entities-wrapper{
    z-index: 999;
    margin-left: 100px;
    max-width:  4280px;
    min-width: 800px;
    width: 100%;
}

.idm-stats md-toolbar.idm-sub-sub-toolbar{
    height: 154px;
}

.idm-stats .box-top-new-design{
    width: 100%;
}

.stats-wrapp .stats-block .idm-select-label{
    color: #FFF;
}

.stats-block:first-child{
    margin-left: 0px;
}

.stats-wrapp .entities-wrapper .stats-block md-select.md-default-theme .md-select-value, .stats-wrapp .entities-wrapper md-select .md-select-value{
    color: #FFF;
    border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}


.stats-wrapp .entities-wrapper md-select.md-default-theme .md-select-value.md-select-placeholder, .stats-wrapp .entities-wrapper md-select .md-select-value.md-select-placeholder{
    color: #ffffff !important;
}

.stats-wrapp .entities-wrapper md-select.md-default-theme .md-select-label{
    color: #FFF !important;
    border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}

.stats-wrapp .entities-wrapper md-select.md-default-theme:not([disabled]):focus .md-select-label{
    color: #FFF !important;
    border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}

.stats-wrapp mb-datepicker{
    display: inline;
    float: left;
    margin-left: 14px;
    border-bottom: 1px solid;
    border-bottom-color: rgba(255, 255, 255, 0.5);
    padding-top: 3px;
}

.stats-wrapp [icon="more_vert"] {
    fill: white;
}

.stats-wrapp .no-data{
    color: #818181;
    margin: 22% auto;
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
}

.stats-wrapp .export{
    display: block;
    padding-left: 10px;
    padding-top: 22px;
    font-size: 13px;
}

.stats-wrapp .export label {
    cursor: pointer;
}

.stats-wrapp .seperate{
    border-left: 1px solid;
    border-width: thin;
    border-color: rgba(255, 255, 255, 0.5);
    height: 46px;
    float: left;
    margin-left: 35px;
}

.stats-wrapp .sb-menu{
    display: flex;
}

.stats-wrapp .stats-title{
    display: block;
    padding-left: 7px;
    margin-top: 25px;
    color: grey;
    font-size: 14px;
    font-weight: 400;
}

.stats-wrapp md-card {
    /* margin-top: 20px;
     margin-bottom: 40px;
     width: 660px;*/
}

.stats-wrapp .idm-drop-down{
    transform: translate(770px,10px);
    /* transform: translate(0,0);
     top: 90px;
     right: -70px;
     left: initial;*/
}

.stats-wrapp .md-card{
    background-color: transparent !important;
    width: 100%;
    display: block;
    float: left;
}

.stats-wrapp md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar, md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
    color: #ffae00;
    background: #ffae00;
}

.stats-wrapp md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]){
    color: #C5CAE9;
}

.stats-wrapp .md-card md-content{
    background-color: transparent !important;
}


.stats-wrapp .md-card{
    margin-top: 3px;
}

.stats-wrapp .md-card .md-tabs-content{
    left: -6px;
}

md-tabs.md-default-theme.md-accent > md-tabs-wrapper, md-tabs.md-accent > md-tabs-wrapper{
    background-color: transparent !important;
}

.stats-wrapp .md-card md-tabs.md-default-theme md-tab.active{
    color: #ffffff;
}

.stats-wrapp .md-card md-tabs.md-default-theme md-tabs.md-default-theme md-tab{
    color: #6D6D6D;
}


.stats-wrapp .md-card md-tabs-ink-bar {
    /*background-color: rgba(255, 255, 255, 0.54);
    height: 3px;*/
}

.stats-wrapp .mb-input-field {
    background: url('/assets-idmadm/img/app/date_white.png') center left no-repeat;
    background-size: 16px;
    padding-left: 24px;
    width: 185px;
    border: 0;
    padding-top: 6px;
    cursor: pointer;
    color: #ffffff;
}

.mb-input-field::before{
    content: "Start Date: ";
}

.stats-wrapp .stats-center{
    background: #DFDFDF;
    padding-right: 25px;
    height: 90px;
    padding-top: 0px;
    direction: rtl;
    display: -webkit-flex;
    display: flex;
}

.stats-wrapp .stats-box{
    float: left;
    margin: 42px;
    height: 550px;
}

.stats-wrapp .stats-box md-card{
    width: 670px;
}

.stats-wrapp .sum-box{
    padding: 10px;
    text-align: center;
    font-weight: 100;
    /*display: inline-table;
    width: 24%;*/
    color: #808080;
    -webkit-flex: 1;
    flex: 1;
}

.stats-wrapp .md-select-label{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.stats-wrapp .devices .sum-box{
    width: 32%;
}

.stats-wrapp .sum-box .num{
    font-size: 24px;
    margin-bottom: 5px;
    color: #000000;
}

#zoomOut{
    width: 90px;
    border: 0px;
}

#chartGeoLocation{
    background-color: #F8F8F8;
}
#chartDevices{
    width: 670px;
}

.stats-wrapp .highcharts-container{
    margin-top: 11px;
    background-color: rgb(248, 248, 248);
}
.stats-wrapp .stats-box .ng-isolate-scope{
    background-color: rgb(248, 248, 248);
}
.idm-stats .md-button.md-primary.md-fab[disabled] {
    background: #d7d7d7 !important;
}

.share-dashboard-dialog {
    width:600px;
}

.sbBlock md-autocomplete {height: 30px; background: transparent; border-bottom: 1px solid rgba(0,0,0,0.12); min-width: 350px; }
.sbBlock md-autocomplete md-autocomplete-wrap {box-shadow: none; height: 30px;}
.sbBlock md-autocomplete input {color: #ffffff; height: 30px; padding: 0;}
.sbBlock md-autocomplete button md-icon path {fill: #ffffff;}

.idm-statsNew .stats-wrapp .mb-input-field {width: 105px; margin-top: -6px}
.img-wrapper-20150625-140656745{
    text-align: center;
}

.idm-storyboard-page{
    background:#eeeeee;
    overflow:auto !important;
}
.idm-storyboard-page p{
    margin:0;
    color:#898989;
}
.storyboard-toolbar{
    box-shadow:inset 0px -1px 1px rgba(0,0,0,0.2) , 0px 1px 0px rgba(0,0,0,0.2);
    border-width:2px;
    border-bottom-width:1px;
}

.dark-bg{
    background:#e5e5e5;
}

.scene-sidebar{
    position:relative;
    width:220px;
    border-right:solid 1px rgba(0,0,0,0.1);
    overflow-y:scroll;
}
.scene-preview{
    position:relative;
    width:682px;
}

.scene-list{
    overflow:auto;
    position:absolute;
    width:100%;
    top:63px;
    bottom:0px;
}

.storyboard-main{
    overflow:hidden;
    position:absolute;
    width:100%;
    top:64px;
    bottom:0;
}

.white-bg-border{
    background-color:white;
    border:1px solid #d5d5d5;
}

.library-menu{
    position:relative;
    width:265px;
}
.light-text-color{
    color:#777777;
}

.my-collections-p{
    line-height:62px;
    font-weight:500;
    padding-left:10px;
}
ul{
    list-style:none;
    margin:0;
    padding:0;
}

.libraries-ul li{
    height:38px;
    border-left:2px solid #ffffff;
    padding-left:15px;
    cursor:pointer;
    line-height:38px;
    font-size:14px;
    outline:none;
}
.libraries-ul li span{
    display:inline-block;
    vertical-align:middle;
}
.libraries-ul li:hover,
.libraries-ul li.selected{
    color:#000;
    border-color:#427fed;
    background:#eeeeee;
    font-weight:500;
}
.library-menu-item{
    border-left:2px solid #ffffff;
}
.library-menu-item:focus,
.library-menu-item:hover,
.library-menu-item.selected{
    color:#000;
    border-color:#427fed;
    background:#eeeeee;
    font-weight:500;
}
.library-menu-item:hover button{
    background:none !important;
}

.library-scene-card{
    cursor:pointer;
    width:222px;
    height:167px;
    outline:none;
    position:relative;
    box-shadow:0 1px 1px 0px rgba(0, 0, 0, 0.20);
    border:solid 1px;
    border-color:rgba(0, 0, 0, 0.25);
}

.library-scene-card:hover{

    border-color:#679fff;
}

.library-scene-card_folder {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row nowrap;
    padding: 8px;
}
.library-scene-card_folder:hover {
    background: #f2f3f5;
}
.library-scene-card_folder:hover .library-item-folder-name{
    color: #000;
}
.library-item-folder-name {
    color: #777777;
    margin-left: 8px;
    font-size: 15px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.library-item-folder-img {
    width: 24px;
    height: 24px;
}

.idm-storyboard-page .breadcrumb {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.idm-storyboard-page .breadcrumb span{
    cursor: pointer;
}

.idm-storyboard-page .breadcrumb span:hover {
    color: #000;
}

.idm-storyboard-page .breadcrumb span.breadcrumb-item:after {
    content: '>';
    padding-right: 10px;
    padding-left: 10px;
    cursor: default;
    color: #898989;
}

.idm-storyboard-page .breadcrumb span.breadcrumb-item:last-child {
    margin-right: 0;
    pointer-events: none;
    font-weight: 600;
}

.idm-storyboard-page .breadcrumb span.breadcrumb-item:last-child:after {
    display: none;
}

.idm-storyboard-page .breadcrumb span.breadcrumb-wrap {
    position: relative;
}

.idm-storyboard-page .breadcrumb span.breadcrumb-button {
    width: 27px;
    height: 15px;
    display: inline-block;
    position: relative;
    background-color: transparent;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: -5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDE1IDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxLjVDMTIgMi4zMjg0MyAxMi42NzE2IDMgMTMuNSAzQzE0LjMyODQgMyAxNSAyLjMyODQzIDE1IDEuNUMxNSAwLjY3MTU3MyAxNC4zMjg0IC0yLjkzNTU0ZS0wOCAxMy41IC02LjU1NjcxZS0wOEMxMi42NzE2IC0xLjAxNzc5ZS0wNyAxMiAwLjY3MTU3MyAxMiAxLjVaIiBmaWxsPSIjODk4OTg5Ii8+CjxwYXRoIGQ9Ik02IDEuNUM2IDIuMzI4NDMgNi42NzE1NyAzIDcuNSAzQzguMzI4NDMgMyA5IDIuMzI4NDMgOSAxLjVDOSAwLjY3MTU3MyA4LjMyODQzIC0yLjkzNTU0ZS0wOCA3LjUgLTYuNTU2NzFlLTA4QzYuNjcxNTcgLTEuMDE3NzllLTA3IDYgMC42NzE1NzMgNiAxLjVaIiBmaWxsPSIjODk4OTg5Ii8+CjxwYXRoIGQ9Ik0tNi41NTY3MWUtMDggMS41Qy0xLjAxNzc5ZS0wNyAyLjMyODQzIDAuNjcxNTczIDMgMS41IDNDMi4zMjg0MyAzIDMgMi4zMjg0MyAzIDEuNUMzIDAuNjcxNTczIDIuMzI4NDMgLTIuOTM1NTRlLTA4IDEuNSAtNi41NTY3MWUtMDhDMC42NzE1NzMgLTEuMDE3NzllLTA3IC0yLjkzNTU0ZS0wOCAwLjY3MTU3MyAtNi41NTY3MWUtMDggMS41WiIgZmlsbD0iIzg5ODk4OSIvPgo8L3N2Zz4K");
}

.idm-storyboard-page .breadcrumb span.breadcrumb-button:hover {
    background-color: #d7dbde;
}

.idm-storyboard-page .breadcrumb span.breadcrumb-wrap.open span.breadcrumb-button {
    background-color: #d7dbde;
    border: 1px solid #839AA4;
}

.idm-storyboard-page .breadcrumb span.breadcrumb-menu {
    display: none;
}

.idm-storyboard-page .breadcrumb span.breadcrumb-wrap.open span.breadcrumb-menu {
    width: max-content;
    position: absolute;
    top: 23px;
    left: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    filter: drop-shadow(0px 5px 20px rgba(7, 53, 74, 0.4));
    border-radius: 8px;
    overflow: hidden;
    padding: 0 10px;
    z-index: 999;
}

.idm-storyboard-page .breadcrumb span.breadcrumb-wrap.open span.breadcrumb-menu span{
    width: 100%;
    padding: 7px 10px 8px;
    background: #FAFAFA;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    color: #898989;
}

.idm-storyboard-page .breadcrumb span.breadcrumb-wrap.open span.breadcrumb-menu span:hover {
    background-color: #DEF3FE;
    color: #000;
}

.library-scene-img{
    max-height:122px;
    padding-bottom:6px;
    max-width:216px;
    width:auto;
    height:auto;
    display:block;
    margin:0 auto;
}
.library-items{
    height:calc(100vh - 100px);
    padding:0 30px;
    overflow:auto;
}
p.header-medium.ng-binding{
    font-size:20px;
    font-weight:500;
}
.check-select-round{
    position:absolute;
    right:10px;
    top:10px;
    opacity:0;
    background-color:#2b95dd;
    border-radius:50%;
    padding:2px;
    color:#ffffff;
    z-index: 1;
}
.selected > .check-select-round{
    opacity:1;
}
.trans-2{
    -webkit-transition:.1s ease-out all;
    -moz-transition:.1s ease-out all;
    -ms-transition:.1s ease-out all;
    -o-transition:.1s ease-out all;
    transition:.1s ease-out all;
}
.trans-3{
    -webkit-transition:.3s ease-out all !important;
    -moz-transition:.3s ease-out all !important;
    -ms-transition:.3s ease-out all !important;
    -o-transition:.3s ease-out all !important;
    transition:.3s ease-out all !important;
}
.trans-1s{
    -webkit-transition:1s ease-out all !important;
    -moz-transition:1s ease-out all !important;
    -ms-transition:1s ease-out all !important;
    -o-transition:1s ease-out all !important;
    transition:1s ease-out all !important;
}

.library-add-button{
    font-size:29px;
    font-weight:300;
    bottom:-90px;
    position:absolute;
    right:20px;
}
.library-add-button.active{
    line-height:30px;
    bottom:20px;
}
md-tooltip{
    font-size:16px;
}
.scene-right-side{
    width:525px;
    overflow:auto;
    height: calc(100vh - 118px);
}
.blueish{
    color:rgb(43, 149, 221);
}

.add-audio-button{
    font-size:18px;
    font-weight:700;
    margin-right:20px;
}

.add-event-button{
    font-size:18px;
    font-weight:700;
}
.add-event-button-group{
    font-size:14px;
    margin:auto;
}

.field-properties-card{
    border-radius:1px;
    z-index:auto;
    width:230px;
    height:210px;
    position:relative;

    border:solid 1px rgba(0, 0, 0, 0.29);
    box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.1);

}
.field-properties-card.static{
    overflow:hidden;

}
.field-card-preview{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:70%;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    -webkit-transition-duration:0.5s;/* Safari */
    transition-duration:0.5s;
}

.field-card-options{
    position:absolute;
    width:100%;
    bottom:0px;
    left:0;
    height:66px;
    background:#ffffff;
}
.field-card-options.menuActive,
.field-properties-card:hover .field-card-options{
    height:100px;
}
.field-properties-card.dynamic .field-card-options{
    -webkit-border-radius:3px;
    -webkit-border-top-left-radius:0;
    -moz-border-radius:3px;
    -moz-border-radius-topleft:0;
    border-radius:3px;
    border-top-left-radius:0;
    height:147px;
}

.field-toggle-dynamic{
    position:absolute;
    right:10px;
    top:-35px;
}
.field-properties-card.static .field-toggle-dynamic{
    background:#d7d7d7 !important;
}
.field-properties-card.static .field-toggle-dynamic md-icon{
    color:#5a5959 !important;
}
.field-card-key{
    line-height:37px;
}
.field-card-key.missing-value{
    color:red;
}
.field-card-key span{
    vertical-align:middle;
}
.field-card-key span.static-key{
    max-width:180px;
    display:inline-block;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.field-card-actions .md-icon-button{
    width:32px !important;
    height:32px;
    line-height:32px;
    margin-top:4px;
}
.field-card-actions .md-icon-button md-icon{
    font-size:22px;
}

.field-card-actions .md-icon-button md-icon:hover{
    font-size:22px;
    color:#000000;
}


.field-card-actions .md-menu{
    padding:0;
}
.field-card-text .field-card-preview{
    word-wrap:break-word;
    /*background-color:#F1B900;*/
    background:url("/assets-idmadm/img/app/storyboard/txt-bg.jpg");
    background-position:0 -4px;
    line-height:24px;
    padding:20px;
    font-style:italic;
    box-sizing:border-box;
    overflow:hidden;
    font-size:22px;
    border-radius:1px;
}
.field-card-options{
    border-top:1px solid #EBEBEB;
}
.field-card-preview-audio{
    background-image:url("/assets-idmadm/img/app/storyboard/AudioImage.png");
}

.field-card-preview-event{
    background-image:url("/assets-idmadm/img/app/storyboard/EventImage.png");
}
selectbox{
    display:inline-block;
    vertical-align:middle;
    padding:0 5px;
    cursor:pointer;
    position:relative;
    width:170px;
}
.dynamic:not(.hidden) .field-card-key{
    border-bottom:1px solid rgb(143, 143, 143);
    margin-bottom:27px;
    position:relative;
}
.dynamic:not(.hidden) .field-card-key.missing-mapping,
.dynamic:not(.hidden) .field-card-key.missing-parameter{
    border-color:red;
}
.dynamic:not(.hidden) .field-card-requirements{
    margin-top:20px;
}
.selectbox-div{
    position:absolute;
    width:220px;
    background-color:white;
    z-index:112;
    opacity:1;
    left:-20px;
}
.selectbox-div-top.move-to-top{
    bottom:100%;
}
.selectbox-ul{
    /* max-height:320px;*/
    max-height:280px;
    overflow:auto;
}
.selectbox-subitems.custom-tab-select{
    left:0 !important;
}
.selectbox-div.ng-hide{
    opacity:0;
}
.selectbox-subitems{
    /*margin-top:-50px;*/
    /*top:auto !important;*/
    margin-left:196px;
    display:none;
    position:fixed;
}
.selectbox-size{
    overflow:auto;
}
.show-icon-on-hover{
    display:none;
}
.md-button:hover .show-icon-on-hover,
.selectbox-ul > li:hover .selectbox-subitems{
    display:block;
}
.md-button:hover .hide-icon-on-hover{
    display:none;
}
.parameter-selectbox-button{
    border-radius:0;
    margin:auto 0;
    font-size:15px;
    text-transform:none;
    font-weight:400;
    height:100%;
    padding-left:16px;
    padding-right:16px;
    width:100%;
    line-height:48px;
    text-align:left;
    display:block;
    text-overflow:ellipsis;
}
.parameter-text {
    width: calc(100% - 30px);
    display: block;
    text-overflow: ellipsis;
    float: left;
    overflow: hidden;
}
.parameter-group-selectbox .parameter-selectbox-button:hover .parameter-text {
    width: 72%;
}
.icon-in-button{
    float:right;
    margin-top:12px;
    z-index:66;
    position:relative;
}

.selectbox-dropdown{
    float:right;
    margin-top:4px;
    font-size:30px;
    width:30px;
    height:30px;
}
.editable-value{
    outline:none;
}
.selectbox-create-new{
    font-weight:700;
    font-size:18px;
}
selectbox.parameter-group-selectbox{
    border-bottom:1px solid rgba(0,0,0,0.12);
    line-height:36px;
}
.new-parameter-dialog selectbox.parameter-group-selectbox{
    position: unset;
}
.seed-dialog{
    overflow:visible;
    width:700px;
}

.new-parameter-dialog{
    overflow:visible;
    width:575px;
}

.new-fb-group-dialog1{
    overflow:visible;
    width:600px;
}


.new-group-div .md-button{
    min-width:36px;
}
.new-group-div md-input-container{
    padding-bottom:20px;
}
.new-group-div .md-input{
    width:150px;
}
.md-icon-button.active md-icon{
    color:rgb(43,149,221);
}
.new-parameter-dialog .selectbox-div{
    /*position:fixed;*/
    left:auto;
    margin-left:-40px;
}
.new-parameter-dialog .selectbox-div .selectbox-subitems{
    display:none !important;
}

.search-loader{
    line-height:45px;
    font-size:13px;
    margin-left:7px;
}
.dynamic .field-card-preview:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgb(43, 149, 221);
    -moz-transition:background .3s linear;
    -webkit-transition:background .3s linear;
    -o-transition:background .3s linear;
    transition:background .3s linear;
    border-radius:1px;
}
.field-card-requirements{
    height:14px;
    color:#8b8b8b;
    font-size:11px;
    white-space:nowrap;
    max-width:145px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.formatting-icon,
.calendar-icon,
.mapping-icon.md-fab{
    width:28px;
    line-height:30px;
    min-height:28px;
    vertical-align:middle;
    display:inline-block;
}
.field-properties-card.hidden .field-toggle-dynamic{
    display:none;
}
.field-properties-card.hidden .field-card-options{
    height:100%;
}

.hidden-icon{
    font-size:110px;
    color:#d6d6d6;
    width:110px;
    height:110px;
    line-height:110px;
}

.hidden-icon-wrapper{
    height:0;
    overflow:hidden;
}
.field-properties-card.hidden .hidden-icon-wrapper{
    height:110px;
}

.preview-errors {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

.preview-errors .thumb-container {
    width: 100%;
}

.preview-errors .errors {
    width:90%;
    margin:0 auto -70px;
}

.preview-errors .errors img {
    max-height: 16px;
    vertical-align: top;
}

.preview-errors .errors .show-errors-link {
    text-decoration: underline;
    cursor: pointer;
    color: #07354A;
}

.preview-errors .errors .errors-descr {
    margin-top: 10px;
    transform: translateY(-30%);
    height: 0px;
    overflow: hidden;
    -moz-transition:transform ease-out 0.3s;
    -webkit-transition:transform ease-out 0.3s;
    -o-transition:transform ease-out 0.3s;
    transition:transform ease-out 0.3s;
}

.preview-errors .errors .errors-descr.opened {
    transform: translateY(0);
    height: auto;
}

.scene-preview-div{
    border:1px solid grey;
    width:90%;
    height:0px;
    padding-bottom:50.7%;
    position:relative;
    background:black;
    margin:82px auto 0;
}
.scene-preview-iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0;
}
.scene-name-input{
    width:90%;
    margin:30px auto;
}

.logic-div{
    position:absolute;
    width:100%;
    height:50px;
    bottom:0;
    z-index:9;
    background:#f3f3f3;
    box-shadow:0px -2px 1px rgba(0,0,0,0.5);
    -moz-transition:.3s ease-out;
    -webkit-transition:.3s ease-out;
    -o-transition:.3s ease-out;
    transition:.3s ease-out;
}
.logic-div.open{
    height:calc(100vh - 64px);
}
.logic-toggle{
    outline:none;
    text-transform:capitalize;
    cursor:pointer;
    line-height:50px;
}
.logical-operator{
    padding:20px 0 40px;
}
.logical-operator md-select{
    padding:0;
}

.conditions-wrapper{
    padding:40px 20px;
    position:relative;
    height:calc(100vh - 290px);
    box-sizing:border-box;
    overflow:auto;
}
/*.group-logic .conditions-wrapper{*/
    /*padding:40px 20px;*/
    /*position:relative;*/
    /*height:calc(100vh - 510px);*/
    /*box-sizing:border-box;*/
    /*overflow:auto;*/
/*}*/
.logic-top-white{
    padding:0 20px;
    background-color:white;
    position:relative;

    border-bottom:1px solid #cacaca;
}

.logic-add-button{
    position:absolute;
    right:40px;
    bottom:-34px;
}

.fb-add-button{
    position:absolute;
    right:7px;
    bottom:80px;
}



.condition-div{
    position:relative;
    background-color:white;
    padding:24px 20px 20px;
    margin-bottom:20px;
    z-index:auto;
    box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2);
}

.condition-delete-button{
    position:absolute;
    top:10px;
    right:10px;
}

.logic-is{
    padding-top:6px;
}

/*
.boolean-operator{
    margin-top:-22px;
    margin-left:40px;
}
*/
.boolean-operator1{
    position:relative;
    top:7px;
    left:25px;
}
.boolean-operator2{
    position:relative;
    top:7px;
    left:40px;
}

.fb-logic-icon{
    margin:0px 10px 0px 0px;
}

.logic-fb-error-message{
    position:absolute;
    top:55px;
    left:23px;
}

selectbox.condition-selectbox{
    width:40%;
    border-bottom:1px solid rgba(0,0,0,0.12);
    line-height:24px;
    padding:0;
    outline: none;
}
.facebook-mapping-dialog selectbox.condition-selectbox{
    width:45%;
    border-bottom:1px solid rgba(0,0,0,0.12);
    line-height:24px;
    padding:0;
}
selectbox.logic-value-selectbox .selectbox-dropdown,
selectbox.condition-selectbox .selectbox-dropdown{
    margin-top:0;
    color:black;
    width:30px;
    height:27px;
}

.condition-select .md-select-label{
    width:100%;
}

.condition-value{
    padding-top:20px;
    padding-bottom:0;
}
.text-formatting-dialog md-dialog-content,
.text-formatting-dialog{
    overflow:visible;
}
.text-formatting-dialog{
    width:100%;
    /* max-width:1350px; */
    max-width:1400px;
}
.text-formatting-dialog md-dialog-content{
    padding:0;
}
.text-formatting-dialog .md-title{
    padding-bottom:0;
    color:rgba(0,0,0,0.87);
    margin-left: 15px;
    font-size: 16px;
    font-weight: inherit;
}
.text-formatting-dialog .font-size-item input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button, .text_alignment_parameter input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 0.45;
}
.formatting-parameters-item{
    padding:5px 0;
    text-align:left;
}
.formatting-parameters-item md-input-container{
    padding:0px;
}

selectbox.text-formatting-selectbox{
    padding:0;
    outline:none;
    width:186px;
    border-bottom:1px solid rgba(0,0,0,0.12);
    line-height:29px;
}
selectbox.logic-value-selectbox.logic-selectbox.text-formatting-selectbox{
    width:225px;
}
.text-formatting-selectbox .editable-value{
    overflow:hidden;
}
.text-formatting-selectbox .editable-value span{
    display:inline-block;
    vertical-align:bottom;
    line-height:22px;
}
selectbox.logic-value-selectbox.logic-selectbox.text-formatting-selectbox .editable-value span{
    display: block;
}
.text-formatting-selectbox .editable-value md-icon{
    display:none;
}
.text-formatting-selectbox .selectbox-subitems{
    top:auto !important;
    margin-top:-46px !important;
    left:auto !important;
}
.data-type-select .md-body-1{
    line-height:37px;
    margin-right:20px;
    width:160px;
}
.data-type-select md-select{
    margin:0;
}
.data-type-select md-radio-button{
    display:inline-block;
    margin-right:0;
    margin-top:7px;
}

.date-format-input{
    width:50%;
}

.data-type-options{
    height:0;
    background:#EEEEEE;
    padding:0 20px;
    overflow:hidden;
}
.data-type-options-string{
    padding:10px 20px;
    height:245px;
}
.data-type-options-date{
    padding:20px;
    height:50px;
}
.data-type-options-number{
    padding:5px 20px;
    height:203px;
}
.data-type-options-number .data-type-select{
    margin:20px 0;
}
.formatting-parameters-item md-select{
    padding:0;
    margin:0 10px 0 0;
    width:130px;
    float:left;
}
.formatting-parameters-item-befaft .md-caption{
    margin-bottom:4px;
}

.general-preview-dialog{
    width:688px;
    overflow:visible;
}
.audio-in-time-dialog p.md-title,
.general-preview-dialog p.md-title{
    margin-bottom:20px;
}
.media-preview-div{
    width:80px;
    background:no-repeat center center;
    background-size:contain;
}

.dialog-orange-check{
    position:absolute;
    bottom:-30px;
    right:20px;
    padding:7px !important;
    width:65px !important;
    height:65px !important;
}
.dialog-orange-check md-icon{
    font-size:48px;
    width:48px;
    height:48px;
}
.general-preview-dialog .preview-container{
    min-height:360px;
}
.preview-loading{
    background-color:black;
    text-align:center;
}
.dialog-close-button{
    position:absolute;
    top:-2px;
    right:0px;
    background-color:white !important;
    width:40px;
    min-width:20px;
}
.group-scene-card{
    cursor:pointer;
    width:230px;
}
.group-scene-card .md-body-2{
    line-height:38px;
    padding:0 8px;
    height:38px;
    overflow:hidden;
}
.group-info{
    padding:30px;
}
.group-type-selection md-radio-button .md-container{
    vertical-align:top;
}
.group-type-selection md-radio-button .md-label{
    font-size:18px;
}
.preview-video-iframe{
    width:640px;
    display:block;
    height:360px;
    margin:auto;
}

.storyboard-name-h2{
    cursor:pointer;
    white-space:nowrap;
    width:calc(100% - 66px);
    overflow:hidden;
    text-overflow:ellipsis;
}

.rename-dialog{
    width:400px;
}

.file-processing-div{
    text-align:center;
    line-height:40px;
    background-color:white;
    position:absolute;
    width:100%;
    height:100%;
    padding-top:30px;
}

.audio-in-time-dialog{
    width:500px;
}

.audio-time-input{
    width:80px;
    text-align:center;
}
.audio-in-time-dialog md-slider{
    width:200px;
}
.audio-in-time-dialog md-input-container{
    padding-bottom:15px;
}
.dynamic:not(.hidden) .field-card-actions{
    position:absolute;
    width:100%;
    padding:0 8px;
    box-sizing:border-box;
    left:0;
    bottom:0;
}

.missing-parameter-message{
    color:red;
    position:absolute;
    right:2px;
    top:100%;
    display:none;
    line-height:22px;
}
.missing-parameter .missing-parameter-message-parameter{
    display:block;
}
.missing-mapping .missing-parameter-message-mapping{
    display:block;
}
md-progress-circular.saving-loading-icon{
    -webkit-transform:scale(0.5) !important;
    -moz-transform:scale(0.5) !important;
    -ms-transform:scale(0.5) !important;
    -o-transform:scale(0.5) !important;
    transform:scale(0.5) !important;
}
md-progress-circular.saving-loading-icon .md-right .md-half-circle,
md-progress-circular.saving-loading-icon .md-gap{
    border-color:white !important;
}
.md-scroll-mask{
    z-index:0 !important;
}
md-input-container .md-input{
    border-style:solid;
}

.example-div{
    position:absolute;
    right:40px;
    font-style:italic;
}

.audio-filename-label{
    width:140px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    position:absolute;
    top:-20px;
    left:10px;
    color:white;
    font-size:12px;
}

.preview-group-caption{
    margin:10px 0 !important;
    font-size:16px;
}

.preview-select-button{
    margin:0;
    margin-right:10px;
}

.menu-button-with-icon{
    text-align:left;
    display:block !important;
}
.menu-button-with-icon md-icon{
    float:right;
    margin-top:5px !important;
    margin-right:0 !important;
}
md-slider .md-track{
    max-width:100%;
}

.preview-iframe-img{
    width:auto;
    height:auto;
    margin:0 auto;
    display:block;
}
.preview-iframe-img-div{
    position:relative;
    cursor:pointer;
    overflow:hidden;
}
.scene-preview-play{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-35px;
    margin-top:-35px;
}
.animate-height{
    max-height:148px;
    overflow:hidden;
}
.animate-height.ng-hide{
    display:block !important;
    max-height:0px;
}

.autocomplete-wrapper{
    width:450px;
}
.autocomplete{
    width:540px;
}
.animate-height-l{
   /* max-height:250px;
    overflow:hidden;*/
}
.animate-height-l.ng-hide{
   /* display:block !important;
    max-height:0px;*/
}


md-input-container label:not(.md-no-float).no-transform{
    -webkit-transform:none;
    transform:none;
}
.audio-preview-div{
    font-size:12px;
    line-height:36px;
    height:36px;
    overflow:hidden;
    white-space:nowrap;
}
.fields-top-div{
    padding:5px 8px;
}
.fields-top-div md-select{
    margin:0;
}

.selectbox-parameter-value{
    display:inline-block;
    width:140px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:16px;
}

.creator-dialog .selectbox-parameter-value{
    font-size:14px !important;
}

selectbox.parameter-group-selectbox .selectbox-parameter-value{
    display:block;
    float: left;
}
selectbox.logic-value-selectbox .selectbox-parameter-value,
selectbox.condition-selectbox .selectbox-parameter-value{
    max-width:calc(100% - 30px);
    width:auto;
    vertical-align:middle;
}
.masquerade-div{
    position:absolute;
    top:10px;
    left:260px;
    color:white;
    z-index:20;
}
.masquerade-div md-select{
    margin-top:0;
}
.masquerade-div md-select .md-select-label{
    color:white !important;
}
.error-message{
    color:red;
    font-size:12px;
    line-height:22px;
}
.general-preview-back{
    text-align:right;
    position:absolute;
    right:10px;
    bottom:10px;
}

.show-word{
    line-height:25px;
    color:grey;
    margin-right:8px;
    font-size:15px;
    padding-top:5px;
}
.general-preview-dialog.in-video md-dialog-content{
    overflow:hidden;
}

.parameter-preview-caption{
    font-size:14px;
    line-height:24px;
    text-transform:capitalize;
}
.parameter-preview-caption md-icon{
    font-size:16px;
    width:16px;
    height:16px;
    vertical-align:middle;
    margin-left:10px;
    cursor:pointer;
}

.show-on-hover-container{
    position:relative;
}
.show-on-hover{
    display:none;
}
.show-on-hover-container:hover .show-on-hover{
    display:block;
}
.parameter-preview-caption .show-on-hover{
    position:absolute;
    background-color:rgba(0, 0, 0, 0.73);
    color:white;
    left:60%;
    top:50%;
    padding:10px 20px;
    border-radius:2px;
    width:260px;
    z-index:8;
    line-height:18px;
    font-size:13px;
}
.scene-field-selectbox .parameter-selectbox-button span{
    display:inline-block;
    width:170px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.scene-field-selectbox .parameter-selectbox-button:hover span{
    width:130px;
}
md-dialog.transition-in.new-parameter-dialog{
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none;
}

.duration-caption{
    position:absolute;
    background:rgb(43,149,221);
    left:0;
    top:0;
    color:white;
    font-size:12px;
    line-height:18px;
    padding:2px 4px;
}
md-icon.schedule-duration-caption{
    color:white;
    height:18px;
    width:18px;
    font-size:18px;
}

.duration-caption-preview{
    position:absolute;
    top:-28px;
    color:#979797;
    font-size:14px;
}
.duration-caption-preview md-icon.schedule-duration-caption{
    color:#979797;
}
.group-name-rename{
    padding:0 16px;
    height:48px;
    line-height:48px;
}
.group-name-rename md-input-container{
    padding:0;
    display:inline-block;
    vertical-align:middle;
}
.logical-operator md-select .md-select-label{
    width:400px;
}
.data-type-select md-select .md-select-label{
    width:100px;
}
.group-scene-img{
    height:129px;
}

.library-item-caption{
    overflow:hidden;
}

.audio-preview-name{
    line-height:36px;
}
.idm-form-page .audio-preview-name{
    line-height:36px;
    word-break:break-all;
}
md-dialog md-dialog-content{
    display:block;
}
.md-select-label .md-select-icon{
    display:inline-block;
}
.idm-generic-page .main-container{
    position:relative;
    z-index:3;
}
.idm-generic-page .single-card{
    margin-top:20px;
}
.idm-generic-page .generic-page-content{
    margin-top:50px;
}
@media screen and (min-width:1600px){
    .scene-right-side{
        width:775px;
        border-left:solid 1px rgba(0,0,0,0.1);
    }
    .transcript-main{
        width: 775px !important;
    }
}
@media screen and (max-width:1230px){
    .scene-right-side, .transcript-main{
        width:285px !important;
    }
    .add-audio-button , .add-event-button{
        margin-right:0;
        font-size:14px;
    }
}
.field-card-preview-media-inner{
    position:absolute;
    width:100%;
    height:100%;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}
.field-card-preview-media{
    background:url("/assets/img/app/parts/Chequerboard.png");
}
.create-parameter-message{
    margin-bottom:15px;
    font-size:11px;
    line-height:23px;
}
.create-parameter-message.invalid{
    color:red;
}
.condition-dynamic-select{
    margin-left:10px;
    margin-right:10px;
    margin-bottom:0;
}

.logic-value-selectbox{
    width:100%;
    margin-top:22px;
    border-bottom:1px solid rgba(0,0,0,0.12);
    line-height:24px;
}
.condition-select{
    margin-bottom:0;
}

.condition-select-property{
    margin:13px 8px;
}

.storyboard-logic-dialog{
    width:960px;
    height:80%;
}
.storyboard-logic-dialog .logic-top-white{
    border:none;
}
.storyboard-logic-dialog .conditions-wrapper{
    height:auto;
    overflow:visible;
}
.storyboard-logic-dialog .selectbox-div{
    left:auto;
    bottom:auto;
}
.duration-caption-preview-general{
    margin-left:10px;
    position:static;
    top:0;
    vertical-align:middle;
}
.friend.ng-enter{
    opacity:0.2 ;
    padding-left:30px ;
    overflow:hidden;
    height:0;
    transition:all ease 250ms ;
}
.friend.ng-enter-stagger{
    transition-delay:0.1s ;
    -webkit-transition-delay:0.1s ;
    /*
        FROM THE DOCUMENTATION:
        In case the stagger doesn't work then these two values must be set
        to 0 to avoid an accidental CSS inheritance.
    */
    transition-duration:0s ;
    -webkit-transition-duration:0s ;
}
.friend.ng-enter-active{
    opacity:1.0 ;
    padding-left:0px ;
    height:30px;
}
.actions-message{
    margin-right:10px;
    font-size:14px;
}
.actions-message.success{
    color:green;
}
.actions-message.error{
    color:red;
}
md-dialog.share-storyboard-dialog .md-actions{
    margin-bottom:10px;
}

.dialog-progress{
    position:absolute !important;
    bottom:0;
}
.idm-storyboard-page .dialog-progress{
    bottom:5px;
}

.storyboard-name-wrapper{
    width:65%;
}
@media (max-width: 1440px) {
    .storyboard-name-wrapper{width:55%;}
}
.data-format-string-radios md-radio-button{
    float:none;
}

.date-message{
    font-size:11px;
    margin-top:8px;
}
.storyboard-logic-dialog md-card.condition-div:last-child .selectbox-ul{
    max-height:210px;
}
.hack-group-label{max-height:385px !important;}
.hack-group-label md-optgroup > label{
    height:1px;
    overflow:hidden;
    padding:0;
}
.field-card-media .field-card-event .field-card-preview-text{
    display:none;
}
.example-message{
    position:absolute;
    background:white;
    color:black;
    width:300px;
    text-align:center;
    font-size:16px;
    line-height:30px;
    left:50%;
    margin-left:-150px;
    top:10px;
}
.calendar-dialog{
    width:860px;
    min-height:600px;
}
.calendar-dialog md-dialog-content{
    padding:0;
    width:100%;
}
.calendar-dialog .md-title{
    font-size:24px;
    margin-bottom:10px;
}
.calendar-select{
    width:230px;
    font-size:14px;
}
.calendar-select-small{
    width:120px;
}
.calendar-bottom-input{
    width:460px;
}
.calendar-select-time-range{
    width:400px;
}
.calendar-select md-option .md-text{
    font-size:14px;
}
selectbox.calendar-selectbox .selectbox-parameter-value{
    font-size:14px;
    vertical-align:text-top;
}
selectbox.calendar-selectbox{
    width:180px;
    line-height:26px;
}
selectbox.calendar-selectbox .selectbox-dropdown{
    font-size:26px;
    width:24px;
    height:24px;
    margin-top:2px;
}

.specific-date-manipulation input{
    width:40px;
}
.specific-date-manipulation{
    font-size:12px;
    line-height:30px;
    margin-bottom:10px;
}
.calendar-icon{
    display:none;
}
.field-properties-card.dynamic .calendar-icon,
.field-properties-card:hover .calendar-icon,
.calendar-icon.active{
    display:block;
}
.glyph-option-span{
    width:170px;
    display:inline-block;
}
.formatting-parameters-div{
    text-align:center;
/*    max-height:35vh;*/
    overflow:auto;
}
.formatting-parameters-item textarea{
    width:181px;
}
logic{
    outline:none;
}
.logic-groups-item{
    line-height:34px;
    border-left:2px solid transparent;
}
.logic-groups-item:hover,
.logic-groups-item.selected{
    color:#000;
    border-color:#427fed;
    background:#eeeeee;
    font-weight:500;
}
.logic-groups-item.empty{
    border-color:rgb(255, 0, 0);
    background:rgba(255, 0, 0, .2);
}
.logic-groups-item .md-button{
    background-color:transparent !important;
}
.logic-group-list{
    margin:20px 0;
}

.delete-icon-in-list{
    min-width:30px;
    position:absolute;
    right:10px;
    top:6px;
}
.logic-groups{
    border-left:1px solid #BFBFBF;
    padding-left:20px;
}
.box-info-height{
    height: 500px;
}
.user-file-box-audio .user-file-filename-span{
    height:22px;
    overflow:hidden;
    display:block;
    display:-webkit-box;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-top: 9px;
    white-space:nowrap;
    padding: 0 5px;
}
.user-file-box-jet .user-file-box-filename .user-file-filename-span,
.user-file-box-video .user-file-box-filename .user-file-filename-span,
.user-file-box-image .user-file-box-filename .user-file-filename-span{
    height:22px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding: 0 5px;
}
.user-file-box-fonts .user-file-box-filename .user-file-filename-span,
.user-file-box-font .user-file-box-filename .user-file-filename-span,
.user-file-box-text .user-file-box-filename .user-file-filename-span,
.user-file-box-properties .user-file-box-filename .user-file-filename-span {
    height:22px;
    display: block;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 9px;
}
.scene-replace-dialog{
    width:700px;
}

.scene-replace-map li{
    line-height:30px;
}
.scene-replace-dialog md-select{
    width:320px;
}

.scene-replace-title{
    color:#999;
    font-size:14px;
    min-height:32px;
}

.image-icon-small{
    width:20px;
    color:#8b8b8b;
    margin-left:-2px;
}

.facebook-mapping-dialog{
    width:850px;
}

.mapping-table{
    width:100%;
    background:#f3f3f3;
    position:relative;
}

.mapping-table-div{
    /* max-height:900px;
    min-height:370px;
    overflow:auto;*/
    padding-bottom:20px;
}
.mapping-table td{
    width:50%;
    padding:10px;
}
.mapping-table tbody tr:nth-child(even){
    background-color:#e6e6e6;
}
.mapping-table thead tr{
    background-color:#8e8e8e;
    color:white;
}
.mapping-table md-input-container{
    padding:0;
    display:inline-block;
}
.mapping-table md-input-container .md-input{
    border-color:transparent;
}
.mapping-table md-input-container .md-input[disabled]{
    color:inherit;
}
.mapping-table .no-label md-input-container label{
    display:none;
}
.mapping-table md-input-container label{
    margin-left:0;
    font-size:13px;
}
.mapping-table md-input-container.md-input-focused label,
.mapping-table md-input-container.md-input-has-value label{
    display:none;
}
.mapping-table md-input-container.md-icon-float,
.mapping-table-button{
    min-height:0;
    height:34px;
    line-height:34px;
    margin-right:10px;
}
.selectbox-subitems-facebook{
    width:250px;
}
.selectbox-subitems-facebook .parameter-selectbox-button{
    font-size:13px;
}
.selectbox-subitems-facebook .parameter-selectbox-button.tiny{
    background:#d4d4d4;
    padding-left:20px;
    font-size:11px;
}
fblocation{
    position:relative;
}
.mapping-table .autocomplete{
    width:auto;
    padding:0;
    background:transparent;
}
.fblocation-progress{
    position:absolute;
    bottom:-6px;
    right:-330px;
}
.mapping-table .autocomplete md-autocomplete{
    background-color:transparent;
}
.mapping-table .autocomplete input[type="search"]{
    border-bottom:2px solid transparent;
    height:30px;
    margin-top:10px;
    padding-left:0;
}
.mapping-table .autocomplete input[type="search"]:focus{
    border-bottom:2px solid rgb(43, 149, 221);
}

.os-version-input{
    font-size:14px;
}
.os-version-input .md-select-value{
    min-width:40px;
}
.os-version-input-logic md-input-container>md-select,
.os-version-input md-input-container>md-select{
    margin-top:-6px;
}

.facebook-parameter-icon{
    margin-top:-2px;
}
.condition-div .md-chips .md-chip-input-container{
    padding:0;
}
.condition-div .autocomplete{
    width:auto;
    padding-left:0;
}
.os-version-input-logic{
    line-height:32px;
    padding-top:15px;
}
.os-version-input-logic md-input-container{
    padding:0;
}
.fb-permutations-count{
    font-size:14px;
    margin-right:10px;
    cursor:pointer;
}
.mapping-row-buttons{
    position:absolute;
    right:0;
    margin-top:-34px;
    display:none;
}
.mapping-row-buttons .md-button{
    min-width:30px;
}
.mapping-table tr:hover .mapping-row-buttons{
    display:block;
}
md-dialog{
    /*max-width:900px;*/
}
fblocation md-autocomplete button{
    display:none;
}
fblocation md-autocomplete:hover button{
    display:block;
}
.light-grey{
    color:#b6b6b6;
}
.facebook-defaults-dialog fblogin{
    margin:20px 0;
    display:block;
}
.facebook-defaults-dialog fblogin .md-button{
    margin:0;
}
.facebook-defaults-dialog .fblocation-location .autocomplete{
    padding-bottom:1px;
    padding-top:0;
    width:340px;
}
.facebook-defaults-dialog md-select.location-select{
    width:230px;
}
.facebook-defaults-dialog md-select{
    font-size:14px;
}
.facebook-defaults-dialog .fblocation-progress{
    right:10px;
}

.fblocation-demographics .autocomplete{
    padding-bottom:1px;
}
.facebook-defaults-dialog md-tabs .md-tab{
    color:rgba(0,0,0,0.54);
}
.facebook-defaults-dialog md-tabs .md-tab.md-active{
    color:rgb(43,149,221) !important;
}
.facebook-defaults-dialog md-tabs{
    width:710px;
}


.facebook-mapping-dialog md-tabs .md-tab{
    color:rgba(0,0,0,0.54);
}
.facebook-mapping-dialog md-tabs .md-tab.md-active{
    color:rgb(43,149,221) !important;
}

.radioButton-size .md-container{
    width:12px;
    height:12px;
}
.radioButton-size md-radio-button{
    margin :14px;
}
.radioButton-size .md-container .md-on{
    width:12px;
    height:12px;
}
.radioButton-size .md-container .md-off{
    width:12px;
    height:12px;
}
.pause-video-radio .md-label{min-width:402px;}
.pause-radio-first-line{display:inline-block;}
.pause-radio-second-line{display:inline-block;width:100%;}

.fb-campaign-table{
    font-size:13px;
    height:300px;
}
.campaign-adset-details{
    width:470px;
}
.campaign-adset-details-title{
    width:100px;
}
.fb-campaign-table-row{
    border-bottom:1px solid #bfbfbf;
    background:#eee;
}

.fb-campaign-table-ad{
    border-bottom:1px solid #bfbfbf;
    background:#ccc;
}

.fb-padding{
    padding:0 10px;
}

.fb-defaults-error-message{
    color:red;
    margin-top:5px;
}

.tooltip-span{
    cursor:pointer;
}
.facebook-mapping-thumbnail{
    height:40px;
    width:auto;
}
.redreq{
    color:red;
}
.idm-storyboard-page #freshwidget-button{
    right:620px;
}
.scripting-dialog{
    width:900px;
    min-height:600px;
}

.scripting-parameter-name{
    width:120px;
    margin-right:15px;
    text-overflow:ellipsis;
    overflow:hidden;
}
.scripting-parameter-value{
    width:140px;
}
.script-textarea{
    height:403px;
    font-family:monospace;
    letter-spacing:0.05em;
}
.scripting-dialog .md-actions{
    margin:0 10px 10px 10px !important;
    display:block;
}
.scripting-parameter-item{
    background:#f3f3f3;
    padding:5px 10px;
}
.scripting-parameter-item:nth-child(even){
    background-color:#e6e6e6;
}
.scripting-parameter-value textarea.error{
    border-color:red;
}
.debug_true_div{
    float:right;
    width:550px;
    font-size:11px;
}
.debug_true_content{
    width:620px;
    float:left;
}
.debug_true_wrapper{
  width:1270px !important;
}
.facebook-mapping-dialog md-autocomplete button md-icon{
    visibility:hidden;
}
.facebook-mapping-dialog md-autocomplete button{
    background:url("/assets-idmadm/img/app/storyboard/ic_edit_black_24dp_1x.png") no-repeat center center;
    opacity:0.5;
}
.text-formatting-selectbox .selectbox-div{
    /*position:fixed;*/
    left:auto;
}
.scene-actions-left md-menu-item .md-button{
    text-align:left !important;
}
.save-script,.cancel-script{
    float:right !important;
}
.selectbox-subitems li .parameter-selectbox-button{
    position:inherit;
}

.audio-placeholder-dialog .mainDiv{float:left;width:100%;}
.floatRight{float:right;}
.floatLeft{float:left;}
.width40{width:40%;}
.width60{width:60%;}
.audio-placeholder-dialog{max-width:705px;}
.audio-placeholder-dialog md-icon{margin-left:10px;}
.marl-20{margin-left:20px;}
.audio-placeholder-dialog md-radio-button{margin:0;margin-bottom:5px;}
.audio-placeholder-dialog md-checkbox{margin:0;}
.audio-placeholder-dialog md-input-container{padding-bottom:0;}
.volumeBtn md-icon{cursor:pointer;}

.width65{width:65%;}
.marLeft-10{margin-left:10px;}
md-tooltip .md-content{height:auto !important;}
md-dialog.soundtrack-dialog md-dialog-content.media-content{overflow:auto;}
.soundtrack-dialog .mainDiv{float:left;width:100%;}
.soundtrack-dialog{max-width:650px;}
.soundtrack-dialog md-input-container{padding-bottom:0;}
.soundtrack-dialog md-input-container input{max-width:100px;}
.soundtrack-dialog md-input-container .ng-invalid{
    border-bottom: 1px solid red !important;
}
.width20{width:25%;}
.width45{width:45%;}
.marLeft-20{margin-left:20px;}
.marLeft-50{margin-left:50px;}
.marLeft-7{margin-left:7px;}

#imsEditor md-dialog md-dialog-content{
    min-height:482px;
}
#imsEditor md-dialog .selectbox-ul{
    max-height:250px;
}

.interactive-event-dialog{max-width:650px;width:100%;height: 100%;max-height: 545px;/*max-height: 510px;*/ display: flex; flex-flow: column nowrap; justify-content: space-between;}
.interactive-event-dialog .md-body-1{float:left}
.interactive-event-dialog .md-title{margin-bottom:15px}
.interactive-event-dialog .mainDiv{float:left;width:100%;}
.interactive-event-dialog md-input-container{padding-bottom:5px;margin-top:-8px;float:left;margin-left:7px;margin-right:5px;}
.interactive-event-dialog md-tabs .md-tab{color:rgba(0,0,0,0.54);}
.interactive-event-dialog md-tabs .md-tab.md-active{color:rgb(43,149,221) !important;}
.interactive-event-dialog md-tabs{min-height:435px !important;}
.interactive-event-dialog md-select-value{margin:0px 5px;}
.interactive-event-dialog .margin-20{margin:20px;margin-bottom:0;margin-left:30px}
.interactive-event-dialog md-dialog-content{padding-bottom:0;}
.interactive-event-dialog md-dialog-content{
    padding: 24px 15px;
}
.plus-cl{
    margin: 0 10px;
}
.interactive-event-dialog input[type='number']{-moz-appearance:textfield;}
.interactive-event-dialog input::-webkit-outer-spin-button,.interactive-event-dialog input::-webkit-inner-spin-button{-webkit-appearance:none;}
.interactive-event-dialog md-tabs md-tabs{min-height:auto !important;}
.interactive-event-dialog md-tab-content{overflow-x:hidden !important;}
::-webkit-full-page-media, :future, :root .custom-height{
    min-height:260px;
}
::-webkit-full-page-media, :future, :root .interactive-placeholder-custom-height{
    min-height:200px;
    max-height: 400px;
    height: 100%;
}
.mac-os .interactive-event-dialog md-tabs{
    min-height:350px !important;
}

/*.interactive-event-dialog  input{text-align:center}*/
/* .interactive-event-dialog  md-select{margin-left:5px;margin-right:5px;} */
.interactive-event-dialog md-input-container{font-size:14px;}
.interactive-event-dialog md-select{font-size:14px;}
.interactive-event-dialog .radioButton-size .md-container .md-on{width:16px;height:16px;}
.interactive-event-dialog .radioButton-size .md-container .md-off{width:16px;height:16px;}
.radio-pos{position:relative;min-height:68px;}
.radio-pos .md-container{position:absolute;left:-14px;top:12px;}
.cus-tabdel md-tabs-wrapper{padding-left:25px !important;}
.end-event-margin{margin-left:0 !important;}
.time-action-height{min-height:24px;}
.perform-action-radio{min-height:42px !important;}
.end-event-block{width:100%;}
.end-event-block > .mainDiv{width:unset;}
.end-event-block > .mainDiv .text-formatting-selectbox{bottom:6px;}
.end-event-margin .remove-parameter{bottom:13px;}
.display-block{width:100%;}
.display-block > .mainDiv{width:unset;}
.interactive-event-dialog .text-formatting-selectbox .selectbox-div{
    left:auto;
    top:auto !important;
    bottom:2px !important;
    right:5px;
}
.interactive-event-dialog md-dialog-content{
    overflow:hidden;
}
.interactive-event-dialog md-tab-content.md-active{
    /*position:relative;*/
    overflow:auto;
    overflow-x:hidden;
    max-height:320px;
}
.interactive-event-dialog md-tab-content md-tab-content{
    max-height:100% !important;
}

.interactive-event-dialog md-tab-content md-tab-content .selectbox-div{
    height:300px;
}
.interactive-event-dialog md-tab-content md-tabs md-tab-content{
    min-height:230px;
}

.interactive-event-dialog md-tab-content md-tabs md-tab-content .text-formatting-selectbox .selectbox-div{
    max-height:217px;
    top:50% !important;
    transform:translateY(-50%);
    height:auto;
    bottom:auto !important;
    overflow:auto;
}
.interactive-event-dialog md-tab-content md-tabs md-tab-content .text-formatting-selectbox .selectbox-div ul.selectbox-ul{
    height:100%;
    overflow:hidden;
}
.interactive-event-dialog .mainDiv .editable-value .selectbox-parameter-value{
    width:100%;
    display:block;
    color:#fff;
    position:relative;
    height:30px;
}
.interactive-event-dialog .mainDiv .editable-value span{
    width:100%;
    display:block;
}
.interactive-event-dialog .mainDiv selectbox .selectbox-wrapper, .interactive-placeholder-event-dialog .mainDiv selectbox .selectbox-wrapper{
    width:100%;
    background:#f3aa41;
    position:relative;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
    border-radius:3px;
    overflow:hidden;
}
.interactive-placeholder-event-dialog .mainDiv selectbox .selectbox-wrapper{
    overflow: visible !important;
}
.interactive-event-dialog .mainDiv .editable-value .selectbox-parameter-value:before,
.interactive-placeholder-event-dialog .mainDiv .editable-value .selectbox-parameter-value:before{
    content:'+ Add Parameter';
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    left:0;
    z-index:1;
    background:#f3aa41;
    text-align:center;
    line-height:30px;
    color:rgba(255,255,255,0.87);
    text-transform:uppercase;
    font-weight:500;
    font-size:14px;
}
.interactive-event-dialog .buttons-link{
    width:calc(60% - 26px);
    margin-left:26px;
}
.buttons-link-margin{margin-top:10px;}

.select-disabled{pointer-events:none;}
.select-not-allowed{cursor:not-allowed;}
.select-disabled .editable-value .selectbox-parameter-value:before{background:#e0e0e0 !important;color:rgba(0,0,0,0.12) !important;}

/* InteractivePlaceholderEventDialog new dialog*/
.interactive-placeholder-event-dialog{
    max-width:690px;
    width:100%;
    /*max-height:505px;*/
    max-height:535px;
    min-height: 415px;
    /* height:100%; */
}
.interactive-placeholder-event-dialog{
    /*overflow-y: scroll;*/
}
.interactive-placeholder-content .interactive-body{
    width:100%;
    float:left;
    height: auto;
}
.interactive-placeholder-content .interactive-body .interactive-body-row{
    width:100%;
    float:left;
}
.interactive-placeholder-content .interactive-body .interactive-body-row label{
    width:30%;
    float:left;
}
.interactive-placeholder-event-dialog .reset-default-value{
    margin-right:auto;
}
.interactive-placeholder-event-dialog md-select{
    margin-left:5px;
    margin-right:5px;
}


.field-card-actions .md-icon-button .logo-image{
    width:20px;
    height:20px;
    object-fit:contain;
    margin-top:-3px;
}
.field-card-actions .md-icon-button.data_idclass{
    width:32px !important;
    height:32px;
    line-height:32px;
    margin-top:4px;
    min-height:32px;
}
.interactive-placeholder-event-dialog .input-second{
    margin-top:-9px;
    margin-left:6px;
    margin-right:6px;
}
.interactive-placeholder-event-dialog .margin-top-imput{
    margin-top:20px;
}
.interactive-placeholder-event-dialog .interactive-body .interactive-body-row{
    margin-top:20px;
    font-size: 14px;
}
.interactive-placeholder-event-dialog .interactive-body .interactive-body-row > .floatLeft md-input-container{
    padding-bottom:0;
    margin-top:-8px;
    float:left;
    margin-left:7px;
    margin-right:5px;
}
.interactive-placeholder-event-dialog .interactive-body .interactive-body-row > .mainDiv.margin-top-imput{
    margin:0;
}
.link-inputs .mainDiv{
    display:inline-block;
    vertical-align:middle;
    width:calc(40% - 20px);
}
.link-inputs .mainDiv selectbox .editable-value span{width:100%;}
.link-inputs md-input-container{margin-top:-2px  !important;}
.link-inputs .mainDiv .selectbox-div{
    top:50%;
    max-height:250px;
    overflow:auto;
    transform:translateY(-50%);
}
.link-inputs .mainDiv .selectbox-div ul.selectbox-ul{
    max-height:100%;
}
.interactive-placeholder-event-dialog .interactive-body .material-icons{font-size:18px;}

/* InteractivePlaceholderEventDialog new dialog*/

.media-placeholder-dialog md-radio-button{display:inline;margin:0;}
.media-placeholder-dialog .mainDiv{float:left;width:100%;}
.media-placeholder-dialog{max-width:650px;}
.media-placeholder-dialog .md-body-1{margin-left:20px;}
md-tooltip .md-content{height:auto !important;}
.media-placeholder-dialog md-input-container{padding-bottom:0;}
.media-placeholder-dialog .md-label{margin-left:5px;margin-right:10px;}

.scene-duration-dialog md-checkbox{margin:0 0 0 10px;}
.scene-duration-dialog md-input-container{padding-bottom:2px;}
.scene-duration-dialog md-select{margin:2px;}
.dynamic-duration{cursor:pointer;
    color:rgba(0,0,0,0.54);
    border-bottom:1px solid rgba(0,0,0,0.25);
    box-shadow:0px 3px 0px rgba(0,0,0,0.12);
    padding-bottom:10px;}
.width100{width:100%;}
.marLeft-25{margin-left:25px;}
.sub-td fblocation, .sub-td .setCol, .mapDeleteIcon, .os-version-input div{display:inline-block;}
.mapDeleteIcon{cursor:pointer;}
.error-message-new{color:red;font-size:15px;line-height:25px;}
.unclick-toggle{pointer-events:none;}
.boundiglbl{font-size:12px;}
.width2{width:2%}
.directioncls{cursor:pointer;padding-right:10px;}
.changetext_margin{margin:20px 0 0 10px}
.cursor_pointer{cursor:pointer}
.text_size {font-size: 15px;}
.text-formatting-margin{margin:0 23px 0 0;display:inline-block;padding-right:0;position:relative;}
.text-formatting-margin-none{margin-left:-9px;}
.newfeture_border{border-bottom:1px solid rgba(0, 0, 0, 0.37);padding-bottom:15px;margin-bottom:15px;}
.check_box_formating{vertical-align:middle;margin:0;}
.text-formatting-margin1{margin:0 15px 0 0;}
.text-formatting-margin .colorBox{position:absolute;bottom:2px;height:3px;width:23px;border:1px solid #c1bdbd;background-color:#c1bdbd;}
.text-formatting-margin.idm-cp{width:auto}
.text-formatting-margin.idm-cp .original{left:0;top:0px;position:absolute;}
.formatting-parameters-div-wrapper{text-align:left;overflow:initial;}
.formatting-parameters-div-wrapper .formatting-parameters-item{margin:15px 0 15px 6px;}
.formatting-parameters-item-inner{float:left;margin:0 5px;}
.formatting-parameters-item-border{content:"";border-right:1px solid #bfb7b7;height:30px;float:left;margin:10px 7px 0 5px;}
.text-formatting-margin-right{margin:0 4px 0 0;}
.text-formatting-margin-left{margin:0px;outline:none}
.text_alignment_parameter{float:left;padding-top:5px;}
.text_alignment_parameter .text-formatting-button{min-width:65px;margin:-5px 0 0;}
.formatting_background_icon{background:#ccc;padding:5px;}
.text-formatting-dialog .md-body-2{width:240px;}
.select_padding_top{padding-top:0px }
.datatype_div_hide{border:1px solid #000;padding:15px;margin-bottom:20px;margin-top:20px;}
.datatype_div_wrapper{padding:10px;}
.add_select_width{width:85px !important;}
.add_textarea_width{width:86px !important;}
.add_textarea_width_wrapper{width:86px !important;}
.inputBox label{margin-top:-16px;}
.formatting-fallback-item input{color:rgb(40, 40, 40);width:400px;margin-right:10px;border:2px solid;border-color:rgba(0,0,0,0.12);border-right:none;border-top:none;border-left:none;}
.formatting-fallback-item input:focus{outline:none;border-bottom:2px solid rgb(43,149,221)}
.formatting-fallback-item{margin:20px 0 -6px 12px}
.text_wrapper_left{width:100%;display:block}
.text_wrapper_right{width:100%;display:block}
.text-formatting-dialog .maxTextbox textarea{max-width:81px;}
.text-formatting-dialog selectbox{float :left;}
.displaycenter{display:inline-block;position:relative;left:24%;}
/*.displaycenter_inner{display:inline-block;text-align:left;float:none !important}*/
.displaycenter_inner{display:inline-block;text-align:left;float:left !important}
.displayflex{display:inline-flex;}
.label_width{width:105px !important;}
.fallback_padding{padding-top:6px;}
.padding_superscript{padding-top:7px;}
.delete_button{float:left;padding:0;margin-left:-22px;}
.done-blue{position:absolute;right:10px;bottom:10px;color:#a1cbe6;}
.done-dark-blue{position:absolute;right:10px;bottom:10px;color:#2b95dd;}
.done-blue-grid{position:absolute;margin-left:4px;margin-top:-7px;color:#a1cbe6;font-size:15px !important;margin-bottom:10px;}
.done-dark-blue-grid{position:absolute;margin-left:4px;margin-top:-7px;color:#2b95dd;font-size:15px !important;margin-bottom:10px;}


.SBLibrary-table thead tr{height:auto;border-bottom:1px solid black;}
.SBLibrary-table thead tr th.fnt{color:#898989;font-size:14px;letter-spacing:.01em;line-height:24px;}
.SBLibrary-table thead tr th{outline:none;font-weight:normal;}
.SBLibrary-table thead tr th:hover{color:black;transform:scale(1.002);}
.SBLibrary-table .sceneName{min-width:120px;text-overflow:ellipsis;word-wrap:break-word;width:100%;}
.SBLibrary-table .check-select-round{top:0;right:auto;bottom:0;}
.SBLibrary-table .material-icons{font-size:15px;}
.SBLibrary-table md-icon{width:15px;height:15px;}
.SBLibrary-table tbody td{position:relative;}
.SBLibrary-table tbody tr:hover{background-color:#EBEEED;transform:scale(1.002);}
.SBLibrary-table .selected .check-select-round{opacity:1;}

.field-properties-card.dynamic-field{overflow:hidden;}
.dynamic-field .missing-parameter-message{top:5px;bottom:auto;left:6px;right:auto;}

.btm-line{border-bottom:1px solid transparent}
.field-properties-card:hover .btm-line{border-bottom:1px solid #8f8f8f;}

.resetFieldValueBtn{overflow:hidden !important;}
.floatBtn{position:absolute;bottom:66px;right:0px;transition:all 0.1s;}
.nonfloatBtn{position:absolute;top:60px!important;right:0px;transition:all 0.1s;}
.field-properties-card:hover .floatBtn{bottom:100px;right:0px;transition:all 0.1s;}
.button-right-formatting{text-align:right;width:100%;}

.tb-icons{
    display:inline-block;
    position:relative;
    height:15px;
}

.fbparmlist{
    position:absolute;
    width:100%;
    z-index:99;
    background-color:white;
    max-height:200px;
    overflow-y:auto;
    border-color:black;
}

.font-setting .lang-propertise-tbl{
    margin-left:30px;
    width:calc(100% - 30px);
}
.font-setting .lang-propertise-tbl tr td:first-child{position:relative;}
.font-setting .lang-propertise-tbl tr td span.tb-icons{position:absolute;left:-22px;top:7px;outline:none}
.font-setting .lang-propertise-tbl tr td span.tb-icons md-icon{outline:none}
.font-setting .add-btn{margin:20px 0 0 30px;}
.font-setting .lang-propertise-tbl tr td md-input-container{padding:0}
.font-setting .lang-propertise-tbl tr td md-input-container input{width:230px;padding:2px;}
.font-setting .lang-propertise-tbl tr td .preview-select-button{display:inline-block;float:left;height:40px;line-height:40px;padding:0 15px;}
.selectbox-ul li button.selectbox-create-new{font-weight:normal;font-size:16px;}
.selectbox-ul li button.md-primary.selectbox-create-new{font-weight:700;font-size:18px}
.selectbox-ul li button.selectbox-create-new{-webkit-border-radius:0;border-radius:0}
.selectbox-ul li a.md-button{-webkit-border-radius:0;border-radius:0;font-size:16px}
.selectbox-ul li button.selectbox-create-new:hover,.selectbox-ul li a.md-button:hover{background:transparent}
.selectbox-ul li button.selectbox-create-new .material-icons{font-size:22px;margin:-2px 0 0 0}
.formatting-parameters-div-wrapper .formatting-parameters-item md-input-container textarea{line-height:22px;padding:0 0 1px;width: 100% !important;max-width: 100% !important;}
.formatting-parameters-div-wrapper .formatting-parameters-item .md-select-value .md-select-icon:after{-webkit-transform:scaleY(.55) scaleX(1.1);transform:scaleY(.55) scaleX(1.1);}
.font-setting-dilog.new-parameter-dialog.mapping-popup{min-width:65%; overflow: auto;}
.font-setting-dilog.new-parameter-dialog.mapping-popup md-checkbox{display:inline-block}
.font-setting-dilog.new-parameter-dialog.mapping-popup md-dialog-content{min-height:405px}
.font-setting-dilog.new-parameter-dialog.mapping-popup md-dialog-content{min-height:0px}
.map-to-param{display:block;margin-bottom:5px;}

.map-to-param md-checkbox, .map-to-param .font-setting.selectbox-wrapper{display:inline-block;vertical-align:middle;}
.map-to-param md-checkbox{display:inline-block;margin-right:15px;}
.map-to-param .selectbox-wrapper.selectbox-wrapper-text{min-width:150px;}

.lang-propertise-tbl .tbl-left-icon{vertical-align:top;line-height:0;display:inline-block;}
.lang-propertise-tbl .tb-icons{height:22px;width:16px;line-height:0;text-align:center;overflow:hidden;}
.lang-propertise-tbl .tb-icons .material-icons{height:10px;line-height:10px;font-size:32px;width:28px;direction:unset;outline:none;text-align:center;vertical-align:top;cursor:pointer;align-items:center;position:absolute;left:-8px;top:3;margin:0;overflow:hidden;}
.lang-propertise-tbl .tb-icons .material-icons:last-child{bottom:0;top:auto;}
.parameter-selectbox-button .font-setting-link{color:rgba(0,0,0,.87);font-size:16px;font-weight:normal;}
.map-to-param + .lang-propertise-tbl td.actions{width:100px;}
.map-to-param + .lang-propertise-tbl.font-setting-tbl td.actions{width:30px;}

.newfeture .selectbox-div{max-width:629px;width:auto;}
.audio-placeholder-dialog .soundtrack_end{margin-top:5px;}


/*Map Folder Popup*/
.map-folder-popup .md-actions{-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between;}
.map-folder-popup .md-actions .select-ext-combo{box-sizing:border-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.map-folder-popup .md-actions .select-ext-combo label{margin-right:20px}
.map-folder-popup .md-actions .select-ext-combo select-ext-box md-select{margin:0}
div.pollydiv{
    text-align:left;
    padding-left:10px;
}
.button-right-formatting{text-align:right;width:100%;}
.padding-bottom10{padding-bottom:10px}
.audio-polly{overflow:hidden;width:100%}
.span-voice{width:14%;margin-top:6px;float:left;padding-left:27px;}
.audio-languages-select{margin-top:0px;width:200px;}
.audio-narrator-select{margin-top:0px;margin-left:15px;width:160px;}
.borderTop1{
    border-top:1px solid;
}
.audio-placeholder-dialog .soundtrack_end{margin-top:5px;}
.static_soundtrack{overflow:hidden;}

.soundtrack-dialog .radio-btn{
    display:inline-block;
    position:relative;
    padding-left:24px;
    cursor:pointer;
    font-size:16px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-transform:none;
    font-weight:400;
    letter-spacing:0.5px;
    margin:0;
    font-family:'Roboto', sans-serif;
    margin:10px 0 10px;
    vertical-align:baseline;
}
.soundtrack-dialog .radio-btn input{
    position:absolute;
    opacity:0;
    cursor:pointer;
}
.soundtrack-dialog .radio-btn .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:16px;
    width:16px;
    background-color:#fff;
    border-radius:50%;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
    border:1px solid #2b95dd;
}
.soundtrack-dialog .radio-btn input:checked ~ .checkmark{
    background-color:#fff;
}
.soundtrack-dialog .radio-btn .checkmark:after{
    content:"";
    position:absolute;
    display:none;
}
.soundtrack-dialog .radio-btn .checkmark:after{
    top:0;
    left:0;
    width:8px;
    height:8px;
    border-radius:50%;
    -webkit-border-radius:50%;
    background:#2b95dd;
    right:0;
    bottom:0;
    margin:auto;
}
.soundtrack-dialog .radio-btn input:checked ~ .checkmark:after{
    display:block;
}
.soundtrack-dialog .set_default > div:first-child{
    padding-top:12px;
    padding-bottom:12px;
}
.soundtrack-dialog .set_default > div:first-child span{
    padding-left:24px;
}


.soundtrack-dialog .set_default:before,.set_default:after{
    content:'';
    display:block;
    clear:both;
}

.soundtrack-dialog  .url_name{
    padding-left:24px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    width:75%;
    margin-bottom:15px;
}
.soundtrack-dialog .dynamic_soundtrack .mapping-icon.md-fab{
    width:32px;
    height:32px;
    min-height:32px;
    font-size:22px;
    line-height:1;
    margin-left:20px;
}
.soundtrack-dialog  .text-formatting-selectbox .editable-value > span span{
    width:65%;
}

.soundtrack-dialog  .text-formatting-selectbox .editable-value >  span{
    width:100%;
}


.soundtrack-dialog .text-formatting-selectbox .editable-value md-icon{
    display:inline-block;
    margin-top:-3px;
}
.soundtrack-dialog  .md-actions{
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between;
    justify-content:space-between;
}
.soundtrack-dialog  .md-actions .md-button{
    margin:8px 0 8px 0;
    padding-left:7px;
}

.fullscroll-modal{
    position:absolute !important;
    height:auto !important;
    float:left !important;
    max-height:initial !important;
    top:30px !important;
    overflow:auto !important;
    margin-bottom:70px;
}
.facebook-mapping-dialog md-tabs .mapping-table .ng-scope .fb-mapping-key-td .sub-td .fb-btn .selectbox-div ul.selectbox-ul li.selectbox-item-subitems:nth-child(2) .selectbox-subitems,
.facebook-mapping-dialog md-tabs .mapping-table .ng-scope .fb-mapping-key-td .sub-td .fb-btn .selectbox-div ul.selectbox-ul li.selectbox-item-subitems:nth-child(3) .selectbox-subitems{
    margin-top:-65px !important;
}
.md-dialog-container{
    overflow:auto;
}
.nomax-height{
    max-height:192px;
    margin-top:68px !important;
}
.ymax-height{
    max-height:192px;
}
.fb-dropdown-ul{
    max-height:125px !important;
}
.facebook-dialog-selectbox .selectbox-wrapper .selectbox-div .selectbox-ul{
    max-height:235px;
}

.logic-div .selectbox-subitems.custom-tab-select{
    left:auto !important;
}
.logic-div .nomax-height{
    margin-top:fix !important;
}
.facebook-mapping-dialog md-tabs .selectbox-div ul.selectbox-ul li:hover{
    background-color:rgb(238,238,238) !important;
}
.mapping-table .row-creative{
    width:100%;
    float:left;
}
.mapping-table .row-creative .row-creative-buttons{
    width:auto;
    float:left;
}
.facebook-mapping-dialog > md-dialog-content:first-child{
    min-height:340px;
}

.facebook-mapping-dialog{
    min-height:450px;
}
.fb-dialog-tab md-tab-content.md-no-scroll{
    padding-bottom:115px;
}
.fb-dialog-footer{
    margin-top:-50px;
}
.facebook-dialog-selectbox .selectbox-wrapper .selectbox-div .selectbox-ul{
    max-height:235px !important;
}
.drop-up{
    top:auto;
}
.audience-size-error{
    color:red;
    margin-right:10px;
}
.error-message-fbdialog{
    width:70%;
    float:left;
}

.place-img-data.mnd-img-data{
    display:none;
}
.media-color.ng-scope.mnd-color1 .rgb-color{
    width:25px;
    height:25px;
}
.hide-homepage-player{
    display:none;
}
.tag-group{
    cursor:pointer;
}
.selectbox-wrapper-tag-group .selectbox-div{
    position:fixed;
    left:auto;
    margin-left:-40px;
}
.operators-list{
    padding:0;
    margin-left:15px;
}
.tag-values{
    width:100%;
}
/*stroryboard tags css 19-5-20*/
.storyboard-tags-dialog-custom .active-logic .md-title{
    margin:0 0 12px;
    color:#898989;
}
.storyboard-tags-dialog-custom .active-logic{
    padding-right:15px;
}
.storyboard-tags-dialog-custom .active-logic p{
    line-height:1.47;
    color:#000;
}
.storyboard-tags-dialog-custom .logic-groups{
    min-width:190px;
}
.storyboard-tags-dialog-custom .active-logic .sub-head{
    color:#000;
    margin:20px 0;
    font-size:16px;
    font-weight:500;
}
.storyboard-tags-dialog-custom{
    max-width:60%;
}
.storyboard-tags-dialog-custom md-dialog-content[flex]{
    width: 100%;
}
.idm-storyboard-page .md-select-menu-container md-select-menu md-option md-icon{
    float:right;
    margin-top:0;
    z-index:66;
    position:relative;
    display:none;
    font-size:20px;
}

 /* dropdown-style-wrap   start*/
.dropdown-style-wrap .md-select-value{
    min-width: 250px;
}
md-option.dropdown-icon-wrap{
    min-width: 250px;
    border-bottom: 1px solid #0000001f;
}
md-option.dropdown-icon-wrap .md-text{
    color: rgb(43,149,221);
    font-weight: 700;
    font-size: 18px;
}
md-option.dropdown-icon-wrap .md-text md-icon{
    color: rgb(43,149,221);
    display: block !important;
    float: left !important;
}
/* dropdown-style-wrap  end*/

.idm-storyboard-page .md-select-menu-container md-select-menu md-option:hover md-icon{
    display:block;
}
.idm-storyboard-page .md-select-menu-container md-select-menu md-option .md-text{
    width:100%;
    line-height:24px;
}
.idm-storyboard-page .md-select-menu-container md-select-header md-input-container{
      padding:2px 2px 0 12px;
  }
.idm-storyboard-page .md-select-menu-container md-select-header md-input-container{
    padding:2px 2px 0 12px;
}
.idm-storyboard-page .md-select-menu-container md-select-header button{
    min-width:36px;
}
.storyboard-tags-dialog-custom .custom_selectbox{
    margin-left:20px;
}
.storyboard-tags-dialog-custom .custom_input{
    margin-left:20px;
}
storyboard-tags-dialog-custom .md-title{
    color:#898989;
    margin-top:0;
    padding-bottom:15px;
    border-bottom:1px solid #ccc;
    text-transform:uppercase;
}
.idm-storyboard-page .storyboard-tags-dialog-custom p{
    color:#898989;
    line-height:1.47;
}
.storyboard-tags-dialog-custom .logic-group-list{
    margin:20px 0 0;
}
.storyboard-tags-dialog-custom .operators-list{
    margin-left:20px;
}
.idm-storyboard-page selectbox.condition-selectbox{
    width:30%;
    -webkit-box-flex:0;
    -ms-flex:0 0 30%;
    flex:0 0 30%;
}
.idm-storyboard-page .storyboard-tags-dialog-custom .operators-list{
    -webkit-box-flex:0;
    -ms-flex:0 0 44%;
    flex:0 0 44%;
}
.idm-storyboard-page .link_btn{
    text-decoration:underline;
    padding:0;
}
.idm-storyboard-page .link_btn:hover,.idm-storyboard-page .link_btn:focus{
    text-decoration:underline;
    background:none;
}
.idm-storyboard-page a.link_btn:not([disabled]):hover,.idm-storyboard-page .link_btn:not([disabled]):hover{
    background:none;
}
.storyboard-tags-dialog-custom md-checkbox{
    margin-left:0;
}
/*Tag group dropdown*/
.tag-group-dropdown .selectbox-wrapper-tag-group .selectbox-div{
    position:fixed;
    left:auto;
    top:68%;
}
.tag-group-dropdown2 .selectbox-wrapper-tag-group .selectbox-div{
    position:fixed;
    left:auto;
    top:68%;
}
/* 25052020*/
.selectbox-wrapper-tag-group-custom1{
    position:relative;
    bottom:-6px;
    left:20px;
    border-bottom:1px solid #eee;
}
.selectbox-wrapper-tag-group-custom1 .selectbox-div-top{
    position:absolute !important;
    left:30px !important;
    top:38px !important;
}
.selectbox-wrapper-tag-group-custom1 .tag-group span{
    vertical-align:-webkit-baseline-middle;
}
.selectbox-wrapper-tag-group-custom1 .tag-group span:focus{
    outline:none !important;
}
.selectbox-wrapper-tag-group-custom1 .tag-group:focus{
    outline:none;
}
.selectbox-wrapper-tag-group-custom1 md-icon.selectbox-dropdown.material-icons.ng-isolate-scope.md-default-theme{
    outline:none;
}
.selectbox-wrapper-tag-group-custom1 .selectbox-div selectbox-ul{
    height:200px !important;
}
.storyboard-tags-dialog .active-logic label{
    font-size:14px;
    font-weight:400;
    letter-spacing:.01em;
    line-height:20px;
}
.storyboard-tags-dialog .dialog_heading h3{
    color:#898989;
    margin-top:0;
}
.storyboard-tags-dialog .tag-group{
    line-height:26px;
}
.storyboard-tags-dialog selectbox.condition-selectbox{
    line-height:29px;
}
.storyboard-tags-dialog .condition-selectbox .selectbox-wrapper .selectbox-div-top{
    background:#ffffff;
}
.storyboard-tags-dialog .condition-selectbox .selectbox-wrapper .editable-value span md-icon{
    line-height:37px;
    text-align:end;
    color:rgba(0,0,0,0.26);
    font-size:24px;
}
.storyboard-tags-dialog .param-dropdown .selectbox-wrapper .editable-value span span{
    color:rgba(0,0,0,0.26);
}
.storyboard-tags-dialog .condition-selectbox .selectbox-wrapper .editable-value{
    line-height:29px;
}
/** 03-06-2020 storyboard tag chnages */
.storyboard-tags-dialog-custom .logic-group-list{
    margin:20px 0 0;
    height:100px;
    overflow:hidden;
}
button.md-primary.addnewbuttonClass.md-button.md-default-theme{
    left:0px;
    top:0px;
}
.storyboard-tags-dialog-custom .logic-group-list{
    margin:20px 0px 10px;
    height:176px;
    overflow:scroll;
    overflow-x:hidden;
}
.storyboard-tags-dialog .operators-list md-select md-select-value .md-select-icon{
    transform:scaleY(1.2) scaleX(1.4);
}
.storyboard-tags-dialog .operators-list md-select md-select-value{
    color:rgba(0,0,0,0.87);
}
.avoid-clicks{
    pointer-events:none;
}
.disabled-field{
    cursor:not-allowed;
    border-bottom:1px dashed rgba(0,0,0,0.16);
}
.between-input1{
    margin-right:10px;
}
.between-input2{
    margin-left:10px;
    margin-right:10px;
}
/** 10-06-2020 campaign preview */
.fb-padding.campaign-rows-outer{
    padding:10px 50px 10px 50px;
    position:relative;
    flex-wrap:wrap;
}
.fb-padding.campaign-rows-outer .audience-size-error{
    position:absolute;
    left:10px;
    top:10px;
}
.fb-padding.campaign-rows-outer > button{
    position:absolute;
    right:5px;
    top:10px;
    z-index:99;
    width:40px;
    max-width:40px;
    min-width:auto;
    margin:0;
}
.fb-padding.campaign-rows-outer .row1-class{
    width:100%;
}
.fb-padding.campaign-rows-outer .row2-class{
    width:100%;
    flex-wrap:wrap;
    margin-top:5px;
}
/***** 11-06-2020 reverting old */
.tag-group{
    cursor:pointer;
}
.selectbox-wrapper-tag-group .selectbox-div{
    position:fixed;
    left:auto;
    margin-left:-40px;
}
.operators-list{
    padding:0;
    margin-left:15px;
}
.tag-values{
    width:100%;
}
/*stroryboard tags css 19-5-20*/
.storyboard-tags-dialog-custom .active-logic .md-title{
    margin:0 0 12px;
    color:#898989;
}
.storyboard-tags-dialog-custom .active-logic{
    padding-right:15px;
}
.storyboard-tags-dialog-custom .active-logic p{
    line-height:1.47;
    color:#000;
}
.storyboard-tags-dialog-custom .logic-groups{
    min-width:190px;
}
.storyboard-tags-dialog-custom .active-logic .sub-head{
    color:#000;
    margin:20px 0;
    font-size:16px;
    font-weight:500;
}
.storyboard-tags-dialog-custom{
    max-width:60%;
}
.idm-storyboard-page .md-select-menu-container md-select-menu md-option md-icon{
    float:right;
    margin-top:0;
    z-index:66;
    position:relative;
    display:none;
    font-size:20px;
}
.idm-storyboard-page .md-select-menu-container md-select-menu md-option:hover md-icon{
    display:block;
}
.idm-storyboard-page .md-select-menu-container md-select-menu md-option .md-text{
    width:100%;
    line-height:24px;
}
.idm-storyboard-page .md-select-menu-container md-select-header md-input-container{
    padding:2px 2px 0 12px;
}
.idm-storyboard-page .md-select-menu-container md-select-header md-input-container{
    padding:2px 2px 0 12px;
}
.idm-storyboard-page .md-select-menu-container md-select-header button{
    min-width:36px;
}
.storyboard-tags-dialog-custom .custom_selectbox{
    margin-left:20px;
}
.storyboard-tags-dialog-custom .custom_input{
    margin-left:20px;
}
storyboard-tags-dialog-custom .md-title{
    color:#898989;
    margin-top:0;
    padding-bottom:15px;
    border-bottom:1px solid #ccc;
    text-transform:uppercase;
}
.idm-storyboard-page .storyboard-tags-dialog-custom p{
    color:#898989;
    line-height:1.47;
}
.storyboard-tags-dialog-custom .logic-group-list{
    margin:20px 0 0;
}
.storyboard-tags-dialog-custom .operators-list{
    margin-left:20px;
}
.idm-storyboard-page selectbox.condition-selectbox{
    width:30%;
    -webkit-box-flex:0;
    -ms-flex:0 0 30%;
    flex:0 0 30%;
}
.idm-storyboard-page .storyboard-tags-dialog-custom .operators-list{
    -webkit-box-flex:0;
    -ms-flex:0 0 44%;
    flex:0 0 44%;
}
.idm-storyboard-page .link_btn{
    text-decoration:underline;
    padding:0;
}
.idm-storyboard-page .link_btn:hover,.idm-storyboard-page .link_btn:focus{
    text-decoration:underline;
    background:none;
}
.idm-storyboard-page a.link_btn:not([disabled]):hover,.idm-storyboard-page .link_btn:not([disabled]):hover{
    background:none;
}
.storyboard-tags-dialog-custom md-checkbox{
    margin-left:0;
}
/*Tag group dropdown*/
.tag-group-dropdown .selectbox-wrapper-tag-group .selectbox-div{
    position:fixed;
    left:auto;
    top:68%;
}
.tag-group-dropdown2 .selectbox-wrapper-tag-group .selectbox-div{
    position:fixed;
    left:auto;
    top:68%;
}
/* 25052020*/
.selectbox-wrapper-tag-group-custom1{
    position:relative;
    bottom:-6px;
    left:20px;
    border-bottom:1px solid #eee;
}
.selectbox-wrapper-tag-group-custom1 .selectbox-div-top{
    position:absolute !important;
    left:30px !important;
    top:38px !important;
}
.selectbox-wrapper-tag-group-custom1 .tag-group span{
    vertical-align:-webkit-baseline-middle;
}
.selectbox-wrapper-tag-group-custom1 .tag-group span:focus{
    outline:none !important;
}
.selectbox-wrapper-tag-group-custom1 .tag-group:focus{
    outline:none;
}
.selectbox-wrapper-tag-group-custom1 md-icon.selectbox-dropdown.material-icons.ng-isolate-scope.md-default-theme{
    outline:none;
}
.selectbox-wrapper-tag-group-custom1 .selectbox-div selectbox-ul{
    height:200px !important;
}
.storyboard-tags-dialog .active-logic label{
    font-size:14px;
    font-weight:400;
    letter-spacing:.01em;
    line-height:20px;
}
.storyboard-tags-dialog .dialog_heading h3{
    color:#898989;
    margin-top:0;
}
.storyboard-tags-dialog .tag-group{
    line-height:26px;
}
.storyboard-tags-dialog selectbox.condition-selectbox{
    line-height:29px;
}
.storyboard-tags-dialog .condition-selectbox .selectbox-wrapper .selectbox-div-top{
    background:#ffffff;
}
.storyboard-tags-dialog .condition-selectbox .selectbox-wrapper .editable-value span md-icon{
    line-height:37px;
    text-align:end;
    color:rgba(0,0,0,0.26);
    font-size:24px;
}
.storyboard-tags-dialog .param-dropdown .selectbox-wrapper .editable-value span span{
    color:rgba(0,0,0,0.26);
}
.storyboard-tags-dialog .condition-selectbox .selectbox-wrapper .editable-value{
    line-height:29px;
}
/** 03-06-2020 storyboard tag chnages */
.storyboard-tags-dialog-custom .logic-group-list{
    margin:20px 0 0;
    height:100px;
    overflow:hidden;
}
button.md-primary.addnewbuttonClass.md-button.md-default-theme{
    left:0px;
    top:0px;
}
.storyboard-tags-dialog-custom .logic-group-list{
    margin:20px 0px 10px;
    height:176px;
    overflow:scroll;
    overflow-x:hidden;
}
.storyboard-tags-dialog .operators-list md-select md-select-value .md-select-icon{
    transform:scaleY(1.2) scaleX(1.4);
}
.storyboard-tags-dialog .operators-list md-select md-select-value{
    color:rgba(0,0,0,0.87);
}
.avoid-clicks{
    pointer-events:none;
}
.disabled-field{
    cursor:not-allowed;
    border-bottom:1px dashed rgba(0,0,0,0.16);
}
.between-input1{
    margin-right:10px;
}
.between-input2{
    margin-left:10px;
    margin-right:10px;
}
/** 10-06-2020 campaign preview */
.fb-padding.campaign-rows-outer{
    padding:10px 50px 10px 50px;
    position:relative;
    flex-wrap:wrap;
}
.fb-padding.campaign-rows-outer .audience-size-error{
    position:absolute;
    left:10px;
    top:10px;
}
.fb-padding.campaign-rows-outer > button{
    position:absolute;
    right:5px;
    top:10px;
    z-index:99;
    width:40px;
    max-width:40px;
    min-width:auto;
    margin:0;
}
.fb-padding.campaign-rows-outer .row1-class{
    width:100%;
}
.fb-padding.campaign-rows-outer .row2-class{
    width:100%;
    flex-wrap:wrap;
    margin-top:5px;
}

.replace_string{
    display:flex;
    flex-wrap:wrap;
    width:48%;
}

.replace_string  md-step-label{
    width:100%;
}

.replace_string input{
    width:100%;
}

.find_replace_string{
    display:flex;
    padding-left:20px;
    justify-content:space-between;
}
/*find and replace in storyboard format*/
/*live data css 13-07-2020*/
/*.editableBox{
    width:75px;
    height:30px;
}

.timeTextBox{
    width:54px;
    margin-left:-78px;
    height:25px;
    border:none;
}*/
/*live data css 13-07-2020 end*/
/*.living-video-dialog .mainDiv .editable-value .selectbox-parameter-value:before,*/
.living-video-dialog .mainDiv .addparam .selectbox-parameter-value:before{
    content:'+ Add Parameter';
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    left:0;
    z-index:1;
    background:#f3aa41;
    text-align:center;
    line-height:30px;
    color:rgba(255,255,255,0.87);
    text-transform:uppercase;
    font-weight:500;
    font-size:14px;
}
.recreate-video-wrapper{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.recreate-video-wrapper-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.recreate-video-wrapper-right md-select#select_56{
    margin-top:0;
}
.recreate-video-wrapper-right .operators-list{
    margin-left:50px;
}
.recreate-video-wrapper-left button{
    height:50px;
    width:50px;
    line-height:47px;
}


.live-data-para-wrapper{

}
.live-data-para-wrapper md-card.ng-scope.md-default-theme{
    padding:20px 5px;
    position:relative;
    background-color:white;
    margin-bottom:20px;
    z-index:auto;
    box-shadow:0px 1px 2px 1px rgba(0,0,0,0.2);
}
.live-data-select-para selectbox.logic-value-selectbox{
    margin-top:0;
    flex:0 0 60%;
}
.live-data-select-para label{
    flex:0 0 16%;
    margin-top:9px;
}
.live-data-select-para button{
    flex:0 0 16%;
    text-align:right;
}
.live-data-select-data-source{
    align-items:center;
}
.live-data-select-data-source label{
    flex:0 0 16%;
    margin-top:-9px;
}
.live-data-select-data-source md-input-container{
    flex:0 0 50%;
    padding-bottom:0;
    padding-right:30px;
    margin-left:0;
}
.live-data-select-data-source selectbox.text-formatting-selectbox{
    width:150px;
}
.live-data-select-data-source .mainDiv{
    float:none;
    width:auto;
    flex:0 0 20%;
}
.live-data-select-data-source md-input-container md-autocomplete md-autocomplete-wrap.md-whiteframe-z1{
    box-shadow:none;
}

.live-video-scroll md-tab-content{

    overflow-x:hidden;
}
.live-data-select-para selectbox.logic-value-selectbox .selectbox-div ul.selectbox-ul button{
    text-align:left;
}
.live-data-select-para selectbox.logic-value-selectbox .selectbox-div{
    width:100%;
}
.live-video-scroll-main{
    overflow:hidden;
}
.live-data-select-data-source .mainDiv .selectbox-wrapper .selectbox-div{
    right:18px;
}
.dropdown{
    position:relative;
    width:200px;
}
.dropdown select
{
    width:100%;
}
.dropdown > *{
    box-sizing:border-box;
    height:1.5em;
}

.dropdown input{
    position:absolute;
    width:calc(100% - 20px);
}
li.live-params-disabled{
    background-color:#b7b7b7;border-bottom:1px solid #fff;
}

li.live-params-disabled a{
    cursor:initial;
}
.datasource-drpdwn{
    width:calc(100% - (22% + 180px));
}
.datasource-drpdwn input{
    border:none;
    border-bottom:1px solid rgba(0,0,0,0.12);
    height:30px;
    outline:none;
}
.datasource-select-drp{
    border:none;
    border-bottom:1px solid rgba(0,0,0,0.12);
    background:transparent;
    height:30px;
}
.addparameter-cls{
    float:right;
    margin-left:15px
}

.living-video-dialog{min-width:80%}
.living-video-dialog .mainDiv{float:left;width:100%;}
.living-video-dialog md-tabs .md-tab{color:rgba(0,0,0,0.54);padding:8px 12px;max-width:100% !important;}
.living-video-dialog md-tabs .md-tab.md-active{color:rgb(43,149,221) !important;}
.living-video-dialog md-tabs{min-height:435px !important;}
.living-video-dialog .logic-groups{min-width:190px;}
.living-video-button{
    background-color:#f0f0f0;
    border-radius:3px !important;
    height:31px !important;
    width:31px !important;
    vertical-align:middle;
    display:inline-block;
    margin-right: 5px;
    cursor:pointer;
}
.living-video-button:hover{
    background-color:#f0f0f0 !important;
    border-radius:3px !important;
    height:31px !important;
    width:31px !important;
    vertical-align:middle;
    display:inline-block;
    margin-top:3px;
    cursor:pointer;
}
.living-video-dialog delete-icon-list{
    min-width:30px !important;
    position:absolute !important;
    right:10px !important;
}
.living-video-dialog .uploaded-media img{max-height:93px;max-width:74px;}
.living-video-dialog .media-upload-preview{display:flex;}
.living-video-dialog .color-preview{
    max-height:20px;
    max-width:20px;
    border:solid 1px #666;
    margin:0;
}
.turn-on-customize md-checkbox{
    margin-left:0;
}
.select-para-custom{align-items:center;}
.select-para-custom label{
    font-size:14px;
}

.datasource-select-drp1 md-select-value span:nth-child(1) {
    display: none;
    float: left;
}
.datasource-select-drp1 md-select-value span:nth-child(2) {
    width: 10px;
    color: black;
    font-size: 20px;
    pointer-events: initial !important;
    position: fixed;
    left: 68%;
}
.datasource-select-drp1 {
    width: 30px;
}
.datasource-select-drp1 md-select-value {
    border-bottom: none;
    width: 10px;
    padding: unset;
    pointer-events: none !important;
}
.datasource-text {
    margin-top: 20px;
}
.datasource-select-drp1:not([disabled]):focus .md-select-value {
    border-bottom: none !important;
}

.select-para-custom selectbox {
    width: 70% !important;
    flex: 0 0 70%!important;
}
.select-para-custom selectbox .selectbox-div{
    width:100%;
}
.select-para-custom .md-select-value span{
    max-width:332px;
}
.select-para-custom .operators-list{margin-left:0;flex:0 70%;}

.live-video-custom md-tabs-content-wrapper md-tab-content#tab-content-34{
    overflow:hidden;
}
.title-on-player label{
    font-size:14px;
}
.title-on-player-inner label{
    display:none;
}
.title-on-player md-input-container{
    flex:0 0 53%;
    padding-bottom:0;
}
.form-title-player md-input-container, .button-text-player md-input-container{
    flex:0 0 69%;
    padding-bottom:0;
}
.upload-image-custom{
    display:flex;
    width:100%;
}
.upload-image-custom .media-upload-preview{
    display:flex;
    overflow-x:auto;
    max-width:260px;
}
.upload-image-custom-main label{
    font-size:14px;
}
.upload-image-custom .media-upload-preview .uploaded-media{
    /*flex:0 0 30%;*/
    width:auto;
    min-width:auto;
    height:auto;
    margin-top:0;
    margin-left:0;
    max-width:74px !important;
}
.upload-image-custom .media-upload-preview .file-action-buttons .file-action-button{padding:0;}
md-tabs.live-video-custom{
    min-height:810px !important;
}

.type-with-option-custom{
    align-items:center;
}
.type-with-option-custom label{font-size:14px}
.type-with-option-custom md-input-container{
    padding-bottom:0;
    flex:0 0 45%;
}
.title-on-player{align-items:center;}
.title-on-player label{
    font-size:14px;
    flex:0 0 42%;
}
.video-color-custom{
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
}
.video-color-custom-innner{
    display:flex;
    align-items:flex-start;
    width:100%;
}
.video-color-custom-innner label{
    font-size:14px;
}
.color-picker-custom{
    flex-wrap:wrap;
}
.logic-group-custom .logic-groups-item button .md-list-item-inner span.material-icons{
    margin-right:6px;
}
.logic-group-custom .logic-groups-item button .md-list-item-inner span.parameter-name{
    font-size:14px;
    line-height:20px;
}

.logic-group-custom .logic-groups-item button .md-list-item-inner button{
    width:auto;
    min-width:auto;
    padding:0;
}
span.parameter-name{
    display:inline-block;
    flex:0 0 62%;
}
.add-customize-para-custom{font-size: 13px;margin-left: 0;padding-left: 0px;text-transform: capitalize;}
.add-customize-para-custom span{
    font-size:12px;
    display:block;
    width:100%;
}
.logic-group-custom{
    height:275px;
    overflow:auto;
}
.living-video-dialog .logic-groups-item .md-no-style{
    padding-left:0px;
    padding-right:5px;
}
.living-video-dialog .up-down-controls{
    margin-right:16px;
}
.living-video-dialog .up-down-controls :first-child{
    font-size:35px;
    width:28px;
    direction:unset;
    outline:none;
    text-align:center;
    vertical-align:top;
    cursor:pointer;
    align-items:center;
    position:absolute;
    left:-8px;
    top:18px;
    margin:0;
    overflow:hidden;
    height:10px;
    line-height:8px;
}
.living-video-dialog .up-down-controls :last-child{
    height:10px;
    line-height:10px;
    font-size:35px;
    width:28px;
    direction:unset;
    outline:none;
    text-align:center;
    vertical-align:top;
    cursor:pointer;
    align-items:center;
    position:absolute;
    left:-8px;
    top:26px;
    margin:0;
    overflow:hidden;
}
.move-disabled{cursor:not-allowed !important;color:rgba(0,0,0,0.12) !important;}
.living-video-dialog .select-para-custom .md-select-value span{max-width:initial;width:auto;}
/*.living-video-dialog md-icon{*/
/*    font-size:20px;*/
/*    display:none;*/
/*}*/
/*.living-video-dialog .color-preview:hover md-icon{*/
/*    display:block;*/
/*    cursor:pointer;*/
/*}*/
.living-video-dialog .color-btn-group{
    display:grid;
}
.color-picker-custom .color-box{
    margin-right:5px;
    margin-bottom:10px;
}
.tooltip-custom{
    cursor:default;
    z-index:999999;
    margin-left:16px;
}
.living-video-dialog .select-para-custom .operators-list{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    max-width:367px;
}
.disable-parameter{
    background-color:#eeeeee;
    pointer-events:none;
    cursor:default;
}
.living-video-dialog .logic-groups h3{
    margin-top:0px;
    margin-bottom:5px;
    font-size: 1em;
}
.validate-param{
    border-bottom:1px solid #ff0000 !important;
}
.living-video-error{
    color:#ff0000;
    font-size:14px;
}
/*.living-video-dialog .custom-error-text{
    position:absolute;
    bottom:-20px;
}*/
.living-video-dialog .media-upload-loader{
    height:93px !important;
    display:flex;
    align-items:center;
    min-width:74px !important;
    justify-content:center;
}
.living-video-dialog .logic-group-list{
    margin:5px 0;
}

.live-data-select-para selectbox.logic-value-selectbox{
    height:28px;
}
.live-data-select-para label{
    line-height:1;
    margin-top:5px;
}

.live-data-select-data-source label{
    margin-top:0px;
}

.live-data-heading p{
    color:#898989;
    line-height:1.47;
}
.live-data-main label{
    font-size:14px;
    font-weight:400;
    letter-spacing:.01em;
    line-height:20px;
}
.live-data-select-data-source input{
    color:rgba(0,0,0,0.87);
}
.error-message-datasource{
    color:red;
    font-size:12px;
    line-height:22px;
    margin-left:110px;
}
.error-message-customParam{
    color:red;
    font-size:12px;
    line-height:22px;
    margin-left:122px;
}

.live-data-parameter .selectbox-wrapper .selectbox-div .selectbox-ul .selectbox-item-subitems .selectbox-subitems{
    margin-top:-50px !important;
    top:auto !important;
    margin-left:515px !important;
    position:fixed !important;
    width:270px !important;
    left:0 !important;
}
.data-source-param .selectbox-wrapper .selectbox-div .selectbox-ul .selectbox-item-subitems .selectbox-subitems{
    margin-top:-50px !important;
    top:auto !important;
    margin-left:303px !important;
    position:fixed !important;
    width:270px !important;
    left:0 !important;
}
.custom-parameter-dropdown .selectbox-wrapper .selectbox-div .selectbox-ul .selectbox-item-subitems .selectbox-subitems{
    margin-top:-50px !important;
    top:auto !important;
    margin-left:444px !important;
    position:absolute !important;
    width:270px !important;
    left:0 !important;
}
/*task WEB-4371 START*/
.responseValue input{
    border:1px solid;
    height:30px;
    outline:none;
}
.select-disabled-testbtn{background:#e0e0e0 !important;color:#c4c4c4 !important;cursor:not-allowed;pointer-events:none;}
.response-parameters-popup{width:450px}
.response-parameters-popup .md-input{border-color:rgba(0,0,0,0.25)}

.live-video-row label{min-width:130px;}
.live-video-row{-webkit-align-items:center;align-items:center;}
.live-video-row .operators-list{margin:0;}
.live-video-row .responseValue input.datasource-text{padding:2px 7px;height:29px;box-sizing:border-box;border:1px solid #ccc;width:300px;}
.live-video-row selectbox.text-formatting-selectbox{width:150px;}
.live-video-row .md-primary.md-raised.md-button{margin:0;}
.response-parameters-popup md-input-container.email-input-cotainer label{display:none;}
.response-parameters-popup md-input-container.email-input-cotainer input.email-class-right{padding:2px 2px;margin:0;}
.response-parameters-popup md-input-container.email-input-cotainer{margin:0;}
.response-parameters-popup md-input-container.email-input-cotainer:last-child{padding-bottom:0;}
.response-parameters-popup .response-loader{
    position:fixed;
    left:43%;
    top:43%;
}
.responseView-cls{
    margin-left:15px;
}
/*task WEBB-4371 END*/

.live-data-loader{
    transform:scale(0.5) !important;
    margin:0 !important;
}

.interactive-event-dialog .trigger-event-main{display:flex;margin-top:35px;width:100%;margin-left:25px;}
.interactive-event-dialog .trigger-event-main .mainDiv{width:auto;}
.interactive-event-dialog .trigger-event-main .mainDiv selectbox{bottom:6px;}
.interactive-event-dialog .trigger-event-main .trigger-event-label{width:12%;}
.interactive-event-dialog .trigger-event-main .trigger-event-input{width:100%;}
.interactive-event-dialog .trigger-event-main .trigger-event-input md-input-container{width:50%;}

.interactive-placeholder-event-dialog .trigger-event-main{display:flex;margin-top:35px;width:100%;}
.interactive-placeholder-event-dialog .trigger-event-main .mainDiv selectbox{bottom:6px;}
.interactive-placeholder-event-dialog .trigger-event-main .trigger-event-label{width:12%;}
.interactive-placeholder-event-dialog .trigger-event-main .trigger-event-input{width:100%;}
.interactive-placeholder-event-dialog .trigger-event-main .trigger-event-input md-input-container{width:50%;}
/*.interactive-placeholder-event-dialog .trigger-event-main .trigger-event-input .mainDiv .selectbox-div{top:50%;max-height:250px;overflow:auto;transform:translateY(-50%);}*/
.interactive-placeholder-event-dialog .trigger-event-main .trigger-event-input .mainDiv .selectbox-div .selectbox-ul{overflow:hidden;}
.testresponse-cls{
    margin-left:14px;
}
.testresponse-cls-error{
    margin-left:14px;
}



.resp-tooltip-custom.tooltip{
    position:relative;
    margin-left:10px;
    margin-right:-5px;
}

.resp-tooltip-custom.tooltip .tooltiptext{
    position:absolute;
    left:-150px;
    bottom:-78px;
    display:block;
    z-index:9;
    visibility:hidden;
    width:350px;
    overflow:hidden;
    transition:0.3s visibility ease-in-out, 0.3s transform ease-in-out;
    transform:scaleX(0) scaleY(1);
}

.resp-tooltip-custom.tooltip:hover .tooltiptext{
    visibility:visible;
    z-index:9;
    padding:10px 0px 0 0;
    transition:0.3s visibility ease-in-out, 0.3s transform ease-in-out;
    transform:scaleX(1) scaleY(1);
}
.resp-tooltip-custom.tooltip .tooltip-inner{
    padding:8px;
    background:rgba(0,0,0,0.80);
    color:#fff;
    border-radius:5px;
    font-size:16px;
    font-weight:500;
    display:block;
    font-family:Roboto,'Helvetica Neue',sans-serif;
}
.resp-tooltip-custom.tooltip .tooltiptext a{
    color:#fff;
}

.idm-storyboard-page p{position:relative;}
.sorting_txt{position:absolute;right:30px;top:-17px;font-size:10px;letter-spacing:0.60px;color:#000;cursor:pointer;}
.sorting_txt span{display:block;width:18px;position:absolute;top:18px;left:0;right:0;margin:0 auto;}
.sorting_txt:focus{outline:navajowhite;}

.sorting_archived {padding-left: 20px; cursor: pointer;}
.sorting_archived img {width: 30px; height: 30px;}
.archived {margin-left: -10px; margin-right: 5px; width: 24px;}
.archived img {max-width: unset;}

.hide-library-files{
    display:none;
}

.living-custome-tooltip{z-index:99999999;}
.hide-media{
    display:none;
}

.library-assets-scroll{
    min-height:calc(100vh - 265px);
}
.living-custome-tooltip{z-index:99999999;}
.idm-storyboards .storyboard-main-card .fbribbon img{
    max-width:32px;
    display:inline-block;
}
.thumbnail-time-dialog .thumbnail-preview-img{
    max-height:360px !important;
    max-width:100%;
    width:auto !important;
    cursor:default;
}
.button-trigger-event{
    margin-left:30px !important;
    padding-top:10px;
}


/*20-01-2021*/
/*.interactive-placeholder-event-dialog .selectbox-context-drp ul li{position:relative;}*/
.selectbox-context-drp ul.selectbox-subitems-ul li ul{display:none;position:absolute;left:100%;top:0px;background:#fff;box-shadow:0px 1px 7px #d8d8d8;}
.selectbox-context-drp ul.selectbox-subitems-ul li:hover ul{display:block;}
.selectbox-context-drp ul.selectbox-subitems-ul li{position:relative;}
.custom-parameter-dropdown .selectbox-wrapper .selectbox-div .selectbox-ul .selectbox-item-subitems .selectbox-subitems{height:auto !important;margin-left:380px !important;max-height:210px;}
.live-data-parameter .selectbox-wrapper .selectbox-div .selectbox-ul .selectbox-item-subitems .selectbox-subitems{margin-left:410px !important;height:auto !important;max-height:230px;}
/*md-tab-content::-webkit-scrollbar{display:none;}
md-tab-content{-ms-overflow-style:none;}
md-dialog.soundtrack-dialog md-dialog-content.media-content::-webkit-scrollbar{display:none;}
md-dialog.soundtrack-dialog md-dialog-content.media-content{-ms-overflow-style:none;}*/

.selectbox-context-drp ul.selectbox-subitems-ul{background:#fff;box-shadow:0px 1px 7px #d8d8d8;}
.selectbox-context-drp ul.selectbox-subitems-ul{padding:10px 0px 0px 0px }
.selectbox-context-drp ul.selectbox-subitems-ul li{border:1px solid transparent;}
.soundtrack-scr-dl .text-formatting-selectbox .selectbox-subitems{top:auto !important;margin-top:-46px !important;left:0px !important;margin-left:-220px !important;max-height:230px;width:270px;}

.data-source-param.live-context-param .selectbox-wrapper .selectbox-ul .selectbox-item-subitems .selectbox-subitems{margin-left:0!important;max-height:230px;position:absolute !important;left:auto !important;right:100% !important;}
.txt-context-drp .selectbox-ul{max-height:inherit;overflow:visible;}
.interactive-event-dialog md-tab-content md-tabs md-tab-content .text-formatting-selectbox .selectbox-div{left:auto !important;/*position:fixed !important;*/ right:inherit !important;max-height:230px;top:inherit !important;transform:inherit !important;height:auto !important;}
.interactive-event-dialog  .selectbox-context-drp ul li .selectbox-subitems{margin-left:-216px !important;}

.interactive-event-dialog-in .selectbox-ul{max-height:inherit !important;}
.interactive-event-dialog-in .selectbox-subitems{margin-top:-50px !important;top:auto !important;}
.link-inputs .mainDiv .selectbox-div{top:inherit !important;max-height:inherit !important;overflow:visible !important;transform:inherit !important;}
.link-inputs .mainDiv .selectbox-div .selectbox-ul{overflow:visible !important;}
/*md-dialog md-dialog-content::-webkit-scrollbar{display:none;}
md-dialog md-dialog-content{-ms-overflow-style:none;}*/
.selectbox-subitems{position:absolute !important;}
.selectbox-ul{overflow:visible;max-height:inherit !important;}
.selectbox-subitems{right:-100% !important;left:inherit !important;transform:inherit !important;margin:0px !important;top:auto !important; margin-top: -46px !important;}
selectbox:not(.parameter-group-selectbox) .selectbox-ul.main-selectbox-ul {overflow-y: scroll; max-height:320px !important;}
.live-video-custom selectbox:not(.parameter-group-selectbox) .selectbox-ul.main-selectbox-ul {overflow-y: unset; max-height: unset !important;}
@media only screen and (min-width:1551px){
    .scene-context-drp > md-card:nth-child(3n) .calenderscene-context-drp .selectbox-subitems{right:90% !important;}
    /* .scene-context-drp > md-card:nth-child(3n+3) .selectbox-context-drp ul.selectbox-subitems-ul li:hover ul{right:100%;left:inherit} */
}

/*.facebook-mapping-dialog .fb-dialog-tab{overflow:visible;}
.facebook-mapping-dialog .fb-dialog-tab  .md-no-scroll{overflow:visible;}*/
.facebook-dialog-selectbox .selectbox-wrapper .selectbox-div .selectbox-ul{max-height:inherit !important;}
.facebook-dialog-selectbox .selectbox-div{position:static}
.facebook-mapping-dialog .demo{max-height:240px;overflow:auto;}
.facebook-mapping-dialog .selectbox-subitems.custom-tab-select{left:inherit !important;}
.calender-context-drp .selectbox-subitems{right:100% !important;max-height:230px;width:270px;}

/*Task WEB-4648*/
.thumnial-data-loader{-webkit-transform:scale(0.7) !important;transform:scale(0.7) !important;}
.testcontext{height:300px;}
/*Task WEB-4648*/

.int-add-event-wrap.interactive-event-dialog md-tabs{min-height:435px !important;}
.int-add-event-wrap.interactive-event-dialog md-tab-content md-tabs md-tab-content .text-formatting-selectbox .selectbox-div{overflow:visible !important;max-height:inherit !important;}
.int-add-event-wrap.interactive-event-dialog md-tab-content md-tabs md-tab-content .text-formatting-selectbox .selectbox-div .selectbox-div{max-height:230px !important;overflow-y:auto !important;}
.int-add-event-wrap.interactive-event-dialog md-tabs-content-wrapper{min-height:435px}
.int-add-event-wrap.interactive-event-dialog md-tabs.md-dynamic-height md-tab-content.md-active{min-height:435px}
.int-event-dialog-time .text-formatting-selectbox .selectbox-div{left:auto;top:34px !important;bottom:auto !important;right:0;max-width:200px;}
.int-event-dialog-time .text-formatting-selectbox .selectbox-div .selectbox-subitems{top:auto !important;margin-top:-46px !important;right:100% !important;margin-left:0 !important;max-height:190px;position:absolute !important;bottom:auto !important;max-width:inherit;width:270px}
.int-event-dialog-time.interactive-event-dialog .mainDiv selectbox .selectbox-wrapper{overflow:visible}
.int-event-dialog-time.interactive-event-dialog md-tab-content md-tabs md-tab-content .text-formatting-selectbox .selectbox-div ul.selectbox-ul{overflow:visible;}
.int-event-dialog-time.interactive-event-dialog md-tab-content md-tabs md-tab-content .text-formatting-selectbox .selectbox-div{max-width:200px; max-height: none !important; overflow: visible !important;}
.int-event-dialog-time.interactive-event-dialog md-tab-content md-tabs md-tab-content .text-formatting-selectbox .selectbox-div li.selectbox-item-subitems .selectbox-subitems { max-width: 270px;
}
.live-data-context-wrap .live-data-parameter .selectbox-wrapper .selectbox-div .selectbox-ul .selectbox-item-subitems .selectbox-subitems{margin-left:0 !important;left:80% !important;right:auto !important;position:absolute !important;}
.context-int-wrap .selectbox-context-drp ul li.selectboxwrap-size-context .selectbox-div{overflow-y:auto !important;max-height:200px !important;height:auto !important;}
.context-logic-wrap .selectbox-context-drp ul li.selectboxwrap-size-context .selectbox-div{max-height:190px}
.new-parameter-dialog .selectbox-div.font-context-param li:hover .selectbox-subitems{display:block !important;}
.link-context-wrap .mainDiv selectbox .selectbox-wrapper .selectbox-div{overflow:visible !important;}
.link-context-wrap .mainDiv selectbox .selectbox-wrapper .selectbox-div ul.selectbox-ul{overflow:visible !important;}
.link-context-wrap .mainDiv selectbox .selectbox-wrapper .selectbox-div li .selectbox-div{overflow-y:auto !important;max-height:135px !important;}

.selectbox-context-drp ul li.selectboxwrap-size-context .selectbox-div,.selectbox-context-drp ul li.selectboxwrap-size-context .selectbox-subitems,.int-event-dialog-time .selectbox-context-drp ul li.selectboxwrap-size-context .selectbox-div{bottom:0 !important;top:auto !important}
.optgrpclr{color:rgba(0,0,0,0.54) !important;}
.selectbox-context-drp ul.selectbox-subitems-ul li.licogrpcontext{color:rgba(0,0,0,.87) !important;padding-left:15px;}
.font-map-context ul.selectbox-subitems-ul li.licogrpcontext{color:rgba(0,0,0,.87) !important;padding-left:15px;}
.font-map-context ul.selectbox-subitems-ul {width:270px!important;left:0px !important;overflow-x: hidden !important;}
.selectbox-context-drp ul.selectbox-subitems-ul .optgrpclr label{padding:10px 16px;}
.scene-context-drp > md-card .calenderscene-context-drp .selectbox-subitems{width:270px;}
.selectbox-item-subitems .selectbox-subitems {width: 270px;}
.audiopath-context-drp .selectbox-subitems{right:100% !important;max-height:230px;width:270px;}

@media only screen and (max-width:1550px){
    .scene-context-drp > md-card:nth-child(even) .calenderscene-context-drp .selectbox-subitems{right:90% !important}
    /* .scene-context-drp > md-card:nth-child(odd) .selectbox-context-drp ul.selectbox-subitems-ul li:hover ul{right:100%;left:inherit;} */
}
.idm-storyboard-page p.display-inline{display: inline-block}

.font-map-scroll{
    width:270px;
    left:210px !important;
}
.placeholder-hint{
    display: inline-flex;
    top: -5px;
    position: relative;
}

.interactive-event-dialog .invoke-api-main .trigger-event-label{width:10%;}
.interactive-event-dialog .request-payload-main{padding-left: 5%; margin-top: 2%;}
.interactive-event-dialog .request-payload-main input[type="checkbox"]{margin:3px 3px 3px 2px;}
/*.interactive-event-dialog .request-payload-main textarea:disabled{background-color: #dddddd !important;}*/
.captions-checkbox {margin-right:0; width:160px; line-height: 1;}
md-checkbox.captions-checkbox .md-label {padding-top: 2px;}
@media screen and (max-width: 1280px) {
    .captions-checkbox {
        width: 140px;
        font-size: 14px;
    }
}
@media screen and (max-width: 1230px) {
    .captions-checkbox {
        width: 100%;
        position: absolute;
        top: -40px;
        background: #fff;
        height: 40px;
        display: flex;
        align-items: center;
        line-height: 40px;
        box-shadow: 0px -2px 1px rgba(0,0,0,0.5);
    }
    md-checkbox.captions-checkbox .md-container {
        margin-left: 5px;
    }
    md-checkbox.captions-checkbox .md-label {
        margin-left: 10px;
    }
}
/*Transcript design*/
.transcript-main {
    position: absolute;
    width: 525px;
    height: 50px;
    bottom: 0;
    z-index: 111 !important;
    background-color: #ffffff;
    margin-left: 9px;
    box-shadow: 0px -2px 1px rgb(0 0 0 / 50%);
}

.transcript-dialog{width:500px;}
.selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}
.selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 16px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    width: auto;
}
.selectdemoSelectHeader md-content._md {max-height: 240px;}
.selectdemoSelectHeader md-input-container {min-width: 112px;}
.storyboard-list-wrap{padding-bottom:50px;}

.storyboard-list-wrap .transcript-main{-webkit-align-items: center;align-items: center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding-right:8px;box-sizing:border-box;}
.storyboard-list-wrap .transcript-main button.md-button {
    padding: 0 15px;
    max-width: 100%;
    min-width: 120px;
    margin-right: 12px;
}
.storyboard-list-wrap .transcript-main ul {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 0;
    font-size:14px;
    width: auto;
}

.storyboard-list-wrap .transcript-main ul li {
    display: inline-block;
    margin-left: 25px;
    cursor: pointer;
}

.storyboard-list-wrap .transcript-main ul li:first-child {
    margin-left: 0;
}
.transcript-dialog .md-title {
    margin: 0 0 15px;
}

.transcript-dialog #editor-container {
    width: 100%;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0;
    min-height: 380px;
}
@media screen and (max-width: 1440px) {
    .transcript-dialog #editor-container {
        min-height: 250px;
    }
}
.transcript-dialog #editor-container #editor {
    display: none;
}

.transcript-dialog #editor-container #editor-menu {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}

.transcript-dialog #editor-container #editor-text{
    padding: 15px;
    /*min-height: 110px;*/
    outline: none;
    /*height: 55px;*/
    overflow: auto;
    min-height: 300px;
    max-height: 300px !important;
}
.transcript-dialog #editor-container #editor-text p {color: rgba(0,0,0,.87); padding-top: 5px;}
.transcript-dialog .dialog-footer {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.transcript-language-row .floatLeft {
    margin-right: 20px;
}
.transcript-language-row .floatLeft span.md-body-1 {
    margin-top: 8px;
    display: inline-block;
}
.transcript-language-row .md-default-theme {
    padding: 0;
    min-width: 200px;
}
.transcript-main md-icon {
    cursor: pointer;
    outline: none;
}
.transcript-language-row.placholder-icon .md-select-value .md-select-icon:after {
    color: #000;
}
.transcript-modal-width{
    width: 600px;
    height: auto;
}
.transcript-margin{
    margin-left:0px;
}
.transcript-rightside-padding{
    padding-left: 0px !important;
    padding-right:0px !important;
}
.transcript-language-row .editor-container .editor-text {
    max-height: 110px;
    overflow: auto;
}
.transcript_out_wrapper{
    display: flex;
    align-items: center;
    width: calc(100% - 280px);
}
.transcript_out_wrapper ul#transcriptLangList{
    max-width: 300px;
    min-width: calc(100% - 72px);
}
.transcript_out_wrapper md-icon{
    margin: 0 !important;
    margin-top: 0px !important;
}
.transcript_out_wrapper md-icon:first-child{
    margin-right: 10px !important;
}
.transcript_out_wrapper md-icon:last-child{
    margin-left: auto !important;
}

@media screen and (max-width: 1230px) {
    .storyboard-list-wrap .transcript-main button.md-button {
        padding: 0 5px;
        max-width: 100%;
        min-width: 90px;
        margin-right: 0;
        font-size: 12px;

    }
    .transcript_out_wrapper{
        width: calc(100% - 90px);
    }
    .transcript_out_wrapper ul#transcriptLangList {
        max-width: 100px;
        min-width: 100px;
    }
}

@media screen and (max-height: 840px) {
    .transcript-dialog #editor-container #editor-text {
        min-height: 200px;
        max-height: 200px !important;
    }
}
@media screen and (max-height: 710px) {
    .transcript-dialog #editor-container #editor-text {
        min-height: 140px;
        max-height: 140px !important;
    }
}
@media screen and (max-height: 620px) {
    .transcript-dialog #editor-container #editor-text {
        min-height: 100px;
        max-height: 100px !important;
    }
}

.transcript-dialog #editor-container #editor-menu button{
    height: 28px;
    width: 28px
}
.transcript-dialog #editor-container #editor-menu select{
    height: 28px;
}
.transcript-modal-width md-autocomplete-wrap{
    box-shadow: none !important;
}
.transcript-modal-width .ng-isolate-scope input#lbl_language_input{
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid #dedede;
}
.hide-transcript-arrow {
    visibility: hidden;
    opacity: 0;
}
.transcript-language-row.cancel-icon .md-default-theme{
    min-width: unset;
}
.transcript-dialog .md-title {
    margin-left: -2px
}
.transcript-dialog .dialog-footer{
    padding-top: 0 !important;
}
.transcript-dialog md-dialog-content{
    padding-bottom: 14px;
}
.storyboard-list-wrap .transcript-main ul li:focus{
    outline: none;
}

.hubspot-dropdowns{
    margin-right: 5px;
    display: inline-table;
}
.border-dropdown{
    width: 155px;
}
.border-dropdown1{
    width: 200px !important;
}
.width-130{
    width:130px !important;
}
.hubspot-dropdowns .border-dropdown .md-select-value.md-select-placeholder {
    padding: 0px;
    margin: 0px;
    min-height: 20px;
}
.hubspot-dropdowns .border-dropdown .md-select-icon{
    margin: 0px;
    padding: 0px;
}
.hubspot-dropdowns .border-dropdown .md-select-icon:after{
    top: 0px;
    left: -4px;
    color: #000;
}
.hubspot-dropdowns label{
    display: table-cell;
}
.mt-0{
    margin-top:0px !important;
}
.width-90{
    min-width: 90px !important;
}
.inobject-type{
    min-width: 80px !important;
    width: 90px;
}
.fetch-the-value{
    min-width: 110px !important;
    width: 120px;
}
.valueusing{
    min-width: 70px !important;
    width: 100px !important;
}
.live-data-para-wrapper .action-btn {
    max-width: 15px;
    min-width: fit-content;
}

/*Object property dropdown*/
.hubspot-dropdowns{
    position: relative;
}
.hub-property-submenu {
    position: relative;
}
.hub-property-submenu .subhub-property-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
}
.hub-property-menu .hub-property-submenu:hover > .subhub-property-menu, .hub-property-menu .hub-property-submenu .subhub-property-menu:hover {
    display: block;
}

.hub-property-menu{
    box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
    display: none;
}

.hub-property-menu li.hub-property-submenu{
    padding: 15px 40px 15px 15px;
    position: relative;
}
.hub-property-menu li.hub-property-submenu a{
    color: #262626;
    text-decoration: none;
}
.hub-property-menu li.hub-property-submenu .subhub-property-menu{
    position: absolute;
    left: 0;
    top: 2px;
    width: max-content;
    background: #fff;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
    z-index: 999;
    transform: translateX(-100.7%);
    max-height: 200px;
    overflow: auto;
}
.hub-property-menu li.hub-property-submenu:nth-child(n+2) .subhub-property-menu{
    top: auto; bottom: 0;
}
.hub-property-menu li.hub-property-submenu .subhub-property-menu li{
    padding: 15px 15px;
}
.hub-property-menu li.hub-property-submenu a .icon-in-button{
    position: absolute;
    right: 5px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);

}
.hubspot-dropdowns button.dropdown-toggle{
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    /*padding-bottom: 7px;*/
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding-right: 18px;
}
.hubspot-dropdowns button.dropdown-toggle .icon-in-button{
    margin-top: -4px !important;
    position: absolute;
    right: 0;
}
.show-hub-dropdown {
    display: block;
    position: absolute;
    top: 34px;
    z-index: 999;
    right: -60px;
    background: #fff;
}
.hide-hub-dropdown {
    display: none;
}

.hub-prop-main ul.subhub-property-menu {
    max-width: 240px;
}
.obj-prop-dropdown:after {
    content: 'Select a property';
    visibility: visible;
    display: block;
    color: rgba(0, 0, 0, 0.26);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

.hubspot-dropdowns-disabled {
    cursor: not-allowed;
}
.hubspot-dropdowns-disabled1 {
    pointer-events: none;
}
.contact-properties-wrapper {
    display: flex;
    align-items: center;
}
.object-properties-wrapper {
    display: flex;
    align-items: center;
}

/*--Enable-Desable Dropdown--*/
.enable-dw .icon-in-button, .enable-dw span, .enable-dw, .enable-dw:after {
    color: #000;
}
.disable-dw .md-select-icon:after {
    color: rgba(0,0,0,0.26) !important;
}
.disable-dw, .disable-dw .icon-in-button {
    color: rgba(0,0,0,0.26);
}
.begin-soundtrack{
    width:75px;
}

.sub-group-list-main{
   display: inline-block;
    width: 100%;
    position: relative;
}

.sub-group-list-main .sub-group-list {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.sub-group-list-main .sub-group-list li {
    margin-bottom: 5px;
    cursor: pointer;
    margin-left: 30px;
}

.sub-group-list-main .sub-group-list li{
    padding-left: 10px;
    line-height: 10px;
    /* padding: 10px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sub-group-list-main .sub-group-list li:hover {
    background: #e6e6e6;
}

.selected-key-true-false{
    background: #e6e6e6;
}

.sub-group-list-main .md-button{
    line-height: 22px !important;
    min-height: 21px !important;
    background: transparent;
    position: absolute;
    right: 0px;
}

.sub-group-list-main .md-button:hover{
    background-color: transparent !important;
}

.sub-group-list-main span.material-icons{
    top: 5px;
    position: relative;
    left: 20px;
    margin-right: 14px;
}

.sub-group-list-main .delete-sub{
  right: 43px;
}

.sub-group-list-main  .up-down-controls{
    position: absolute;
    top: -10px;
    left: 2px;
}


.group-list-title{
    padding: 10px;
    padding: 5px;
    margin-top: -26px;
    display: flex;
    align-items: center;
    padding-left: 48px;
    cursor: pointer;
    width: 80%;
    justify-content: space-between;
}

.group-list-title:hover{
    background: #e6e6e6;
}

.delete-icon-top{
    position: relative;
    right: -14px;
}

.true-false-button{
    margin-left: 22px;
}
.move-thumbnil{
    margin-left: 30px;
}

.box-info{
    width: 617px;
    height: 162px;
    padding: 10px;
    border: 5px solid lightskyblue;
}

.box-info-list{
    list-style : unset;
    padding-left: 52px;
}



/* customized parameters */
.cover-div {padding-left: 60px; margin-bottom: 20px;}
.cover-div md-checkbox {margin: 0px;}
.cover-div > div {margin-top: 5px;}
/*WEB-5029*/
.explanation-cls{
    font-size: 16px;
    color:#898989;
}
.living-video-dialog md-tabs .md-tab{color:rgba(0,0,0,0.54);padding:8px 12px;max-width:100% !important; font-size: 16px;}
.turn-on-customize md-checkbox{
    margin-left:0;
    font-size:14px;
}
.custom-parameter-dropdown .selectbox-wrapper .selectbox-div .selectbox-ul li a.md-button{-webkit-border-radius:0;border-radius:0;font-size:14px}
.form-title-cls{
    font-size:14px;
}
.type-option md-option .md-text {
    font-size: 14px;
}
.text-para .md-text{
    font-size:14px !important;
}

.select-para-custom .selectbox-parameter-value{
    font-size:14px !important;
}

.select-para-custom .selectbox-dropdown{
    font-size: 22px;
}
/*WEB-5029*/


.custom-flex-class{
    flex-direction: column;
}
.custom-title-class{
    width: 100%;
    display: flex;
    white-space: nowrap;
    align-items: center;
}
.custom-desc-class span{
    margin-left: 15%;
}
.custom-desc-class{
    text-align: left;
    width: 100%;
}
.selected-key-true-false-grptitle{
    background: #e6e6e6;
}


.sub-group-list .activeSelected {
    width: 100%;
    padding: 10px;
}


/* Task WEB-5685 Start */
.static-mouse-invent > span {
    line-height: normal;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
    flex: inherit !important;
    text-overflow: ellipsis;
    max-width: 90%;
}
/* Task WEB-5685 End */


/* Task WEB-5686 Start */
.parameter-group-list .activeSelected {
    line-height: 24px;
    max-width: 225px;
}

.parameter-group-list  .delete-sub {
    right: 14px;
}
/* Task WEB-5686 End */

.custom-title-class md-input-container .md-input{
    max-width: 367px;
}

.dropdown-Size {
    max-width: 367px;
}

.label-size {
    margin-left:43% !important;
    max-width: 367px;
    width: 100%;
}


.box-info {
    border: 2px solid #000;
    height: auto;
    padding: 20px;
    /* margin-right: 15px; */
}

.box-info h3 {
    margin-top: 0px;
}

.box-info h4 {
    margin-bottom: 0px;
}

.box-info ul li {
    font-weight: 400;
}
.active-logic > div {
    margin-left: 30px;
}
 /*responsive style dialog*/


.margin-set > div{
    margin-left: 0;
}
.margin-set > div label{
max-width: 30% !important;
}
.dialog-margin-set > div{
    margin-left: 0;
}
@media(min-width: 1280px) and (max-width: 1440px){
    .living-modal{
        min-width: 85%;
    }
}
@media(max-width: 1279px){

    .dialog-margin-set selectbox.initial-value-selectbox{

        margin-top: 15px;
        margin-bottom: 20px;
    }
    .dialog-margin-set > div{
        flex-wrap: wrap;
    }
}
@media(max-width: 1199px){
.dailog-right-set {
    padding-left: 15px
}
.dailog-right-set .logic-groups-item.creator-collapse-menu{
    margin-left: 0;
}
.dailog-right-set .creator-dialog .defined-sub-item{
    margin-left: 0;
}
.dailog-right-set .param_main_wrap span.logic-groups-sub-item{
    padding-right: 15px !important;
}
.dailog-right-set .dc-icon-set md-icon{
    margin-left: 0 !important;
}
.dailog-right-set .dc-icon-set .delete-icon-set {
    right: 10px;
}
.dailog-right-set .logic-group-list .defined-sub-item{
    margin-left: 10px
}
.dailog-right-set .param_main_wrap span.pramkey_wrap.ng-scope span.parameter-name{
    padding-left: 15px;
}
.dailog-right-set span.pramkey_wrap .sub-defined-item-wrapper {
    width: 73%;
}

}

/*responsive style dialog end*/




.custom-desc-class span{ margin:0px;}


.textbox-class .custom-title-class label {
    width: 23%;
}

.textbox-class .custom-title-class .form-group-new .custom-desc-class {
    margin-top: 10px;
}

.param_main_wrap .form-group-new {
    max-width: 367px;
    width: 100%;
}

.param_main_wrap .user-file-box.uploaded-media.ng-scope {
    margin-left: 0px;
    margin-right: 0px;
}


.param_main_wrap .upload-image-custom-main .true-false-button {
    margin-left: 0px;
}

.param_main_wrap  span.living-video-error {
    width: 100%;
    display: block;
}

.param_main_wrap  .box-info {
    margin-right: 15px;
    width: auto !important;
}

.param_main_wrap  span.pramkey_wrap {
    position: relative;
    width: 100%;
    padding: 0px;
    display: block;
}

.param_main_wrap  span.pramkey_wrap span.material-icons {
    position: absolute;
    left: 18px;
    top: 5px;
}

.param_main_wrap  span.parameter-name {
    padding-left: 40px;
    margin-right: 0px;
    flex: inherit;
    display: block; margin-left: 10px;

}

.param_main_wrap .delete-icon-list {
    position: absolute;
    right: 0px;
    top: 6px;
    text-align: right;
    background: transparent;
    height: auto;
    min-height: auto;
    line-height: initial;
}

.param_main_wrap  span.pramkey_wrap.ng-scope {
    position: relative;
    padding-left: 40px;
    width: calc(100% - 40px);
    display: flex;

    position: relative;
}

.dc-icon-set{
    min-height: 30px;
}

.dc-icon-set md-icon{
    margin: 0 0 0 10px !important;
}
.dc-icon-set .delete-icon-set{
    position: absolute;
    right: 12px;
}
.param_main_wrap  .md-ripple-container {
    background-color: transparent !important;
}

.param_main_wrap  span.pramkey_wrap.ng-scope span.parameter-name {
    padding-left: 20px;
    margin-left: 16px;
}

.param_main_wrap md-list md-list-item button.md-button:not([disabled]):hover {
    background: transparent;
}

/* .param_main_wrap {
    position: relative;
    min-height: auto; cursor: pointer;
} */

.param_main_wrap {
    position: relative;
    min-height: 34px;
    cursor: pointer;
}
.param_main_wrap span.pramkey_wrap.ng-scope .delete-icon-list {
    padding-right: 28px;
    height: auto;
    min-height: auto;
    line-height: 3px;
    top: 5px;
}


.param_main_wrap {
    position: relative;
}



.living-video-dialog .up-down-controls :first-child {
    top: 10px;
}

.living-video-dialog .up-down-controls :last-child {
    top: 18px;
}

.box-info.box-info_wrap {
    width: auto;
    margin-right: 15px;
}


.living-video-dialog md-list md-list-item button.md-button:not([disabled]):hover{ background-color: transparent !important; }



.param_img-icon {
    padding-left: 40px !important;
    width: 100% !important;
}

.param_main_wrap span.material-icons {
    left: 34px;
    position: absolute;
}

.param_main_wrap .md-ripple {
    background: transparent !important;
}

.display-val-cls{
    width:116%;
}


.select-para-custom selectbox {
    flex: auto;
    width: 100%;
    max-width: 365px;
}

.living-video-dialog .select-para-custom .operators-list {
    max-width: 60%;
    width: 100%;
    flex: auto;
}

.active-logic {
    padding-right: 15px;
}

.video-color-custom_wrap {
    margin-left: 30px !important;
}
.new-live-video-custom .select-para-custom selectbox .selectbox-div {
    max-height: 200px;
    overflow: auto;
}


.param_main_wrap span.parameter-name {
    padding-right: 33px;
}

.param_main_wrap span.logic-groups-sub-item {
    padding-right: 80px !important;
    line-height: 30px !important;
}
.param_main_wrap  .logic-groups-item{
    line-height: 30px;
}

.cstm-datasource-drpdwn {
    max-width: max-content !important;
}
.type-with-option-custom-new label {
    white-space: pre;
}
.type-with-option-custom-new .title-on-player-inner{ flex: inherit  !important}

.select-para-custom .custom_dropdown_size {
    flex: inherit !important;
    max-width: 365px !important;
}

.new-live-video-custom md-tab-content:first-child{
    overflow: hidden !important;
}

.param_main_wrap  span.living-video-error {
    width: 100%;
    display: block;
}

.custom-text-error-class{
    flex-direction: column-reverse;
}

.live-of-dropdown {
    max-width: 84%;
    margin-left: auto;
}
.live-of-dropdown  .error-message-datasource{ margin-left: 0px}

.live-data-parameter .selectbox-wrapper .selectbox-div{
    /*overflow: auto;*/
    /*max-height: 200px;*/
}
.privacy-policy-link{
    align-items:center;
    margin-left: 28px;
    font-size:14px;
    flex-flow: wrap;
}
.privacy-policy-link md-input-container{
    flex:0 0 53%;
    padding-bottom:0;
}
.privacy-policy-check-icon md-icon{
    color: #2ca02c;
}
.privacy-policy-notcheck-icon md-icon{
    color: red;
}
.privacy-policy-notice{
    margin-left: 15.5%;
    padding-top: 3px;
    color: red;
}
.privacy-policy-inner input {
    /*border-bottom-style: unset !important;*/
    border-bottom: 1px solid red !important;
}

.privacy-policy-inner-valid input {
    border-bottom: 1px solid black  !important;
}

.test-line{ flex-wrap: wrap; }

.test-line > span {
    margin-top: 10px;
    margin: 10px 0px 0px 58px !important;
}
.validate-lable input{
    background: transparent;
    border-color: red !important;
    border-bottom: 1px solid red !important;
}

.living-video-dialog   md-tabs.live-video-custom {
    min-height: 500px !important;
    height: 100%;
}

.living-video-dialog   md-tabs-content-wrapper {
    position: static !important;
}

.living-video-dialog   md-tab-content {
    position: static !important;
    height: 100% !important;
    overflow: visible;
}

.living-video-dialog   md-tab-content {
    display: none;
    height: auto;
}

.living-video-dialog   md-tab-content.md-active {
    display: block;
}



.scroll-div .selectbox-ul {

    max-height: 230px !important;
    overflow: auto;
}


.live-data-scroll {
    padding-bottom: 100px;
}

/*Text Option Popup*/
.text-formatting-dialog .text-placeholder-options {
    background: #E5E5E5;
    padding: 15px;
    margin: 0 0 30px;
}
.text-placeholder-options .text-placeholder-row{
    align-items: flex-end;
    display: flex;
}
.text-placeholder-options .text-placeholder-row + .text-placeholder-row{
    margin-top: 20px;
}
.text-placeholder-options .text-format-icons {
    align-items: center;
    display: flex;
}
.text-placeholder-row .hide-text{
    align-items: center;
    display: flex;
    min-height: 49px;
}
.text-placeholder-row .hide-text input{
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin: 0 10px 0 0;
    outline: none;
}
.text-placeholder-options .text-format-checkitem {
    font-size: 15px;
    line-height: 20px;
    white-space: nowrap;
    align-items: center;
    display: flex;
    position: relative;
    padding-left: 20px;
    padding-right: 0;
    min-height: 26px;
    margin-left: 20px;
}

.text-placeholder-options .text-format-checkitem::before{
    content: '';
    position: absolute;
    left:0;
    bottom: -4px;
    height: 34px;
    border-left: 1px solid #aaa;
}

.text-placeholder-options .text-format-checkitem .text-formatting-margin1{
    margin-right:15px;
}

.text-placeholder-options .text-format-checkitem .text-formatting-margin:last-child{
    margin-right:0;
}

.text-placeholder-options .text-format-checkitem #txtTruncate{
    width: 104px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 13px;
    line-height: 16px;
    padding: 5px;
    height: 26px;
    margin: 0 0 0 7px
}

.text-placeholder-options .text-background-check {
    align-items: center;
    display: flex;
    min-height: 26px;
}

.text-placeholder-options .text-background-color,.text-placeholder-options .text-magin-radius{
    align-items: center;
    flex-wrap:wrap;
    display: flex;
    position: relative;
}

.text-placeholder-options .text-background-color label,.text-placeholder-options .text-magin-radius label{
    width:100%;
    color: #7C7C7C;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 5px;
    display: block;
}

.text-placeholder-options .font-family-item{
    min-width: 230px;
}

.text-placeholder-options .font-family-item .selectbox-wrapper.selectbox-wrapper-text {
    width: 100% !important;
    padding: 0 0 3px;
}

.text-placeholder-options .font-size-item {
    padding-left: 20px;
    width: 60px;
}

.text-placeholder-options .font-size-item input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 13px;
    line-height: 16px;
    padding: 4px 7px;
    outline:none;
}

.text-placeholder-options .font-size-item label, .text-placeholder-options .font-family-item label{
    color: #7C7C7C;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 5px;
    display: block;
}
.text-placeholder-options .font-family-item label{
    margin:0 0 1px;
}

.text-format-icons .text-formatting-margin {
    margin-right: 15px;
}

.text-placeholder-options .text-format-icons {padding: 0 20px;margin: 0 20px;position: relative;}

.text-placeholder-options .text-format-icons:before,.text-placeholder-options .text-format-icons:after {content: '';position: absolute;bottom: -4px;height: 34px;border-left: 1px solid #aaa;}
.text-placeholder-options .text-format-icons:before {left: 0;}
.text-placeholder-options .text-format-icons:after{
    right: 0;
}
.text-format-icons .text-formatting-margin:last-child {
    margin-right: 0;
}


.text-placeholder-options .text-background-check {
    font-size: 15px;
    line-height: 20px;
}

.text-placeholder-options .text-background-check input, .text-placeholder-options .text-format-checkitem input{
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0;
    outline:none;
    cursor: pointer;
}

.text-placeholder-options .text-background-color {
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    width: 41%;
}

.text-placeholder-options .text-background-color .cursor_pointer {
    padding: 0 7px 0 10px;
}

.text-placeholder-options .text-background-color .per-icon {
    padding:0 0 0 3px;
}

.text-placeholder-options .text-background-color .bg-color-input{
    width: 46px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 13px;
    line-height: 16px;
    padding: 4px 7px;
    outline:none;
}
.text-placeholder-options .text-background-color #hexcode{
    width: 70px;
}
.text-placeholder-options .text-background-color #colorValue {
    cursor: pointer;
    padding: 0;
    margin: 0;
    width: 26px;
    height: 26px;
    border-radius: 5px;
}

.text-placeholder-options .text-background-color .text-formatting-margin1{
    margin: 0;
    align-items: center;
    display: flex;
}

.text-placeholder-options .text-magin-radius{
    position: relative;
    padding-left: 20px;
    /* margin-left: 20px; */
    width: 23%;
}

.text-placeholder-options .text-magin-radius:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 34px;
    border-left: 1px solid #aaa;
}

.text-placeholder-options .text-magin-radius md-slider {
    height: 26px;
    margin:0;
    width:150px;
}

.text-placeholder-options .text-magin-radius md-slider .md-track-container {
    top: 13px;
}

.text-placeholder-options .text-magin-radius md-slider .md-thumb {
    top: 2px;
    width: 22px;
    height: 22px;
    left: -11px;
}

.text-placeholder-options .text-magin-radius md-slider .md-thumb:after {
    width: 100%;
    height: 100%;
    top: 1px;
    left: 1px;
    border: none;
}

.text-placeholder-options .text-magin-radius md-slider .md-focus-thumb,.text-placeholder-options .text-magin-radius md-slider .md-focus-ring{
    left: -15px;
    top: -2px;
    width: 32px;
    height: 32px;
}

.text-placeholder-options .text-magin-radius input {
    width: 112px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 13px;
    line-height: 16px;
    padding: 4px 7px;
    outline:none;
}


.text-formatting-dialog .text-within-box {
    margin: 0;
    padding: 20px 15px 20px;
    position: relative;
    border: 1px solid #949494;
    border-radius: 5px;
}

.text-formatting-dialog .text-within-box .border-box-title {
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    background: #fff;
    top: -11px;
    padding: 0 5px;
    left: 15px;
}

/* 31-01-2022 */
.text-formatting-dialog .text-within-box .text-formatting-button {
    padding: 5px 16px;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.37px;
    line-height: 22px;
}

.text-formatting-dialog .text-within-box .parameter-type-select {
    display: flex;
    flex-direction: column;
    padding-left: 12px;
}

.text-formatting-dialog .text-within-box .text-label {
    font-size: 12px;
    line-height: 20px;
    color: #7C7C7C;
}

.text-formatting-dialog .text-within-box .parameter-type-select .parameter-type {
    border-bottom: 1px solid #979797 !important;
    min-width: 115px;
    margin-right: 15px;
    max-width: 115px;
}

.text-formatting-dialog .text-within-box .parameter-type-select .parameter-type .md-select-icon {
    color: #979797;
}

.text-formatting-dialog .text-within-box .parameter-type-select md-input-container {
    border-bottom: 1px solid #979797 !important;
    min-width: 382px;
    margin-right: 15px;
    max-width: 382px;
}

.item-selectbox {
    width: 225px;
    min-width: 153px;
    border-bottom: 1px solid #979797;
    margin-right: 15px;
    float: left;
    line-height: 29px;
    cursor: pointer;
    position: relative;
}
.item-selectbox:hover {
    border-bottom: 1px solid #000;
}
.item-selectbox__text {
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.item-selectbox:focus {
    cursor: progress;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("/assets-idmadm/img/app/ajax-loader.gif") no-repeat 50% 50%;
    background-size: 24px;
}

@media screen and (max-width: 1320px){
    .text-formatting-dialog .text-within-box .parameter-type-select md-input-container {
        min-width: 250px;
        max-width: 332px;
    }
    .text-formatting-dialog .text-within-box .parameter-type-select {
        padding-left: 0;
    }
    .text-formatting-dialog .text-within-box .parameter-type-select .text-formatting-selectbox {
        min-width: 125px !important;
        width: 125px !important;
    }
}

.text-formatting-dialog .text-within-box .parameter-type-select md-input-container input {
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-formatting-dialog .text-within-box .parameter-type-select .text-formatting-selectbox {
    min-width: 153px;
    border-bottom: 1px solid #979797;
    margin-right: 15px;
    max-width: 153px;
}

.text-formatting-dialog .text-within-box .formatting-parameters-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.text-formatting-dialog .text-within-box .formatting-parameters-item .parameter-wrapper {
    display: flex;
}

.text-formatting-dialog .text-within-box .custom-font {
    display: flex;
    flex-direction: column;
}

.text-formatting-dialog .text-within-box .custom-font .formatting-parameters-item-inner {
    min-width: 225px;
    max-width: 225px;
    margin-left: 0;
    margin-right: 15px;
}

.text-formatting-dialog .text-within-box .custom-font .formatting-parameters-item-inner .text-formatting-selectbox .selectbox-wrapper {
    width: auto !important;
    border-bottom: 1px solid #979797;
}

.text-formatting-dialog .text-within-box .custom-font .formatting-parameters-item-inner .text-formatting-selectbox .selectbox-wrapper .selectbox-dropdown {
    color: #979797;
}

.text-formatting-dialog .text-within-box .formatting-parameters-item .formatting-controls {
    display: flex;
    align-items: center;
}

.text-formatting-dialog .text-within-box .text_alignment_parameter {
    display: flex;
    align-items: center;
}

.text-formatting-dialog .text-within-box .text_alignment_parameter .text-formatting-margin {
    margin-right: 14px;
}

.text-formatting-dialog .text-within-box .text_alignment_parameter .text-formatting-margin:last-child {
    margin-right: 0;
}

.text-formatting-dialog .text-within-box .padding_superscript span {
    display: flex;
    align-items: center;
}

.text-formatting-dialog .text-within-box .padding_superscript span input {
    border: 1px solid #979797;
    border-radius: 5px;
    max-width: 60px;
    max-height: 24px;
    height: 24px;
    font-weight: 300;
}

.text-formatting-dialog .text-within-box .formatting-parameters-item-border {
    margin-left: 15px;
    margin-right: 15px;
}

.text-formatting-dialog .text-within-box .delete_button {
    margin-left: 0;
    margin-top: 7px;
}

.text-formatting-dialog .text-within-box .formatting-parameters-item .formatting-controls .format-item {
    margin-right: 15px;
}

.text-formatting-dialog .text-within-box .formatting-parameters-item .formatting-controls .format-item:last-child {
    margin-right: 0;
}

.text-formatting-dialog .text-within-box .formatting-parameters-item .formatting-fallback-item {
    margin-left: 0;
}

.text-formatting-dialog .text-within-box .text-highlight-new-icon {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/font_BG.svg");
    padding-top: 4px;
}
.text-formatting-dialog .text-within-box .highlight-box {
    bottom: 2px;
}
.text-formatting-dialog .text-within-box .strikethrough-new-icon {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/format_strikethrough.svg");
}
.text-formatting-dialog .text-within-box .underline-new-icon {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/format_underlined.svg");
}
.text-formatting-dialog .text-within-box .font-color-new-icon {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/font_color.svg");
    padding-top: 4px;
}
.text-formatting-dialog .text-within-box .text-color-box {
    bottom: 2px;
}
.text-formatting-dialog .text-within-box .link-new-icon {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/link.svg");
}
.text-formatting-dialog .text-within-box .delete-new-icon {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/delete.svg");
}
.text-placeholder-options .text-format-icons .font-color-new-icon {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/font_color.svg");
    padding-top: 4px;
}
.text-placeholder-options .text-format-icons .text-color-box {
    bottom: 2px;
}
.text-placeholder-options .text-format-icons .text-align-left {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/format_align_left.svg");
}
.text-placeholder-options .text-format-icons .text-align-center {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/format_align_center.svg");
}
.text-placeholder-options .text-format-icons .text-align-right {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/format_align_right.svg");
}
.text-placeholder-options .text-format-icons .format-verticle-top {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/vertical_align_top.svg");
}
.text-placeholder-options .text-format-icons .format-verticle-center {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/vertical_align_center.svg");
}
.text-placeholder-options .text-format-icons .format-verticle-bottom {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/vertical_align_bottom.svg");
}
.text-placeholder-options .text-format-icons .text-direction-left {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/format_textdirection_r_to_l.svg");
}
.text-placeholder-options .text-format-icons .text-direction-right {
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/format_textdirection_l_to_r.svg");
}
.text-placeholder-options .font-size-item .text-placeholder-row .check_box_formating{
    width: 18px;
    height: 18px;
    margin: 0 5px 4px 0;
    outline: none;
    cursor: pointer;
}

.preview-loading-scene {
    background-color: #373737;
    text-align: center;
}
.storyboard-main .screen-container .scene-preview-div .idm-loader-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.scene-preview-div .preview-scene-loader{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}


.idm-player.mobile .video-js .vjs-control{
    width:2.5em !important;
  }

/* .vjs-has-started .vjs-control-bar{
    flex-wrap: wrap !important;
} */
.mapping-dialog-custom .add_textarea_width{
    max-width: 225px !important;
    width: 225px !important;
}

@media screen and (max-width: 1320px){
    .mapping-dialog-custom .add_textarea_width{
        max-width: 175px !important;
        width: 175px !important;
    }
}
.mapping-dialog-custom .text-within-box .formatting-parameters-item{
    align-items: flex-start;

}
/* .video-js .vjs-control {
    width: 2.5em !important;
}

.idm-logo-button {
    width: 2.5em !important;
}

.idm-logo-button .vjs-icon-placeholder:before {
    background-size: contain;
} */

/* 28-02-2022 */
.text-placeholder-options .text-background-color #colorValue {
    border: 0;
    height: 40px;
    width: 36px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.text-placeholder-options .text-background-color #colorValue:after {
    content: url('/assets-idmadm/img/app/storyboard/text-formatting/color_dropper.svg');
    position: absolute;
    bottom: -5px;
    right: -4px;
    z-index: 9;
    background: transparent;
}
.text-placeholder-options .text-format-checkitem {
    display: flex;
    align-items: center;
}
/* .text-placeholder-options .text-background-color .bg-color-input input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} */
.text-placeholder-options .text-background-color .bg-color-input[type="number"]::-webkit-outer-spin-button,.text-placeholder-options .text-background-color .bg-color-input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

.text-formatting-dialog .per-icon {
    padding-left: 3px;
}
.text-formatting-dialog .formatting-fallback-item {
    border: 1px solid #F3AC39;
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    position: relative;
}
.formatting-fallback-item::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -11px;
    /* right: 173px; */
    right: 14.2%;
    border-left: 1px solid #F3AC39;
    border-top: 1px solid #F3AC39;
    display: none;
}
.parameter-type-select .text-formatting-selectbox .selectbox-wrapper .editable-value:after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}

/*02-03-22*/
.formatting-parameters-item .format-box-wrap {
    border: 1px solid #F3AC39;
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    position: relative;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.formatting-parameters-item .format-box-wrap:before{
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -11px;
    right: 11.2%;
    border-left: 1px solid #F3AC39;
    border-top: 1px solid #F3AC39;
    display:none;
}

.formatting-parameters-item .format-box-wrap .format-box-col-1 {
    width: 300px;
    padding-right: 30px;
    flex-wrap: wrap;
    flex-direction: column;
}

.formatting-parameters-item .format-box-wrap .format-box-col-1 .text-label {
    width: 100%;
}

.formatting-parameters-item .format-box-wrap .format-box-col-1 md-select {
    width: 100%;
    float: none;
    margin:0;
}

.formatting-parameters-item .format-box-wrap .format-box-col-1 md-select .md-select-value{
    border-bottom: 1px solid #979797 !important;
    background: transparent;
}

.formatting-parameters-item .format-box-wrap .format-box-col-2{
    width: calc(100% - 300px);
    box-sizing: border-box;
    background: #fff;
    height: auto;
    padding: 0;
}

.formatting-parameters-item .format-box-wrap .format-box-col-2 md-radio-button {
    margin: 20px 0 0;
}

.formatting-parameters-item .format-box-wrap .format-box-col-2 md-radio-button:first-child {
    margin-top: 0;
}

.formatting-parameters-item .format-box-wrap .format-box-action {
    width: 100%;
}

.formatting-parameters-item .format-box-wrap .example-div {
    position: absolute;
    right: 40px;
    font-style: normal;
}

.format-box-wrap .format-box-col-2 .format-box-col-inner {
    display: flex;
}

.format-box-wrap .format-box-col-2 .format-box-col-inner md-radio-group {
    width: 70%;
    padding: 10px 0 10px 30px;
    border-left: 1px solid #979797;
    box-sizing: border-box;
    min-height: 210px;
}

.format-box-wrap .format-box-col-2 .format-box-col-inner .find_replace_string {
    width: 30%;
    display: block;
    position: relative;
    padding: 0 0 0 30px;
    border-left: 1px solid #979797;
    box-sizing: border-box;
    min-height: 210px;
}

.possessive_row{
    display: flex;
}

.possessive_row .first-row{
    width: 42%;
}

/* .format-box-wrap .format-box-col-2 .format-box-col-inner .find_replace_string:before {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    bottom: -10px;
    border-left: 1px solid #979797;
} */

.format-box-wrap .format-box-col-2 .format-box-col-inner .find_replace_string .replace_string {
    width: 100%;
    margin-bottom: 30px;
}
.format-box-wrap .format-box-col-2 .format-box-col-inner .find_replace_string .replace_string:last-child{
    margin-bottom: 0;
}
.format-box-wrap .format-box-col-2 .format-box-col-inner .find_replace_string .replace_string .text-label{
    margin-bottom:3px;
}
.format-box-wrap .format-box-col-2 .format-box-col-inner .find_replace_string .replace_string input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #979797;
    font-size: 16px;
    padding: 0 0 4px;
    outline: none;
    color: rgba(0,0,0,0.87);
}

.format-box-wrap .format-box-col-2 .format-box-decimal-col {
    padding: 0 0 0 30px;
    border-left: 1px solid #979797;
    box-sizing: border-box;
    min-height: 210px;
}

.format-box-wrap .format-box-col-2 .format-box-decimal-col .data-type-select {
    margin: 0 0 20px;
}

.format-box-wrap .format-box-col-2 .format-box-decimal-col .data-type-select md-radio-group{
    display: flex;
}

.format-box-wrap .format-box-col-2 .format-box-decimal-col .data-type-select md-radio-button{
    margin: 0 15px 0 0;

}
.format-box-wrap .format-box-col-2 .format-box-decimal-col .data-type-select md-radio-button .md-label{
    margin: 0 0 0 15px;
}

.format-box-wrap .format-box-col-2 .format-box-decimal-col .format-box-decimal-places{
    display: block;
    margin-bottom: 30px;
}

.format-box-wrap .format-box-col-2 .format-box-decimal-col .format-box-decimal-places md-select {
    float: none;
    margin: 0;
    width: 180px;
}

.format-box-wrap .format-box-col-2 .format-box-decimal-col .format-box-decimal-places .text-label {
    display: block;
}

.format-box-wrap .format-box-col-2 .format-box-decimal-col .data-type-select .md-select-value {
    border-bottom: 1px solid #979797 !important;
    background: transparent;
}

.format-box-wrap .format-box-col-2 .format-box-decimal-col .data-type-select .md-body-1{
    line-height: inherit;
}

.format-box-wrap .format-box-col-2 .format-box-date-col {
    padding: 0 0 0 30px;
    border-left: 1px solid #979797;
    box-sizing: border-box;
    min-height: 210px;
}

.format-box-wrap .format-box-col-2 .format-box-date-col .data-type-select {
    display: block;
}

.format-box-wrap .format-box-col-2 .format-box-date-col .data-type-select .date-format-input {
    width: 100%;
    margin: 0 0 30px;
    width:300px;
}

.format-box-wrap .format-box-col-2 .format-box-date-col .data-type-select .date-format-input md-select {
    width: 100%;
    float: none;
}

.format-box-wrap .format-box-col-2 .format-box-date-col .data-type-select .date-format-input md-select .md-select-value {
    border-bottom: 1px solid #979797 !important;
    background: transparent;
}

button.md-primary.md-raised.md-button.md-default-theme.farmate-button {
    padding: 0 15px 0 15px;
}
.format-item-active md-icon{
    background-color: #F3AC39;
    border-radius: 4px;
    /* padding: 2px; */
}
.disabled{
    cursor: none;
    pointer-events: none;
}

.text-formatting-dialog .text-within-box .md-button[disabled] md-icon{
    filter: opacity(0.5);

}

.text-formatting-dialog.mapping-dialog-custom md-dialog-content{
    overflow-y: scroll;
}

.show-format-box {
    position: relative;
}

.show-format-box:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: auto;
    right: 0;
    left: 0;
    bottom: -41px;
    border-left: 1px solid #F3AC39;
    border-top: 1px solid #F3AC39;
    margin: auto;
    z-index: 1;
}

/* Dialog Creator */
.dialog-creator-row {
    display: flex;
    align-items: center;
}
.dialog-creator-label {
    font-weight: bold;
}
.dialog-creator-row md-input-container {
    padding-bottom: 4px;
    width: 267px;
    font-size: 14px;
}
.creator-dialog .creator-name-selectbox {
    max-width: 372px;
    min-width: auto;
    width: 100% !important;
    flex: 0 0 100% !important;
}
.creator-dialog .default-value-label {
    flex: 0 0 28% !important;
}
.creator-dialog .default-value-input {
    max-width: 312px;
    width: 312px;
}
.creator-dialog .default-value-input input {
    width: 312px;
}
.creator-dialog selectbox.initial-value-selectbox {
    padding: 0;
    outline: none;
    width: 170px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    line-height: 29px;
    margin-left: 9px;
}
.creator-dialog selectbox.initial-value-selectbox .selectbox-wrapper {
    width:100%;
    background:#f3aa41;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
    border-radius:3px;
    overflow:hidden;
}
.creator-dialog selectbox.initial-value-selectbox .editable-value span {
    display: inline-block;
    vertical-align: bottom;
    line-height: 22px;
}
.creator-dialog selectbox.initial-value-selectbox .editable-value .selectbox-parameter-value:before {
    content: '+ Add Parameter';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
    background: #f3aa41;
    text-align: center;
    line-height: 30px;
    color: rgba(255,255,255,0.87);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.creator-dialog selectbox.initial-value-selectbox .selectbox-dropdown{
    display: none;
}
.dialog-creator-row .display-val-cls {
    width: 267px;
}
.creator-dialog .label-input, .creator-dialog .label-input input {
    width: 375px;
}
.creator-dialog .input-dropdowns {
    margin-left: 0;
    width: 200px;
}
.creator-dialog .dialog-config-input {
    max-width: 330px;
}
.creator-dialog .dialog-config-input input {
    width: 330px;
}
.creator-dialog .creator-collapse-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 10px;
}
.creator-dialog .collapse-item-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.creator-dialog .collapse-item-wrap .paremkey_put {
    width: 90%;
}
.creator-dialog .collapse-item-wrap .define-list-item-delete {
    max-width: max-content;
    width: auto;
    min-width: auto;
}
.creator-dialog .sub-defined-item-up-down {
    display: block;
}
.creator-dialog .sub-defined-item-wrapper {
    width: 75%;
}
.creator-dialog .sub-defined-item-wrapper:focus, .delete-icon-list  md-icon, .define-list-item-delete md-icon {
    outline: none;
}
.creator-dialog .defined-sub-item {
    padding-left: 17px !important;
    margin-left: 20px;
}
.creator-dialog .logic-groups-item:hover,
.creator-dialog .logic-groups-item.selected{
    color:#000;
    border-color:#427fed;
    background:#e1e1e1;
    font-weight:500;
}
.creator-dialog .dialog-error-text{
    font-size: 14px;
}
.interactive-placeholder-event-dialog .define-rule-btn,
.interactive-event-dialog .define-rule-btn {
    background-color: #f3aa41;
    color: rgba(255,255,255,0.87);
    border: 0;
    padding: 0px 15px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    line-height: 29px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    font-weight: 500;
}

.interactive-placeholder-event-dialog .define-rule-btn,
.interactive-event-dialog .reaction-input-row {
    display: flex;
    align-items: center;
}

.interactive-event-dialog .dialog-title {
    margin-bottom: 5px;
}

.interactive-event-dialog .dialog-description {
    margin-bottom: 20px;
}

.interactive-event-dialog .action-wrapper {
    margin-bottom: 20px;
}

.interactive-event-dialog .floatLeft span.md-body-1 {
    line-height: 24px;
}

.interactive-event-dialog .action-control {
    margin-left: 15px;
    width: auto;
}
.interactive-event-dialog .player-should-do {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    margin-left: 2px;
}
.interactive-event-dialog .player-should-do .player-seconds {
    max-width: 150px;
}
.interactive-event-dialog .stop-point-jump-to {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
}
.interactive-event-dialog .trigger-event-input.input-row {
    display: flex;
    align-items: center;
}
.interactive-event-dialog .trigger-event-input.input-row label {
    width: 1000%;
    max-width: max-content;
    font-size: 14px;
}
.interactive-event-dialog .trigger-event-main {
    margin-left: 12px;
}
.interactive-event-dialog .link-input-container {
    width: 60%;
    pointer-events: all;
    margin-left:8px;
}
.interactive-event-dialog .edit-icon-list, .interactive-event-dialog .delete-icon-list {
    margin: 6px 0px;
    padding: 0;
}
.interactive-event-dialog .edit-icon-list md-icon, .interactive-event-dialog .delete-icon-list md-icon {
    font-size: 20px;
}
.interactive-placeholder-event-dialog .dialog-footer,
.interactive-event-dialog .dialog-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #ffffff;
    z-index: 2;
}

/* Interactive placeholder dialog design fixes */
.interactive-placeholder-event-dialog .action-row {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}
.interactive-placeholder-event-dialog .action-row .seconds-control {
    display: flex;
    flex-wrap: wrap;
    flex: 25%;
}
.interactive-placeholder-event-dialog .action-row .seconds-control .second-input-container {
    padding-bottom: 0;
}
.interactive-placeholder-event-dialog .action-second-row {
    margin-left: 6px;
}
.interactive-placeholder-event-dialog .input-second {
    padding-bottom: 0;
    width:70%;
    position: relative;
    right:0;
}
.interactive-placeholder-event-dialog .reaction-input-row {
    display: flex;
    align-items: center;
}
.interactive-event-dialog .reaction-input-button {
    margin-top: 10px;
    margin-bottom: 10px;
}
.interactive-placeholder-event-dialog .action-link-row > md-input-container {
    margin-right: 10px;
}
.interactive-placeholder-event-dialog .interactive-row-ml {
    margin-left: 5px;
}
.interactive-placeholder-event-dialog .interactive-row-ml-auto {
    margin-left: auto;
}
.interactive-placeholder-event-dialog .action-pause-seconds {
    width:15% ;
    pointer-events: all;
    padding-bottom: 0;
}
.interactive-rule-define-button{
    min-width: 0px !important; 
    min-height: 0px !important;
    margin: 0px !important;
}

.living-video-dialog .custom-parameter-dropdown > .selectbox-wrapper .selectbox-div {overflow: initial;}
.living-video-dialog .custom-parameter-dropdown > .selectbox-wrapper .selectbox-div .selectbox-ul {overflow-y: auto;}
.living-video-dialog .custom-parameter-dropdown > .selectbox-wrapper .selectbox-div .selectbox-ul .selectbox-item-subitems {position: initial;}
.living-video-dialog .custom-parameter-dropdown > .selectbox-wrapper .selectbox-div .selectbox-ul .selectbox-item-subitems .selectbox-subitems {margin-left: 367px !important;}

.player-should-do .behaviour-select .md-select-value {
    min-width: 100px !important;
}
.player-should-do .stop-jumpto {
    float: none;
    width: auto;
}
.player-should-do .action-scene-select {
    max-width: 95px;
}


/* Rule dialog style */
.interactive-context {
    min-width: 65%;
    min-height: 350px;
}
.interactive-context md-dialog-content {
    /* padding-bottom: 52px; */
    padding-bottom: 90px;
}
.interactive-context .custom-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
    width: 100%;
}
.interactive-context .parameter-box {
    width: 18%;
    max-width: 25%;
}
.interactive-context .parameter-box selectbox {
    width: 100%;
    flex: 100%;
}
.interactive-context .operator-box {
    width: 20%;
    max-width: 20%;
}
.interactive-context .operator-box md-select {
    margin-top: 0;
    margin-left: 10px;
    padding-bottom: 3px;
}
.interactive-context .first-row-control {
    width: 40%;
    max-width: 40%;
}
.interactive-context .first-row-control md-select,
.interactive-context .first-row-control md-input-container,
.interactive-context .first-row-control md-input-container input,
.interactive-context .second-row-first-item md-select,
.interactive-context .into-item md-input-container, .interactive-context .into-item md-input-container input {
    width: 100%;
}
.interactive-context .second-row-first-item md-select {
    padding-bottom: 2px;
}
.interactive-context .first-row-control md-select {
    margin-top: 0;
    margin-bottom: 0;
}
.interactive-context .first-row-control md-input-container,
.interactive-context .first-row-control md-select {
    margin-left: 10px;
}
.interactive-context .into-item {
    display: flex;
    align-items: center;
}
.interactive-context .second-row-first-item {
    margin-top: 0;
    width: 38%;
    max-width: 38%;
}
.interactive-context .into-item md-input-container,
.interactive-context .into-item md-input-container input {
    padding-bottom: 1px;
    padding-top: 0;
}
.interactive-context .space-to-left {
    margin-left: 10px;
}
.interactive-context .w-15-prt {
    width: 15%;
}
.interactive-context .w-20-prt {
    width: 20%;
}
.interactive-context .w-30-prt {
    width: 30%;
}
.interactive-context .w-40-prt {
    width: 40%;
}
.interactive-context .w-60-prt {
    width: 60%;
}
.interactive-context .w-100-prt {
    width: 100%;
}
.interactive-context .jump-to-row {
    display: flex;
    align-items: center;
    width: 58%;
}
.interactive-context .jump-to-row md-input-container {
    padding-bottom: 10px;
}
.interactive-context .end-event-block {
    display: flex;
    align-items: center;
}
.interactive-context .end-event-block md-input-container {
    padding-bottom: 0;
}
.interactive-context .link-selectbox .selectbox-wrapper {
    width: 100%;
}
.link-selectbox span.selectbox-parameter-value::before {
    content: '+ Add Parameter';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
    background: #f3aa41;
    text-align: center;
    line-height: 30px;
    color: rgba(255,255,255,0.87);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.mt-0 {
    margin-bottom: 0 !important;
}
.interactive-context md-dialog-content {
    position: relative;
}
.interactive-context .remove-rule {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    border: 0;
    background: none;
}

.living-video-dialog .custom-parameter-dropdown > .selectbox-wrapper .selectbox-div {overflow: initial;}
.living-video-dialog .custom-parameter-dropdown > .selectbox-wrapper .selectbox-div .selectbox-ul {overflow-y: auto;}
.living-video-dialog .custom-parameter-dropdown > .selectbox-wrapper .selectbox-div .selectbox-ul .selectbox-item-subitems {position: relative;}
.living-video-dialog .custom-parameter-dropdown > .selectbox-wrapper .selectbox-div .selectbox-ul .selectbox-item-subitems .selectbox-subitems {margin-left: 350px !important;bottom: auto !important;}
.living-video-dialog md-tabs,
.living-video-dialog md-tabs-content-wrapper,
.living-video-dialog .new-live-video-custom md-tab-content:first-child,
.living-video-dialog .custom-parameter-dropdown > .selectbox-wrapper .selectbox-div,
.living-video-dialog .custom-parameter-dropdown > .selectbox-wrapper .selectbox-div .selectbox-ul {
    overflow: visible !important;
}
.living-video-dialog .new-live-video-custom .select-para-custom selectbox .selectbox-div {
    max-height: max-content;
}
.rule-player-dropdown {
    width: 180px;
}
.rule-player-condition-dropdown{
    width: 92px;
    padding-right: 10px;
}

.dropstyle .md-select-menu-container{
    width: 220px !important;
    min-width: auto !important;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.14), 0 6px 10px 0 rgba(0,0,0,.098), 0 1px 18px 0 rgba(0,0,0,.084);
}
.dropstyle .md-select-menu-container md-option{
    width: 188px !important;
    min-width: auto !important;
}
.dropstyle .md-select-menu-container md-content.md-default-theme{
    padding: 0px !important;
}
.custom-dialoge-creator-new{
    align-items: flex-end;
    cursor: pointer;
    display: flex;
}
.custom-dialoge-creator-new .custom-container-new{
    flex: 0 0 0%;
    max-width: 0%;
}
.custom-dialoge-creator-new .custom-select-new{
    flex: 0 0 100%;
    max-width: 100%;
}
.custom-dialoge-creator-new .custom-select-new .custom-icon-new{
    width: 100% !important;
    margin-left: auto;
    display: block;
    text-align: right;
    z-index: 1;
    position: relative;
}

.popup {
    padding-bottom: 75px !important;
}
.interactive-placeholder-custom-height{
    /* padding-bottom: 80px; */
    /*height: 510px;*/
    /* overflow-x: hidden; */
    overflow-y: visible;
}

.rules-value-in {
    padding: 0;
    margin-left: 30px;
}
.interactive-placeholder-event-dialog .selectbox-div{
    width: 100%;
}
.interactive-placeholder-event-dialog .text-formatting-selectbox .selectbox-subitems,
.interactive-event-dialog .text-formatting-selectbox .selectbox-div .selectbox-subitems,
.rule-define-on-input .text-formatting-selectbox .selectbox-div .selectbox-subitems{
    /*bottom: 0px !important;*/
}

.custom-height-one selectbox .selectbox-subitems.selectbox-div{
    height: auto !important;
}
.custom-height-one selectbox .selectbox-subitems-ul li a.parameter-selectbox-button{
    line-height: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.custom-height-one selectbox ul.selectbox-subitems-ul{
    padding: 0 0 0 0;
}
.custom-height-one selectbox .selectbox-subitems-ul li a.parameter-selectbox-button .show-icon-on-hover,
.custom-height-one selectbox .selectbox-subitems-ul li a.parameter-selectbox-button .hide-icon-on-hover {
    margin-top: 0;
}

.param_main_wrap span.pramkey_wrap.ng-scope span.parameter-name{
    overflow: hidden;
    text-overflow: ellipsis;
}

.rule-define-input-width{
    width: 100%;
}
.rule-define-input-inline{
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 95px);
    white-space: nowrap;
}

.text-formatting-dialog .for-up-down .up-down-controls{
  height: 10px;
  width: 10px; 
}
.text-formatting-dialog .for-up-down .up-down-controls .up-arrow{
    height: 12px;
    width: 12px;
    margin: 2px;
    cursor: pointer;
  }
  .text-formatting-dialog .for-up-down .up-down-controls .down-arrow{
  height: 12px;
  width: 12px;
  margin: 2px;  
  cursor: pointer;
}

.text-formatting-dialog .up-down-controls .up-arrow-enabled-new-icon{
    height: 100%;
    width: 100%;
    object-fit: contain;
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/up_enabled.svg");
    
}
.text-formatting-dialog .up-down-controls .down-arrow-enabled-new-icon{
    height: 100%;
    width: 100%;
    object-fit: contain;
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/down_enabled.svg");
}
.text-formatting-dialog .up-down-controls .up-arrow-disabled-new-icon{
    height: 100%;
    width: 100%;
    object-fit: contain;
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/up_disabled.svg");
}
.text-formatting-dialog .up-down-controls .down-arrow-disabled-new-icon{
    height: 100%;
    width: 100%;
    object-fit: contain;
    content: url("/assets-idmadm/img/app/storyboard/text-formatting/down_disabled.svg");
}
.dialog-selectbox-ul .disable-dialog-parameter {
    background-color: #e1e1e1;
}
.dialog-selectbox-ul .disable-dialog-parameter a{
    cursor: not-allowed; 
}

.rule-define-on-input .text-font-size{
    font-size: 16px !important;
}
.condition_editable_false {
    width: 30%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    line-height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: not-allowed;
}
.condition_editable_false_2 {
    margin: 20px 0 26px;min-width: 64px;
    min-height: 26px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);
    background-position: 0 bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    margin-bottom: -1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 2px 1px;
    cursor: not-allowed;
}
.condition_editable_false_2 div {
    padding-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 2*8px);
}
.condition_editable_false_2 .md-select-icon {
    text-align: end;
    width: 24px;
    margin: 0 4px;
    transform: translate3d(0,1px,0);
    color: rgba(0,0,0,.87);
}
.condition_editable_false_2 .md-select-icon:after {
    display: block;
    content: '\25BC';
    position: relative;
    top: 2px;
    speak: none;
    -webkit-transform: scaleY(.6) scaleX(1);
    transform: scaleY(.6) scaleX(1);
}
md-select.select_editable_false[disabled] .md-select-value {
    color: rgba(0,0,0,.87);
    cursor: not-allowed;
}
.condition_editable_false_3 {
    margin-top: 18px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    line-height: 24px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: not-allowed;
}
.condition_editable_false_3 div {
    line-height: 24px;
    max-width: calc(100% - 30px);
    width: auto;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
md-input-container.not-allowed .md-input[disabled] {
    cursor: not-allowed;
}
.card_editable_false {
    cursor: pointer;
}
.card_editable_false * {
    cursor: pointer !important;
}
.card_editable_false:hover {
    box-shadow: 0px 1px 3px 1px rgba(43,149,221,0.5);
}
.scene-preview-div_100 .scene_preview2_play-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {padding-top: 100%;}
.scene-preview-div_177 .scene_preview2_play-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {padding-top: 177.77%;}
.scene-preview-div_56 .scene_preview2_play-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {padding-top: 56.25%;}

.idm-storyboards .publish-icon{
    border-radius: 50%;
    position: fixed;
    bottom: -70px;
    right: 25px;
    /* display:none;*/
}

.storyboard-main-card .create-icon{
    top: 208px;
    position: absolute;
    left: 316px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.storyboard-main-card {
    cursor: pointer;
}

.idm-storyboards .no-storyboards{
    background-position: center;
    background-image: url('/assets-idmadm/img/app/emptyStoryBoard.png');
    width: 470px;
    height: 465px;
    position:relative;
    margin: 0 auto;
}

.idm-storyboards .no-storyboards-text{
    position: absolute;
    bottom: 70px;
    left: 0;
    text-align: center;
    width: 100%;
}
.lock-dialog {
    width: 480px;
}

.entities-tab-container {
    max-width:1100px;
    margin:0 auto;
    padding-top: 130px;
    z-index: 4;
    position: relative;
}
.entities-tab-container md-content {
    background: none;
    overflow: visible;
    padding-bottom: 180px;
}
.entities-tab-container md-tabs-wrapper {
    position: fixed;
    width: 100%;
    background: #2388DB;
    z-index: 88;
    top: 120px;
    padding-top: 0;
    left: 0;
    display: none;
}
.entities-tab-container md-tabs-canvas {
    max-width: 1000px;
    margin: 0 auto;
}

.create-new-button {
    width: 1027px;
    color: white !important;
    line-height: 50px;
    display: block;
    margin: 30px auto;
    height: 50px;
    font-size: 18px;
}
.stupid-ugly-mask {
    position: fixed;
    background: #2388DB;
    width: 1000px;
    height: 30px;
    z-index: 5;
    left: 1100px;
    margin-top: -29px;
    display: none;
}
button.create-new-fab.md-button.md-fab {
    position: fixed;
    color: white !important;
    left: 93%;
    /*top: 128px;*/
    top: 98px;
    z-index: 99 !important;
    font-size: 25px;
    -webkit-transition: .3s ease-out all;-moz-transition: .3s ease-out all;-ms-transition: .3s ease-out all;-o-transition: .3s ease-out all;transition: .3s ease-out all;
    -webkit-transform: scale(0);
    transform: scale(0);
}
button.create-new-fab.scroll-passed.md-button.md-fab {
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*.idm-landingpages button.create-new-fab.md-button.md-fab,*/
/*.idm-scenelibraries button.create-new-fab.md-button.md-fab {*/
    /*top: 98px;*/
/*}*/
.share-storyboard-dialog md-dialog-content {
    padding:24px;
}
.lock-dialog md-checkbox .md-container {
    -webkit-transform: none;
    transform: none;
    top: 5px;
}
.player-index {
    z-index: 9;
}
.player-index .idm-player #errorBox {
    z-index: 9;
}
/**
*  Table Css
*/
.lang-propertise-tbl{font-family: Roboto, sans-serif;width: 100%;border: none;background: #f3f3f3;border-collapse: separate;border-spacing: 2px;}
.lang-propertise-tbl td, .lang-propertise-tbl th {border:none;padding: 10px;}
.lang-propertise-tbl tr:nth-child(even){background-color: #f2f2f2;}
/*.lang-propertise-tbl tr:hover {background-color: #ddd;}*/
.lang-propertise-tbl th {text-align: left;background-color: #8e8e8e;color: white;}
.lang-propertise-tbl .text-center{text-align:center;}

/*Mapping Popup*/
.mapping-popup md-tabs .md-tab{color:rgba(0,0,0,0.54);height:41px}
.mapping-popup .md-title.ng-binding{margin-bottom:20px;}
.mapping-popup .user-file-box{width:142px;position:relative}
.mapping-popup .user-file-box .user-file-box-filename{position:absolute;left:0;right:0;bottom:10px;padding:0 10px;width:auto}
.mapping-popup .mapping-tab-content{overflow-y:auto;max-height:360px}
.mapping-popup md-tabs{height:400px;}
.mapping-popup .mapping-tab-content md-tabs{height:340px}
.mapping-popup md-tabs .md-tab.md-active,.mapping-popup md-tabs .md-tab.md-focused{background:#2b95dd;color:#fff;}
.mapping-popup .mapping-tab-content md-tabs .md-tab.md-active,.mapping-popup .mapping-tab-content md-tabs .md-tab.md-focused{color:#2b95dd !important;background:#fff;}
.mapping-popup md-tabs md-ink-bar{display:none;}
.mapping-popup .mapping-tab-content md-tabs md-ink-bar{display:block;}
.mapping-popup .mapping-content-label{margin:5px 0 15px;}
.mapping-popup .mapping-content-label label{float:left;margin:9px 25px 0 0;}
.mapping-popup .add-btn{margin:20px 0 15px 0}
.mapping-popup table.lang-propertise-tbl td i.material-icons{cursor:pointer;outline:none;color:#5a5959}
.mapping-popup table.lang-propertise-tbl td i.material-icons:hover{color:#000}
.mapping-popup table.lang-propertise-tbl td md-input-container{width:230px;padding-bottom:2px}
.mapping-popup table.lang-propertise-tbl tr th:first-child{width:250px}
.mapping-popup .radio-btn{display:inline-block;position:relative;padding-left:24px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:none;font-weight:400;letter-spacing:0.5px;color:#17a43b;margin:0;font-family:'Roboto', sans-serif;line-height:22px;min-height:22px}
.mapping-popup .radio-btn:last-child{margin-right:0}
.mapping-popup .radio-btn input{position:absolute;opacity:0;cursor:pointer}
.mapping-popup .radio-btn .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border-radius:50%;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;border:1px solid #2b95dd}
.mapping-popup .radio-btn:hover input ~ .checkmark {background-color:#edecf6}
.mapping-popup .radio-btn input:checked ~ .checkmark {background-color:#fff}
.mapping-popup .radio-btn .checkmark:after {content:"";position:absolute;display:none}
.mapping-popup .radio-btn input:checked ~ .checkmark:after {display:block}
.mapping-popup .radio-btn .checkmark:after{top:0;left:0;width:10px;height:10px;border-radius:50%;-webkit-border-radius:50%;background:#2b95dd;right:0;bottom:0;margin:auto}
.lang-propertise-tbl th {background-color: #8e8e8e;color: white;font-size: 16px;font-weight: 400;text-transform: capitalize;}
.lang-propertise-tbl tr.md-table-content-row td:nth-child(3) {text-align: center;}
.lang-propertise-tbl th {background-color: #8e8e8e;color: white;}

.mapping-popup .upper_tab > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper md-tab-item.md-active {background: transparent ;color: #2b95dd  !important;border: 1px solid rgba(0,0,0,0.12);border-bottom: 2px solid #2b95dd;}
.lang-propertise-tbl tr:nth-child(odd) {background-color: #e6e6e6;}
.mapping-popup .radio-btn input[aria-disabled="true"]+span{cursor: not-allowed; border: 1px solid rgba(0,0,0,0.26);}
.mapping-popup .mapping-content-label > selectbox.text-formatting-selectbox > .selectbox-wrapper  > .editable-value {position: relative;}
.mapping-popup .mapping-content-label > selectbox.text-formatting-selectbox > .selectbox-wrapper > .editable-value md-icon {position: absolute;top: 0;right: 0;display: block;}
.col-30{width: 30%;}
.mtb-15{margin-bottom: 15px; margin-top: 15px;}
.changetext_margin .text-formatting-margin{vertical-align: bottom;}
.font-setting.selectbox-wrapper.selectbox-wrapper-text .selectbox-div{margin-top:-47px}
.font-setting.selectbox-wrapper.selectbox-wrapper-text{border-bottom: 1px solid rgba(0,0,0,0.12);padding:2px 2px 1px;outline:none;color:rgba(0,0,0,.87);}
.font-setting.selectbox-wrapper.selectbox-wrapper-text:focus,.font-setting.selectbox-wrapper.selectbox-wrapper-text:active{border-bottom:2px solid #2b95dd;padding-bottom:0}
.font-setting.selectbox-wrapper .editable-value{cursor:pointer;}
.font-setting.selectbox-wrapper .editable-value > span{display: block !important; width:100% !important;}
.font-setting.selectbox-wrapper .editable-value span{display: inline-block;width: auto; line-height: 26px;}
.font-setting.selectbox-wrapper .editable-value md-icon{display: inline-block;}
.font-setting.selectbox-wrapper .selectbox-dropdown{font-size:24px;width:20px;color:#000;height:auto;line-height:20px;margin-top:6px;}
.font-setting.selectbox-wrapper .editable-value span.selectbox-parameter-value{position:relative;top:2px;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 22px);}
.mapping-popup .actions i{cursor: pointer;}
.md-table-content p {display: inline-block;}
.md-table-content i {float: right;}
.lang-propertise-tbl .default-col {text-align: center;}

.order-disabled{cursor: not-allowed !important; color: rgba(0,0,0,0.12) !important;}

.font-setting-btn button{ display: inline-block;}
.font-setting-btn md-autocomplete{ display: inline-block;}

.mapping-popup table.lang-propertise-tbl.font-setting-tbl tr th:nth-child(2){width:210px}
.mapping-popup table.lang-propertise-tbl.font-setting-tbl tr th:nth-child(1){width:20px}
.lang-propertise-tbl.font-setting-tbl tr.md-table-content-row td:nth-child(4) {text-align: center;}
.lang-propertise-tbl.font-setting-tbl tr.md-table-content-row td:nth-child(3) {text-align: left;}
.mapping-popup .text-formatting-selectbox .editable-value span{width: 170px}
.thumbnail-uploader .idm-upl {
    width: 210px;
}
.thumbnail-uploader .idm-upl .container {
    height: 110px;
}

.thumbnail-bound {
    width: 640px;
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform-origin: 0 0;
}
.parts-color-picker {
    width: 1px;
    overflow: hidden;
    height: 1px;
    visibility: hidden;
}

.idm-thumbnail-customize .md-icon-button {
    height: 36px;
    margin: 20px 0 10px 0;
}
.idm-app .md-button.md-default-theme:not([disabled]):hover,
.idm-app .md-button.md-default-theme:not([disabled]):focus,
.idm-app .md-icon-button.selected {
    background-color: rgba(158,158,158,0.3);
}

.thumbnail-font-size-select {
    height: 30px;
    width: 60px;
    overflow: hidden;
    margin: 20px;
}

.thumbnail-text-checkbox {
    margin-top: 20px;
}

.thumbnail-text-placeholder {
    width: 400px;
    margin-right: 30px;
}
md-input-container.md-default-theme label, md-input-container.md-default-theme .md-placeholder {
    color: #919191;
}

.thumbnail-text-overlay {
    position: absolute;
    padding: 0 20px;
    width: 100%;
    left: 0;
}
.thumbnail-text-overlay.text1 {
    top: 20px;
}
.thumbnail-text-overlay.text2 {
    top: 50%;
}
.thumbnail-text-overlay.text3 {
    bottom: 20px;
}



.idm-thumbnails .no-thumbnails-text{
    position: absolute;
    bottom: 70px;
    left: 130px;
}




.user-files-dialog {
    width: 1000px;
    height: 660px;
    /*min-height: 99%;*/
}
.user-files-body {
    position: relative;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.user-files-top-actions {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
md-dialog.user-files-dialog .md-actions .md-button,
.user-files-top-actions .md-button {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}
.user-files-dialog md-tabs {
    max-width: 952px;
    overflow-x: hidden;
    height: 526px;
}

.user-file-box {
    word-wrap: break-word;
    min-width: 135px;
    text-align: center;
    height: 137px;
    margin: 14px 7px;
    max-width:250px;
    cursor: pointer;
    position: relative;
    outline: none;
}

.user-file-box-folder {
    background-color: #d2d2d2;
    border-radius: 4px;
    width: 130px;
}

.user-file-box-img {
    height: 137px;
    width: 200px;
    vertical-align: baseline;
    object-fit: cover;
}

.user-file-box-uploading {
    width: 135px;
}
md-dialog md-dialog-content.media-content {
    overflow: hidden;
}
.user-file-box-video,
.user-file-box-image {
    background: url("/assets/img/app/parts/media-bg.svg");
    line-height: 135px;
}
.user-files-dialog .sp-picker-container {
    width: 350px;
}
.sp-palette .sp-thumb-el {
    width: 26px;
    height: 26px;
    margin: 3px;
}
.sp-palette {
    max-width: 310px;
}
.color-preview {
    width: 120px;
    height: 120px;
}
.file-duration-box{
    line-height: normal;
    font-size: 12px;
}
.file-duration-box p{
    margin: 0;
    color: #898989;
}
.user-file-box-audio, .user-file-box-properties, .user-file-box-text {
    width: 135px;
    font-size: 12px;
    padding: 8px;
    box-sizing: border-box;
}

.user-file-box-video .user-file-box-filename,
.user-file-box-jet .user-file-box-filename,
.user-file-box-image .user-file-box-filename,
.user-file-box-fonts .user-file-box-filename,
.user-file-box-font .user-file-box-filename{
    background: white;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 22px;
    font-size: 12px;
}
.folder-box-folder-name {
    font-size: 14px;
    word-wrap: break-word;
    width: 90%;
    text-overflow: ellipsis;
    height: 35px;
    overflow: hidden;
    box-sizing: content-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
}
.folder-name-input {
    font-size: 14px;
    width: 110px;
}
.media-library-audio-track {
    width: 104px;
}
.user-file-box-audio .user-file-box-filename, .user-file-box-video.tmp-true .user-file-box-filename  {
    height: 100%;
    overflow: hidden;
}

.file-action-buttons {
    display: none;
    position: absolute;
    top:0;
    width: 32px;
    left: 0px;
    margin: 0;
    max-height: 72px;
}
.file-action-buttons.playing,
.user-file-box:hover .file-action-buttons {
    display: block;
}
.file-action-buttons.playing .file-action-button-delete {
    display: none;
}
.file-action-button {
    width: 32px;
    min-width: 0;
    margin: 0;
    display: block;
    height: 36px;
}
.user-file-box-image .file-action-button-delete.file-action-button {
    background-color: rgba(158,158,158,0.2);
}
.user-file-box-folder.rename {
    padding-top: 34px;
}
.user-files-dialog .sp-container.sp-flat {
    background-color: #FFFFFF;
    border: solid 1px #FFFFFF;
    width: 132%;
    height: 123%;
}
.user-files-dialog .sp-color {
    right: -42%;
}
.user-files-dialog .sp-hue {
    right: -210px;
    left: 145%;
}
.user-files-dialog .sp-slider {
    border: 1px solid #8C8C8C;
}
.user-files-dialog .sp-color, .user-files-dialog .sp-hue, .user-files-dialog .sp-clear {
    border: solid 1px #D5D5D5;
}
.user-files-dialog .sp-input {
    width: 130px;
}
.user-files-dialog .sp-palette-container {
    border-right: none;
}
.user-files-dialog .sp-initial span {
    width: 118px;
    height: 90px;
}
.user-files-dialog .sp-container button {
    display: none;
}
.user-files-dialog .sp-cancel {
    display: none;
}
.progress-status-bar md-progress-linear {
    width: 1000px;
    margin-top: 5px;
}
.upload-status-caption {
    padding-left: 20px;
}
.progress-status-bar {
    padding-top: 24px;
}
.right-card .progress-status-bar {
    padding-top: 18px;
}
.progress-status-bar.overwrite-message {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: rgb(218, 26, 26) !important;
    color: white;
}
.upload-overwrite-span {
    margin-left: 40px;
    font-size: 13px;
}
.upload-overwrite-span .md-button {
    margin: 0;
}
.progress-status-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 30;
    background-color: white;
}
.user-files-dialog .progress-status-bar {
    bottom: 5px;
}
.progress-status-bar.overwrite-message {
    bottom: 0;
    z-index: 31;
}
.right-card .user-files-top-actions {
    right: 10px;
}
media-library ng-md-icon {
    fill: rgba(0,0,0,0.54);
}
.dirty-hack svg {
    position: absolute;
    top: 5px;
    left: 5px;
}

.library-loading-icon {
    text-align: center;
    width: 100%;
    padding-top: 180px;
}
.files-meta-data {
    font-size: 14px;
    padding: 10px 10px 0;
    line-height: 30px;
    color: #A1A1A1;
}
.files-meta-data md-input-container {
    padding: 0;
    margin-right: 20px;
}

.media-container-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
button.arrow-drop-down, button.up-folder-button {
    width: 40px;
    min-width: 30px;
    margin: 0;
    height: 30px;
    min-height: 0;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -1px;
    padding: 0 5px;
}
.small-image-note {
    position: absolute;
    width: 700px;
    bottom: 10px;
    left: 20px;
    line-height: 50px;
    font-size: 13px;
}
media-library md-tabs .md-tab {
    color: rgba(0, 0, 0, 0.54);
}
media-library md-tabs .md-tab.md-active {
    color: rgb(43, 149, 221) !important;
}
.user-files-dialog .user-files-body {
    margin-top: 10px;
}
.folder-box-folder-name.rename {
    padding-bottom: 29px;
}
.folder-box-folder-name md-input-container {
    padding-bottom:0;
    margin-bottom: 3px;
}
.create-folder-message {
    font-size: 12px;
    color: red;
}
.idm-scene-library .file-action-button {
    line-height: 46px;
}
.uploaded-assets-message {
    color:red !important;
    font-size:14px !important;
}
.no-data-message {
    width:800px !important;
    text-align:center !important;
    margin-top:100px !important;
    padding:0px 100px !important;
}
.no-data-message .p1 {
    text-align:left !important;
    padding-left:13px !important;
    padding-bottom:15px !important;
}
.no-data-message .p2 {
    text-align:left !important;
    padding-left:13px !important;
}
.learn-more-link {
    color:rgb(43,149,221) !important;
    text-decoration: none;
}
.hide-preview {
    display:none;
}
md-content.colortab{
    overflow-y:hidden;
}
.colortab span, .colortab:focus span {
    outline: 0 none;
    border: 0 none;
}
.scroll-on-media-library{
    max-height: 100%;
}
.scroll-off-media-library{
    max-height: 67%;
}
.idm-scene-library-page .scroll-off-media-library{
    max-height: 100%;
}
.user-files-dialog{
    max-height: 476px;
}
.user-files-dialog .scroll-off-media-library {
    max-height: calc(100% - 160px);
}
.map-folder-popup md-tabs{height:382px;}
.user-files-dialog-footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.map-to-parameter-container{
    max-height: calc(100% - 126px);
}
.media-container-scroll-lb{max-height: calc(100% - 160px);}
/*.color-container-content:parent{max-height: calc(100% - 160px);}*/
.color-container-content{overflow-x: hidden;overflow-y: visible!important;}
.user-files-dialog-footer{background-color: white;}
.button-right { width: 100%; text-align: right;  }

.breadcrumbs__item {cursor: pointer;}
.breadcrumbs__item:hover {text-decoration: underline;}
.breadcrumbs__sr {display:inline-block; padding: 0 5px;}
.empty-ws {font-size:14px; font-weight: 500; padding: 16px 0 16px 16px;}