/* DOJO  CSS */@import url("../js/dojo/dijit/themes/interra/interra.css");
@import url("../js/dojo/dojo/resources/dojo.css");
@import url("../js/dojo/dojox/grid/resources/Grid.css");
@import url("../js/dojo/dojox/grid/resources/claroGrid.css");
@import url("../js/dojo/dojox/widget/Portlet/Portlet.css");
@import url("../js/dojo/dojox/layout/resources/GridContainer.css");
@import url("../js/dojo/dojox/layout/resources/DndGridContainer.css");
@import url("../js/dojo/dojox/widget/Calendar/Calendar.css");
@import url("../js/dojo/dojox/widget/Toaster/Toaster.css");
/* @import url("../js/dojo/dojox/form/resources/CheckedMultiSelect.css"); */
@import url("../js/dojo/dojox/form/resources/UploaderFileList.css");
/* @import url("../js/dojo/dojox/form/resources/TriStateCheckBox.css"); */
@import url("../js/dojo/dojox/layout/resources/ExpandoPane.css");
@import url("../js/dojo/dojox/grid/enhanced/resources/claro/EnhancedGrid.css");
/* @import url("../js/dojo/cbtree/themes/claro/checkbox.css"); */
@import url("../js/dojo/dojox/form/resources/FileUploader.css");
@import url("../js/dojo/dojox/widget/Wizard/Wizard.css"); 
@import url("../js/bootstrap/css/bootstrap.min.css");   
@import url("../css/site_layout.css");
/*Customization over built-in DOJO styles*/
.dijitToasterContainer {
    font: 1.0em Tahoma, Helvetica, Verdana, Arial;
}

body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
}

body, html {
    font-family:Segoe UI, 'Open Sans', sans-serif; helvetica, arial, sans-serif;
    font-size: 90%;
}

/* Remove Orange line border around tabs/buttons
   Refer to: http://stackoverflow.com/questions/11978123/remove-yellow-border-on-dojo-buttons-in-chrome */
.claro * 
{
    outline: none;
}

/*Any page having a top level border container should use the following id*/
#ORN_MainBorderContainer {
    height: 100%;
}

#orn_footerRight {
    float: right;
}

.toolbar-middle {
    margin: 2px auto;
    width: 50%;
    text-align: center;
}

.orn_leftSideBar {
    width: 250px;
}

.orn_rightSideBar {
    width: 300px;
}

.orn_rightFilterSideBar {
    width: 200px;
}
.orn_topBar {
    height: 10px;
    font-size: 80%;
}

.orn_propertiesTable {
    width: 99% !important;
    
}

.orn_propertiesTable th {
    font-size: 10px !important;
    padding: 4px !important;
}

.orn_propertiesTable td {
    font-size: 10px !important;
    padding: 4px !important;
}

.orn_sitePropertiesTable { 	 	
    width: 99% !important; 	 	
} 	 	
 	 	
.orn_sitePropertiesTable th { 	 	
    font-size: 10px !important; 	 	
    padding: 4px !important;
	padding: 4px !important; 
}

.orn_sitePropertiesTable td { 	 	
    font-size: 10px !important; 	 	
} 

.orn_thumbnailTooltip{	
	padding: 0px !important;
	margin: 0px !important;
	max-height: 250px;
	overflow-x: auto;
}

.orn_thumbnailTooltip .dijitTooltipContainer
{
	background-image: var(--ott-bg-body-icon);
	background-color: #fff;
	background-position: top left;
	background-repeat: repeat;
	padding:0px !important;
}

.orn_tooltipHeader{
	font-size: 11px !important;
	padding : 1px !important;
}

.orn_tooltipTable th{
	font-size: 10px !important;
	padding : 1px !important;
}

.orn_tooltipTable td{
	font-size: 10px !important;
	padding : 1px !important;
}

.orn_tooltipTable1V2 th{
	font-size: 10px !important;
	padding:2px 4px !important;
}

.orn_tooltipTableV2 td{
	font-size: 10px !important;
	padding:2px 4px !important;
	border: 0.01px solid var(--ott-partition-color);
}

.orn_tooltipTableV2 .headerCell {
	color: white !important;
	font-weight: 100;
	background-color: var(--ott-banner-bg-color);	
}

.orn_tooltipTableV2 table{
	border: 0.01px solid var(--ott-partition-color);
}

.orn_TableV2 td {
	padding:2px 12px 2px 12px;
	text-align:center;
	font-size:10px;
	background-color: var(--ott-tableV2-td-bg-color);
	border-left: 4px solid var(--ott-tableV2-bg-color);
	border-right: 4px solid var(--ott-tableV2-bg-color);
	border-top: 6px solid var(--ott-tableV2-bg-color);
	border-radius: 12px 12px 0px 0px;
	
}

.orn_TableV2 .headerCell {
	padding:2px 5px 2px 5px;
	font-size:11px;
	color: white !important;
	font-weight: 100;
	background-color: var(--ott-banner-bg-color);
	border-color: var(--ott-banner-bg-color);
	border-radius: 0px;
	border-bottom: 1px solid var(--ott-banner-bg-color); 
	border-top: 1px solid var(--ott-banner-bg-color);
}

.orn_TableV2 .headerCellLeft{
	text-align:left; 
	border-left: 5px solid var(--ott-banner-bg-color); 
	border-right: 3px solid var(--ott-banner-bg-color);
}

.orn_TableV2 .headerCellRight{
	text-align:right;
	border-right: 5px solid var(--ott-banner-bg-color); 
	border-left: 3px solid var(--ott-banner-bg-color);
}

.orn_TableV2 .valueCell {
	padding:0px 12px 0px 12px; 
	border-bottom: 3px solid var(--ott-tableV2-bg-color);
	border-top: 1px solid var(--ott-tableV2-bg-color);
	border-radius: 0px 0px 10px 10px;
	height: 18px;
}

.orn_TableV2 .dummyRow {
	background-color: var(--ott-tableV2-bg-color);
	border-radius: 0px;
	padding: 2px 12px 2px 12px;
}

.orn_TableV2 table{
	background-color: var(--bg-color);
}

/***
 * Support for breadcrumbs
 */
.orn_breadcrumbs {
    line-height: 35px;
    font-size: 10px;
    height: 15px;
}

.orn_breadcrumbs ul, .orn_breadcrumbs li {
    list-style-type: none;
    display: inline;
    padding: 0;
    margin: 0;
}

.orn_breadcrumbs li {
    float: left;
    padding-left: 8px;
}

.orn_breadcrumbs li a {
    padding: 0 24px 2px 0;
    background-image: var(--ott-arrow-breadcrumbs-icon);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}

.orn_breadcrumbs li span.entry {
    padding: 0 24px 2px 0;
    background-image: var(--ott-arrow-breadcrumbs-icon);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    color: #003366;
}

.orn_breadcrumbs li a:link {
    text-decoration: none;
    color: #003366;
}

.orn_breadcrumbsRunSummary {
    background-image: var(--ott-arrow-breadcrumbs-icon);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-bottom: 3px;
    
}

.orn_breadcrumbs li a:hover {
    text-decoration: underline;
    color: #0099CC;
}

.orn_breadcrumbs li {
    color: #0000ef;
}

.orn_filledBackground
{
	/* background-image: var(--ott-bg-body-icon); */
	background-clip: #fff;
	background-position: top left;
	background-repeat: repeat;
}

.dijitSplitterV
{
	background-image: var(--ott-bg-body-icon) !important;
	background-clip: #fff;
	background-position: top left;
	background-repeat: repeat;
}

.dijitSplitterH
{
	background-image: var(--ott-bg-body-icon) !important;
	background-clip: #fff;
	background-position: top left;
	background-repeat: repeat;
}

/****
 * following style sheet is for the top bar.
 ******/
 .orn_topBar{
	border: 0px !important;
	left : 0px !important;
	top :0px !important;
	height:45px; 
	background-color:#009ccd; 
	width : 100% !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	padding: 0px !important;
}

.orn_topBar *
{	
	border:0;
	margin:0;
	padding:0;
}

.orn_logo{
	float:left; 
	padding:12px 0 0 20px; 
	width:285px; 
	height:24px;
}

.orn_header_message{
	float:left; 
	border:0px solid #000; 
	width:300px; 
	text-align:center; 
	line-height:40px; 
	margin-left:60px; 
	color:#FFFF00; 
	font-size:1.1em
}

.orn_seperator{
	float:right; 
	border:0px solid #000;
	width:10px; 
	background-image: var(--ott-separator-gif-icon);
	background-repeat: no-repeat;
	padding:12px 0 0 10px;  
}

.orn-menu-bg { background-color:#0090bd; width:530px; float:right; margin:7px 20px 0px 10px; padding:0px 0px 5px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-box-shadow:inset 0 0 7px #005f7d; -webkit-box-shadow: inset 0 0 7px #005f7d; box-shadow: inset 0 0 7px #005f7d;}

.orn_menu_icon_set1{float:right; width:175px; border-radius:5px; margin:2px 15px 0 10px; height:24px
}#orn_menu_set1{position:relative; display:block; width:175px; border:0px solid #fff;
}#orn_menu_set1 ul{list-style-type:none; width:175px; border:0px solid #000;
}#orn_menu_set1 ul li{display:block; float:left; width:30px; height:20px; padding-left:5px
}#orn_menu_set1 a, #orn_menu_set2 a:visited{display:block; width:40px; height:20px; text-align:center; color:black; line-height:10px; margin-top:3px;
}#orn_menu_set1 a:hover{background-position:left center; line-height:9px; overflow:hidden; color:white;
}#orn_menu_set1 a#selected{background-position:left bottom; line-height:9px; 
}#orn_menu_set1 a#selected:hover{color:white;}

#orn_cssmenu {auto;float:right; border:0px solid #000; padding:2px 0 0 0; font-size:1.1em; text-shadow: 1px 1px #707070;
}#orn_cssmenu ul,#orn_cssmenu li,#orn_cssmenu a { list-style: none; margin: 0;  padding: 0;  border: 0;  line-height: 1;
}#orn_cssmenu ul:before { content: ''; display: block;
}#orn_cssmenu ul:after {content: ''; display: table; clear: both;
}#orn_cssmenu li {  float: left; margin: 0 10px 0 10px; 
}#orn_cssmenu li a {padding: 5px 0px 4px 0px; display: block; text-decoration: none; color: #ffffff;
}#orn_cssmenu li.active{border-bottom: 2px solid #fff;
}#orn_cssmenu li:hover{border-bottom: 2px solid #fff;
}#orn_cssmenu li:hover a{border-bottom: 2px solid fff;
}

#orn_header{height:45px; background-color:#009ccd; 
}.orn_logo{float:left; padding:12px 0 0 20px; width:285px; height:24px;
}.orn_header_message{float:left; width:230px; text-align:center; line-height:40px; margin-left:40px; color:#fff; font-size:1.1em; color:#FFFF00
}.orn_seperator{float:right; border:0px solid #000; width:10px; background-image:var(--ott-separator-gif-icon); background-repeat: no-repeat; padding:7px 0 0 0px;}

.orn_menu_icon_set2{
	float:right; 
	border:0px solid #000;

}

#orn_menu_set2{
	position:relative; 
	display:block;
	border:0px solid #fff;
}

#orn_menu_set2 ul{
	list-style-type:none;
	border:0px solid #000;
}

#orn_menu_set2 ul li{
	display:block; 
	float:left;	
	width:55px;	
	height:55px;
}

#orn_menu_set2 a, #orn_menu_set2 a:visited{
	display:block;
	width:35px; 
	height:35px; 
	background-image: var(--ott-menu-tabs2-icon); 
	background-position:left top; 
	background-color:transparent; 
	text-align:center; 
	color:black; 
	line-height:30px; 
	margin-top:4px;
}

#orn_menu_set2 a:hover{
	background-position:left center; 
	line-height:30px; 
	overflow:hidden; 
	color:white;
}

#orn_menu_set2 a#selected{
	background-position:left bottom; 
	line-height:30px; 
}

#orn_menu_set2 a#selected:hover{
	color:white;
}

.orn_licenseMessages
{
	text-align: left;
	font-size: 16px;
	padding-bottom: 10px;
	color: yellow;
}

#orn_footer{
	margin-top:10px;
	overflow: hidden;
}

#orn_footer{
	clear:both; height:20px; width:100%; bottom:0; margin:-21px auto 0; position:relative; background-color:#243545; line-height:2; padding:0px; border-top:1px solid #d0d0d0; color:#c8c8c8;
}

#orn_footer{
	margin-top: -30px;
}

.orn_copyright{
	text-align:center; color:#999999; margin-right:20px; font-size:.8em;
}

/****
* following style sheet is for about dialog
*****/

.orn_abtHeader {
    background-image: var(--ott-abt-header-icon);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    background-color: #FFFFFF;
    height: 80px;
    width: 450px;
}

.orn_abtVersion {
    color: #1663b8;
    font-size: .9em;
    font-weight: bold;
    padding: 10px 15px 20px;
    text-align: right;
}

.orn_abtEdition {
    color: #333;
    font-size: 1.4em;
    font-weight: bold;
    padding: 20px 0 70px;
    text-align: center;
}

.orn_abtFooter {
    background-color: #E8E8E8;
    clear: both;
    height: 20px;
    padding: 5px 5px 3px 10px;
}

.orn_abtCopyright {
	float:left; 
	font-family: Trebuchet MS, Arial; 
	font-size: .9em;
}

.orn_abtClose {
	float:right; 
	padding: 2px 2px 0px 0px;
}

/**
*  following style sheet is for thubnails
****/
.orn_thumbnailHolder{
	min-height: 30px;
	max-height: 300px;
	overflow: auto;
}

.orn_thumbnailOuterBlock{
	float : left;
	border : 5px solid transparent;
}

.orn_thumbnailBlock{
	float : left;
	padding : 0px;
	border : 2px solid gray;
	margin : 0px;
}

.orn_thumbnailImage{
	text-align: center;
	width: 120px !important; 
	height: 90px !important;
}

.orn_thumbnailLabel{
    display: inline-block;
	color : black;
	text-align: center;
	padding: 3px;
	font-size: 9px;	
	width: 100px !important;
	overflow-x:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.orn_thumbnailInfoArea{
	text-align : center;
	border-top: 1px solid gray;
}

.orn_thumbnailInfoIcon{
	display : inline-block; 
	background-repeat: no-repeat; 
	width: 22px;
	height: 22px; 
	margin-top: 3px;
	margin-bottom: 0px;
	padding-right: 3px;
}

.orn_noImageThumbnail{
	text-align: center;
	background-repeat:no-repeat;
	background-image: var(--ott-default-thumbnail-icon);
	width: 120px !important; 
	height: 90px !important;
}

.orn_audioThumbnail{
	text-align: center;
	background-repeat:no-repeat;
	background-image: var(--ott-audio-thumbnail-icon);
	width: 120px !important; 
	height: 90px !important;
}

.orn_scrambledThumbnail{
	text-align: center;
	background-repeat:no-repeat;
	background-image: var(--ott-scrambled-thumbnail-icon);
	width: 120px !important; 
	height: 90px !important;
}

.orn_viewSetting{
	width: 22px;
	height: 21px;
	background-image: var(--ott-view-settings-icon);
}

.orn_viewSettingErr{
	width: 22px;
	height: 21px;
	background-image: var(--ott-view-settings-err-icon);
}

.orn_viewSettingHigh{
	width: 22px;
	height: 21px;
	background-image: var(--ott-view-settings-high-icon);
}

.orn_viewSettingDisable{
	width: 22px;
	height: 21px;
	background-image: var(--ott-view-settings-icon);
	opacity : 0.4;
	cursor : default !important;
}

.orn_disableElement{
	opacity : 0.4;
	cursor : default !important;
}

.orn_hideElement{
	display: none;
}

/* .viewSettingHighDisable{
	width: 22px;
	height: 21px;
	background-image: var(--ott-view-settings-high-icon);
	opacity : 0.4;
	cursor : default;
}

.viewSettingErrDisable{
	width: 22px;
	height: 21px;
	background-image: var(--ott-view-settings-err-icon);
	opacity : 0.4;
	cursor : default;
} */
/*Css for severity button panel in Messages View*/

.claro .dijitToggleButton .dijitCheckBoxIcon {
	width: 16px !important;
	height: 16px !important;
	background-position: 0 !important;
	background-image: none !important;
}

.claro .dijitToggleButtonChecked .dijitCheckBoxIcon {
	width: 16px !important;
	height: 16px !important;
	background-position: 0 !important;
	background-image: var(--ott-yes-icon) !important;
}

.claro .dijitToggleButton .dijitInline.dijitButtonNode{
	background-image: var(--ott-bg-tab-normal-icon) !important;
	background-position: top left;
	background-repeat: repeat;
	-moz-border-radius-topleft:5px !important; 
	border-top-left-radius:5px !important; 
	
	-moz-border-radius-topright:5px !important; 
	border-top-right-radius:5px !important;
	
	-moz-border-radius-bottomleft:5px !important; 
	border-bottom-left-radius:5px !important; 
	
	-moz-border-radius-bottomright:5px !important; 
	border-bottom-right-radius:5px !important; 
	
	text-shadow:0px 0px 3px #000000 !important;
	
	padding: 3px 5px 3px 5px !important;
}

.claro .dijitToggleButtonChecked .dijitInline.dijitButtonNode{
	background-image: var(--ott-bg-tab-active-icon) !important;
	background-position: top left;
	background-repeat: repeat;
	text-shadow:0px 0px 3px #000000 !important;
}

.claro .dijitToggleButtonHover .dijitInline.dijitButtonNode{
	background-image: var(--ott-bg-tab-hover-icon) !important;
	background-position: top left;
	background-repeat: repeat;
	text-shadow:0px 0px 3px #000000 !important;
}

/**
*  following style sheet is for priority checks
****/

.orn_grayed{
	color : gray;
}

.tabLabel .orn_grayed{
	color : lightgrey;
}

.orn_statusGray{
	width: 10px;
	height: 10px;
	background-image: var(--ott-gray-bullet-icon);
}

.orn_statusRed{
	width: 10px;
	height: 10px;
	background-image: var(--ott-red-bullet-icon);
}

.orn_statusGreen{
	width: 10px;
	height: 10px;
	background-image: var(--ott-green-bullet-icon);
}

.orn_priorityCheckTable{
	width: 99% !important;
}

.orn_priorityCheckTable th{
	font-size: 10px !important;
	padding : 1px !important;
}

.orn_priorityCheckTable td{
	font-size: 10px !important;
	padding : 0px !important;
}

.feedIPStatsView .orn_priorityCheckTable td{
	vertical-align:top;
}

/*Tab Label */
/* .dijitTab {
	background: url('../images/bg_tab_normal.png') top left repeat !important;
	-moz-border-radius-topleft:5px !important; 
	border-top-left-radius:5px !important; 
	height: 21px;
	-moz-border-radius-topright:5px !important; 
	border-top-right-radius:5px !important; 
	
	text-shadow:0px 0px 3px #000000 !important;
} */

/* .dijitTabHover {
	background: url('../images/bg_tab_hover.png') top left repeat !important;
	text-shadow:0px 0px 3px #000000 !important;
}
 */
/* .tabLabel {
	color: white;
	font-family:Segoe UI, 'Open Sans', sans-serif; font-size:.95em;
} */

/* .dijitTabContainerNested .dijitTab {
	-moz-border-radius-bottomleft:5px !important; 
	border-bottom-left-radius:5px !important; 
	height: 17px;
	-moz-border-radius-bottomright:5px !important; 
	border-bottom-right-radius:5px !important; 
}

.dijitTabContainerLeft .dijitTab {
	-moz-border-radius-topleft:5px !important; 
	border-top-left-radius:5px !important; 
	height: 18px; 
	-moz-border-radius-bottomleft:5px !important; 
	border-bottom-left-radius:5px !important; 
	
	-moz-border-radius-topright:0px !important; 
	border-top-right-radius:0px !important;
	
	-moz-border-radius-bottomright:0px !important; 
	border-bottom-right-radius:0px !important; 
} */

/* table.dijitComboButton{
	margin-right: 7px;
}

td.dijitStretch.dijitButtonNode{
	padding: 0px 6px 1px 6px !important;
}


.dijitStretch.dijitButtonNode{
	display:block !important;
	position:relative !important;
	padding:0px 15px 2px 15px !important;
	float:left; 
	color:#fff !important;
	text-decoration:none !important;
	cursor:pointer !important;
	background-color: #00b3eb !important;
	font-size:.95em !important;
	margin-right:0px !important;
	border: 1px solid #008fbc !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

.dijitStretch.dijitButtonNode:hover {
	background-color: #007ea6 !important; 
	border: 1px solid #00c2ff !important; 
	color:#fff !important; 
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
} */

.orn_filterCriteriaButtonPane .dijitDownArrowButton {
	display:block !important;
	position:relative !important;
	padding: 0px 0px 1px 0px !important;
	float:left; 
	color:#fff !important;
	text-decoration:none !important;
	cursor:pointer !important;
	background-color: #00b3eb !important;
	font-size:.95em !important;
	margin-right:0px !important;
	border: 1px solid #008fbc !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

.orn_exportOptionsNode .dijitComboButton .dijitReset {
	line-height: 15px;
}

.orn_filterCriteriaButtonPane .dijitDownArrowButton:hover {
	background-color: #007ea6 !important; 
	border: 1px solid #00c2ff !important; 
	color:#fff !important; 
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

/* .dijitInline.dijitButtonNode{
	display:block !important;
	position:relative !important;
	padding:0px 15px 2px 15px !important;
	float:left; 
	color:#fff !important;
	text-decoration:none !important;
	cursor:pointer !important;
	background-color: #25373E !important;
	font-size:.95em !important;
	margin-right:5px !important;
	border: 1px solid #008fbc !important;
	background-image: none !important;
	border-radius: 10 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
} */

.alerts .dijitInline.dijitButtonNode{
	display:block !important;
	position:relative !important;
	padding:0px 10px 2px 10px !important;
	float:left; 
	color:#fff !important;
	text-decoration:none !important;
	cursor:pointer !important;
	background-color: #00b3eb !important;
	font-size:.95em !important;
	margin-right:5px !important;
	border: 1px solid #008fbc !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

.alerts .dijitButtonDisabled .dijitInline.dijitButtonNode{
	display:block !important;
	position:relative !important;
	padding:0px 10px 2px 10px !important;
	float:left; 
	color:#C9C9C9 !important;
	text-decoration:none !important;
	cursor:default !important;
	background-color: #8B8B8B !important;
	font-size:.95em !important;
	margin-right:5px !important;
	border: 1px solid #6F6F6F !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

.recordingRow .dijitInline.dijitButtonNode{
	display:block !important;
	position:relative !important;
	padding:0px 7px 2px 7px !important;
	float:left; 
	color:#fff !important;
	text-decoration:none !important;
	cursor:pointer !important;
	background-color: #00b3eb !important;
	font-size:.95em !important;
	margin-right:5px !important;
	border: 1px solid #008fbc !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

/* .dijitInline.dijitButtonNode:hover {
	background-color: #007ea6 !important; 
	border: 1px solid #00c2ff !important; 
	color:#fff !important; 
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}
 */
/* .dijitButtonDisabled .dijitInline.dijitButtonNode{
	display:block !important;
	position:relative !important;
	padding:0px 15px 2px 15px !important;
	float:left; 
	color:#C9C9C9 !important;
	text-decoration:none !important;
	cursor:default !important;
	background-color: #8B8B8B !important;
	font-size:.95em !important;
	margin-right:5px !important;
	border: 1px solid #6F6F6F !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}
 */
/* .dijitDropDownButtonDisabled .dijitInline.dijitButtonNode{
	display:block !important;
	position:relative !important;
	padding:0px 15px 2px 15px !important;
	float:left; 
	color:#C9C9C9 !important;
	text-decoration:none !important;
	cursor:default !important;
	background-color: #8B8B8B !important;
	font-size:.95em !important;
	margin-right:5px !important;
	border: 1px solid #6F6F6F !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
} */
	
/* .claro .dijitTabContainerTabListNested .dijitTab{
	background-color: #007ea6 !important; 
	border: 1px solid #00c2ff !important; 
	display:block !important;
	position:relative !important;
	padding:0px 7px 2px 7px !important;
	float:left; 
	color:#fff !important;
	text-decoration:none !important;
	cursor:pointer !important;
	font-size:.95em !important;
	margin-right:5px !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

.claro .dijitTabContainerTabListNested .dijitTabHover {
	background-color: #00b3eb !important;
	border: 1px solid #008fbc !important;
	color:#fff !important; 
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

.claro .dijitTabContainerTabListNested .dijitTabChecked {
	background: url('../images/bg_tab_active.png') top left repeat !important;
	color: #000 !important;
	text-shadow: 0 0 0 !important;
} */

/* .dojoxCheckedMultiSelect{
	height: 100% !important;
	width: 90% !important;
} */


/* .dojoxCheckedMultiSelectWrapper {
	border: solid black 1px;
	border: 0;
	margin: 0 0;
	overflow: auto !important; 
	overflow-y: auto !important; 
	overflow-x: auto !important; 
	height: 100% !important;
	width: 90% !important;
	padding-right: 0 !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
 */

/**
* Following Styling is for Filter bar of Enhanced grid
*/
.dojoxGridFBarBtnTD .dijitInline.dijitButtonNode{
	margin-right:0px !important;
}

.dojoxGridFBarInfoTD .dijitButton{
	margin-right:0px !important;
}

.dojoxGridFBarDefFilterBtnIcon {
	background-image: var(--ott-manage-filter-icon);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.dojoxGridFBarCloseBtnIcon {
	background-image: var(--ott-close-icon);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.dijitButtonHover .dojoxGridFBarCloseBtnIcon {
	background-image: var(--ott-close-icon) !important;
	background-repeat: no-repeat; 
	width: 16px !important;
	height: 16px !important;
}

.dojoxGridFBarInfoTD .dijitButton .dijitButtonNode, .dojoxGridFBarInfoTD .dijitDropDownButton .dijitButtonNode, .dojoxGridFBarInfoTD .dijitComboButton .dijitButtonNode, .dojoxGridFBarInfoTD .dijitToggleButton .dijitButtonNode {
	border: 1px solid lightgray !important;
	padding: 0px 0px 0px 0px !important;
	color: #000000 !important;
	margin-right: 0px !important;
	background-color: #bcd8f4 !important;
	background-image: var(--ott-enabled-button-icon) !important;
	background-repeat: repeat-x !important;
	_background-image: none !important;
}

.dojoxGridFBarInfoTD .dijitInline.dijitButtonNode:hover {
	background-color: transparent !important; 
	border: 1px solid lightgray !important; 
	color:#000 !important; 
	background-image: transparent !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
	background-image: var(--ott-close-icon);
	background-repeat: no-repeat;
}

/* .dijitTabChecked {
	background: url('../images/bg_tab_active.png') top left repeat !important;
	color: #000 !important;
	text-shadow: 0 0 0 !important;
	padding: 3px 6px !important;
}
 */

/*Severity level icons*/

.orn_outageLevel {
	width: 48px;
	height: 20px;
	background-image: var(--ott-outage-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
}

.orn_criticalLevel {
	width: 48px;
	height: 20px;
	background-image: var(--ott-critical-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
}

.orn_majorLevel {
	width: 48px;
	height: 20px;
	background-image: var(--ott-major-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
}

.orn_minorLevel {
	width: 48px;
	height: 20px;
	background-image: var(--ott-minor-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
}
.orn_debugLevel1 {
	width: 48px;
	height: 20px;
	background-image: var(--ott-debug1-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
}
.orn_debugLevel2 {
	width: 48px;
	height: 20px;
	background-image: var(--ott-debug2-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
}
.orn_infoLevel {
	width: 48px;
	height: 20px;
	background-image: var(--ott-info-icon-2);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
}

.orn_noError {
	width: 16px;
	height: 16px;
	background-image: var(--ott-yes-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_errorCheckingDisabled {
	width: 10px;
	height: 10px;
	background-image: var(--ott-gray-bullet-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

 /* Recording Reason Icons using css sprite */

.orn_rightIcon {
    display : inline-block;
    float:right;
	background-image: var(--ott-right-arrow-icon);
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.field-label {
   width : 50%;
   font-size : 11px
}

.field-bit_rate{
   text-align : center !important;
   font-size : 11px
}

.field-recent_severity{
   text-align : center !important;
}

.field-last_severity{
   text-align : center !important;
}

.dgrid-row-odd {
	/* background-color: var(--table-row-alternate); */
}

.odd {
    background: #F2F5F9;
}

.even {
    background: #FFFFFF;
}

/* CSS for Service Unavailable Thumbnails */
.orn_thumbnailUnavailableSmall{
	background-image: var(--ott-service-thumbnail-unavailable-icon);
	width: 72px; 
	height: 53px;
}

.orn_thumbnailUnavailableMedium{
	background-image: var(--ott-service-thumbnail-unavailable-100-75-icon);
	width: 100px; 
	height: 75px;
}

.orn_thumbnailUnavailableLarge{
	background-image: var(--ott-service-thumbnail-unavailable-120-90-icon);
	width: 120px; 
	height: 90px;
}

.orn_thumbnailUnavailableXLarge{
	background-image: var(--ott-service-thumbnail-unavailable-200-150-icon);
	width: 200px; 
	height: 150px;
}

.orn_recentErrorOK {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-green-round-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
/* NoError */
.orn_recentErrorNo {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-green-round-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

/* Not monitored */
.orn_recentErrorNot {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-gray-round-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_recentErrorDisable {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-gray-round-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_recentErrorOutage {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-gray-maroon-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_recentErrorCritical {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-gray-red-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_recentErrorCriticalFlash {
    margin : 0 auto;
	width: 16px;
	height: 16px;
	background-image: var(--ott-recent-red-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_recentErrorMajor {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-gray-yellow-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_recentErrorMinor {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-gray-brass-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

/*.orn_recentErrorMajorMinor {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-gray-yellow-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}*/

.orn_recentErrorInfo {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-cyan-brass-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_activeErrorOutage {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-active-outage-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_activeErrorCritical {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-active-critical-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_activeErrorMajor {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-active-major-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_activeErrorMinor {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-active-minor-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_activeErrorInfo {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-active-info-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_activeErrorOK {
    margin : 0 auto;
	width: 18px;
	height: 18px;
	background-image: var(--ott-active-ok-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_lastErrorOK {
    margin : 0 auto;
	width: 16px;
	height: 16px;
	background-image: var(--ott-past-green-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_lastErrorDisable {
    margin : 0 auto;
	width: 16px;
	height: 16px;
	background-image: var(--ott-past-grey-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_lastErrorCritical {
    margin : 0 auto;
	width: 16px;
	height: 16px;
	background-image: var(--ott-past-red-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_lastErrorMajorMinor {
    margin : 0 auto;
	width: 16px;
	height: 16px;
	background-image: var(--ott-past-yellow-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_priorityTitlePaneIcon{
	display : inline-block; 
	background-repeat: no-repeat; 
	width: 16px;
	height: 16px; 
	margin-top: 3px;
	margin-bottom: 0px;
	padding-right: 3px;
	float: right;
}

.orn_programSelectDiv {
	display: block;
	width: 350px;
	padding: 10px;
	margin-left: 80px;
}

.orn_unscheduledProgramSelect {
	display: inline-block;
	width: 150px;
}

.orn_scheduledProgramSelect {
	display: inline-block;
	width: 150px;
}

.orn_programSelectIcon {
	display: inline-block;
	width: 40px;
	padding-bottom:16px;
}

.orn_leftIcon {
	margin-left: 12px;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background-image: var(--ott-left-arrow-icon);
	background-color: transparent;
	background-repeat: no-repeat;
	
}

.orn_rightIcon {
	margin-left: 12px;
	margin-bottom: 20px;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background-image: var(--ott-right-arrow-icon);
	background-color: transparent;
	background-repeat: no-repeat;
}

.field-downloadFailure {
   text-align : center !important;
   width : 5%;
}

.field-downloadDelay {
   text-align : center !important;
   width : 5%;
}

.field-urlValidity {
   text-align : center !important;
   width : 5%;
}

.field-keyObtained {
   text-align : center !important;
   width : 5%;
}

.field-key {
   text-align : center !important;
   width : 5%;
}


.field-downloadFailures {
   text-align : center !important;
   width : 5%;
}

.field-downloadDelays {
   text-align : center !important;
   width : 5%;
}

.field-urlValidities {
   text-align : center !important;
   width : 5%;
}

.field-keysObtained {
   text-align : center !important;
   width : 5%;
}

.field-keys {
   text-align : center !important;
   width : 5%;
}

.field-startTime {
   text-align : center !important;
   width : 10%;
}

.field-endTime {
   text-align : center !important;
   width : 10%;
}

.field-bitRate {
   text-align : center !important;
   width : 10%;
}

.assetView .field-index {
  width : 18%;
}

.yes {
    margin : 0 auto;
	width: 16px;
	height: 16px;
	background-image: var(--ott-yes-gray-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.no {
    margin : 0 auto;
	width: 16px;
	height: 16px;
	background-image: var(--ott-no-gray-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor:pointer !important;
}

.orn_copyToClipboard {
	background-image: var(--ott-new-icon); 
	 width: 14px;
	 height: 15px;
	 cursor: pointer;
}

.orn_responseValid {
	width: 16px;
	height: 16px;
	background-image: var(--ott-yes-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_responseInvalid {
	width: 16px;
	height: 16px;
	background-image: var(--ott-no-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.dojoxLegendHorizontal {
	margin: 0px auto;
}

.orn_notificationDialog .dijitDialogPaneContent {
	padding: 0px;
}

.orn_notifCountOuter {
	top: 1px;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	margin-left: 25px;
	height: 15px;
	border-radius: 5px;
	color: white;
	border: 1px solid white;
}

.orn_notifCountInner {
	margin-top: 2px;
}

.field-availId {
   width : 2em;
   font-size : 11px;
   text-align: center !important;
}

.field-startEventTime {
   width : 8em;
   font-size : 11px;
   text-align: center !important;
}

.field-endEventTime {
   width : 8em;
   font-size : 11px;
   text-align: center !important;
}

.field-availDuration {
   width : 7em;
   font-size : 11px;
   text-align: center !important;
}

.field-recentSeverity {
   width : 6em;
   font-size : 11px;
   text-align: center !important;
}

.field-filePath {
   width : 35em;
   font-size : 11px
}

.field-clipId {
   width : 5em;
   font-size : 11px;
   text-align: center !important;
}

.orn_downloadRecording {
	margin : 0 auto;
	width: 16px;
	height: 16px;
	background-image: var(--ott-download-clip-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.field-eventId1 {
   width :8em;
   font-size : 11px;
   text-align: center !important;
}

.field-command {
   width : 6em;
   font-size : 11px;
   text-align: center !important;
}

.field-splicePoint {
   width : 6em;
   font-size : 11px;
   text-align: center !important;
}

.field-arrivalTime {
   width : 13em;
   font-size : 11px;
   text-align: center !important;
}

.field-eventTime {
   width : 13em;
   font-size : 11px;
   text-align: center !important;
}

.field-immediate {
   width : 6em;
   font-size : 11px;
   text-align: center !important;
}

.field-breakDuration {
   width : 8em;
   font-size : 11px;
   text-align: center !important;
}

.field-autoReturn {
   width : 8em;
   font-size : 11px;
   text-align: center !important;
}

.field-availExpected {
   width : 5em;
   font-size : 11px;
   text-align: center !important;
}

.field-pid {
   width : 6em;
   font-size : 11px;
   text-align: center !important;
}

.field-availNum {
   width : 5em;
   font-size : 11px;
   text-align: center !important;
}

.orn_warningDialogIcon {
	width: 16px;
	height: 16px;
	background-image: var(--ott-error-warning-icon);
	background-repeat: no-repeat;	
	padding-left: 20px;
	font-size: 13px;
}

/*Activity level icons*/
.orn_debugActivityLevel {
	width: 48px;
	height: 20px;
	background-image: var(--ott-debug1-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_criticalActivityLevel {
	width: 48px;
	height: 20px;
	background-image: var(--ott-critical-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_majorActivityLevel {
	width: 48px;
	height: 20px;
	background-image: var(--ott-major-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_minorActivityLevel {
	width: 48px;
	height: 20px;
	background-image: var(--ott-minor-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_infoActivityLevel {
	width: 48px;
	height: 20px;
	background-image: var(--ott-info-icon-2);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_deleteIcon {
	width: 18px;
	height: 18px;
	background-image: var(--ott-delete-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
}

.orn_deleteIcon:hover{
	background-image:var(--ott-delete-selected-icon);
	background-repeat: no-repeat;
}


.orn_readIcon {
	width: 18px;
	height: 18px;
	background-image: var(--ott-ready-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
}


.orn_deleteIconDisable{
	opacity : 0.4;
	cursor : default;
}
.orn_downloadIcon {
	width: 16px;
	height: 16px;
	background-image: var(--ott-knob-download-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
	background-size: 100% 100%;
}

.orn_activities .field-index {
   width : 4em;
   font-size : 11px;
   text-align: center !important;
}

.orn_activities .field-Level {
   width : 50px !important;
   font-size : 11px;
   text-align: center !important;
}

.orn_activities .field-requestSummary {
   min-width : 20em;
   max-width : 23em;
   font-size : 11px;
   text-align: left !important;
}

.orn_activities .field-requestTimeDateTime {
   width : 9em;
   font-size : 11px;
   text-align: center !important;
}

.orn_activities .field-requestTime {
   width : 9em;
   font-size : 11px;
   text-align: center !important;
}

.orn_activities .field-status {
   width : 7em;
   font-size : 11px;
   text-align: center !important;
}

.orn_activities .field-triggeredBy{
	width : 7em;
   font-size : 11px;
   text-align: center !important;
}

.orn_activities .field-username{
	width : 16em;
   font-size : 11px;
   text-align: center !important;
}

.orn_activities .field-responseSummary {
	width : 7em;
   font-size : 11px;
   text-align: center !important;
}

.orn_activities .field-monitorName {
	width : 7em;
   font-size : 11px;
   text-align: center !important;
}

.orn_activities .field-clearFlag {
   width : 3em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notifications .field-siteName {
   width : 7em !important;
   font-size : 11px;
   text-align: center !important;
}

.orn_activities .dgrid {
	border: none;
	height: 100%;
}

.orn_activities .dgrid-page-size {
	margin: 2px 1px 0px 4px;
}

.orn_monitorIcon {
	width: 16px;
	height: 16px;
	background-image: var(--ott-monitor-icon-2);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_managerIcon {
	width: 48px;
	height: 20px;
	background-image: var(--ott-manager-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_monitorModeSelectForm{
	
}

.orn_monitorModeSelectForm .orn_monitorIconTable {
	width: 16px;
	height: 16px;
	background-image: var(--ott-monitor-icon-2);
	background-repeat: no-repeat;
	background-position: center;
}

.orn_monitorListTable
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
  .orn_monitorListTable th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
.orn_monitorListTable td
{
	padding: 10px 15px;
	color: #669;
	font-size: 12px;
	border-top: 1px solid #e8edff;
}
.orn_monitorModeSelectForm  .monitorSpecificModeSelect{
	margin: 6px 0px 0px 0px;
}

/*notifications grid styling*/

.orn_notifications .field-index {
   width : 4em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notifications .field-severity {
   width : 50px !important;
   font-size : 11px;
   text-align: center !important;
}

.orn_notifications .field-level {
   width : 50px !important;
   font-size : 11px;
   text-align: center !important;
}

.orn_notifications .field-description {
   width : 30em;
   font-size : 11px;
   text-align: left !important;
}

.orn_notifications .field-reason {
   width : 25em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notifications .field-timeStamp {
   width : 8em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notifications .field-time {
   width : 8em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notifications .field-endTime {
   width : 8em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notifications .field-monitorName {
   width : 6em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notifications .field-clearFlag {
   width : 30px;
   font-size : 11px;
   text-align: center !important;
}


.orn_notifications .dgrid {
	border: none;
	height: 100%;
}

.orn_notifications .dgrid-page-size {
	margin: 2px 1px 0px 4px;
}

.orn_monitorStatusHolder{
	height: 170px;
	overflow: auto;
}

.orn_notificationHolder{
	height: 120px;
	overflow: auto;
}

.orn_notificationHolder .field-index {
   width : 2em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notificationHolder .field-severity {
   width : 45px;
   font-size : 11px;
   text-align: center !important;
}

.orn_notificationHolder .field-level {
   width : 45px;
   font-size : 11px;
   text-align: center !important;
}

.orn_notificationHolder .field-description {
   width : 45em;
   font-size : 11px;
   text-align: left !important;
}

.orn_notificationHolder .field-reason {
   width : 12em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notificationHolder .field-timeStamp {
   width : 10em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notificationHolder .field-time {
   width : 10em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notificationHolder .field-monitorName {
   width : 8em;
   font-size : 11px;
   text-align: center !important;
}

.orn_notificationHolder .dgrid {
	border: none;
	height: 100%;
}

.orn_statusRedBlinking{
	width: 10px;
	height: 10px;
	background-image: var(--ott-red-blinking-bullet-icon);
}

.orn_statusYellow{
	width: 10px;
	height: 10px;
	background-image: var(--ott-yellow-bullet-icon);
}

.field-decoding{
   width : 140px;
}

.field-bufferAnalysis{
   width : 140px;
}


.field-qualityAnalysis{
   width : 140px;
}

.orn_closeIcon {
	background-image: var(--ott-close-abt-icon); 
	width: 16px; 
	height: 16px;
}

.orn_processingImg {
	width: 16px;
	height: 16px;
	background-image: var(--ott-processing-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	display: inline-block;
        float : right;
        margin-right : 80px;
        margin-top : 4px;
}

.orn_warningImg {
	width: 16px;
	height: 16px;
	background-image: var(--ott-error-warning-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	display: inline-block;
        float : right;
        margin-right : 80px;
        margin-top : 3px;
}
.orn_warningText {
	position: absolute;
	right: 30px;
	top: 3px;
}


.orn_header .dijitInline.dijitButtonNode{
	display:block !important;
	position:relative !important;
	padding:0px 5px 2px 5px !important;
	float:left; 
	color:#fff !important;
	text-decoration:none !important;
	cursor:pointer !important;
	background-color: #00b3eb !important;
	font-size:10px !important;
	margin-right:5px !important;
	border: 1px solid #008fbc !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

.orn_header .dijitButton {
 	margin : 0px

}

.orn_header .dijitButtonDisabled .dijitInline.dijitButtonNode{
	display:block !important;
	position:relative !important;
	padding:0px 5px 2px 5px !important;
	float:left; 
	color:#C9C9C9 !important;
	text-decoration:none !important;
	cursor:default !important;
	background-color: #8B8B8B !important;
	font-size:10px !important;
	margin-right:5px !important;
	border: 1px solid #6F6F6F !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

.orn_breadcrumbsPane .orn_lineChartIcon {
	width: 20px; 
	height: 20px;
	background-image: var(--ott-line-chart-icon);
	position: absolute;
	top: 3px;
	right: 30px;
	cursor: pointer;
}

.orn_breadcrumbsPane .orn_stackedAreaChartIcon {
	width: 20px; 
	height: 20px;
	background-image: var(--ott-stacked-area-chart-icon);
	position: absolute;
	top: 3px;
	right: 5px;
	cursor: pointer;
}
.orion .orn_helpIconSmall {
	width: 12px; 
	height: 12px;
	background-image: var(--ott-breadcrumb-help-span-icon);
/* 	cursor: help;	 */
}
.orion .orn_helpIconSmall:hover{
	background-image: var(--ott-breadcrumb-help-span-hover-icon);
}
.orion .orn_helpIconLarge {
	width: 16px; 
	height: 16px;
	background-image: var(--ott-cshelp-large-icon);
	cursor: help;	
	display:none;
}

.ocm .orn_helpIconLarge {
	width: 16px; 
	height: 16px;
	background-image: var(--ott-cshelp-large-icon);
	cursor: help;
	display:none;
}

.ui-icon {
	width: 11px !important;
	height: 11px !important;
	cursor: pointer;
	margin-top: 4px;
	margin-right: 10px;
}

.orn_feedExplorerNode .ui-icon {
	width: 11px !important;
	height: 11px !important;
	cursor: pointer !important;
	margin-top: 2px;
	margin-right: 10px;
}

.orn_alertsPane .ui-icon {
	width: 11px !important;
	height: 11px !important;
	cursor: pointer !important;
	margin-top: 4px;
	margin-right: 6px !important;
}

.ui-icon-triangle-1-e {
	background-image: var(--ott-service-timeline-open-icon) !important;
    background-position: 0px 0px !important;
}
.ui-icon-triangle-1-se {
	background-image: var(--ott-service-timeline-close-icon) !important;
    background-position: 0px 0px !important;
    background-repeat:no-repeat;
}
.addIcon{
	background-image: var(--ott-maximize-icon);
    background-position: 0px 0px !important;
    background-repeat:no-repeat;
}
.addIcon:hover{
	background-image: var(--ott-maximize-hover-icon);
}
.removeIcon{
	background-image: var(--ott-minimize-icon);
    background-position: 0px 0px !important;
    background-repeat:no-repeat;
}
.removeIcon{
	background-image: var(--ott-minimize-hover-icon);
}
.orn_editIconDisable{
	opacity : 0.4;
	cursor : default;
}

h1{color:#00698a; font-weight:bold; font-family:Segoe UI,'Open Sans',sans-serif; font-size:1em; margin:0 0 10px 0; padding:0}

fieldset { border:1px solid #ccc; padding: 0.5em; width:auto;}

legend {color:#fff; background-color: #005E8A; font-weight:bold; font-family:Segoe UI,'Open Sans',sans-serif; font-size:1em; margin:0px; padding:0 10px 0 10px; line-height: 18px;}


.orn_hideMarkers path {stroke-opacity:0 !important; stroke-width: 3.5 !important}
.orn_hideMarkers polyline {stroke-width:1 !important;}

.orn_noTextOverflowDiv {
	white-space: nowrap;
	text-overflow: ellipsis; 
	overflow-x:hidden;
	font-size:10px;
}

.orn_localeOverflow {
	white-space: nowrap;
	text-overflow: ellipsis; 
	overflow-x:hidden;
}
/*this settings should be written after the orn_localeOverflow css property
 handled in OOT-15947
*/
.dojoxGridRowTable td{
	text-wrap: wrap;
	white-space: normal;
}

.variant_info_table tr td:first-child {
	white-space: nowrap;
	text-overflow: ellipsis; 
	overflow-x:hidden;
}

.variant_info_table tr td:nth-child(2) {
    width: 2px;
    padding: 0px 2px;
}

/* remove the last label of y-axis */
.orn_hideMaxLabel text:last-child {
	display: none;
}

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

.thumbWrapper img {
	height: 100px;
  	max-width: 75px;
 }

.thumbOuter.thumbHoriz, .thumbHoriz .thumbScroller {
	height: 100px;
}

.orn_next {
	width: 18px;
	height: 18px;
	background-image: var(--ott-dashlet-right-icon);
	display: inline-block;
	cursor : pointer;
    vertical-align:top;
	margin-top:5px;
	background-repeat:no-repeat;
}
.orn_next:hover{
	background-image: var(--ott-dashlet-right-hover-icon);
}
.orn_previous {
	width: 18px;
	height: 18px;
	background-image: var(--ott-dashlet-left-icon);
	display: inline-block;
	cursor : pointer;
	vertical-align:top;
	margin-top:5px;
	background-repeat:no-repeat;
}
.orn_previous:hover{
	background-image: var(--ott-dashlet-left-hover-icon);
}
.orn_assetViewClass .orn_assetsCurrentRunDivSelectBox{
	margin-bottom:20px;
	margin-left: 5px;
}

.dijitMenuItemLabel {
	font-size: 11px !important;
	font-weight: normal;
}

.orn_tooltipdiv {
    background-color: #ffffff;
    border: 1px solid black;
    min-width: 150px;
    min-height: 40px;
    margin-left: 32px;
    position:absolute;
    z-index: 101;
    top:70px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px -1px black;
    -moz-box-shadow: 0px 0px 8px -1px black;
    -webkit-box-shadow: 0px 0px 8px -1px black;
}

.orn_tooltipdiv p {
    padding:3px;
    margin: 0px;
    line-height: 1em;
}

.orn_lefttailshadow {
    background-color: transparent;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 16px;
    left: -8px;
    z-index: -10;
    box-shadow: 0px 0px 8px 1px black;
    -moz-box-shadow: 0px 0px 8px 1px black;
    -webkit-box-shadow: 0px 0px 8px 1px black;
}

.orn_lefttail1 {
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color: transparent black transparent transparent;
    position:absolute;
    top: 8px;
    left: -20px;
}

.orn_lefttail2 {
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color: transparent #ffffff transparent transparent;
    position:absolute;
    left: -18px;
    top: 8px;
}

.orn_righttailshadow {
    background-color: transparent;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 16px;
    right: -8px;
    z-index: -10;
    box-shadow: 0px 0px 8px 1px black;
    -moz-box-shadow: 0px 0px 8px 1px black;
    -webkit-box-shadow: 0px 0px 8px 1px black;
}

.orn_righttail1 {
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color: transparent transparent transparent black;
    position:absolute;
    top: 8px;
    right: -20px;
}

.orn_righttail2 {
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color: transparent transparent transparent #ffffff;
    position:absolute;
    right: -18px;
    top: 8px;
}

.field-time {
	text-align : center !important;
    font-size : 11px !important;
}

.field-bSegmentFlag {
	text-align : center !important;
    font-size : 11px !important;
}

.field-bFragmentFlag {
	text-align : center !important;
    font-size : 11px !important;
}

.field-bConcealmentFlag {
	text-align : center !important;
    font-size : 11px !important;
}

.field-acquisitionTime {
	text-align : center !important;
    font-size : 11px !important;
}

.field-monitoredSeconds {
	text-align : center !important;
    font-size : 11px !important;
}
.field-outageSeconds {
	text-align : center !important;
    font-size : 11px !important;
}
.field-errorSeconds {
	text-align : center !important;
    font-size : 11px !important;
}
.field-serviceAvailability {
	text-align : center !important;
    font-size : 11px !important;
}
.field-quality {
	text-align : center !important;
    font-size : 11px !important;
}

.orn_pagination .orn_nextArrow {
	width: 10px;
	height: 10px;
	background-image: var(--ott-pagination-next-icon);
	background-repeat: no-repeat;
	margin-top:3px;
	margin-left:10px;
}
.orn_pagination .orn_nextArrow:hover{
	background-image: var(--ott-pagination-next-hover-icon);
	background-repeat: no-repeat;
}
.orn_pagination .orn_previousArrow {
	width: 10px;
	height: 10px;
	background-image: var(--ott-pagination-previous-icon);
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top:3px;
	margin-left:4px;
}
.orn_pagination .orn_previousArrow:hover{
		background-image: var(--ott-pagination-previous-hover-icon);
		background-repeat: no-repeat;
}
.orn_pagination .orn_firstArrow {
	width: 16px;
	height: 16px;
	background-image: var(--ott-pagination-first-icon);
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:4px;
}
.orn_pagination .orn_firstArrow:hover {
	background-image: var(--ott-pagination-first-hover-icon);
	background-repeat: no-repeat;
}
.orn_pagination .orn_lastArrow {
	width: 16px;
	height: 16px;
	background-image: var(--ott-pagination-last-icon);
	background-color: transparent;
	background-repeat: no-repeat;
    margin-top:0px;
    margin-left:4px;
}
.orn_pagination .orn_lastArrow:hover {

	background-image: var(--ott-pagination-last-hover-icon);
	background-repeat: no-repeat;
    
}
.orn_pagination .orn_iconDisabled {
	opacity : 0.5;
	cursor : auto;
}

.orn_pagination_mosaic_view a, .orn_pagination_mosaic_view div, .orn_pagination_mosaic_view table{
	background-color: var(--ott-mosaic-view-bg-color) !important;
}

.orn_IPFormFooter{
	 height: 30px;
	 width:100%;
	 position: absolute;
    bottom: 30px; 
    display:block;
}

.orn_pagination {
	width:183px;
	height:20px;
	/* border: 1px solid #CDCDCD; */
	border-radius: 3px;
	margin : 0px 0px 0px 0px !important; 
}

.orn_pagination a {
	  float:left;
	  width: 20px;
	  height: 20px;
	  outline: none;
	  /*border-right: 1px solid #CDCDCD;*/
	  /*border-left: 1px solid #CDCDCD;*/
	  color: #555555;
	  vertical-align: middle;
	  text-align: center;
	  text-decoration: none;
	  font-weight: bold;
	  font-size: 16px;
	  font-family: Times, 'Times New Roman', Georgia, Palatino;
	  /* ATTN: need a better font stack */
	  background-color: var(--bg-color);
	  /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, lightgrey));
	  background-image: -webkit-linear-gradient(#f3f3f3, lightgrey);
	  background-image: linear-gradient(#f3f3f3, lightgrey); */ 
	  cursor : pointer
}
.orn_pagination a:hover, .orn_pagination a:focus, .orn_pagination a:active {
	    background-color: var(--bg-color);
	    /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #cecece));
	    background-image: -webkit-linear-gradient(#e4e4e4, #cecece);
	    background-image: linear-gradient(#e4e4e4, #cecece);  */
}
.orn_pagination a.disabled, .orn_pagination a.disabled:hover, .orn_pagination a.disabled:focus, .orn_pagination a.disabled:active {
	    background-color: var(--bg-color);
/* 	    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, lightgrey));
	    background-image: -webkit-linear-gradient(#f3f3f3, lightgrey);
	    background-image: linear-gradient(#f3f3f3, lightgrey);
	    color: #A8A8A8; */
	    cursor: default; 
}

.orn_pagination a:first-child {
	  border: none;
	  border-radius: 2px 0 0 2px; 
}

.orn_pagination a:last-child {
	  border: none;
	  border-radius: 0 2px 2px 0; 
}

.orn_pagination .dijitTextBox input {
	text-align: center;
}

.orn_crossIconBlue{
	width: 13px;
	height: 16px;
	background-image: var(--ott-cross-blue-icon);
}

.orn_searchIconBlue{
	width: 18px;
	height: 18px;
	background-image: var(--ott-search-blue-icon);
}
.orn_searchIconBlue:hover{

	background-image: var(--ott-search-blue-hover-icon);
}
.orn_pageErrorMajor {
	
    margin : 0 auto;
	width: 10px;
	height: 20px;
	background-color:var(--ott-major-color);
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	line-height:20px;
	cursor:pointer;
/* 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ott-major-color)), color-stop(100%, #FDEE00));  */
/* 	background-image: -webkit-linear-gradient(var(--ott-major-color), #FDEE00); */
/* 	background-image: linear-gradient(var(--ott-major-color), #FDEE00);  */
	
}

.orn_pageErrorMajor:hover, .orn_pagination:focus, .orn_pagination:active {
    background-color: var(--ott-major-color);
/*     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ott-major-color)), color-stop(100%, #FF9900)); */
/*     background-image: -webkit-linear-gradient(var(--ott-major-color), #FF9900); */
/*     background-image: linear-gradient(var(--ott-major-color), #FF9900);  */
}

.orn_pageErrorMinor {
    margin : 0 auto;
	width: 10px;
	height: 20px;
	background-color:var(--ott-minor-color);
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	line-height:20px;
	cursor:pointer;
/* 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ott-minor-color)), color-stop(100%, #ecdd13));  */
/* 	background-image: -webkit-linear-gradient(var(--ott-minor-color), #ecdd13); */
/* 	background-image: linear-gradient(var(--ott-minor-color), #ecdd13);  */
}

.orn_pageErrorMinor:hover, .orn_pagination:focus, .orn_pagination:active {
    background-color: var(--ott-minor-color);
/*     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ott-minor-color)), color-stop(100%, #bdb10f)); */
/*     background-image: -webkit-linear-gradient(var(--ott-minor-color), #bdb10f); */
/*     background-image: linear-gradient(var(--ott-minor-color), #bdb10f);  */
}

.orn_pageErrorDisable {
    margin : 0 auto;
	width: 10px;
	height: 20px;
	background-color: var(--bg-color);
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	line-height:20px;
/* 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--bg-color)), color-stop(100%, lightgrey)); */
/* 	background-image: -webkit-linear-gradient(var(--bg-color), lightgrey); */
/* 	background-image: linear-gradient(var(--bg-color), lightgrey);  */
}

.orn_pageErrorDisable:hover, .orn_pagination:focus, .orn_pagination:active {
    background-color: var(--bg-color);
/*     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--bg-color)), color-stop(100%, #cecece)); */ */
/*     background-image: -webkit-linear-gradient(var(--bg-color), #cecece);  */
/*     background-image: linear-gradient(var(--bg-color), #cecece);   */
}

.orn_pageErrorCritical {
    margin : 0 auto;
	width: 10px;
	height: 20px;
	background-color:var(--ott-critical-color);
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	line-height:20px;
	cursor:pointer;
/* 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ott-critical-color)), color-stop(100%, lightcoral)); */
/* 	background-image: -webkit-linear-gradient(var(--ott-critical-color), lightcoral); */
/* 	background-image: linear-gradient(var(--ott-critical-color), lightcoral);  */
}

.orn_pageErrorCritical:hover, .orn_pagination:focus, .orn_pagination:active {
    background-color: var(--ott-critical-color);
/*     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ott-critical-color)), color-stop(100%, #DE4D4D)); */
/*     background-image: -webkit-linear-gradient(var(--ott-critical-color), #DE4D4D); */
/*     background-image: linear-gradient(var(--ott-critical-color), #DE4D4D);  */
}

.orn_pageErrorOutage {
    margin : 0 auto;
	width: 10px;
	height: 20px;
	background-color: var(--ott-outage-color);
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	line-height:20px;
	cursor:pointer;
/* 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ott-outage-color)), color-stop(100%, #e6000b)); */
/* 	background-image: -webkit-linear-gradient(var(--ott-outage-color), #e6000b); */
/* 	background-image: linear-gradient(var(--ott-outage-color), #e6000b);  */
}

.orn_pageErrorOutage:hover, .orn_pagination:focus, .orn_pagination:active {
    background-color: var(--ott-outage-color);
/*     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ott-outage-color)), color-stop(100%, #b30009)); */
/*     background-image: -webkit-linear-gradient(var(--ott-outage-color), #b30009); */
/*     background-image: linear-gradient(var(--ott-outage-color), #b30009);  */
}


.orn_pageErrorInfo {
    margin : 0 auto;
	width: 10px;
	height: 20px;
	background-color:var(--ott-info-color);
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	line-height:20px;
	cursor:pointer;
/* 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ott-info-color)), color-stop(100%, #85e0e0)); */
/* 	background-image: -webkit-linear-gradient(var(--ott-info-color), #85e0e0); */
/* 	background-image: linear-gradient(var(--ott-info-color), #85e0e0);  */
}

.orn_pageErrorInfo:hover, .orn_pagination:focus, .orn_pagination:active {
    background-color: var(--ott-info-color);
/*     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--ott-info-color)), color-stop(100%, #5dd5d5)); */
/*     background-image: -webkit-linear-gradient(var(--ott-info-color), #5dd5d5); */
/*     background-image: linear-gradient(var(--ott-info-color), #5dd5d5);  */
}

.orn_exportOptions .dijitDownArrowButton {
	display:block !important;
	position:relative !important;
	padding: 0px 0px 3px 0px !important;
	float:left; 
	color:#fff !important;
	text-decoration:none !important;
	cursor:pointer !important;
	background-color: #00b3eb !important;
	font-size:11px !important;
	margin-right:0px !important;
	border: 1px solid #008fbc !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

.orn_exportOptions .dijitComboButton .dijitReset {
	line-height: 15px;
}

.orn_exportOptions .dijitDownArrowButton:hover {
	background-color: #007ea6 !important; 
	border: 1px solid #00c2ff !important; 
	color:#fff !important; 
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow:0 1px 1px rgba(0,0,0, .3) !important;
}

.orn_saveAsComboButton .dijitStretch {
	height: 19px;
}

.orn_saveAsComboButton.saveAsComboButtonPadding .dijitButtonText {
	padding-top: 3px;
}

.orn_saveAsComboButton .dijitRight {
	height: 17px;
}

.ott_variantSmall { width:120px; height:100px;}
.clear { clear:both;}
.ott_variantSmall .container { width:108px; height:100px; margin:2px 8px 0px 7px;}
img{ border: 0px; margin:0px; padding:0px; }
.ott_variantSmall .container .col-1 { width:108px; height:12px; margin:0px 0px 0px 0px;}
.ott_variantSmall .container .col-1 ul { margin:0px; padding:0px; list-style-type:none;}
.ott_variantSmall .container .col-1 ul li img  { margin:0px; padding:0px; line-height:12px;}
.ott_variantSmall .container .col-1 ul li { float:left; margin:0px; padding:0px 2px 0px 0px;}
.ott_variantSmall .container .col-2 { width:105px; height:53px; margin:3px 0px 2px 0px;}
.ott_variantSmall .container .col-2 .sc-photo { width:70px; height:53px; float:left; background:#FFFFFF;}
.ott_variantSmall .container .col-2 .sc-centre { width:9px; height:53px; float:left; margin:0px 0px 0px 8px; }
.ott_variantSmall .container .col-2 .sc-last { width:9px; height:53px; float:right;}
.ott_variantSmall .container .col-3 { width:105px; height:15px; margin:0px 0px 0px 0px;}
.ott_variantSmall .container .col-3 ul { list-style-type:none; margin:0px; padding:0px;}
.ott_variantSmall .container .col-3 ul li { float:left; padding:0px 0px 0px 0px;}
.ott_variantSmall .container .col-3 ul .last {  float:right; padding:0px; margin-top: 7px;}
.ott_variantSmall .container .col-4 { font-family:Segoe UI, 'Open Sans', sans-serif; font-size:12px; color:#0072ff; text-align:left; text-decoration:underline; line-height:14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
.ott_variantSmall .container .col-4 .openDetailsIcon {background-image: var(--ott-new-icon); width: 14px; height: 15px; display: inline-block; position: absolute; right: 5px; bottom: 3px;}
.ott_variantSmall .container .col-4 .serviceNameClass {text-overflow: ellipsis; width: 90px; white-space: nowrap; overflow: hidden;display: inline-block; text-decoration: underline;}



.ott_gridIcon{
	width: 16px;
	height: 16px;
	background-image: var(--ott-grid-icon);
	cursor: pointer;
}

.orn_listIcon{
	width: 15px;
	height: 13px;
	background-image: var(--ott-list-icon);
	cursor: pointer;
}

.orn_assetAlertsTreeIcon{
	width: 23px;
	height: 14px;
	background-image: var(--ott-alerts-tree-icon);
	
}
.orn_assetAlertsTreeIconAct{
	background-image: var(--ott-alerts-tree-icon);
	
}
.orn_assetAlertsTreeIconDact{
	
	background-image: var(--ott-alerts-tree-dact-icon);
	
}
.orn_assetAlertsListIcon{
	width: 23px;
	height: 14px;
	
}
.orn_assetAlertsListIconAct{
	background-image: var(--ott-list-icon);
	
}
.orn_assetAlertsListIconDact{
	
	background-image: var(--ott-list-icon);
	
}

.orn_assetAlertsTreeView {
	background : var(--bg-color);
	width : 100%;
	height : 100%;
}
.orn_assetAlertsTreeView .orn_alertsStatusColClass{
	height : 10px;
	color : white;
	text-align : center;
	border-radius : 4px;
	background : var(--ott-no-error-color);
	font-size : 14px;
}

.orn_assetListMonitoringView .orn_sortAscIcon , .orn_ScheduledMonitoringTasksView .orn_sortAscIcon {
	width: 10px;
	height: 16px;
	background-image: var(--ott-sort-asc-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: center left;
	cursor: pointer;
	position:absolute;
	bottom:0px;
	margin-left:5px;
	background-size:80%;
}

.orn_assetListMonitoringView .orn_sortDescIcon , .orn_ScheduledMonitoringTasksView .orn_sortDescIcon {
	width: 10px;
	height: 16px;
	background-image: var(--ott-sort-desc-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: center left;
	cursor: pointer;
	position:absolute;
	bottom:0px;
	margin-left:5px;
	background-size:80%;
}

.orn_assetListMonitoringView .orn_sortBothIcon {
	width: 10px;
	height: 14px;
	background-image: var(--ott-sort-both-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	cursor: pointer;
	position:absolute;
	bottom:0px;
	margin-left:5px;
}

.orn_customGridInner .field-asset {
	width:auto !important;
}
.orn_customGridInner .field-startTime {
	width:150px !important;
}
.orn_customGridInner .field-endTime {
	width:150px !important;
}
.orn_customGridInner .field-manifest{
	width:70px !important;
}
.orn_customGridInner .field-segment {
	width:70px !important;
}
.orn_customGridInner .field-encryption {
	width:70px !important;
}
.orn_customGridInner .field-content {
	width:60px !important;
}
.orn_customGridInner .field-http {
	width:40px !important;
}


.orn_customGridOuter .field-runName {
	width:auto !important;
}
.orn_customGridOuter .field-startTime {
	width:150px !important;
}
.orn_customGridOuter .field-endTime {
	width:150px !important;
}
.orn_customGridOuter .field-manifest{
	width:70px !important;
}
.orn_customGridOuter .field-segment {
	width:70px !important;
}
.orn_customGridOuter .field-encryption {
	width:70px !important;
}
.orn_customGridOuter .field-content {
	width:60px !important;
}
.orn_customGridOuter .field-http {
	width:40px !important;
}

.variantOutage {
	position:absolute;
	height:100%;
	width:3px;
	left:-3px;
	background:var(--ott-outage-color);
}

.variantCritical {
	position:absolute;
	height:100%;
	width:3px;
	left:-3px;
	background:var(--ott-critical-color);
}

.variantMajor {
	position:absolute;
	height:100%;
	width:3px;
	left:-3px;
	background:var(--ott-major-color);
}

.variantMinor {
	position:absolute;
	height:100%;
	width:3px;
	left:-3px;
	background:var(--ott-minor-color);
}

/*.variantMajorMinor {
	position:absolute;
	height:100%;
	width:3px;
	left:-3px;
	background:#F9B903;
}*/

.variantInfo {
	position:absolute;
	height:100%;
	width:3px;
	left:-3px;
	background:var(--ott-info-color);
}

.variantOk {
	position:absolute;
	height:100%;
	width:3px;
	left:-3px;
	background:var(--ott-no-error-color);
}

.ott_variantOutage {
	position:absolute;
	height:20px;
	width:10px;
	left:0px;
	bottom:0px;
	background:var(--ott-outage-color);
}


.ott_variantCritical {
	position:absolute;
	height:21px;
	width:10px;
	left:0px;
	bottom:0px;
	background:var(--ott-critical-color);
}

.ott_variantMajor {
	position:absolute;
	height:20px;
	width:10px;
	left:0px;
	bottom:0px;
	background:var(--ott-major-color);
}

.ott_variantMinor {
	position:absolute;
	height:20px;
	width:10px;
	left:0px;
	bottom:0px;
	background:var(--ott-minor-color);
}

/*.ott_variantMajorMinor {
	position:absolute;
	height:20px;
	width:10px;
	left:0px;
	bottom:0px;
	background:#FFBD07;
}*/

.ott_variantInfo {
	position:absolute;
	height:20px;
	width:10px;
	left:0px;
	bottom:0px;
	background:var(--ott-info-color);
}

.ott_variantOk {
	position:absolute;
	height:20px;
	width:10px;
	left:0px;
	bottom:0px;
	background:var(--ott-no-error-color);
}

.variantOutageTN {
	height:5px;
	width:160px;
	background:var(--ott-outage-color);
	margin: 0 auto;
	cursor: pointer;
}


.variantCriticalTN {
	height:5px;
	width:160px;
	background:var(--ott-critical-color);
	margin: 0 auto;
	cursor: pointer;
}

.variantMajorTN {
	height:5px;
	width:160px;
	background:var(--ott-major-color);
	margin: 0 auto;
	cursor: pointer;
}


.variantMinorTN {
	height:5px;
	width:160px;
	background:var(--ott-minor-color);
	margin: 0 auto;
	cursor: pointer;
}


/*.variantMajorMinorTN {
	height:5px;
	width:160px;
	background:#F9B903;
	margin: 0 auto;
	cursor: pointer;
}*/

.variantInfoTN {
	height:5px;
	width:160px;
	background:var(--ott-info-color);
	margin: 0 auto;
	cursor: pointer;
}

.variantOkTN {
	height:5px;
    width:160px;
	background:var(--ott-no-error-color);
	margin: 0 auto;
	cursor: pointer;
}
.variantDisableTN {
	height:5px;
    width:160px;
	background:#989898;
	margin: 0 auto;
	cursor: pointer;
}
.ottViewSettingsImg{
	width: 18px;
	height: 18px;
	background-image: var(--ott-setting1-icon);
	cursor: pointer;
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ottViewSettingsImg{
	background-image: var(--ott-setting1-sec-icon);
}
.ottPeriodViewSettingsImg{
	width: 18px;
	height: 18px;
	background-image: var(--ott-setting1-icon);
	cursor: pointer;
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ottPeriodViewSettingsImg{
	background-image: var(--ott-setting1-sec-icon);
}
.ottAdaptationSetViewSettingsImg{
	width: 18px;
	height: 18px;
	background-image: var(--ott-setting1-icon);
	cursor: pointer;
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ottAdaptationSetViewSettingsImg{
	background-image: var(--ott-setting1-sec-icon);
}
.ottRefreshWindowDivImg{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: var(--ott-reset-alerts-icon);
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ottRefreshWindowDivImg{
	background-image: var(--ott-reset-alerts-hover-icon);
}
.ottServiceMenuTrendsIcon{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: var(--ott-trends-icon);
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ottServiceMenuTrendsIcon{
	background-image: var(--ott-trends-hover-icon);
}

.ottServiceReportsLiveIcon{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: var(--ott-reports-alerts-icon-svg);
	background-repeat : no-repeat;
}

.dijitMenuItemSelected .ottServiceReportsLiveIcon{
	background-image: var(--ott-reports-alerts-selected-icon-svg);
}
.ott_reports_adMarkersIcon{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: var(--ott-ad-markers-icon);
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ott_reports_adMarkersIcon{
	background-image:  var(--ott-ad-marker-hover-icon);
}

.ott_reports_availsIcon{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: var(--ott-avails-tab-normal-icon);
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ott_reports_availsIcon{
	background-image:  var(--ott-avails-tab-hover-icon);
}
.ottReportsAdSummaryIcon{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: var(--ott-ad-summary-normal-icon);
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ottReportsAdSummaryIcon{
	background-image: var(--ott-ad-summary-hover-icon);
}
.ottReportsRecordingIcon{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: var(--ott-asset-recording-normal-icon);
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ottReportsRecordingIcon{
	background-image: var(--ott-asset-recording-hover-icon);
}

.ottToolbarReportsIcon{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: var(--ott-toolbar-reports-icon);
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ottToolbarReportsIcon{
	background-image: var(--ott-toolbar-reports-selected-icon);
}

.ottToolbarDeprecatedReportsIcon{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: var(--ott-toolbar-deprecated-report-icon);
	background-repeat : no-repeat;
}
.dijitMenuItemSelected .ottToolbarDeprecatedReportsIcon{
	background-image: var(--ott-toolbar-deprecated-report-selected-icon);
}

.ottCopyUrlIconImg{
	width: 18px; 
	height:18px;
	background-image: var(--ott-copy-icon);
	cursor: pointer;
	background-color:transparent;
}
.ottCopyUrlIconImg:hover{
	background-image: var(--ott-copy-selected-icon);
}
.dijitMenuItemSelected .ottCopyUrlIconImg{
	background-image: var(--ott-copy-selected-icon);
}

.orn_othersIcon{
	height: 18px;
	background-image: var(--ott-others-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.orn_othersIcon:hover{
	background-image: var(--ott-others-hover-icon);
}
.orn_allIcon{
	height: 18px;
	background-image: var(--ott-allIcon-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.orn_allIcon:hover{
	background-image: var(--ott-allIcon-hover-icon);
	
}

.orn_runningIcon {
	height: 20px;
	background-image: var(--ott-runnnig-gif-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_readyIcon {
	height: 18px;
	background-image: var(--ott-ready-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.orn_readyIcon:hover{
	background-image: var(--ott-ready-hover-icon);
	background-color: transparent;
    background-repeat: no-repeat;
}
.orn_cleanedIcon {
	height: 18px;
	background-image: var(--ott-cleaned-asset-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	
}
.orn_cleanedIcon:hover{
	background-image: var(--ott-cleaned-asset-hover-icon);
}
.orn_waitingIcon {
	height:18px;
	background-image: var(--ott-inqueue);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
   
}
.orn_waitingIcon:hover{
	background-image: var(--ott-inqueue-hover);
}

.neverRunIcon {
	height: 18px;
	background-image: var(--ott-never-run-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.neverRunIcon:hover{
	background-image: var(--ott-never-run-hover-icon);
	background-color: transparent;
    background-repeat: no-repeat;
}

.initializeAssetIcon {
	height: 18px;
	background-image: var(--ott-never-run-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
	opacity: 0.5;
}
.initializeAssetIcon:hover{
	background-image: var(--ott-never-run-hover-icon);
	background-color: transparent;
    background-repeat: no-repeat;
}
.orn_stoppingIcon {
	height: 18px;
	background-image: var(--ott-stopping-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.orn_light_runningIcon {
	height:20px;
	background-image: var(--ott-header-running-gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    border:0px;
}

.orn_light_readyIcon {
	height: 18px;
	background-image: var(--ott-ready-light-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.orn_light_readyIcon:hover{
	background-image: var(--ott-ready-light-hover-icon);
	background-color: transparent;
    background-repeat: no-repeat;
}
.orn_light_waitingIcon {
	height: 18px;
	background-image: var(--ott-inqueue);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.orn_light_waitingIcon:hover{
	background-image: var(--ott-inqueue-hover);
}
.orn_light_stoppingIcon {
	height: 18px;
	background-image: var(--ott-stopping-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
    border-radius:40%;
}

.orn_abortedIcon {
	height: 12px;
	background-image: var(--ott-cancel-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.orn_abortedIcon:hover{
	background-image: var(--ott-cancel-hover-icon);
	
}
.orn_light_abortedIcon {
	height: 12px;
	background-image: var(--ott-cancel-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.orn_light_abortedIcon:hover{
	background-image: var(--ott-cancel-hover-icon);
}

.ott_copy_manifest {
    height: 21px;
    width: 19px;
	background-image: var(--ott-copy-manifest-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.ott_copy_manifest:hover{
    height: 21px;
    width: 19px;
	background-image: var(--ott-copy-manifest-hover-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.ott_download_manifest {
	height: 19px;
	background-image: var(--ott-download-manifest-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.ott_download_manifest:hover{
	height: 19px;
	background-image: var(--ott-download-manifest-hover-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.ott_filtered_manifest_zip_download {
	height: 19px;
	background-image: var(--ott-zip-filtered-files-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.ott_filtered_manifest_zip_download:hover{
	background-image: var(--ott-zip-filtered-files-hover-icon);
}

.ott_filtered_manifest_zip_download {
	height: 19px;
	background-image: var(--ott-zip-filtered-files-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.ott_filtered_manifest_zip_download:hover{
	background-image: var(--ott-zip-filtered-files-hover-icon);
}

.ott-ttfb-filter-applied-playlist-icon {
	height: 19px;
	background-image: var(--ott-ttfb-filter-applied-playlist-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.ott-ttfb-filter-applied-playlist-icon:hover{
	background-image: var(--ott-ttfb-filter-applied-playlist-hover-icon);
}

.ott-ttfb-filter-connect-playlist-icon {
	height: 19px;
	background-image: var(--ott-ttfb-filter-connect-playlist-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.ott-ttfb-filter-connect-playlist-icon:hover{
	background-image: var(--ott-ttfb-filter-connect-playlist-hover-icon);
}

.ott_all_manifest_zip_download {
	height: 19px;
	background-image: var(--ott-zip-all-files-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.ott_all_manifest_zip_download:hover{
	background-image: var(--ott-zip-all-files-hover-icon);
}


.orn_erroneousContentIcon {
	width: 18px;
	height: 18px;
	background-image: var(--ott-erroneous-content-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.orn_erroneousContentIcon:hover{
	background-image:var(--ott-erroneous-content-hover-icon);
}
.orn_pdfIconImg{
	
	width: 18px;
	height:18px;
	background-image: var(--ott-pdf-icon);
	cursor: pointer;
	z-index: 100;
	background-repeat : no-repeat;
}

.dijitMenuItemSelected .orn_pdfIconImg{
	background-image: var(--ott-pdf-selected-icon);
}

.orn_xlsIconImg{
	
	width: 18px;
	height:18px;
	background-image: var(--ott-excel-icon);
	cursor: pointer;
	z-index: 100;
	background-repeat : no-repeat;
}

.dijitMenuItemSelected .orn_xlsIconImg{
	background-image: var(--ott-excel-selected-icon);
}

.orn_measurementStatIconImg{
	
	width: 18px;
	height:18px;
	background-image: var(--ott-measurement-stats-icon);
	cursor: pointer;
	z-index: 100;
	background-repeat : no-repeat;
}

.dijitMenuItemSelected .orn_measurementStatIconImg{
	background-image: var(--ott-measurement-stats-selected-icon);
}

.orn_pdfIconOldImg{
	
	width: 16px;
	height:16px;
	background-image: var(--ott-pdf-icon);
	cursor: pointer;
	z-index: 100;
	background-repeat : no-repeat;
}
.orn_playlistContentHeader{
	margin-top : 1px;
	background : var(--ott-header-color);
	color : var(--font-color);
	font-size: 13px;
	height:22px;
	line-height:22px;
}
.orn_playlistContentSize{
	display:inline-block;
	margin-left : 5px;
}
.orn_playlistContentHolder {

}

.orn_playlistContentHolder .Utility {
		color: var(--ott-xml-attibute-name-color);
}	
.orn_playlistContentHolder .NodeName {
	font-weight:bold;
	color: var(--ott-xml-node-name-color);	
}
.orn_playlistContentHolder .AttributeName 
{
	font-weight:bold;
	color: var(--ott-xml-attibute-name-color);;
}
.orn_playlistContentHolder .AttributeValue
{
	color: var(--ott-xml_attribute-value-color);
}
.orn_playlistContentHolder .NodeValue
{
	color: var(--ott-xml-attibute-name-color);;
}
.orn_playlistContentHolder .Element {
	#border-left-color: var(--ott-xml-element-color);
	#border-left-width:thin;
	#border-left-style:solid;
	padding-top:0px;
	/*margin-top:10px;*/
}
.orn_playlistContentHolder .Clickable {	
	font-weight:900;
	font-size:large;
	color: var(--ott-xml-node-name-color);	
	cursor:pointer;

	vertical-align:middle;
}

.highlight {
	font-weight : bold;
	/* color: #FFBC01; */
	background : var(--ott-menu-bg-color-selected);
}
.ott_recentAssetErrorOK {
	background: var(--ott-no-error-color);
}

.ott_recentAssetErrorDisable {
	background: var(--ott-no-error-inactive-color);
}

.ott_recentAssetErrorOutage {
	background: var(--ott-outage-color);
	cursor:pointer !important;
}

.ott_recentAssetErrorCritical {
	background: var(--ott-critical-color);
	cursor:pointer !important;
}

.ott_recentAssetErrorMajor {
	background: var(--ott-major-color);
	cursor:pointer !important;
}

.ott_recentAssetErrorMinor {
	background: var(--ott-minor-color);
	cursor:pointer !important;
}

/*.ott_recentAssetErrorMajorMinor {
	background: #F3BF1C;
	cursor:pointer !important;
}*/

.ott_recentAssetErrorInfo {
	background: var(--ott-info-color);
	cursor:pointer !important;
}
.ott_assetAddFormTable td{
	background: var(--bg-color) !important;
}

.ott_assetAddFormTable .select2-selection {
	min-height:18px;
}

.bottomGraphValueDiv{
	/* background-color: var(--bg-color); */
    border: 1px solid var(--ott-partition-color);
    padding: 2px 4px;
    width: 150px;
    height: 20px;
    position:absolute;
    z-index: 12;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px -1px var(--ott-partition-color);
    -moz-box-shadow: 0px 0px 8px -1px var(--ott-partition-color);
    -webkit-box-shadow: 0px 0px 8px -1px var(--ott-partition-color);
}

.underlineTabs > .dijitTabController > .dijitTab {
	background: none !important;
	text-shadow: 0 0 0 !important;
	border : none !important;
	
}

.underlineTabs > .dijitTabController > .dijitTabChecked {
	border: 2px solid #00c2ff !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
	
}

.underlineTabs > .dijitTabController > .dijitTab > .tabLabel{
	color : #009ccd ! important;
}

.underlineTabs > .dijitTabController > .dijitTabChecked > .tabLabel {
	font-weight: bold;
}
.no_signal_xs{
	background-image: var(--ott-no-signal-xs-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.no_signal_xs_1{
	background-image: var(--ott-no-signal-xs-1-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.no_signal_xs_2{
	background-image: var(--ott-no-signal-xs-2-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.no_signal_xs_3{
	background-image: var(--ott-no-signal-xs-3-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.no_signal_xs_4{
	background-image: var(--ott-no-signal-xs-4-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.no_signal_xs_5{
	background-image: var(--ott-no-signal-xs-5-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.no_signal_xs_6{
	background-image: var(--ott-no-signal-xs-6-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.no_signal_xs_7{
	background-image: var(--ott-no-signal-xs-7-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.no_signal_xs_8{
	background-image: var(--ott-no-signal-xs-8-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.no_signal_xs_some{
	background-image: var(--ott-no-signal-xs-same-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.no-signal_65x12{
	background-image: var(--ott-no-signal-65-12-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.error_indicator_small{
	background-image: var(--ott-error-indicator-small-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.error_indicator_small_major{
	background-image: var(--ott-error-indicator-small-major-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}

.blackout_period_small{
	background-image: var(--ott-blackout-small-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
	
}
.blackout_period_medium{
	background-image: var(--ott-blackout-medium-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}
.blackout_period_large{
	background-image: var(--ott-blackout-large-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
}

.ott_segmentInfoTooltip {
}

.ott_segmentInfoTooltip .dijitTooltipContainer{
	padding: 0px !important;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ott_segmentInfoTooltip .dijitTooltipFocusNode{
	padding: 0px !important;
}
.ott_navigationBack2Bold{
	background-image: var(--ott-navigation-back-2-bold-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
	width : 14px;
	height : 14px;
}
.ott_navigationBack1Bold{
	background-image: var(--ott-navigation-back-1-bold-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
	width : 14px;
	height : 14px;
}
.ott_navigationBack2Light{
	background-image: var(--ott-navigation-back-2-light-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
	width : 14px;
	height : 14px;
}
.ott_navigationBack1Light{
	background-image: var(--ott-navigation-back-1-light-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
	width : 14px;
	height : 14px;
}
.ott_navigationForward2Bold{
	background-image: var(--ott-navigation-forward-2-bold-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
	width : 14px;
	height : 14px;
}
.ott_navigationForward1Bold{
	background-image: var(--ott-navigation-forward-1-bold-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
	width : 14px;
	height : 14px;
}
.ott_navigationForward2Light{
	background-image: var(--ott-navigation-forward-2-light-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
	width : 14px;
	height : 14px;
}
.ott_navigationForward1Light{
	background-image: var(--ott-navigation-forward-1-light-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
	width : 14px;
	height : 14px;
}

.greenTimelineBackground{
	background: var(--ott-no-error-color);
}

.maroonTimelineBackground{
	background: var(--ott-outage-color);
}

.redTimelineBackground{
	background: var(--ott-critical-color);
}

.yellowTimelineBackground{
	background: var(--ott-major-color);
}

.brassTimelineBackground{
	background: var(--ott-minor-color);
}

.cyanTimelineBackground{
	background: var(--ott-info-color);
}

.greyTimelineBackground{
	background: #a9a9a9;
}

.interraOTT .dijitMenuPopup{
	max-height: 350px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}
.qosQoeCircle {height:20px; width:20px; -moz-border-radius: 50%; border-radius: 50%;
	text-align:center; font-size:10px; line-height:20px; color:#000; 
	margin: 1px 10px 0px 0px; font-weight: bold; border: 1px black solid;
}

.qosQoeCircleGreen {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background-image: var(--ott-q-green-22-icon);
}

.qosQoeCircleYellow {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background-image: var(--ott-q-yellow-22-icon);
	cursor: pointer;
}

.qosQoeCircleRed {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background-image: var(--ott-q-red-22-icon);
	cursor: pointer;
}

.qosQoeCircleRedGif {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background-image: var(--ott-q-red-22-icon-gif);
	cursor: pointer;
}

.qosQoeCircleGray {
	margin: 0 auto;
	width: 22px;
	height: 22px;
}

.qosQoeCircleGraySmall {
	border-radius: 50%;
	width: 18px;
	height: 18px;
	background: #C2C2C2;
}
.assetQosQoeCircle {height:20px; width:20px; -moz-border-radius: 50%; border-radius: 50%;
	text-align:center; font-size:10px; line-height:20px; color:#fff; 
	margin: 1px 10px 0px 0px; font-weight: bold; border: 1px white solid;
}
.assetQosQoeCircleImg {
	height: 24px;
	width: 24px; 
	text-align: center;
	margin: 1px 10px 0px 0px;
	background-color: var(--ott-header-color);
    border-radius: 50%;
	/* background-image: var(--ott-asset-qos-qoe-circle-icon);
	background-repeat: no-repeat;*/
}
	
.ott_assetSummarySetupView .assetQosQoeCircleImg{
	background-color: var(--ott-menu-bg-color);
}

.assetQosQoeCircleImgDis {
	height: 24px;
	width: 24px; 
	text-align: center;
	margin: 1px 10px 0px 0px;
	background-color: var(--ott-header-color);
    border-radius: 50%;
	/* background-image: var(--ott-asset-qoe-disable-icon);
	background-repeat: no-repeat; */
	
}
.assetQosQoeCircleAssetSpecificHeaderImgDis {
	height: 24px;
	width: 24px; 
	text-align: center;
	margin: 1px 10px 0px 0px;
	background-color: var(--ott-menu-bg-color);
    border-radius: 50%;
	/* background-image: var(--ott-asset-qoe-disable-icon);
	background-repeat: no-repeat; */
	
}
.assetQosQoeCircleImgSmallDis {
	height: 17px;
	width: 17px;
	text-align: center;
	margin: 0px 10px 0px 0px;
	background-color: var(--ott-header-color);
    border-radius: 50%;
	/* background-image: var(--ott-asset-qos-qoe-circle-small-dis-icon);
	background-repeat: no-repeat; */
}
.assetQosQoeCircleImgDarkSmall {
	height: 17px;
	width: 17px; 
	text-align: center;
	margin: 0px 10px 0px 0px;
	background-color: var(--ott-header-color);
    border-radius: 50%;
	/* background-image: var(--ott-asset-qoe-enable-icon);
	background-repeat: no-repeat; */
	
}
	
.assetQosQoeCircleImgDark {
	height: 24px;
	width: 24px; 
	text-align: center;
	/* font-size:10px; */
	/* line-height:20px;  */
	margin: 0px 10px 0px 0px;
	/* font-weight: bold;
	background-image: var(--ott-asset-qos-qoe-circle-dark-icon);
	background-repeat: no-repeat; */
	/* color: white !important; */
	background-color: var(--ott-header-color);
    border-radius: 50%;
}
.assetQosQoeValidValue p{
	padding-top:1px;
	/* padding-left:3px; */
	/* font-size:10px; */
}
.assetQosQoe100Value p{
	padding-top: 3px;
	font-size: 12px;
	/* padding-left:2px; */
}

.assetQosQoeInvalidValue p{
	padding-top: 2px;
	/* padding-left:6px; */
}
.variantQosQoeValidValue p{
	padding-top: 1px;
	padding-left:0px;
	font-size: 9px;
}
.variantQosQoe100Value p{
	padding-top:2px;
	font-size:8px;
}

.variantQosQoeInvalidValue p{
	
	padding-top:0px;
	padding-left:1px;
}
.storageServerSelect .dijitSelectLabel {
    text-align:left;
    overflow: hidden;
    width:260px;
}


.ott_addContentIcon {
	width: 44px;
	height: 44px;
	background-image: var(--ott-add-content-icon);
	cursor: pointer;
}

.ott_addContentIcon:hover {
	background-image: var(--ott-add-content-yellow-icon);
}

.ott_importContentIcon {
	width: 44px;
	height: 44px;
	background-image: var(--ott-import-content-icon);
	cursor: pointer;
}

.ott_importContentIcon:hover {
	background-image: var(--ott-import-content-yellow-icon);
}
.ott_breadcrumb_help_span_icon {
	background-image: var(--ott-breadcrumb-help-span-icon);
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: 14px 14px;
}

.ott_breadcrumb_help_span_icon:hover {
	background-image: var(--ott-breadcrumb-help-span-hover-icon);
	background-repeat: no-repeat;
}

.assetEditFormOuterDiv {
}

.assetEditFormOuterDiv .selectedTab{
	background: var(--ott-tab-bg-color-selected);
    border-bottom-color: var(--ott-header-text-color);
    font-weight: 700;
}

.assetEditFormTab{
	color: var(--ott-header-text-color);
	height: 24px;
	display: inline-block;
	width: 100px;
	cursor: pointer;
	text-align: center;
	line-height: 22px;
	border-right: 1px solid;
	border-bottom: 1px solid var(--ott-tab-bg-color);
    border-right-color: var(--ott-partition-color);
    background-color: var(--ott-tab-bg-color);
}

/* Recording Reason Icons using css sprite */
 
 
.errorClip {
    width:22px;
    height:18px;
    background-image: var(--ott-clip-error-icon); 
    background-repeat:no-repeat;     
}

.manualClip {
    width:22px;
    height:18px;
    background-image: var(--ott-clip-manual-icon);  
    background-repeat:no-repeat;  
}

.scheduledClip {
    width: 22px;
    height: 18px;
    background-image: var(--ott-event-trigger-rec-icon);
    background-repeat:no-repeat;    
}

.adClip {
    width: 22px;
    height: 18px;
    background-image: var(--ott-clip-ad-icon);   
    background-repeat:no-repeat;  
}

.manualNScheduledNErrorN {
    width: 30px;
    height: 10px;
    background-image: var(--ott-rec-indicators-icon);
    background-position: 0px 0px;
}

.manualNScheduledYErrorN {
    width: 30px;
    height: 10px;
    background-image: var(--ott-rec-indicators-icon);
    background-position: -30px 0px;
}

.manualNScheduledNErrorY {
    width: 30px;
    height: 10px;
    background-image: var(--ott-rec-indicators-icon);
    background-position: -60px 0px;
}

.manualNScheduledYErrorY {
    width: 30px;
    height: 10px;
    background-image: var(--ott-rec-indicators-icon);
    background-position: -90px 0px;
}

.manualYScheduledNErrorN {
    width: 30px;
    height: 10px;
    background-image: var(--ott-rec-indicators-icon);
    background-position: -120px 0px;
}

.manualYScheduledYErrorN {
    width: 30px;
    height: 10px;
    background-image: var(--ott-rec-indicators-icon);
    background-position: -150px 0px;
}

.manualYScheduledNErrorY {
    width: 30px;
    height: 10px;
    background-image: var(--ott-rec-indicators-icon);
    background-position: -180px 0px;
}

.manualYScheduledYErrorY {
    width: 30px;
    height: 10px;
    background-image: var(--ott-rec-indicators-icon);
    background-position: -210px 0px;
}

.ott_linkIcon {
    width: 18px;
    height: 18px;
    background-image: var(--ott-quick-links-dashlet-bullet-icon);
}
.ott_plink{
	color: #337ab7;
    text-decoration: underline;
}
.ott_categoryListPaneTopDiv{
	display:block;
	height : 20px;
}
.ott_categoryListPaneBottomDiv{
	height : 307px;
	width : 99%;
	margin-top:0px;
	border : 1px solid #aca899; 
}
.ott_backupListPaneCenterDiv{
	height : 100%;
	width : 100%;
}
#ott_monitoring_asset_audit_trail_tab_container .dijitTabListWrapper{
	height: 30px !important;
	line-height: 12px;
}

.ott_external_enableBtn {
    width: 35px;
    height: 18px;
    background-image: var(--ott-plugin-enabled-icon);
    background-repeat: no-repeat;
}

.ott_external_disableBtn {
    width: 35px;
    height: 18px;
    background-image: var(--ott-plugin-disabled-icon);
    background-repeat: no-repeat;
}

.ott_external_enableBtn.disabled {
    opacity: 0.4;
    cursor: auto;
}

.ott_external_disableBtn.disabled {
    opacity: 0.4;
    cursor: auto;
}

.tableAlign>tbody>tr>td{
	vertical-align: baseline; !important;
}

.ott_templatetablemonitor >tbody >tr >td:first-child
{
	width :250px !important;
	
}

.ott_templatetablemonitor >tbody >tr >td:nth-child(2)
{
	width :720px !important;
	
}

.ott_monitoringTemplateSelect span.dijitSelectLabel
{
	max-width : 680px;
	text-overflow: ellipsis;
	overflow: hidden;
	
}

.ott_whiteTrash {
    width: 18px;
    height: 18px;
    background-image: var(--ott-white-trash-icon);
    background-repeat: no-repeat;
}

.ott_cleanedAssetsCount {
    width: 16px;
    height: 16px;
    background-image: var(--ott-cleaned-icon);
    background-repeat: no-repeat;
    background-color:transparent;
}
.ott_cleanedAssetsCount:hover{
    width: 16px;
    height: 16px;
    background-image: var(--ott-cleaned-hover-icon);
    background-repeat: no-repeat;
}

.ott_resetAlerts {
    width: 16px;
    height: 16px;
    background-image: var(--ott-reset-alerts-icon);
    background-repeat: no-repeat;
}
.ott_resetAlerts:hover{
	background-image: var(--ott-reset-alerts-hover-icon);
}

.ott_whiteResetIcon {
    width: 18px;
    height: 18px;
    background-image: var(--ott-report-filter-reset-icon);
    background-repeat: no-repeat;
}

.orn_audio_notifications .dgrid-cell.field-errors{
	cursor: pointer;
}

.orn_audio_notifications .dgrid-cell.field-index {
	width : 2em;
	text-align: center;
}

.orn_audio_notifications .dgrid-cell.field-clearFlag {
   width : 30px;
   font-size : 11px;
   text-align: center !important;
}

.orn_audio_notifications .dgrid-cell.field-time {
   width : 25em;
   font-size : 11px;
   text-align: center !important;
}

.orn_audio_notifications .dgrid-cell.field-errors {
   font-size : 11px;
}

.orn_audio_notifications .dgrid-cell.field-index {
   font-size : 11px;
}

.orn_audio_notifications .dgrid{
	height: 450px;
}

.orn_audio_notifications .dgrid-no-data{
	text-align: center;
    padding: 5px;
    font-size: 14px;
}

.ottShowHideVariantsImg{
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: var(--ott-eye-view-icon);
	background-repeat : no-repeat;
}

.dijitMenuItemSelected .ottShowHideVariantsImg {
	background-image: var(--ott-eye-view-selected-icon);
}

.about_product_table{
	max-height : 70px !important;
	overflow-y : auto !important;
}

.highestPriorityIcon {
	height: 20px;
	background-image: var(--ott-highest-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.highPriorityIcon {
	height: 20px;
	background-image: var(--ott-high-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.normalPriorityIcon {
	height: 20px;
	background-image: var(--ott-normal-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.lowPriorityIcon {
	height: 20px;
	background-image: var(--ott-low-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.showLocaleWarning {
	height: 19px;
	background-image: var(--ott-error-warning-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.lowestPriorityIcon {
	height: 20px;
	background-image: var(--ott-lowest-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.configureColumnsButton {

    height: 22px;
    width: 19px;
    position: absolute;
    top: 21px;
    right: 0;
    background-image: var(--ott-view-settings-icon);
    cursor: pointer;

}

.anchor{
	color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}

.menu_icon{
	height: 20px;
	width: 20px;
	background-image: var(--ott-report-filter-menu-icon);
	background-position: center center;
    background-repeat: no-repeat;
	cursor: pointer;
}

.underline{
	color: #337ab7;
    text-decoration: none;
}

.underline:hover{
	text-decoration: underline;
	
}

.selectedPrimary{
	background-color: var(--ott-tab-bg-color-selected);
	color: var(--ott-base-color-reverse);
	/* color: #ffbd07; */
}

.selectedSecondary{
	background-color: var(--ott-inner-tab-bg-color-selected);
	color: var(--ott-base-color-reverse);
	/* color: #ffbd07; */
}

/* .selectedPrimary > td{
	background-color: #5A6F79 !important;
	color: #ffbd07;
} */

.ott_strikeOutText {
	text-decoration: line-through;
}

.profile-filter-box{
	float: left;
	/* background-color: var(--header-light); */
	padding: 3px;
	margin-left: 5px;
}

.profile-filter-tab{
	background-color: #5A7179;
	width: 30px;
	color: white;
	padding: 5px;
}

.filter-tab{
	color: white;
    background-color: #5A7179;
    padding: 1px 5px 3px 5px;
    margin: 2px 3px;
    font-size: 10px;	
    width: 11%;
    float: left;
}

.filter-tab-text{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    float: left;
}

.ott_profile_previewMultiselect {
}

.interraOTT .dijitTooltipDialogPopup .periodTooltip .dijitTooltipContainer{
	padding: 0px !important;
	border: 0px !important;
	background-color: rgb(52,52,52) !important;
	border-radius: 4px !important;
}

.ott_profile_previewMultiselect option:after {
    content: " ";
    height: 10px;
    width: 10px;
    display: inline-block;
    cursor: pointer;
    position:absolute;
    right: 2px;
    top: 2px;
}

.ott_profile_previewMultiselect option.previewIcon:after {
	background-image: var(--ott-message-icon-info-icon);
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom left;
}


/* .wallboardview .thumbnailTileBlock{
	color: white;
} */

.wallboardview .thumbnailTileBlock{
	/* background-color: #35516D !important;
	/* border: 1px solid #35516D !important; */ */
	margin: 2px;
}

.wallboardview .ottAssetContentView{
	height: calc(100% - 66px) !important;
	/* background-color: black !important; */
	position: relative;
}

.wallboardview #paginationContainer{
	bottom: 10px !important;
}

/* .wallboardview .nameBlock{
	padding-bottom: 2px;
} */

/* .wallboardview .assetsStatusCountLink {
	width: 100px !important;
	padding-left: 5px;
	margin-right: 5px;
	background-color: #A9A9A9;
	text-align: center;
	color: black;
	line-height: 19px;
} */

.wallboardview{
	padding: 0 0 0 10px;
}

.ott_asse_top_filter_view{
	background-color: var(--ott-header-color);
	/* background-color: #EFECEB; */
}

.wallboardview  .ott_asse_top_filter_view{
	height:40px !important;
	/* background-color: black; */
}

.wallboardview .ott_asset_total_summary_view{
	/* background-color: #555555; */
	color: white;
	margin-left:10px;
	padding-left:10px;
}

.ott_size_slider_minus_button, .ott_size_slider_plus_button{
	height: 20px;
    width: 20px;
    background-color: #A9A9A9;
    border-radius: 50%;
    float:left;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
}

.ott_size_slider_unit{
	width:25px;
	height:4px;
	background-color: #A9A9A9;
	margin-top: 7px;
	float:left;
	cursor: pointer;
}

.ott_size_slider_unit.selected{
	background-color: white !important;
}

.ott_size_slider_unit.light_theme.selected{
	background-color: var(--ott-banner-bg-color) !important;
}

.ott_size_slider_unit_divider{
	width:1px;
	height:6px;
	background-color: transparent;
	margin-top: 6px;
	float:left;
}

.wallboardview .ott_asse_top_filter_view button.dropdown-toggle{
	/* background-color: #A9A9A9; */
	border:0;
}

/* .wallboardview .searchAssetTextBox {
	background-color: #A9A9A9;
} */

/* .wallboardview .ott_asse_top_filter_view span.dijitPlaceHolder{
	color: #404040;
} */

/* .wallboardview .ott_assets_view_sort_select {
	background-color: #A9A9A9;
} */

.ott_avail_graph_variant_tr.selected td{
	background-color: gray !important;
}

@-moz-document url-prefix() {
	.ott_service_availability_view{
		width: calc(100% - 16px);
	}
}

.ott_service_availability_view .table>tbody>tr>td{
	padding: 4px;
}

.ott_service_availability_view .table{
	margin-bottom: 10px;
	font-size: 12px;
}

@-moz-document url-prefix() {
	.ott_debug_stats_view{
		width: calc(100% - 16px);
	}
}
.ott_debug_stats_view{
	margin-top:5px;
}

.ott_debug_stats_view .table>tbody>tr>td{
	padding: 4px;
}

.ott_debug_stats_view .table{
	margin-bottom: 10px;
	font-size: 12px;
}

.wallboardview .paginationAutoplay {
    /* background: #838687;
    color: black; */
    height: 19px;
    padding-left: 5px;
    width: 104px;
    border: 1px solid #838687;
    border-radius: 3px;
}

.wallboardview .dijitSelect {
    /* background-color: #aaaaaa; */
    border: 0px !important;
    /* border-color: #aaaaaa; */
}

.wallboardview .dijitSelect .dijitArrowButton {
    /* background-color: #aaaaaa; */
    border: 0px !important;
    padding: 1px;
}

.wallboardview .ott_asset_grid_autoplay_label {
    margin-top: 2px !important;
}

/* .wallboardview .ott_thumbnail_tile_stream_name{
	color: white;
} */

.ott_wallboard_view_link{
	display: block;
	margin: 5px 20px 0px 0px;
	float: right;
	cursor: pointer;
	font-size:20px;
	color: black;
}
.wallboardIcon{
	background-image:var(--ott-wallboard-icon);
	background-repeat:no-repeat;
	height:20px;
	width:20px;
}
.wallboardIcon:hover{
	background-image:var(--ott-wallboard-hover-icon);
}
.wallboardview .paginationAutoplay {
    /* background: #838687;
    color: black; */
    height: 19px;
    padding-left: 5px;
    width: 104px !important;
    border: 1px solid #838687;
    border-radius: 3px;
}

.wallboardview .orn_pagination {
    height: 18px;
    /* border: 1px solid #838687; */
}

.wallboardview .orn_pagination a.disabled, .orn_pagination a.disabled:hover, .orn_pagination a.disabled:focus, .orn_pagination a.disabled:active {
    background-color: var(--bg-color);
    background-image: none !important;
}

/* .wallboardview .dijitInputField {
    background-color: #aaaaaa;
} */

/* .wallboardview .dijitTextBox{
	background-color: #aaaaaa;
	border-color: #aaaaaa;
} */

.wallboardview .dijitCheckBox {
    background-image: var(--ott-checkbox-unchecked-icon);
    width: 14px;
    height: 14px;
    background-position: 0px;
}

.wallboardview .dijitCheckBoxChecked {
    background-image: var(--ott-checkbox-checked-icon);
    width: 14px;
    height: 14px;
}


.wallboardview .dijitCheckBoxCheckedHover{
	background-position: 0;
}

.ott_menu_separator > td > div.dijitMenuSeparatorBottom{
	height: 2px;
	background-color: var(--ott-major-color);
}


.ott_availability_graph_view_switch {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 20px;
	margin-bottom: 0;
}

/* Hide default HTML checkbox */
.ott_availability_graph_view_switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.ott_availability_graph_view_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--ott-major-color);
	-webkit-transition: .4s;
	transition: .4s;
}

.ott_availability_graph_view_slider.disabled {
	cursor: default;
	background-color: #ccc;
}

.ott_availability_graph_view_slider:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .ott_availability_graph_view_slider {
	background-color: #2196F3;
}

input:focus + .ott_availability_graph_view_slider {
	box-shadow: 0 0 1px #2196F3;
}

input[disabled] + .ott_availability_graph_view_slider {
	background-color: var(--ott-text-color-disabled);
}

input:checked + .ott_availability_graph_view_slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.ott_availability_graph_view_slider.round {
	border-radius: 20px;
}

.ott_availability_graph_view_slider.round:before {
	border-radius: 50%;
}

.ott_availability_details_table tbody{
	display:block;
    overflow:auto;
}

.ott_availability_details_table thead{
    display:table;
    width:100%;
    table-layout:fixed;
}

.ott_availability_details_table thead{
    display:table;
    width:100%;
    table-layout:fixed;
}

.ott_availability_details_table tbody tr{
	display:table;
    width:100%;
    table-layout:fixed;
}

.ott_availability_details_table thead tr td{
	padding-left: 1px;
	padding-right: 1px;
}

.ott_availability_details_table thead tr td:first-child {
    width: 90px;
}

.ott_availability_details_table tbody tr td:first-child {
	width: 90px;
  	text-overflow: ellipsis;
  	overflow: hidden;
  	white-space: nowrap;
}

.ott_availability_details_table tr td:nth-child(3) {
    width: 45px;
}

.cursorPointer{
	cursor: pointer;
}

.ott_availability_graph_tooltip_table th, .ott_availability_graph_tooltip_table td{
	padding: 0 3px;
}

.ott_uncheck_all{
	border: 1px solid;
    border-radius: 4px;
    display: flex;
    height: 14px;
    width: 14px;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
}
.ottHeaderLogo{
	background-image:var(--ott-header-logo);
	background-repeat:no-repeat;
}

.ottHeaderLogoDark{
	background-image:var(--ott-logo-about);
	background-repeat:no-repeat;
	background-position: center;
}

.orn_adMarkersNoTextOverflowDiv {
	white-space: nowrap;
	text-overflow: ellipsis; 
	overflow-x:hidden;
	font-size:12px;
}

.markersGrid .field-time {
   width : 12em;
   text-align: center !important;
}

.markersGrid .field-type {
   width : 16em;
   text-align: center !important;
}

.markersGrid .field-codedSegmentNum{
   width : 7em;
   text-align: center !important;
}

.markersGrid .field-periodId {
   width : 12em;
   text-align: center !important;
}

.markersGrid .field-eventId {
   width :9em;
   text-align: center !important;
}

.markersGrid .field-spliceCommand {
   width : 8em;
   text-align: center !important;
}

.markersGrid .field-segmentationUpidType {
   width : 8em;
   text-align: center !important;
}

.markersGrid .field-segmentationUpidTypeValue {
   width : 12em;
   text-align: center !important;
}

.markersGrid .field-tier {
   width :7em;
   text-align: center !important;
}

.markersGrid .field-ptsTime {
   width :9em;
   text-align: center !important;
}

.markersGrid .field-codedDuration {
   width : 9em;
   text-align: center !important;
}

.markersGrid .field-wda {
   width : 5em;
   text-align: center !important;
}
.markersGrid .field-nrb {
   width : 5em;
   text-align: center !important;
}

.markersGrid .field-archiveAllowed {
   width : 10em;
   text-align: center !important;
}
.markersGrid .field-descriptorType {
   width : 9em;
   text-align: center !important;
}

.markersGrid .field-segmentationTypeId {
   width : 22em;
   text-align: center !important;
}

.ott-flex-filler{
	flex-grow: 1;
}

.warningServerTimeZone{
	height: 14px;
	line-height: 14px;
    padding: 3px;
    border: 1px solid var(--ott-textbox-border-color);
}

.ott_warning_icon_yellow{
	margin-top: 4px;
}

.outageDot {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  background-color: #F22B38;
  border-radius: 50%;
  display: inline-block;
}

.outageNoErrorDot {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #F22B38;
}

.criticalDot {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  background-color: #A42A6F;
  border-radius: 50%;
  display: inline-block;
}

.criticalNoErrorDot {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #A42A6F;
}

.majorDot {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  background-color: #DF9B11;
  border-radius: 50%;
  display: inline-block;
}

.majorNoErrorDot {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #DF9B11;
}

.minorDot {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  background-color: #888539;
  border-radius: 50%;
  display: inline-block;
}

.minorNoErrorDot {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #888539;
}

.infoDot {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  background-color: #418DA7;
  border-radius: 50%;
  display: inline-block;
}

.infoNoErrorDot {
  height: 10px;
  width: 10px;
  margin-top: 3px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #418DA7;
}

.settings{
	width: 22px;
	height: 21px;
	background-image: var(--ott-settings-icon-svg);
	background-repeat: no-repeat;
}

.claro .fixedWidth .dijitButtonText{
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    padding-left: 0 !important;
}

.fixedWidth.dijitButton .dijitButtonNode *{
	width: 100%;
}

.fixedWidth.dijitComboButton td.dijitStretch.dijitButtonNode{
	width: calc(100% - 32px);
}

.fixedWidth.dijitComboButton td.dijitStretch.dijitButtonNode .dijitButtonContents{
	width:100%;
}
.fixedWidth.dijitButton .dijitButtonNode{
	width: calc(100% - 28px);
}

video.orion_player_live_video::-webkit-media-controls-play-button {
	display: none;
}
video.orion_player_video::-webkit-media-controls-timeline {
	display: none;
}
video.orion_player_video::-webkit-media-controls-current-time-display {
	display: none;
}
video.orion_player_video::-webkit-media-controls-time-remaining-display {
	display: none;
}

.orion_player_video{
	width: 100%;
	height:100%;
}

.orion_player_video.video-js{
	/* pointer-events: none; */
}

.orion_player_live_video .vjs-play-control{
	display:none;
}

.orion_player_video .vjs-picture-in-picture-control{
	display:none;
}

.orn_player_dialog .dijitDialogPaneContent{
	overflow: hidden !important;
}