body {
	margin: 0;
	padding: 0;
	border: 0;
	/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	background: #fff;
	min-width: 600px;
	/* Minimum width of layout - remove line if not required */
	font-family:'Awesome-Font',Verdana, Geneva, sans-serif;
	height: 100%;
	width:100%;
	overflow: hidden !important;
	font-size: 100%;
	zoom:0;
	position: fixed;
}
div.scriptArea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
    -webkit-writing-mode: horizontal-tb;
    border-color: rgb(169, 169, 169);
    min-height: 50px;
    line-height:1.45em;
}
.textareaMainWrapper div.scriptArea[readonly="readonly"] {
    background-color: #ddd;
}

.textareaMainWrapper div.scriptArea[disabled="disabled"] {
    background-color: rgb(235, 235, 228);
}
.anchorNoteSize{
	min-height: 300px !important;
}
skip,strike {
	color:gray;
}

/*@font-face {
  font-family: 'Awesome-Font';
  font-style: normal;
  font-weight: 400;
  src: local('Awesome-Font'), local('Awesome-Font-Regular'), url(css/font-awesome/fonts/fontawesome-webfont.woff) format('woff');
}*/

html {
	height: 100%;
	font-family:'Awesome-Font',Verdana, Geneva, sans-serif;
}

#copyStoryLogDataTable_length{
	 float: right;
    margin-left: 65%;
    position: absolute;
}
.logoSpan {
	position: relative;
	float: left;
	top: 3px;
	z-index: 1002;
	background-color: #3D3D3D;
	padding: 1px 0px 2px 4px;
}
.copiedStoryDetails{
	text-decoration: underline;
}
.fullScript {
	left : 0 !important;
	top : 0 !important;
	position : fixed;
	width:94% !important;
	height: 100% !important;
	overflow:auto;
	
}
.fullScriptZIdex {
	//z-index: 3005 !important;
}
.extendedMediaZIdex {
	z-index: 3007 !important;
}
.datepick-popup {
	z-index: 3009 !important;
}

#createStoryFromShowTemplateAssignForm .calloutpoint-blue{
	z-index:3009 !important;
}
#fullScriptWindow,#globalShowAdvanceSearchField, #SocaiMediaDailog {
	height:90% !important;
	overflow:auto;
}
#reportStoryDetails{
	overflow:auto;
	height:500px;
	display:none;
	background: #f3f6ff;
    padding: 5px;
    border: 1px solid #b1afaf;
}
 .fullScriptBtn,.addCommentsForRejectedStory{
	margin-right: 5px;
    display: inline;
    float: right;
    color: #50504f;
    cursor:pointer;
    color: blue;
}
.fullScriptBtn:hover {
	color: blue;
}
.attachBtn .ui-button-text {
	padding: 0em 1em;
}

.ui-select-box {
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	margin-right: 0.1em;
	overflow: visible;
	padding: 0;
	position: relative;
}

#errorClose {
	font-size: 15px;
	float: right;
	cursor: pointer;
	padding-left: 10px;
}

#infoClose {
	font-size: 15px;
	float: right;
	cursor: pointer;
	padding-left: 10px;
}

#errorSpan, #infoSpan {
	float: left;
}

.remember {
	font-size: 10px;
}

#twitterSaveBtn span.ui-button-text {
	color: #fff !important;
}

#facebookSaveBtn span.ui-button-text {
	color: #fff !important;
}
#twitterTextCount {
	font-size: 14px;
}

.twitter-left-content,.facebook-left-content {
	border: 1px solid #aaa;
	float: left;
	height: 93%;
	position: absolute;
	width: 33%;
	overflow-y: auto;
	overflow-x: hidden;
}

.social-twitter-content{
	border: 1px solid #aaa;
	float: left;
	height: 93%;
	position: absolute;
	width: 98.5%;
	overflow-y: auto;
	overflow-x: hidden;
}

#chatHistoryDialog,#notificationHistoryDialog {
	height:500px !important;	
}
#chatHistorySearchDiv,#notificationHistorySearchDiv {
	float: right;
    margin: 0 -10px 5px 0;
    box-shadow: 1px 1px 15px #a29a9a;
    padding: 7px 6px 5px 6px;
}
#chatHistories,#notificationHistories {
	padding: 0;
}
#chatUserInfo {
	padding: 1px;
}
#insertChatDates,#insertChatKeywords,#chatUserInfo ,#insertNotificationKeywords,#notificationUserInfo,#insertNotificationDates{
	margin-right:15px;
}
#insertChatDates,#insertChatKeywords,#insertNotificationDates,#insertNotificationKeywords{
	width: 156px;
    padding: 1px 2px;
}
#insertNotificationKeywords{
	padding: 1px 16px 1px 2px;
}
#clearInsertNotificationKeywords {
	position: relative;
    margin-left: -35px;
    margin-top: 2px;
    color: #406274;
    font-size: 14px;
    display:none;
    cursor:pointer;
    border:1px solid;
}
#clearInsertNotificationKeywords:hover {
	color: red;
}

#chatHistorySearchBtn,#notificationHistorySearchBtn {
	font-size: 10px;
    top: -2px;
    padding-top: 1px;
}
.selfChatRecord,.othersChatRecord {
	border-radius: 4px;
    padding: 5px 6px;
    width: 100%;
    margin-bottom: 2px;
    float: left;
}
.selfChatRecord{
	background: #e8e4e4;
    border: 1px solid #fdfbfb;
}
.othersChatRecord{
	background: rgba(228, 212, 212, 0.59);
    border: 1px solid #efcccc;
}
.selfUserChatName,.othersUserChatName{
	font-size: 0.7em;
}
.selfUserChatName{
	color: rgb(113, 113, 113);
}
.othersUserChatName{
	color: rgb(156, 114, 114);
}
.chatHistoryMessage,.chatHistoryMessage a{
    color: #2748c1 !important;
    font-size: 14px;
}
.chatHistoryDate{
	font-size: 0.6em;
    float: right;
}
.notificationHistoryTitle{
	font-size: 0.8em;
	margin-top: 5px;
}
.tweet_delete:hover,.facebook_delete:hover {
	color: red;
}
#licenseExpiryInfo {
    float: right;
    right: 5px;
    height: 16px;
    width: 15px;
    margin-top: 0.5px;
    cursor: pointer;
    position: absolute;
}
#licenseExpiryInfo>i{
	font-size:16px;
	-webkit-animation: expiryDateInfoSpan 2s cubic-bezier(0, 0, 0.69, 0.72) 1s infinite alternate;
    animation: expiryDateInfoSpan 2s cubic-bezier(0, 0, 0.69, 0.72) 1s infinite alternate;	
}
	
@-webkit-keyframes expiryDateInfoSpan {
  0%,100% {    
        color:white;
    }    
    50% {color:red;} 
}

@keyframes expiryDateInfoSpan {
	0%,100% {   
        color:white;  
    }    
    50% {color:red;} 
}

li {
	list-style: none;
}

#header {
	border-bottom: 0px solid #000;
	width: 100%;
	height: 62px;
}

/* column container */
.content {
	position: absolute; /* This fixes the IE7 overflow hidden bug */
	clear: both;
	top:21px;
	bottom: 0;
	right: 0;
	left: 0;
	margin-top: 74px;
	/* margin-top: 55px; */
	
}

/* common column settings */
.wrap {
	/* float: left; */
	width: 100%;
	position: absolute;
}

.col3 {
	float: left;
	position: relative;
	padding: 0 0 0 0;
}
.preview, .snapshot {
	padding: 0 0 0 0;
}


/* 2 Column (left menu) settings */
.dummy {
	background: #fff; /* right column background colour */
}

.dummy .wrap {
	/* right: 75%; */ /* right column width */
	background: #f4f4f4; /* left column background colour */
	height: 100%;
}

#resizablePreview {
	/*overflow:auto;*/
	min-width:400px;
	background-color: #eeeeee;
	box-shadow: inset 11px -2px 10px -8px #888;
	height: 100% !important;
	width:77%;
	display:inline-block;
	
}
.roInfoBarDiv{
	position: absolute;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;

}

.roInfoBarSpitDiv{
	height: 100%;
    overflow: auto;
    position: absolute;

}
.dummy .preview {
	width: 100%;
	min-width: 900px;
	height: 100%;
}

#snapResizable {
	overflow:hidden;
	min-width:110px;
	width:23%;
	height: 100% !important;
	display:inline-block;
	float:left;
}
#snapResizable .snapshot{
	width: 100% !important;
	min-width:310px !important;
	height: 100% !important;
	overflow: hidden !important;
}
.dummy .snapshot {
	width: 100%;
	min-width:310px;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}
#snapResizable>.ui-resizable-handle, #mediaListingSnap>.ui-resizable-handle  {
	border: 7px ridge #898989 !important;
    right: -11px !important;
    width: 0.7px !important;
}

.ro-content .ui-resizable-handle{
	background:#898989 !important;
	height:3px;
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	resize: none;
}

/*start menu style ----------------------*/
ul#topnav {
	margin: 0;
	padding: 0;
	/* padding-left: 1px; */
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	font-size: .83em;
	/*background: url(topnav_stretch.gif) repeat-x;*/
	background-color: black;
	z-index: 1001;
	height: 31px;
}

ul#topnav li,#breaking_desk_menu,#breaking_news_menu,#globalPowerviweMenu,.deskMarkAsMenu {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #555;
	height: 31px;
}
#breaking_desk_menu{
	display:none;
	color:#f0f0f0;
	cursor:pointer;
}

.listbg {
	background-color: #1376c9;
}

.listnobg {
	background-color: black;
}

ul#topnav li a {
	padding: 6px 6px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	cursor:pointer;
}

#globalPowerviweMenu a{
	display: block;
	text-decoration: none;
}

ul#topnav li:hover,.hoverOnMenu {
	background-color: #1986E6 !important;
}

ul#topnav li span,ul#topnav div span {
	min-width: 13em;
	font-size: .9em;
	float: left;
	padding-bottom: 10px;
	position: absolute;
	left: 0;
	top: 30px;
	display: none;
	background: #1376c9;
	color: #fff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 5px 5px 5px #ccc;
	z-index: 200;
}

/*ul#topnav li:hover span { display: block; }*/
ul#topnav li span a,ul#topnav div span a {
	display: block;
	line-height: 1.2;
	padding: 6px 8px;
}

ul#topnav li span a:hover, .bringFocus, ul#topnav div span a:hover{
	background-color: #5eb4f9 !important;
}

.secondDesk {
	padding-left: 25px !important;
}

.thirdDesk {
	padding-left: 35px !important;
}

ul#topnav .fa {
	font-size: 1em;
}
.settingsMenus {
    border-left: 1px solid #555;	
}

/*end menu style ----------------------*/
.logospan {
	
}

#toolbars {
	width: 100%;
	background-color: blue;
	padding: 0;
}

#messageBar,#trendingNotificationBar {
	padding-left: 3px;
	float: left; 
	width: 100%;
	background-color: #CECECE;
	font-size: 11px;
	height: 19px; 
	/* height: 22px; */
	vertical-align: middle;
    border-bottom-style:groove; 
}

#trendingBar,#notificationBar{
       float: left; 
       width: 50%;
       background-color: #CECECE;
       font-size: 11px;
       height: 19px;
       vertical-align: middle;
       border-bottom-style:groove; 
}
#notificationBar{ 
	border-left: 0.2em groove #f1ecec;
    width: 49.8%;
}
/*#notificationBtn {
    padding: 1px 3px;
    border: 1px solid #949A9E;
    margin-left: 1px;
    color: #333;
    background-color: #ffffff;
    cursor: pointer;
    top: 2px;
    color: #1376c9;
    position: relative;
}*/
#notificationBtn:hover,#notificationTitle,#notificationBy {
	font-weight: bold;
}

#latestNotification {
	display: inline-block;
    width: 86%;
    line-height: 17px;
    margin-left: 5px;
    font-size: 12px;
    color: #ab2d20;
    overflow: hidden;	
    position:absolute;
}

.quickSearchField {
	width : 69%;
}
.quickSearchBtn {
	vertical-align: middle;
}
.quickSearchBtn .ui-button-text{
	font-size: 0.8em;
}

.snapshot #searchHeader input {
	line-height: 14px;
	width: 49%;
}

.snapshot #searchHeader .highlightSearchInput {
	line-height: 14px;
	width: 240px;
}

.btn {
	padding: 4px 6px;
	background: #000;
	color: lime;
	/* -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; */
}

.btn:hover {
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

/*snapsot style*/
.snapshot .item {
	padding: 5px;
	margin-top: 0px;
	-moz-box-shadow: 0px 3px 3px #ddd;
	-webkit-box-shadow: 0px 3px 3px #ddd;
	box-shadow: 0px 3px 3px #ddd;
	cursor: pointer;
	/*height: 80%;
	max-height: 85%;
	overflow-y: scroll;*/
	/*overflow-x: none;*/
}

.snapItemStatusGreen {
	background-color: #00EE00;
	/* border-radius: 3px 3px 3px 3px; */
	float: right;
	height: 100%;
	width: 18px;
}

.snapItemStatusRed {
	background-color: #EE0000;
	/* border-radius: 3px 3px 3px 3px; */
	float: right;
	height: 100%;
	width: 18px;
}

.snapItemStatusGray {
	background-color: #C2C2C2;
	/* border-radius: 3px 3px 3px 3px; */
	float: right;
	height: 100%;
	width: 18px;
}

.itemHover {
	background-color: #BAD1FF;
}

.item #contactsItem {
	margin-top: 5px;
}

/*.snapshot div:first-child {border-top: none;}
.snapshot div:last-child {border-bottom: none;}
*/
.snapshot #snapHeader {
	padding: 6px;
	padding-left: 10px;
	background-color: grey;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #dddddd;
	min-width: 263px;
    overflow: hidden;
}

.snapshot #searchHeader {
	padding: 3px;
	background-color: eeeeee;
	font-size: 12px;
}
.searchLabelTag {
	width: 70px !important;
    text-align: right !important;
    float: left !important;
}
.searchInputFields {
	width: 59% !important;
    margin-left: 10px !important;
    margin-bottom: 5px !important;
}
.searchButtonClass {
	padding-left:80px;
	margin-top:10px;
}

.snapshot #snapHeader a {
	padding: 2px 3px;
	border: 2px solid #949A9E;
	margin-left: 1px;
	color: #333;
	background-color: #ECECEC;
	cursor: pointer;
	position: relative;
	left: -10px;
	border-radius: 4px;
}

.snapLegend {
	background: #89B9F4;
	font-size: 11px;
	font-weight: bold;
	border: solid 1px black;
	padding: 4px;
}

.snapFieldset {
	box-shadow: 0 0 10px #999;
	margin: 5px;
}

#actionBar {
	box-shadow: 3px 3px 3px #ccc;
	padding: 2px 0px;
	padding-bottom: 0px;
}

.wireContent {
	padding: 2px 3px;
	margin-right: 5px;
	/* white-space: pre-wrap; */
	font-size: 1.2em;
}

.wirecontentDate {
	font-size: 11px;
	color: #1376c9;
	float: right;
	padding-right: 10px;
}

/*-----------------------------------------*/
.tableHeader {
	font-size: 10px;
	font-weight: bold;
	color: gray;
}

#error {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	background-color: #FFD3D3;
	color: red;
	z-index: 200;
	padding: 4px;
}

#info {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	background-color: #97EFC9;
	color: green;
	z-index: 200;
	padding: 4px;
}

.borderGrey {
	border: 1px solid #bbbbbb;
	display: inline-block;
	height: 12px;
}

.wireTree {
	position: absolute;
	width: 16em;
	top: 22px;
	left: 14px;
	background-color: rgba(221, 221, 221, 0.95);
	border: 3px solid #0098DA;
	border-bottom-right-radius: 4px;
	box-shadow: 2px 2px 5px #888888;
}

.floatTree {
	width: 14em;
}

.wireTree ul {
	list-style-type: none;
	padding: 0px;
}

.blueBg {
	background-color: #0098DA;
	cursor: pointer;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 2px solid #222;
	background-color: #555;
	padding: 3px 8px;
	opacity: 0.87;
	color: #0F90C9;
	list-style: square;
}

#tooltip h3, #tooltip div {
	font-size: .8em;
	margin: 0;
}

.liClass {
	color: grey;
}

.linkClass {
	color: black;
	background-color: #eee;
	padding: 3px;
	cursor: pointer;
}

.fontAwesome {
	font-family: fontAwesome, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	vertical-align: middle;
}

.hoverBlue {
	background-color: #0098DA;
}

.hoverBlueLight {
	background-color: #84DAFF;
}

.parentGrey {
	background-color: #bbbbbb;
}

.highlight {
	background-color: #fff34d;
}

.smallInput {
	font-size: 12px;
	padding: 0;
	margin: 0;
}

.idSpan {
	display: none;
}

.jGrowlError {
	background-color: #E62E2E !important;
}

.jGrowlSuccess {
	background-color: #629300 !important;
}

.jGrowlMessage {
	background-color: #424EA2 !important;
}

.jGrowlWarning {
    color: #644A1C !important;
    background-color: #EEE7C0 !important;
    border-color: #faebcc !important;
    font-size: 1.03em !important;
}

.jGrowlNotifier {
   color: #ffffff !important;
    background: linear-gradient(to bottom, #79AAE6 0%, #3C5C84 100%) !important;
    font-size: 1.03em !important;
    box-shadow: 2px 2px 2px 2px #d7d7d7;
    border: 1px solid #ffffff !important;
}

.jGrowlInfo{
	font-size: 1.01em !important;
	color: rgba(255, 0, 0, 0.77) !important;
    background-color: #DFE3E6 !important;
    border-color: #bce8f1 !important;
}

.autosizejs {
	font-size: 1.1em;
	line-height: 1.4em;
	resize: none;
}

.formlabel {
	display: inline-block;
	font-size: 1em;
	width: 150px;
	float: none;
	margin: 5px 3px;
}

.formRow {
	vertical-align: top;
	display: block;
	font-size: 1em;
	min-height: 40px;
}

 .closeForm,.closeFormGroupBy,.closePlanningForm{
	position: absolute;
	right: -8px;
	top: 0px;
	color:#024e75;
	font-size: large;
	cursor:pointer;
	box-shadow: -2px 2px 2px #1376C9;
    padding: 2px;
    font-size: .8em;
}
.closeForm:hover,.closeFormGroupBy:hover, .closePlanningForm:hover{
	color:red;
} 
 
.formInput {
	width: 200px;
	color: #666;
	padding: 4px;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee),
		color-stop(15%, #ffffff));
	background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
	background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
	background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
	background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
	border: 1px solid #aaa;
}

input.formInput:focus,select.formInput:focus{
	border: 1px solid #096ddc !important;
}
.chzn-container-active .chzn-choices {
	border-color:#096ddc !important;
}
.formColLeft {
	display: inline-block;
	float: left;
	width: 364px;
}

.rightButton {
	right: 0;
	position: absolute;
}

.formSelect {
	width: 200px;
	border: 1px solid #aaa;
	padding: 4px;
	color: #333;
	outline: none;
}

hr.style-two {
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, #999, rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, #999, rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(left, #999, rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, #999, rgba(0, 0, 0, 0));
}

.buttons {
	height: 29px;
	margin-left: 5px;
}

.calloutpoint-blue {
	background: #BACDDD;
	border: 3px solid #1376C9;
	padding: 0px 8px 3px 12px;
	margin: 10px;
	/*   border-radius:3px; */
	position: relative;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	z-index: 10;
}

.calloutpoint-blue .calloutpoint-blueV {
	content: "";
	position: absolute;
	top: -8px;
	left: 25px;
	border-left: 3px solid #1376C9;
	border-top: 3px solid #1376C9;
	background: #BACDDD;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	/* reduce the damage in FF3.0 */
	display: block;
	width: 8px;
	height: 8px;
	z-index: 0;
}

.superscriptColor {
	color: red;
}

.tipStyle {
	font-size: 1em;
	color: blue;
	list-style: square;
}


/* Script page-----------------------------------------------------------------------  */
.scriptHeader {
	color: blue;
	font-size: 13px;
	display: inline;
	padding: 1px 0;
	margin: 2px;
}

.scriptState {
	background-color: none;
	border: 1px solid orange;
	float: left;
	margin-right: 2px;
	width: 30px;
	margin-left: -2px;
	position: relative;
}

#scriptStateDiv {
	display: none;
	background-color: #eee;
	border: 2px solid blue;
	position: absolute;
	z-index: 1004;
	font-size: 10px;
	text-align: justify;
	padding-right: 10px;
	width : 179px;
}

#scriptStateDiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#scriptStateDiv ul li {
	color: blue;
	font-size: 10px;
	font-weight: normal;
	margin-left: 0;
	padding-left: 0;
	cursor: pointer;
	/* padding: 1px; */
	border-bottom: 1px solid white;
	line-height: 1.4em;
	vertical-align: middle;
}

#scriptStateDiv ul li:HOVER {
	color: orange;
}

#scriptStateDiv ul li span {
  float:right;
  /*padding:6px 36px 0 1px;*/
  position:relative;
  width: 40px;
  height: 17px;
  margin-left: 16px;
}

.scriptItemWrapper {
	border: 0px solid #999;
	margin-bottom: 1px;
	padding: 0px;
	overflow: hidden;
	line-height: 1.1em;
}

.news{
	    position: fixed;
	    height: 100%;
	    width:26%;
	    
}
.scriptItemHeader,.addPlaceholder {
	background-color: #CDCDCD;
	color: #020202;
	padding: 1px;
	width: 13%;
	text-align: left;
	float: left;
	font-size: .7em;
	/* line-height: 1em; */
	height: 16px;
	border: 1px solid #999;
	border-right-width: 0;
}
#deskSplitVerticalDiv .scriptCLIP>span:nth-child(1),#deskSplitVerticalDiv .scriptCG span:nth-child(1){
	width: 18%; 
}
.scriptAddZindex {
	z-index: 1004;
	position: relative;
}
.tab-add-zindex{
	background: #000;
    opacity:0.9;
	z-index:2000;
}

.addItem ,.addPlaceholder{
	color: white;
	background-color: #50504F;
	padding-left: 0;
	text-align: center;
	width: 40px;
}

.addItem:HOVER {
	color: #fff;
	background-color: #0A0A0A;
	cursor: pointer;
	padding-left: 0;
}

.addPlaceholder:HOVER{
	color: #fff;
	background-color: #0A0A0A;
	cursor: pointer;
	padding-left: 0;
}

.scriptItem {
	/*background-color: #aaa;*/
	padding: 2px;
	margin: 1px 1px;
	font-size: .8em;
	line-height: 1em;
	display: table;
}

.scriptItemClipUL, .scriptItemContactUL .scriptItem,.scriptItemNewsflowUL, .scriptItemGuestUL{
	color: white;
}
.scriptItemCgUL .scriptItem{
	color: #fff;
}

.scriptItem p{
	display: inline;
}

.scriptItemClipUL span.scriptItem p:hover ,.scriptItemNewsflowUL span.scriptItem p:hover {
	text-decoration: underline;
	cursor: pointer;
}

.scriptItemContactUL span.scriptItem p:hover,.scriptItemStoryAttachmentUL span.scriptItem  p:hover, .scriptItemGuestUL span.scriptItem p:hover {
	text-decoration: underline;
	cursor: pointer;
}

.scriptItemCG {
	background-color: #aaa;
	color: lime;
	padding: 2px;
}

.scriptToolbar {
	float: right;
	width: 100%;
	box-shadow: inset 0 -10px 10px -10px #3D3D3D;
	height: 26px;
	vertical-align: middle;
	padding-top: 1px;
	line-height: 20px;
}

.scriptItemClipUL, .scriptItemCgUL, .scriptItemContactUL,.scriptItemNewsflowUL, 
.scriptItemStoryAttachmentUL,.scriptItemStoryMediaEDLUL, .scriptItemGuestUL{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: table-cell;
	width: 100%;
}

.verticalScriptItem{
	display: inline-block !important;
	width: auto !important;
}

.scriptItemClipUL li, .scriptItemContactUL  li, .scriptItemNewsflowUL li, 
.scriptItemStoryAttachmentUL li,.scriptItemStoryMediaEDLUL li,
.scriptItemGuestUL li {
	float: left;
    border-radius: 4px;
    border: 1px solid #aaa;
    /*background-color: #013A69;*/
  /*   position:relative; */
    margin: 0 0 1px 1px;
}
.red{
	background-color:#ff0000;
}
.green{
	background-color:#00b050;
	}
	
.maroon{
	background-color: #990000;
}	
	
.attcahedContactColor{
	background-color:#d7a36a;
}
	
.attcahedGuestColor{
	background-color:#774c1f;
}

.attcahedStoryMediaEDLSColor{
	background-color:#3d6596;
	color:white;
}

.scriptItemCgUL li{
	float: left;
	/*padding-top: 3px;*/
	background-color: #90008A;
/* 	background: -webkit-linear-gradient(left, rgb(255, 151, 0),rgb(63, 0, 255)); For Safari 5.1 to 6.0
    background: -o-linear-gradient(left,rgb(255, 151, 0),rgb(63, 0, 255)); For Opera 11.1 to 12.0
    background: -moz-linear-gradient(left,rgb(255, 151, 0),rgb(63, 0, 255)); For Fx 3.6 to 15
    background: linear-gradient(to right, rgb(255, 151, 0),rgb(63, 0, 255)); Standard syntax (must be last) */
}


.verticalScriptItem li{
	clear: left !important;
}
.removeX {
	padding: 2px;
	margin-left: 5px;
}

.scriptItemClipUL .removeX{
	color: #AEC8DE;
	
}
.scriptItemContactUL .removeX, .scriptItemGuestUL .removeX{
color:#f4f4f4;
}

.scriptItemCgUL .removeX{
	color: #C9CCCC;
}

.removeX:HOVER {
	color: #FF7575;
	cursor: pointer;
}

.removeX .icon-trash {
	font-size: .8em;
}

.editX {
	color: #ddd;
	padding: 2px;
	margin-left: 5px;
}

.editX:HOVER {
	color: white;
	color: blue;
	cursor: pointer;
}

.editX .icon-pencil {
	font-size: .8em;
}

.formatHeader {
	background-color: #1376C9;
	color: white;
	font-size: 8px;
	position: relative;
	padding: 0 4px;
	min-width: 70px;
	overflow: hidden;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	border-left: 0.1em solid gray;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.orderNumberOfItems, .upperCaseOfItemsContent, .lowerCaseOfItemsContent, .wordsDurationAndCount{
	background-color: #1376C9; 
    color: white;
    font-size: 8px;
    position: relative;
    padding: 0 4px;
    min-width: 15px;
    overflow: hidden;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: right;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
}

#versionScriptLeftSide .formatHeader {
	background-color: #1376C9;
	color: white;
	padding: 1px;
	font-size: 8px;
	position: relative;
	padding: 0 4px;
	width: 85px;
	overflow: hidden;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	left: 0px;
}

#versionScriptRightSide .formatHeader {
	background-color: #1376C9;
	color: white;
	padding: 1px;
	font-size: 8px;
	position: relative;
	padding: 0 4px;
	width: 85px;
	overflow: hidden;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#versionSaveSubmit {
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}

.textareaWrapper {
	overflow: hidden;
}

.commandTextareaWrapper {
	width: 30.8%;
	float: left;
	color: blue !important;
	font-size: 1em;
	/*padding-left: 8px; */
}

.commandTextareaWrapperOnSpellCheck{
	margin-top:24px;
}

.emptyNoteArea {
	width: 5% ;
}

.commandTextarea {
	width: 99.6%;
	color: blue !important;
	font-size:1.15em;
	/*direction: rtl;*/
}

.anchorTextareaWrapper {
	width: 67.9%;
	float: left;
	font-size: 1em;
	margin-left: 5px;
	border-left: 0px solid grey;
}
.expandAnchorArea {
	width: 93.7%;
}
.fullStretchAnchorArea {
    width: 99% !important;
    margin-left: 0px !important;
}
.commandTextareaWrapperToRight {
	float: right;
    margin-right: 6px !important;
}
.anchorTextareaWrapperToLeft{
	margin-left: 0px !important;
}

#deskSplitVerticalDiv .anchorTextareaWrapper {
	width: 98%;
	margin-left: 5px !important;
}

#showSplitVerticalDiv .anchorTextareaWrapper,#createStorFromShowTemplateScriptWrapper .anchorTextareaWrapper{
	width: 95%;
	margin-left: 5px !important;
}

#versionScriptLeftSide .anchorTextareaWrapper {
	width: 67%;
	float: left;
	font-size: 1em;
	margin-left: 5px;
	border-left: 0px solid grey;
	position: relative;
}

#versionScriptRightSide .anchorTextareaWrapper {
	width: 67%;
	float: left;
	font-size: 1em;
	margin-left: 5px;
	border-left: 0px solid grey;
	position: relative;
}

.anchorTextarea {
	font-family:sans-serif;	
}
.anchorTextarea {
	width: 100%;
	text-align: left;
	font-size:1.15em;
}

.formatHeaderDiv {
	display: block;
}

.versionSpan {
	position: relative;
	float: left;
	border: 1px solid blue;
	border-bottom: none;
}

.readingSpeedSpan {
	position: relative;
	float: left;
	border: 1px solid blue;
	border-bottom: none;
	margin-left: 2px;
	background-color: #eee;
}

.wpmFieldset {
	float: left;
	line-height: 1px;
	position: relative;
	height: 2%;
	font-size: 9px;
	padding: 9px
}

.versionCount {
	background-color: #eee;
	color: blue;
	z-index: 10;
	font-weight: bold;
	font-size: 0.7em;
	cursor: pointer;
	float: right;
	margin-left: 0px;
	padding: 1px 2px;
	line-height: 20px;
}

.versionContent {
	color: blue;
	background-color: #eee;
	position: relative;
	list-style: none;
	display: inline;
	width: auto;
	/* z-index: 4; */
	float: left;
	font-size: .7em;
	cursor: pointer;
	font-weight: bold;
	line-height: 20px;
}


.versionContent .versionSelected {
	background-color: #eee;
	color: white;
}

.versionContent li:hover {
	background-color: #BCBCFF;
	color: white;
}

.versionRO {
	padding: 5px 0 4px 3px;
	margin-right: 1px;
	color: black;
}

.addVersionRo {
	background-color: #04B61C;
	padding: 0px;
	margin-right: 5px;
	color: white;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	top: -1px;
}

.scriptDuration {
	float: left;
	font-size: 10px;
	font-weight: bold;
	width: auto;
	color: white;
	text-align: center;
	padding: 1px;
	margin-left: 2px;
	border: 1px solid blue;
	border-bottom: none;
}

.scriptBtn {
	display: inline-block;
	font-size: 0.82em;
	color: green;
	float: right;
	margin-right:5px;
}

#lockedbyuser {
	padding: 4px;
	color: blue;
	font-size: 13px;
	cursor: pointer;
}

#chkScriptAutoSave {
	height: 11px;
	display: inline;
	position: relative;
	top: 2px;
	margin: -2px -4px 1px 1px;
}

.scriptSaveasBtn {
	color: green;
}
#versionSave {
	font-size: 14px;
}

}
#scriptSelItem {
	font-size: 10px;
}

#scriptItemAdd {
	font-size: 10px;
}

#scriptItemAdd1 {
	font-size: 11px;
	line-height: 10px;
}

.scriptLockStatus {
	color: red;
}
/* Script page-----------------------------------------------------------------------  */

/*------------------ Media Preview Tab -------------------------------------------------*/
#mediaDialog,#SocoalMediaDialog{
	padding: .2em;
	display: table;
	width: 99% !important;
}
#extendMediaDialog {
	padding: .2em;
	display: table;
	width: 98% !important;
	display:none;
	background-color: #C6C4C6;
	overflow-x: hidden;
}
#playoutMediaList,#mobileMediaList,#whatsappMediaList, .extendeMediaLists {
	display:block !important;
	padding:0px;
}
.extendedMediaTitle {
	color: green;
    margin-right: 10px;
    width: 99%;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 2.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.extendedMediaDuration,.extendedMediaPath {
	margin-right: 10px;
    width: 99%;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    height: 1.1em;
    font-size:10px;
    margin-top: 2px;
}
/* .extendedMediaPreviewBtnDiv {
    cursor: pointer;
    display: inline-block;
    top: -6px;
    position: relative;
    background: #eeeeee !important;
    box-sizing: border-box;
    color: #7c7c7c !important;
    border: 1px solid;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 2px 5px;
    
} */

.extendedMediaPath {
	-webkit-line-clamp: 2;
    height: 2.2em;
}
.extendedMediaDetails {
	margin-left:70px;
	height: 65px;
	overflow: hidden;
	/* min-width: 250px; */
}
.extendedMediaThumbnail {
	padding: 0px; 
	width:47px;
	float: left;
	height:41px;
}
#playoutMediaListPageInit .getPage {
	padding:4px 20%;
}
#whatsappMediaList li,
#mobileMediaList li,
#playoutMediaList li,
.extendeMediaLists li {
	cursor:pointer;
}

#whatsappMediaList li.ui-selected,
#mobileMediaList li.ui-selected,
#playoutMediaList li.ui-selected,
.extendeMediaLists li.ui-selected {
	color:white;
}
#mediaDialog label {
	font-size: 12px;
}


#SocoalMediaDialog input {
	line-height: 1em;
	font-weight: normal;
	font-family: sans-serif;
	font-size: 13px;
}
#SocoalMediaDialog label {
	font-size: 12px;
	font-weight: normal;
}


#mediaDialog input {
	line-height: 1em;
	font-weight: normal;
	font-family: sans-serif;
	font-size: 13px;
}

#mediaDialog .mediaMarkerDiscriptionInput{
	width:122px;
	height:7px;
}

#previewTabs .ui-widget-header {
	border: 0;
	background: none;
}

#previewTabs .ui-widget {
	font-size: .4em;
}

#previewTabs .ui-tabs-nav li a {
	float: left;
	padding: 0.1em .2em;
	text-decoration: none;
	font-size: .7em;
}

#previewTabs .ui-tabs-nav li {
	list-style: none;
	list-style-image: none;
}

#previewTabs .ui-tabs-nav li {
	list-style: none !important;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
}

#previewTabs .ui-tabs-nav {
	padding: 0.0em 0.0em;
}

#previewTabs .ui-tabs-panel {
	padding: 0.2em 0 0 0;
}

#previewTabs .ui-widget-header .ui-state-active a {
	color: #EB8F00;
}

#previewTabs .ui-widget-header a {
	color: gray;
}

#content #minimalistTable th {
min-width: 100px;
}

/* Minimalist table css for metadata */
#minimalistTable td, #minimalistTable th ,#SocoalMediaMinimalistTable th, #SocoalMediaMinimalistTable td,#extendedMinimalistTable th,#extendedMinimalistTable td {
	border-bottom: 1px solid #f6f6f6;
	color: #666;
	padding: 4px 2px 4px 1px;
	min-width:90px;
}

#minimalistTable td img, #minimalistTable th img ,#SocoalMediaMinimalistTable td img ,#SocoalMediaMinimalistTable th img{
	vertical-align: top;
}

#minimalistTable tr ,#SocoalMediaMinimalistTable tr,#extendedMinimalistTable tr{
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
		word-break:break-all;
		
}

#minimalistTable ,#SocoalMediaMinimalistTable,#extendedMinimalistTable{
	font-size: 12px;
	border-collapse: collapse;
	text-align: left;
	width: 100%;

}

#youtubeContent>#minimalistTable td, #youtubeContent>#minimalistTable th {
	border-bottom: 1px solid #f6f6f6;
	color: #666;
	padding: 4px 3px;
	min-width:180px !important;
}

#minimalistTable .minimalistHeading ,#SocoalMediaMinimalistTable {
	font-weight: bold;
}

#minimalistTable .minimalistStatus {
	background-color: grey;
	color: white;
	font-weight: bold;
}

.mediaGreen {
	color: #05C41F;
}

.mediaRed {
	color: red;
}

/* Run order style start */
#roSlugList, #splitRight, #splitLeft, #showTemplateStoryTitleId,
	#showtTemplateStoryList,#splitLeftDesk,#splitRightDesk,#createStoryFromShowTemplateSplit {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	color:#000;
}

#roSlugList li {
	background: white;
	position: relative;
	margin-left:53px;
	padding: .1em;
	border-bottom: 1px solid #CAAE74;
	border-top: 1px solid transparent;
	list-style: none;
	height: 17px;
	overflow: hidden;
	background-color: #fafafa;
	cursor: pointer;
	z-index:0 !important;
	font-size:0.96em;
}

#showtTemplateStoryList li {
	background: white;
	position: relative;
	margin: 0.1em 0 -2px 2em;
	padding: .17em;
	border: 1px solid #dddddd;
	list-style: none;
	height: 18px;
	overflow: hidden;
	background-color: #fafafa;
	cursor: pointer;
}

#showTemplateStoryTitleId li{
	background: white;
	position: relative;
	margin: 0.1em 0 -2px 2em;
	padding: .17em;
	border: 1px solid #dddddd;
	list-style: none;
	height: 18px;
	overflow: hidden;
	background-color: #fafafa;
	cursor: pointer;
}
#splitRight li, #splitLeft li, #splitLeftDesk li, #splitRightDesk li,#createStoryFromShowTemplateSplit li{
	background: white;
	position: relative;
	margin: 0 -4px;
	padding: .12em;
	border-bottom: 1px solid #CAAE74;
	list-style: none;
	height: 16px;
	overflow: hidden;
	background-color: #fafafa;
	cursor: pointer;
}

#roSlugList li .handle, #splitRight li .handle, #splitLeft li .handle,
	#showTemplateStoryTitleId li .handle, #showtTemplateStoryList li .handle
	{
	background: #D4D4D4;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	width:23px;
	padding-top: 4px;
}

#roSlugList li .handle span, #splitRight li .handle span, #splitLeft li .handle span,
#showTemplateStoryTitleId li .handle span, #showtTemplateStoryList li .handle span
{
	opacity: .5;
}

#roSlugList li span, #splitRight li span, #splitLeft li span,#splitLeftDesk li span,#splitRightDesk li span,
#showTemplateStoryTitleId li span, #showtTemplateStoryList li span,#createStoryFromShowTemplateSplit li span {
	float: left;
	overflow: hidden;
}

#roSlugList .ui-selecting, #splitRight .ui-selecting, #splitLeft .ui-selecting,#splitLeftDesk .ui-selecting,#splitRightDesk .ui-selecting,
#showTemplateStoryTitleId .ui-selecting, #showtTemplateStoryList .ui-selecting,#createStoryFromShowTemplateSplit .ui-selecting
{
	background: #eee;
}

#roSlugList .ui-selecting .handle, #splitRight .ui-selecting .handle,
	#splitLeft .ui-selecting .handle, #showTemplateStoryTitleId .ui-selecting .handle,
	#showtTemplateStoryList .ui-selecting .handle,#createStoryFromShowTemplateSplit .ui-selecting .showTemplateStoryAdd {
	background: #ddd;
}

#roSlugList .ui-selected, #splitRight .ui-selected, #splitLeft .ui-selected,
	#splitLeftDesk .ui-selected,#splitRightDesk .ui-selected,
	#showTemplateStoryTitleId .ui-seleted, #showtTemplateStoryList .ui-seleted,#createStoryFromShowTemplateSplit .ui-selected
	{
	background: #F39814;
}

#roSlugList .ui-selected .handle, #splitRight .ui-selected .handle,
	#splitLeft .ui-selected .handle, #showTemplateStoryTitleId .ui-selected .handle,
	#showtTemplateStoryList .ui-selected .handle{
	background: #cde;
}

.roid {
	color: blue;
	font-weight: bold;
	background-color: #eeeeee;
	padding: 0px 2px;
	margin-right: 3px;
}

.roStatus {
	width: 26px;
	background-color: red;
	margin-right: 3px;
	/* border-radius:2px; */
	margin-left: 22px;
	height: 14px;
}
.showRoStatus {
	margin-left: -2px;
	width: 20px;
}
#splitLeftDesk .roStatus,#splitRightDesk .roStatus{
	margin-left:0px;
}
.handlecaraticon{
	margin-left:2px;
}
.roFormat {
	/* border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;  */
	width: 60px;
	padding: 0 4px;
	font-size: 13px;
}

.roCreated {
	width: 100px;
	height: 20px;
	padding: 0 4px;
	font-size: 13px;
}

.roMedia {
	width: 50px;
	height: 20px;
	padding: 0 0px;
	font-size: 13px;
	margin-top: -2px;
}

.roDuration {
	width: 62px;
	padding: 0 0px;
	font-size: 13px;
	margin-top: -1px;
	margin-left: 2px;
}

.ro-status {
	/*width: 8%;*/
	width: 10%;
	font-size: 13px;
	/* font-weight: bold; */
	display: inline-table;
	margin-left: 10px;
	/*text-shadow: 0px 0px 11px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 25px 25px rgb(0 0 0 / 80%);*/
    font-weight: bold;
}

#roInfoBar {
	height: 41px;
	width: 100%;
}

.roTime {
	font-size: .6em;
	width: 150px;
	height: 28px;
	border: 1px solid #cccccc;
	margin-left: 5px;
	margin-top: 3px;
	float: left;
}

.roHeaderPanel {
	font-size: .5em;
	width: 71px;
	height: 25px;
	border: 1px solid #cccccc;
	margin-left: 3px;
	margin-top: 2px;
	text-align: center;
	float: left;
}

.roTimeText {
	font-size: 1.8em;
	letter-spacing: .2em;
	color: blue;
}
#rundownsSlNo .rundownSlNo {
    position: relative;
    margin-left: 0;
    /*padding: .156em !important;*/
    padding: .1em .15em .1em .15em;
    list-style: none;
    /*height: 16.3px !important;*/
    height: 17px !important;
    width:24px;
    border-bottom:1px solid #CAAE74;	
    border-top: 1px solid transparent
}

th.fc-day-header {
	color: white;
    background: #5f89bc;	
}
.fc-ltr .fc-axis {
	color: white;
    background: #a5a5a5;
}
#showEventsTemplate .fc-toolbar, #eventsTemplate .fc-toolbar ,#assignmentNavEventsTemplate .fc-toolbar, #eventsTemplate .fc-toolbar{
	font-size: .8em;
    padding: 3px 10px 0 10px;	
}
.fc-now-indicator {
	border-right-color:#fe7f00 !important;
	border-left-color:#fe7f00 !important;	
}
.fc-time-grid .fc-now-indicator-line {
	border-top-color:#fe7f00 !important;
	border-bottom-color:#fe7f00 !important;
}
.fc-time-grid .fc-slats .fc-minor td {
	border-top-width: 0;
}
.fc-event, .fc-event-dot {
	margin-bottom: 1px;
    font-size: 0.8em !important;	
    background-color: #4780c5 !important;
    cursor:pointer;
}
.fc-event, .fc-event:('.extraInfo,.ShowOnAirInfo'):hover, .ui-widget .fc-event {
	color: white;
}
.fc th, .fc td {
	font-weight: normal;	
}
#showEventsTemplate .fc-toolbar .fc-center, #eventsTemplate .fc-toolbar .fc-center ,#assignmentNavEventsTemplate .fc-toolbar .fc-center, #eventsTemplate .fc-toolbar .fc-center{
	font-size: 0.9em;
}
#showEventsTemplate .fc-toolbar .fc-center > *, #eventsTemplate .fc-toolbar .fc-center > *,#assignmentNavEventsTemplate .fc-toolbar .fc-center > *, #eventsTemplate .fc-toolbar .fc-center > *{
	font-weight: normal;
	color: #3d739e;
}
#showEventsTemplate .fc-toolbar .fc-left .ui-state-disabled, #eventsTemplate .fc-toolbar .fc-left .ui-state-disabled ,#assignmentNavEventsTemplate .fc-toolbar .fc-left .ui-state-disabled, #eventsTemplate .fc-toolbar .fc-left .ui-state-disabled{
	opacity: 1 !important;
}
 .eventsFormDiv {
	margin-top:10px;	
 }

#roWrapper {
	min-width: 900px;
	position:relative;
}

#showScriptWrapper {
	min-width: 800px;
	/* min-height: 1000px; */
}
#scriptWrapper, #deskTabs,#advancesearch_scriptWrapper,#assignmentNaviTab{
	margin: 6px 0 0 6px;
}
/* Ro style end */
.doubleInput {

	color: #666;
	padding: 5px;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee),
		color-stop(15%, #ffffff));
	background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
	background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
	background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
	background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
	border: 1px solid #aaa;
}

.readingTextSmall {
	font-size: 15px;
}

.readingTextBig {
	font-size: 16px;
}

.btnMenu {
	z-index: 1006
}

.roHeader {
	background-color: #89B9F4;
	margin-top: 1px;
	line-height: 25px;
	vertical-align: middle;
	color:#000;
	height : 25px;
	overflow:hidden;
}

.roHeader ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	padding-left: 2px;
}

.roHeader li {
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
}

.roHeader li span {
	display: inline-block;
}

.slugShowStatus {
	width: 20px;
	margin-left: 0px;
	height: 17px;
}

/* DESK UI START ***************************************************** */
#storyList .ui-selecting ,#advanceSearchStoryList .ui-selecting {
	background: #FECA40;
}

#storyList .ui-selected {
	background: #F39814;
	color: white;
}

#storyList ,#advanceSearchStoryList,#assigmentsNavSytoryList{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#storyList li ,#advanceSearchStoryList li,#assigmentsNavSytoryList li,#newsflowMediaList div{
	position: relative;
	margin: .1em 0;
	padding: .2em;
	list-style: none;
	padding-left: 30px;
	z-index: 0;
	height: 3.4em;
}

#storyList li .handle {
	background: #f8f8f8;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding-top: 22px;
}

.storySnapTitle {
	float: left;
	width: 95%;
	line-height: 1.18em;
	font-size: 1em;
	height: 2.33em;
	color: blue;
	margin-bottom: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /*choose second line trim */
	-webkit-box-orient: vertical;
	word-break: break-word;
}

.desklinkedStory{
	color:#000084 !important;
}

.storySnapWrapper {
	clear: both;
	display: block;
	position: absolute;
	/*left: 21px;*/
	left: 5px;
	margin-right: 80px;
	width: 82%;
	font-size: .8em;
	overflow: hidden;
}

.storySnapItemWrapper {
	float: left;
	clear: both;
}

.storySnapItemIcon {
	background-color: #dddddd;
	display: block;
	margin-left: 0px;
	position: absolute;
	top: 0px;
	right: 11px;
	height: 33.33%;
	padding: 0px 2px;
	font-size: 13px;
	color: gray;
	width: 35px;
}

.storySnapItemIconSecond {
	top: 1.5em;
	border-top: 1px solid #cccccc;
}

.storySnapItemIconThird {
	top: 3em;
	border-top: 1px solid #cccccc;
}

.storySnapStatus {
	width: 14px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0;
	background-color: none;
}

.storySnapDate {
	float: right;
	/* border-radius:2px; */
	margin-right: 12px;
}

.storySnapFormat {
	float: left;
}

.storySnapDur {
	float: right;
	/* border-radius:2px; */
	 margin-right: 12px; 
}

.storySnapAuthor,.storySanpDeskNameList,.storySanpDeskStoryCategoryList {
	float: left;
}

.storySnapaAssignTo {
	float:left;
    color:#720c0c;
}

.storySnapDetailsWrapper {
	width: 101%;
	line-height: 1.3em;
	font-size: .8em;
	float: left;
	clear: both;
}
/* DESK UI END***************************************************************************** */

/* Runorder UI START********************************************************************** */
.deleteShow,.restoreShow {
	float: right;
	color: gray;
}
.ui-selected .deleteShow{
	 color:white !important; 
}
.deleteShow:HOVER {
	color: red !important; 
}
.restoreShow:hover,.duplicateShow:hover{
	color: blue !important;
}
.modifyShow {
	position: absolute;
	top: 0;
	right: 0;
}

.editShow,.duplicateShow {
	position: absolute;
	top: 17px;
	right: 0;
	color: grey;
}

.ui-selected .editShow{
	 color:white !important; 
}
.editShow:HOVER {
	color: blue !important; 
}

.showSnapWrapper {
	position: relative;
}

.showSnapOnair {
	font-size: 12px;
	color: #ccc;
}

#mosActive {
	padding: 3px;
	border: 1px solid orange;
	/* border-radius:2px; */
	font-size: 15px;
	color: orange;
}

#mosActive:HOVER {
	border: 1px solid blue;
	color: blue;
	cursor: pointer;
}

#mosActiveListDiv {
	position: absolute;
	z-index: 10001;
	width: 200px;
	background-color: #eeeeee;
	border: 1px solid Blue;
	box-shadow: inset 6px -2px 10px -7px #888;
	text-align: left;
	padding: 4px;
	display: none;
	/* border-radius:2px; */
}

/* Planning Start ********************************************** */
.planningHeader {
	background-color: blue;
	color: white;
	padding: 2px 4px;
	margin: 0;
}

.planningHeader li {
	display: inline-block;
}

.planningHeaderTitle, .planningContentTitle {
	min-width: 400px;
}

.planningHeaderStringer, .planningContentStringer {
	min-width: 150px;
}

.planningHeaderLocation, .planningContentLocation {
	min-width: 150px;
}

.planningHeaderStatus, .planningContentStatus {
	min-width: 80px;
}

.planningHeaderETA, .planningContentETA {
	min-width: 150px;
}

.attachBtn .ui-button-text {
	padding: 0;
}
#attachClip span {
	padding: .1em .5em
}

p.ticker-content span {
	cursor: pointer;
}

.scriptVersion {
	background-color: white;
	background-position: initial initial;
	background-repeat: initial initial;
	color: white;
	float: right;
	font-size: 9px;
	height: 0;
	position: relative;
	margin-top: -18px;
	z-index: 1000000000;
	font-weight: bold;
	cursor: pointer;
}

#roTitle, #readingSpeed {
	border: none;
	background: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	padding: 0px;
}
#fullScriptContentWrapper #roTitle, #fullScriptContentWrapper #readingSpeed{
	width : auto !important;
	max-width : none !important;
}

#roTitle:focus {
	border: none;
}

#roTitle option[class="1"] {
	background: green;
}

/* ==================================================
 * 1) Inline Label
 * ================================================== */
.label {
	width: 123px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

.showsnap-label {
	width: 100px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

/* .w10, .w20, .w30, .w50, .w70, .w100, .w40 {
	height: 35px;
	float: left;
	display: inline-block;
	width: 100%;
	height: auto !important;
}

.w10 {
	width: 10%;
	margin-bottom: 4px;
}

.w20 {
	width: 20%;
	margin-bottom: 4px;
}

.w30 {
	width: 30%;
	margin-bottom: 4px;
}

.w40 {
	width: 40%;
	margin-bottom: 4px;
}

.w50 {
	width: 50%;
	display: inline-block;
	margin-bottom: 4px;
}

.w70 {
	width: 70%;
	margin-bottom: 4px;
}

.w100 {
	width: 100%;
	margin-bottom: 4px;
	display: inline-block;
}
 */
.tablecontainer {
	display: inline-table;
	width: 100%;
	border-collapse: collapse;
	/* max-width:950px; */
}

.formcontainer {
	margin-left: 14px;
}

.formheader {
	margin: 6px 0 0 0;
	font-size: 16px;
	color: #424242;
}

.formvalidatetitle {
	margin: 0px 0px 6px 0px;
}

.heading {
	font-weight: bold;
	display: table-row;
	background-color: #C91622;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	font-family: georgia;
	color: #fff;
}

.bottomSpace {
	margin-bottom: 0.2%;
}
.runorder-bottom-space {
	margin-bottom: 2.2%;
}
.btnleftSpace {
	margin-left: -0.1em;
}
/*====================================================
 
            wire 
 ==================================================*/
.commentDiv,.commentDivFoRejectedStories{
	border-top: 1px solid #bad6f2;
	color: blue;
	margin: 3px;
    padding: 14px 4px;
    position: relative;
    cursor: pointer;
    text-transform: capitalize;
    box-shadow: 0 4px 52px -14px rgba(0, 0, 0, 0.25);
}
.commentBy {
	
}

.commentDetails {
	float: right;
	font-size: 11px;
	color: blue;
}

#recievedTime {
	color: #3A3A3A;
	float: left;
	font-size: 0.8em;
	font-weight: bold;
}

div.error, label.error {
	font-size: 0.7em !important;
	font-weight: bold;
	float: none;
/* 	margin-left: 130px; */
	color: red;
}


.textareaMainWrapper textarea[readonly="readonly"] {
	background-color: #ddd;
}
#deskSplitVerticalDiv .textareaMainWrapper {
	margin-left : -5px;
}

.logOut {
	color: grey;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-transform: capitalize;
	text-align:center;
	border-right:1px solid rgb(73, 72, 72);
	border-left:1px solid rgb(73, 72, 72);
	height:23px;
	z-index: 1003; 
	float: right;
	padding: 5px;
	position: relative;
	cursor:pointer;
  }
  
  
  /*label #loginName {
    overflow: hidden;
    word-break: break-all;
    width: 96px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }*/
  

#menuLogout
{
	cursor: pointer;
}
#menuLogout:hover,.logoutOnHover
{
	color:#39A5FF;
}
/* .message-list-icon {
  background-color:#FFF;
  color:#1376C9;
  font-family:sans-serif;
  font-size:12px;
  font-weight:bold;
  padding:1.5px 3px 0px 3px;
  position:absolute;
  right:3px;
  text-transform:capitalize;
  top:2px;
  vertical-align:middle;
  width:auto;
  z-index:1003;
  cursor: pointer;
} */
.assign-story-list-icon , .notification-story-list-icon , .advanceSearch-story-list-icon {
	color: grey;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 34px;
	width:33px;
	text-transform: capitalize;
	z-index: 1001;
	cursor: pointer;
	text-align: center;
	border-right: 1px solid rgb(73, 72, 72);
	border-left: 1px solid rgb(73, 72, 72);
	background: #000;
	position: relative;
	float: left;
}

.assign-story-list-icon i {
 color:grey;
 font-size:13px; 
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
/* order: name, direction, duration, iteration-count, timing-function */  
-moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
-webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
-ms-animation:blink normal 2s infinite ease-in-out; /* IE */
animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

.assign-story-list-icon:hover{
background:#3D3D3D;    
color:#eee;
}

#userStoryAssignCount
{
	font-size: 12px;
	font-weight: bold;
	/*background: #3C688C;*/
	padding:1px 0px;
	color:grey;
	
}​
#menuLogout {
	cursor: pointer;
}

.roTimeSlugText, .roTimeSelectText,.roTimeSlugPlannedDur, .roTimeSlugRemaningDur {
	font-weight: normal;
	font-size: 13px;
}

#showSplitVerticalDiv {
	width: 90%;
	overflow-y: auto;
	display: none;
}

.splitplaceholder {
	border: 1px solid orange !important;
	font-weight: bold;
}

.logHeader {
	background-color: #89B9F4;
	border: 1px solid #828A8E;
	color: #E5DECF;
	display: inline-block;
	font-family: X, Verdana, Arial, X;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin: -3px;
	padding: 4px;
}

.logTable {
	display: inline-table;
	font-family: X, Verdana, Arial, X;
	font-size: 12px;
	height: 20px;
	margin: -2px;
	padding: 4px;
	text-align: left;
	width: 20%;
	margin-bottom: 3px;
}

.roundedcorner {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-family: X, Verdana, Arial, X;
	font-size: 12px;
	margin: -2px;
	padding: 4px;
	text-align: left;
}

.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	float:right;
	margin-right: 6px;
}

.rating>span {
	display: inline-block;
	position: relative;
	width: 13px;
	color:rgb(80,80,79) !important;
}

.rating>span:hover, .rating>span:hover ~ span {
	color: transparent;
}

.rating>span:hover:before, .rating>span:hover ~ span:before {
	content: "\2605";
	position: absolute;
	color: red;
}

.star-active {
	display: inline-block;
	unicode-bidi: bidi-override;
	direction: ltr;
	left: 1px;
}

.star-active:before {
	position: absolute;
	content: "\2605";
	color: #ffa500;
}

#clipsDone, #cgDone {
	font-size: 11px;
}

.helperUI {
	z-index: 3000;
	color: blue;
	list-style: none;
}

div#searchHeader div {
	margin-bottom: 3px;
}

/* Media Start Start ********************************************** */
.mediaDialogHeader {
	background: gray;
	color: white;
	text-align: center;
}

#previewTab{
	/* height: 266px; */
	height: 253px;
	border: 1px solid #eee; /* border-radius:2px; */
	margin: 2px;
}

#mediaSearchHeader ,#SocoalMediaSearchHeader{
	line-height: 1.5em;
	border: 1px solid grey;
	text-align: center;
	height: 1.5em;
}

#mosSearchDate ,#media_mosSearchDate  {
	width: 100px;
	line-height: 1em;
}
#SocoalMediaMosSearchDate ,#SocoalMediaMosSearchByGroup {
	width: 100px;
	line-height: 1em;
	font-size: 12px;
}
#mediaListheader,#SocoalMediaListheader {
	border: 1px solid white;
	margin: 2px;
	overflow: auto;
	font-size: .6em;
	width: 52%;
	display: inline-block;
	height: 564px;
	float: left;
	clear: both;
}


#metadataTab{
 height:305px;
/*min-height:100%;*/
overflow:hidden;
border: 1px solid white;
border-radius: 2px;
margin:2px;
background-color:#eee;
}

#youtubeMediaMarkInSpans,#youtubeMediaMarkOutSpans {
	color: white;
	background-color: grey; /* border-radius:3px; */
	border: 1px solid #eeeeee;
	padding: 1px;
	cursor: pointer;
	font-size: 10px;
	line-height: 1em;
}

#youtubeMediaVideoPlayer{
	width: 370px;
	margin-bottom: 15px;
    box-shadow: 6px 6px 5px #898989;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;	
}

#uploadToYoutubeBtn,#abortUploadingToYoutubeBtn,#retryUploadingToYoutubeBtn,#btnSaveStatus,#applicationSettingsSavebtn,#applicationSettingsRestorebtn{
	padding: .3em .5em !important;
	border: 1px solid #cccccc;
    font-weight: normal;
    color: #006B9E !important;
    background: #fff;
    cursor:pointer;
    margin:1px;
}

#loader {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/ajaxSearchLoading.gif') 50% 50% no-repeat;
	z-index: 100000;
	background-color: #ffffff;
	opacity: 0.3;
	display:none;
}

.storyLoader {
	position: fixed;
	left: 0px;
	top:12%;
	width: 25%;
	height: 100%;
	z-index: 9999;
	background: url('../images/ajaxSearchLoading.gif') 50% 50% no-repeat;
	z-index: 100000;
	background-color: #ffffff;
	opacity: 0.3;
	display:none;
	bottom: 8%;
}
.readonlyTheme {
	background: #eeeeee !important;
}

.backgroundGreen {
	background: green;
	color: black;
}

#refresh {
	float: left;
	font-size: 11px;
	margin-top: -4px;
	left: -8px;
    position: relative;
}

#search {
	float: right;
	font-size: 11px;
	margin-top: -4px;
	/*margin-right: -12px;*/
}

.highlightColor {
	color: #F39814 !important;
}

.showhighlightColor {
	color: #0000FF;
	text-shadow:0px 0px 3px #fffafa, 0px -1px 0px #ffffff, 0px 0px 0px #000000, 0px 25px 25px rgb(0 0 0 / 80%);
}
.showhighlightColorClip{
	color:#ea4747;
	text-shadow:0px 0px 3px #fffafa, 0px -1px 0px #ffffff, 0px 0px 0px #000000, 0px 25px 25px rgb(0 0 0 / 80%);
}
.showlightColor {
	color: gray;
	text-shadow:0px 0px 3px #fffafa, 0px -1px 0px #ffffff, 0px 0px 0px #000000, 0px 25px 25px rgb(0 0 0 / 80%);
}
.showGreeColor {
	color: green;
	text-shadow:0px 0px 3px #fffafa, 0px -1px 0px #ffffff, 0px 0px 0px #000000, 0px 25px 25px rgb(0 0 0 / 80%);
}
.showlightColor {
	color: #aaa;
}

#wireItemsList .ui-selecting {
	background: #FECA40;
}

#wireItemsList .ui-selected {
	background: #F39814;
	color: white !important;
}

#wireItemsList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#wireItemsList li {
	margin: 3px;
	padding: 0.1em 0.1em 0.1em 0.4em;
	font-size: 14px;
	height: 47px;
	position: relative;
	cursor: pointer;
	color: blue;
	line-height: 16px;
}
#wireItemsList li.visited{
	color: #609;
}
#tweetList .ui-selecting,#facebookList .ui-selecting  {
	background: #FECA40;
}

#tweetList .ui-selected,#facebookList .ui-selected {
	background: #F39814;
	color: white;
}

#tweetList,#facebookList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#tweetList li,#facebookList li {
	margin: 5px 1px 5px;
	padding: 2px 4px;
	font-size: .85em;
	height: auto;
	position: relative;
	color: blue;
	box-shadow: 0px 2px 1px rgb(193, 193, 193);
    background: #fdfdfd
} 
.socialTrendList .ui-selecting,#facebookList .ui-selecting  {
	background: #FECA40;
}
.socialTrendList,.socialTweetList{
display:none;
}

.socialTrendList.ui-selected,#facebookList .ui-selected,.socialTweetList.ui-selected{
	background: #F39814;
	color: white;
}

.socialTrendList,#facebookList,.socialTweetList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.socialTrendList li,#facebookList li,.socialTweetList {
	margin: 5px 1px 5px;
	padding: 2px 4px;
	font-size: .85em;
	height: auto;
	position: relative;
	color: blue;
	/* box-shadow: 0px 2px 1px rgb(193, 193, 193);
    background: #fdfdfd */
    border:none;
    background:none;
}

.socialTrendList li,.socialTweetList li{
	margin: 5px 1px 5px;
	padding: 2px 4px;
	font-size: .85em;
	height: auto;
	position: relative;
	color: blue;
	/* box-shadow: 0px 2px 1px rgb(193, 193, 193);
    background: #fdfdfd */
    border:none;
    background:none;
   /*  display:none; */
}

#facebookList li {
	cursor: pointer;	
}

.tweetWrapper,.facebookWrapper {
	padding: 0px 2px;
}

.tweetTitle,.facebookTitle {
	font-size: 13px;
	width: 94%;
}
.messageDialogBtn {
	float : right;
	top: -2.8px;
    margin-left: 4px;
}
#messageSearchHeader {
	display: block;
    padding: 3px;
    background-color: eeeeee;
    font-size: 12px;
    font-weight: bold;
    width: 94%;
}
.messageTitle {
	height: 2.4em;
    display: -webkit-box;
    padding: 2px;
    line-height: 1.2em;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    word-break: break-word;
    -webkit-box-orient: vertical;
}
#messageDescription {
    max-height: 190px;
    overflow: hidden;
    overflow-y: auto;
    padding: 7px;
    box-shadow: 0px 0px 17px grey;
    margin-top: 7px;
    border-radius: 4px;
    font-size: .9em;
    color: #375f5f;
}
.messageDetailsLabel {
	margin: 6px 5px;
    display: block;
}
.messageInboxLi{
	background: #d5dee6 !important;
    border: 1px solid #b3c9dc !important;
}
#messageUserInfo {
	margin-left: 5px;
    color: #ce7f16;
    font-size: 11px;
}
#messageSentInfo {
	float: right;
    margin-right: 6px;
    color: #2d8a52;
    font-size: 11px;	
}

#messageList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#messageList li {
	margin: 3px;
	padding: 2px 4px;
	font-size: .85em;
	min-height: 55px;
	max-height: auto;
	position: relative;
	cursor: pointer;
	color: blue;
}

#dialogMessageSaveBtn span{
	color: #fff;
}

.tweetName {
	font-size: 9px;
}

.tweetTime {
	font-size: 9px;
}

.nameLink {
	color: blue;
}
.wireMetadata, .messageMetaData{
	padding: 1px 1px;
	color: grey;
	font-size: .7em;
	text-align: center;
	bottom: 0;
	width: 98%;
}
.messageMetaData {
	font-size: .75em;
}
.facebookMetadata {
	padding: 1px 1px;
	color: grey;
	font-size: .7em;
	text-align: center;
	width: 98%;
	
}
.twitterMetadata{
	padding: 1px 1px;
	color: grey;
	font-size: .7em;
	text-align: center;
	bottom: 0;
	width: 98%;
}
#wireTree .ui-selecting {
	background: #FECA40;
}

#wireTree .ui-selected {
	background: #F39814;
	color: white;
}

#wireTree {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#wireTree li {
	margin: 1px;
	padding: 0.1em;
	font-size: 1em;
	height: 20px;
	cursor: pointer;
	background-size: 20px 100%;
}
/***************end**************/

/******************************assignment***************************/
#assignedStoryList .ui-selecting,#myStoryList  .ui-selecting,#assignmentsByMeStoryList .ui-selecting{
	background: #FECA40;
}

#assignedStoryList .ui-selected,#myStoryList .ui-selected,#assignmentsByMeStoryList .ui-selected{
	background: #F39814;
	color: white;
}

#assignedStoryList,#myStoryList,#assignmentsByMeStoryList
 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#assignedStoryList li,#myStoryList li ,#assignmentsByMeStoryList li {
	position: relative;
	margin: .1em 0;
	padding: .2em;
	list-style: none;
	padding-left: 30px;
	z-index: 0;
	height: 3.4em;
}

#assignedStoryList li .handle,#myStoryList li .handle,#assignmentsByMeStoryList li .handle {
	background: #f8f8f8;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding-top: 22px;
}

#draftUserStroies .ui-selecting {
	background: #FECA40;
}

#draftUserStroies .ui-selected {
	background: #F39814;
	color: white;
}

#draftUserStroies {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#draftUserStroies li {
	position: relative;
	margin: .1em 0;
	padding: .2em;
	list-style: none;
	padding-left: 30px;
	z-index: 0;
	height: 3.4em;
}

#draftUserStroies li .handle {
	background: #f8f8f8;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding-top: 22px;
}

.deskSnapTitle {
	float: left;
	clear: both;
	display: block;
	position: absolute;
	left: 30px;
	margin-right: 80px;
	height: 2.4em;
	overflow: hidden;
}

.snapItemWrapper {
	float: left;
	clear: both;
}

.second {
	top: 1.6em;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 0px;
	border-top: 1px solid #cccccc;
	margin-top: -1px;
}

.helperUI {
	z-index: 3000;
	color: blue;
	list-style: none;
}

#assignedStoryList .showDivider,#assignmentsByMeStoryList .showDivider {
	height: 16px;
	text-align: center;
	color: grey;
	font-size: .8em;
}

#assignedStoryList, #draftUserStroies .showDivider .handle,#assignmentsByMeStoryList {
	display: none;
}

#draftUserStroies .showDivider {
	height: 16px;
	text-align: center;
	color: grey;
	font-size: .8em;
}

/*********************assignment preview *****************/
#scriptWrapper .ui-widget-header ,#advancesearch_scriptWrapper .ui-widget-header,#assignmentNaviTab .ui-widget-header{
	border: 0;
	background: none;
}

#scriptWrapper .ui-widget ,#advancesearch_scriptWrapper .ui-widget,#assignmentNaviTab .ui-widget  {
	font-size: .8em;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: 0.1em .8em;
	text-decoration: none;
}

#scriptWrapper .ui-widget-header .ui-state-active a ,#advancesearch_scriptWrapper .ui-widget-header .ui-state-active a,#assignmentNaviTab .ui-widget-header .ui-state-active a{
	color: #EB8F00;
}

#scriptWrapper .ui-widget-header a ,#advancesearch_scriptWrapper .ui-widget-header a,#assignmentNaviTab .ui-widget-header a{
	color: gray;
}

.trim-text {
   width: 95%;
   height: 70%;
   margin-bottom:-2px;
   display: inline-block;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /*choose second line trim */
   -webkit-box-orient: vertical;
		
}
.fileUrl{	
	width: 97%;
	display: inline-block;
	/* -o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; */
}

.text-center {
	text-align: center;
}
.facebook_delete,.tweet_delete{
	font-size:14px;
	cursor:pointer;
}

.prev-button,.next-button
{
	
	background-color:#AAAAAA;
  height:27px;
  opacity:0.7;
  padding-top:6px;
  text-align:center;
  width:44px;
  z-index:1007;
}
.label-card{
	position: relative;
	float: left;
	width:260px;
	height: 130px;
    margin-right:20px;
    color:#fff;
    margin-bottom:20px;
	box-shadow: 5px 5px 5px #888888;    
}
.label-card:hover {
	zoom: 1.01;
}
.card-num
{
   float: right;
  
  padding:5px;
  color: #fff;
  font-size: 2em;
  min-width: 40px;
  text-align: center;

  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(0, 0, 0, 0.4);
}
.card-icon
{
 color:#fff;
 position: absolute;
 left: 0px;
 top: 0px;
 margin-top:10px;
 margin-left: 10px;
}
.card-icon i{
	padding-left: 15px;
	font-size: 2.5em;
}

.card-name{
 color: #fff;
 padding-left: 15px;
 font-size: 1.2em;
 text-decoration: none;
 text-transform: uppercase;
 position: absolute;
 bottom:0px; 
 left: 0px;
 margin-bottom: 8px;
}


.board-story-content
{
 color:#fff;
 text-align: center;
 margin-top:23px;
 font-size: 1.2em;
 text-transform: uppercase;
}

.board-name{
 color: #fff;
 font-size: 0.7em;
 text-decoration: none;
 text-transform: uppercase;
 position: absolute;
 bottom:0px; 
 padding:10px;
 width: 92%;


  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(0, 0, 0, 0.4);
 /* text-overflow:ellipsis;
  overflow: hidden;
  white-space: nowrap;*/
}

/*@-ms-viewport {
  width: device-width;
}*/

.emptyScript-highlight{
	/* background:#e88787a1 !important; */
	background-color:rgba(238,165,177,0.76) !important;
}

li[class*=break-highlight]{
	background:rgba(166, 61, 19, 0.3) !important;
	/* border-top: 1px solid #CAAE74 !important;
    border-bottom: 2px solid #CAAE74 !important; *//*
    height: 16px !important;
    padding: 0.1457em !important;*/
} 
li[class*="break-highlight ui-selected"] {
background:#F39814 !important;	
}

li[class*=subdivider-highlight]{
	background:#aaa3a1 !important;
	/* background:#e6e188 !important; */
	display: flex;
	justify-content: center;   /* center horizontally */
	align-items: center;       /* center vertically */
	font-weight: bold;         /* make it stand out */
	color: #333;               /* text color */
	/* border-top: 1px solid #ccc; */
	border-top: 1px solid #6d6d6d !important;
	border-bottom: 1px solid #ccc;
	font-style: italic;
} 
li[class*="subdivider-highlight ui-selected"] {
background:#F39814 !important;	
}

.editable-divider-title {
	position:relative;
	height: 20px;
	white-space:nowrap;
	line-height:1.7em;
	text-transform: uppercase;
	/* color: red; */
	left:-40px;
}

   /*.border-flash{
            border:1px solid #6AAD6A;
            box-shadow: 0 0 3px 3px #95C795;
        }*/

/***********assignment border flash**********/

@e borderBlink {    
    from, to {    
        border-color: transparent    
    }    
    50% {    
        border-color: black    
    }    
}

@keyframes borderBlink {    
    from, to {    
        border-color: transparent    
    }    
    50% {    
        border-color: #EB8F00;                /* #6AAD6A;*/ 
        box-shadow: 0 0 1px 1px #EB8F00; /*#0CD81E;*/
    }    
}

.border-flash {    
     border:1px solid transparent;    
     -webkit-animation: borderBlink .8s linear infinite;    
    animation: borderBlink .8s linear infinite; 
}

.icon-background-style{
	 border: 1px solid white;
    background-color: white;
    color: red;
    border-radius: 17px;
    font-size: 7px !important;
    text-align: center;
    vertical-align: middle;
    margin-top: -2px;
    height: 8px;
    width: 7px;
}

.plan-duration,.plan-edit-duration{
	    padding:0px 2% !important;
    margin: 0px 0px;
    height: 26px;
    width: 95.3% !important;
}


/*******************************************/


/***********assignment count flash**********/

@-webkit-keyframes assignmentCountBlink {    
    from, to {    
       color: #fff;    
    }    
    50% {    
        color: black;   
    }    
}

@keyframes assignmentCountBlink {    
    from, to {    
       color: #fff;    
    }    
    50% {    
      color: black;           /* #6AAD6A;*/ 
        /*#0CD81E;*/
    }    
}

.assign-count-flash {    
     color:#fff;    
     -webkit-animation: assignmentCountBlink .8s linear infinite;    
    animation: assignmentCountBlink .8s linear infinite; 
}
.count-flash {
	border-color: #ff8201;
	color: #ff8201 !important;
}
/*******************************************/

/***********message count flash**********/

@-webkit-keyframes messageCountBlink {    
    from, to {    
       color: #39A5FF; 
    }    
    50% {    
        color: #fff;      
    }    
}

@keyframes messageCountBlink {    
    from, to {    
       color: #39A5FF;    
    }    
    50% {    
      color: #fff;           
    }    
}

.message-count-flash {    
     color:#39A5FF;    
     -webkit-animation: messageCountBlink .8s linear infinite;    
    animation: messageCountBlink .8s linear infinite; 
}

.editCG p:HOVER{
	text-decoration: underline;
	cursor: pointer;
}

/*******************************************/

/* editable combo box */
 
	/*div.combobox{font-family: Tahoma;font-size: 12px}
	div.combobox{position: relative;zoom: 1}
	div.combobox div.dropdownlist
	{
		display: none;width: 150px;
		border: solid 1px #000;background-color: #fff;
		height: 200px;overflow: auto;position: absolute;
		top: 18px;left: 13px;
	}
	div.combobox .dropdownlist	a{
		display: block;text-decoration: none;
		color: #000;padding: 1px;height: 1em;cursor: default
	}
	div.combobox	.dropdownlist	a.light	{
		color: #fff;
		background-color: #007;
	}
	div.combobox	.dropdownlist, input {
		font-family: Tahoma;font-size: 12px;
	}
	div.combobox input {
		float: left;width: 140px;
		border: solid 1px #ccc;height: 15px;
	}
	div.combobox span
	{
		border: solid 1px #ccc;background: #eee;
		width: 16px;height: 17px;
		float: left;text-align: center;border-left: none;cursor: default;
	}
*/

/*.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}*/

/********************************************/
/********************************************/

/* CSS to disable text selection */
.disable-text-selection {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* Ticker Color Css */
/*.ticker-content {
	background-color: #1c68b7 !important;
	width: auto !important;
	padding-right: 15px !important;
}

.ticker-content span, .ticker-content a{
	color: #fff !important;
}*/

li.ui-selected{
	background: #F39814 !important;
	
}

/* Color Differentiation of parent and child desk */
.desk, #menuTrash{
	color: #fff !important;
}
.parentDesk{
	/*color: #888 !important;*/
}
.childSubDesk{
	padding-left: 46px !important;
}
.childDesk{
	/*color: #898989 !important;*/
	padding-left: 26px !important;
}/* 
.secondDesk{
	color: #ccc !important;
} */

/* to override action button padding */
.ui-button-text-only .ui-button-text {
    padding: .27em .4em !important;
}


.simple-pagination{
	display:block;
	overflow:hidden;
	padding:0 5px 5px 0;
	margin:0;
}
.simple-pagination ul{
	list-style:none;
	padding:0;
	margin:0;
}
.simple-pagination li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}
div#rundown-leftdesk-pagination,div#rundown-rightdesk-pagination,#wordPressPagination{
	border-left:1px solid #AAA;
	border-radius:3px 0 0 3px;
}
#wordPressPagination a, #wordPressPagination span {
	font-size:10px;
	line-height:20px;
	padding:0 3px;
} 
#wordPressPagination .current {
	background:#cacaca;
	background:-moz-linear-gradient(top, #cacaca 100%, #efefef 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(100%,#cacaca), color-stop(100%,#efefef));
	background:-webkit-linear-gradient(top, #cacaca 100%,#efefef 100%);
	background:-o-linear-gradient(top, #cacaca 100%,#efefef 100%);
	background:-ms-linear-gradient(top, #cacaca 100%,#efefef 100%);
	backgrouund:linear-gradient(top, #cacaca 100%,#efefef 100%);	
}

.light-theme a, .light-theme span{
	float:left;
	color:#333;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	text-align:center;
	border:1px solid #aaa;
	border-left:none;
	min-width:14px;
	padding:0 6px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	background:#efefef;
	background:-moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
	background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:-o-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:-ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
	background:linear-gradient(top, #ffffff 0%,#efefef 100%);
}
.light-theme .current{
	background:#428bca;
	background:-moz-linear-gradient(top, #428bca 100%, #efefef 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(100%,#428bca), color-stop(100%,#efefef));
	background:-webkit-linear-gradient(top, #428bca 100%,#efefef 100%);
	background:-o-linear-gradient(top, #428bca 100%,#efefef 100%);
	background:-ms-linear-gradient(top, #428bca 100%,#efefef 100%);
	backgrouund:linear-gradient(top, #428bca 100%,#efefef 100%);
	cursor:default;
}
#splitLeftCount, #splitRightCount{
	margin-left: 20px;
    background-color: green;
    border-radius: 10px;
    padding: 2px 5px;
    color: #fff;
}

#dateSearchDiv,#deskLeftDateSearchDiv,#deskRightDateSearchDiv,#dateSearchDivRight,#powerviewWireSearchDiv{
	display:none;
	position:relative;
	height:25px;
	margin-top:2%;
	background-color:#CECECE;
	padding:1%;
	border: 1px solid #BBB8B8;
	margin-right: 2px;
}

#closeDateSearchDiv,#deskLeftCloseDateSearchDiv,#deskRightCloseDateSearchDiv,#closeDateSearchDivRight,#closeWireSearchhDiv{
	margin: 5px 5px 0 0;
	float:right;
	color:#881C1C;
	cursor:pointer;

}

.designationInfoDiv{
	float: left;
}

#socket-update-user{
	text-transform: capitalize;
}

.roSlugListWrapper{
	max-height:370px;
}

.clipIdSpan{
	font-size: 9px;
	color: #C8CCD0;
}

.clipsLi{
	color: #f4f4f4;
}

/* Search Desk snap */

.searchDivWrapper, .searchDivWrapperVisible, .searchDivIconWrapper, .searchDivWrapperForChannel{
	width: 100%;
	height: 25px;
	display: inline-block;
	color: #000;
}

.searchDivWrapper, .searchDivWrapperForChannel{
	display: none;
}

.searchDivWrapper label, .searchDivWrapperVisible label, .searchDivWrapperForChannel label{
	width: 31%;
	max-width: 35%;
	float: left;
	text-align: right;
	padding-right: 20px;
	margin-top: 8px;
	font-weight: normal;
}

.searchDivWrapper input, .searchDivWrapperVisible input{
	width: 72%;
	max-width: 72%;
	float: left;
	margin-top: 8px;
}

.searchDivWrapper select, .searchDivWrapperVisible select, .searchDivWrapperForChannel select{
	width: 50%;
	max-width: 51%;
	float: left;
	margin-top: 8px;
}

.searchDivWrapper i, .searchDivWrapperVisible i{
	float: right;
    margin: 12px 12px 0 0;
    color: #D1D0D6;
    cursor: pointer;
}

.searchDivWrapper i:hover{
	color: #E07070;
}

.searchQuery{
	position: absolute;
	text-align: right;

}
.jAlert {
	z-index:1010 !important;
}
/* Configuration div UI css */
.page-spinner-bar {
  position: absolute;
  top: 28%;
  left: 71%;
  text-align: center;
}
.page-spinner-bar > div {
  margin: 0 2px;
  width: 5px;
  height: 5px;
  background: green;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.page-spinner-bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.page-spinner-bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@keyframes bounceDelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.configTable{
width:100%;
overflow:hidden;
font-size: 16px;
color: #717171;
margin-left :-15px;
line-height:2em;
/* margin-top:14px; */
}


.configTableTD1{
	width:30%;
	text-align:right;
	padding-right:9px;
}
.heathReportTableTD2{
	width:50%;
}
#systemConfigOptions .configTable .configTableTD1 {
	width: auto;	
} 

.configTableTD3{ 
	width:0;
}
.configTableTD2 select{
	color:#717171;
	background:rgba(255, 255, 255, 0.63);
}
.configTableTD2 input{
	margin-top:0.1em;
}

.buttonConfig{
	margin-left:23.7%;
	margin-top:3%;
}

.systemConfigSaveBtn{
	cursor: pointer;
    border: 1px solid #cccccc;
    font-weight: normal;
    font-size: .8em;
    color: #006B9E !important;
    background: #fff;
    padding: .3em .5em !important;
    line-height: 1.4em;
}

#saveConfigBtn:hover{
	font-weight: bold;
}
.configDescription{
	margin-left:5px;
	color:#ccc;
	cursor:pointer;
}

#twitterSuccessProgress,#facebookSuccessProgress{
	margin-left: 245px;
    height: 12px;
    width: 170px;
    top: 5px;
    position: absolute;
    border-radius: 4px;
}

#facebookSuccessProgress{
	margin-left: 35%;
	width: 340px;	
}

#twitterSuccessProgress .ui-progressbar-value,#facebookSuccessProgress .ui-progressbar-value{
	background-color:#55ACEE;
	margin:0;
}

/* #configDiv {
	width:99.6%;
	height:99%;
	position:relative;
	border:3px groove;
	background-color:#efefef;
	display:none;
	overflow: scroll;
}
 */
.configHeader{
	width:100% ;
	height:20px; 
	color:white; 
	background:gray;
	text-align:center;
	line-height:1.19em;
	padding:5px;
}

.configUser{
	float:left;
	margin-left :4px;
	text-transform:capitalize;

}

#templateColorInput{
	cursor: pointer;
	padding:5px 10px;
	background-color: #fff;
	border:1px solid #ddd;
	width:20px;
	height:10px;
}

#templateColorWrapper{
	background-color: #fff;
    border: 2px solid #9A9ABF;
    position: absolute;
    z-index: 1004;
    font-size: 10px;
    text-align: justify;
    padding-right: 10px;
}

#templateColorWrapper ul li {
    color: blue;
    font-size: 10px;
    font-weight: normal;
    margin-left: 0;
    padding-left: 0;
    cursor: pointer;
    border-bottom: 1px solid white;
    line-height: 1.4em;
    vertical-align: middle;
}

#templateColorWrapper ul{
	padding-left: 5px;
}

#templateColorWrapper ul li span {
    float: right;
    position: relative;
    width: 40px;
    height: 17px;
    margin-bottom: 8px;
    border: 1px solid #efefef;
}

#privilegesRole,#privilegesLocation{
	padding:4px;
	font-size:0.8em;
	color:#1376c9;
}
#userPriTabs_firstCell_A{
    /* position: absolute; */
    margin-top: 18px;
    /* margin-left: 2px; */
	 width:45%; 
}
#userPriTabs_firstCell_B{
	width:45%;
	margin-top: 37px;
	 /* margin-left: 50%;  
    position: absolute;*/
	
}

#userPriTabs_firstCell_C{
	width:45%;
	margin-top: 37px;
	/* margin-left: 103%; 
    position: absolute;*/
}

#userPriTabs_secondCell{
	width: 80%;
    margin-left: 0%;
    margin-top: 20px;	
}

.userPriTabs_RunfirstCell{
	width: 45%;
}
#privilegeContainer_firstCell_A{
	width:29%;
}
#privilegeContainer_firstCell_B{
	width:29%;
}

#privilegeContainer_firstCell_C{
	width:29%;
}
#privilegeContainer_secondCell{
	width: 136%;
}

.configDescription:hover{
	color:blue !important;
}

.ui-button{
	
 display: inline-block;
  padding: .3em .5em;
  font-size: .8em;
  cursor: pointer;
  text-align: center;	
  text-decoration: none;
  line-height:1.4em;
  color: #006B9E;
  background-color: #fff;
  border: 1px solid #cccccc;
  margin-right:.1em;
  overflow:visible;
  position:relative;
  font-weight: normal;
}
#powerView span.ui-button-text, .btnDeskPowerview span.ui-button-text{
	color: #FF7721 !important;
	border:1px solid;
}
.ui-button .ui-button-text{
	color: #006B9E !important;
}

/* onclick animate button */
.ui-button:active, #onAirShowDevices:active {
	 -ms-transform: translateY(2px); /* IE 9 */
     -webkit-transform:translateY(2px);
  	 transform: translateY(2px);
}


.ui-tabs .ui-tabs-nav li{
	margin: 0 !important;
}

#draftCount{
	font-size: 10px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 10px;
    bottom: 1px;
    position: relative;
}

#menuDesks .deskactive{
	
	background: rgb(196, 219, 255) !important;
   color: rgba(0, 0, 0, 0.77) !important
}
#menuDesks .trashactive{
	
	background: rgb(196, 219, 255) !important;
   color: rgba(0, 0, 0, 0.77) !important
}
#wireTree .wireactive{
	
	background: rgb(196, 219, 255) !important;
   color: rgba(0, 0, 0, 0.77) !important
}
.menuactive{
	
	background: rgb(196, 219, 255) !important;
   color: rgba(0, 0, 0, 0.77) !important
}

#draftCount{
	background-color: #484747;
}

.ui-state-active #draftCount{
	background-color: #D86C00;
}

.ticker-title, #snapHeader, #assignmentSnapTabs li {
	font-weight: normal !important;
}

.module-name,.deskSnap,.assignmetsNavSnap{
    background-color: #5F5F5F !important;
    color: #fff !important;
}
.deskSnap{
	margin-left: -7px !important;
}

#backButton{
	margin-right: -12px;
}

/*Overriding default colur of jauery tabs */
.ui-state-default a {
    color: #484747 !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #D86C00 !important;
}

#refreshMessage, #refreshFacebook, #refreshTwitter, #refreshTrendsBtn{
	padding: 2px 5px;
    background: #eee;
    color: #666;
    border: 1px solid #aba6a6;
    position: relative;
    margin-left: -3px;
}

#refreshTwitter, #refreshTrendsBtn {
	padding: 2px 5px;
    background: #eee;
    color: #ce720f;
    position: relative;
    margin-left: -3px;
    font-size: 13px;
    font-weight: bold;
}

#socialTwitter{
	padding: 2px 5px;
    background: #eee;
    color: #ce720f;
    position: relative;
    margin-left: -3px;
    font-size: 13px;
    font-weight: bold;
}
#refreshTwitter, #refreshTrendsBtn ,#socialTwitter{
	padding: 6px 8px;
	margin-left: -6px;
    margin-right: 4px;
}
.btnClicked {
	color: #0091ff !important;
    background: #fff !important;	
}

.socialTweetsLink{
    width: 78%;
    float: left;
    text-align: left;
    height: 2.33em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    font-size: 12px;
    margin-left: 2px;
}

.socialTwitterTrendList,.socialTwitterTweetList{
	width:25%;
	float:left;
}

.socialTweetsFrom{
margin-bottom:2px;
height:1em;
font-size:14px;
color:#ce720f;
width:78%;
float:left;
margin-left:2px;
overflow:hidden;
}

#deskTabs .ui-tabs-nav li, #scriptWrapper .ui-tabs-nav li ,#advancesearch_scriptWrapper .ui-tabs-nav li,#assignmentNaviTab .ui-tabs-nav li{
	border: 1px solid #808080 !important;
	border-bottom: 0 !important;
}

#deskTabs a, #scriptWrapper a ,#advancesearch_scriptWrapper  a,#assignmentNaviTab a{
    font-weight: normal;
    font-size: 15px;
    color: #252525 !important;
}

#deskTabs .ui-state-active a, #scriptWrapper .ui-state-active a ,#advancesearch_scriptWrapper .ui-state-active a,#assignmentNaviTab .ui-state-active a{
	font-weight: normal;
    font-size: 15px;
	color: #E07103 !important;
}

#deskTabs .ui-icon-close, #scriptWrapper .ui-icon-close , #advancesearch_scriptWrapper .ui-icon-close,#assignmentNaviTab .ui-icon-close{
	margin-top: 3px;
    position: relative;
}

#fadedSelectedDuartionDiv{
	position: absolute;
    display: none;
    padding: 3px;
    color: rgb(1, 58, 105);
    border: 1px solid blue;
    font-size: 13px;
    background: wheat;
}


#selectedSlugsCount{
	color: #C54C00;
    /* font-size: 12px; */
}

.roHeaderPanel>legend{
	border: 0px solid #CBCBCB;
    border-radius: 3px;
    background: #EFEFEF;
	
}

#mainClock{
	font-size: 18px !important;
	z-index:1002;
	color:lime;
	position:relative;
	float: left;
    top: 9px;
    margin-right: 8px;
}

.ui-widget-content{
	/*color: #505050 !important;*/
}

#deskList .nameLeft i, #wireList .nameLeft i{
	color: #A9A9A9;
}

#templateList li, #prefList li {
	/* border: none; */
	border-top: 1px solid #fff;
    border-bottom: 1px solid #d2d2d2;
    line-height: 30px;
}
#userList li{
	/* border: none; */
	border-top: 1px solid #fff;
    border-bottom: 1px solid #d2d2d2;
}
#templateList li i, #prefList li i{
	color: #A9A9A9;
}
#wireList li.ui-selected i, #deskList li.ui-selected i, #showMasterList li.ui-selected i, #locationList li.ui-selected i, #stringersList li.ui-selected i, #templateList li.ui-selected i, #prefList li.ui-selected i{
	color: #fff;
}

.clipStatusNotReady { background-color: red;float: right;height:82%;width:6px;}
.clipStatusReady { background-color: green; float: right;height:82%;width:6px;}

.readyStatus {
	-webkit-animation: clipStatusReadyFieldset 1s linear 1s infinite alternate;
    animation: clipStatusReadyFieldset 1s linear 1s infinite alternate;
	}

@-webkit-keyframes clipStatusReadyFieldset {
    from, to {    
        border-color: transparent    
    }    
    50% {    
        border-color: red    
    } 
}

@keyframes clipStatusReadyFieldset {
	from, to {    
        
        border-color: transparent;    
    }    
    50% {    
        border-color: red
    } 
    
}

.readyStatus span{
	-webkit-animation: clipStatusReadySpan 6s cubic-bezier(0, 0, 0.4, 1.11) 1s infinite alternate;
    animation: clipStatusReadySpan 6s cubic-bezier(0, 0, 0.4, 1.11) 1s infinite alternate;
	}
	
@-webkit-keyframes clipStatusReadySpan {
  0%,100% {    
        
        background-color:red;
        color:white;
        font-weight:bold;
        border-right:3px solid gray;
        border-bottom:3px solid gray;
    }    
    50% {background-color:white; color:red;} 
}

@keyframes clipStatusReadySpan {
	0%,100% {    
        background-color:white;
        color:red;  
        font-weight:bold;
        border-right:3px solid gray;
        border-bottom:3px solid gray;  
    }    
    50% {background-color:red; color:white;} 
}

#refreshStoryLog,#refreshShowLog{
	margin-top:0px;
    padding: 2px 3px;
    background: #E2E2E2;
    color: #7E84DE;
    border: 1px solid #ccc;
    font-size:14px;
    position: absolute;
    cursor:pointer;
    z-index:2;
}
#storyLogDataTable_length{
    float: right;
    margin-left: 65%;
    position: absolute;
}
#showLogDataTable_length{
	float: right;
    margin-left: 65%;
    position: absolute;
}

.showColumn-title{
	margin: -15px 0 0 10px;
    padding: 6px 0px 6px 10px;
    font-weight: bold;
    background-color: #f4f4f4;
    color: #424242;
    width: 17em;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}
div.showColumnDiv , .showColumnDivToken{
	margin-top: 30px;
    border-style: solid;
    border-width: 1px;
    border-color: #d2d2d2;
    background: #f4f4f4;
}
.headerLabel{
    width: 105%;
    color: #739DCB;
    font-weight: bold;
    font-size: 11px !important;
}
#highlightSearchResult{
background-color:magenta;
font-weight:bold;
}

/* .futureShow a:hover, .todayShow a:hover, .currentDayShow:hover, .futureDayShow:hover{
	color: #fff !important;
} */

.futureShow a:hover .extraInfo i, .todayShow a:hover .extraInfo i, .currentDayShow:hover .extraInfo i, .futureDayShow:hover .extraInfo i{
	color: #fff !important;
}

.futureShow a:not(.extraInfo,.ShowOnAirInfo), .futureDayShow:not(.extraInfo,.ShowOnAirInfo){
	color: gray !important;
}

.todayShow a:not(.extraInfo,.ShowOnAirInfo),.currentDayShow:not(.extraInfo,.ShowOnAirInfo){
	color: green !important;
}

.futureShow a:hover, .todayShow a:hover, .currentDayShow:hover, .futureDayShow:hover{
	color: #fff !important;
}

.clipboardTextareaWrapper {
	width: 100%;
	float: left;
	font-size: 1em;
	margin-left: 0px;
	margin-top: 11px;
	border-left: 0px solid grey;
}
.clipBoardHeader{
	background-color: #FFFFFF;
    color: #1C94C4;
    font-size: 9px;
    position: relative;
    padding: 1px 0 1px 14px;
    width: 100px;
    overflow: hidden;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: left;
    cursor:pointer;
    margin-top:1.5%;
    border:1px solid #A9A9A9;
}
.clipBoardTextarea{
	width: 99%;
	text-align: left;
    font-family: sans-serif !important;
    font-size: 1.15em !important;
    background:white !important;
    height:auto;
    min-height:50px;
    border:1px solid #CCC;
    margin-bottom:10px;
    margin-top:3.2%;
    padding: 5px;
    color: rgb(220, 0, 255);
    
}
#clearClipboard{
	background-color: #FFFFFF;
    color: rgba(255, 0, 0, 0.83);
    font-size: 9px;
    position: relative;
    padding: 1px 0 1px 14px;
    width: 38px;
    overflow: hidden;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: right;
    cursor:pointer;
    margin-top:1.5%;
    border:1px solid #A9A9A9;
}

/* style for video div inside media */
.mediaContent #mediaPreviewVideo{
	margin-bottom: 15px;
	box-shadow: 6px 6px 5px #898989;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

#undoActionDiv,#afterUndoActionDiv{
    width: 50%;
    height:19px;
    left: 28%;
    top: 36px;
    border:1px solid #f0c36d;
    background-color: #f9edbe;
    position: absolute;	
}

#undoLabel,#doLabel{
	float: right;
    margin-right: 33%;
    color: #444;
}
#undoBtn{
	text-decoration: underline;
    color: rgba(0, 0, 255, 0.87);
    cursor: pointer;
}

.progressYoutube{
	width: 99%;
    opacity: 0.5;
    margin-top: -4%;
    float: left;
    -webkit-appearance: none;
}
.progressYoutube::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.errorProgressYoutube::-webkit-progress-bar {
  background-color: #ff0000 !important;
}

div.transcodingProgress{
    border: 1px solid gray;
    margin-top: 33px;
    height: 18px;
    opacity: 0.8;
    position: absolute;
    background: rgba(128, 128, 128, 0.32);
}
div.transcodingProgress .fa-crop {
    font-size: 14px;
    color: #6676AD;
    position: relative;
    -webkit-animation-name: cropped; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: cropped;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

/*transcoding css Chrome, Safari, Opera */
@-webkit-keyframes cropped {
    0%  {transform: rotate(1deg);}
    5%  {transform: rotate(10deg);}
    10%  {transform: rotate(25deg);}
    15%  {transform: rotate(55deg);}
    20%   {transform: rotate(80deg);}
    25%  {transform: rotate(100deg);}
    30%  {transform: rotate(120deg);}
    35%  {transform: rotate(140deg);}
    40% {transform: rotate(160deg);}
    45% {transform: rotate(180deg);}
    50%   {transform: rotate(220deg);}
    55%  {transform: rotate(220deg);}
    60%  {transform: rotate(240deg);}
    65%  {transform: rotate(260deg);}
    70%   {transform: rotate(280deg);}
    75%  {transform: rotate(300deg);}
    80%  {transform: rotate(310deg);}
    85%  {transform: rotate(320deg);}
    90% {transform: rotate(330deg);}
95% {transform: rotate(340deg);}
100% {transform: rotate(360deg);}
}

/* Standard syntax */
@keyframes cropped {
     0%   {transform: rotate(1deg);}
    5%  {transform: rotate(10deg);}
    10%  {transform: rotate(25deg);}
    15%  {transform: rotate(55deg);}
    20%   {transform: rotate(80deg);}
    25%  {transform: rotate(100deg);}
    30%  {transform: rotate(120deg);}
    35%  {transform: rotate(140deg);}
    40% {transform: rotate(160deg);}
45% {transform: rotate(180deg);}

    50%   {transform: rotate(220deg);}
    55%  {transform: rotate(220deg);}
    60%  {transform: rotate(240deg);}
    65%  {transform: rotate(260deg);}
    70%   {transform: rotate(280deg);}
    75%  {transform: rotate(300deg);}
    80%  {transform: rotate(310deg);}
    85%  {transform: rotate(320deg);}
    90% {transform: rotate(330deg);}
95% {transform: rotate(340deg);}
100% {transform: rotate(359deg);}
}

#facebookPostsDetails{
	display:none;
	padding-top:3px;
}
#facebookPostDescription{
	font-size: 0.6em;
    margin-left: 9%;
}
#numberOfLikesSpan,#numberOfComments{
	font-size: 10px;
    color: rgba(0, 0, 0, 0.47);
}
#numberOfLikesSpan:hover,#likeOnPost:hover,#commentOnPost:hover,.presentLikeCounts:hover,#numberOfLikesToImgSpan:hover{
	text-decoration:underline;
	cursor: pointer;
	font-weight: bold;
}
#facebookPostNameDetails{
	margin: 5px 2% 10px;
	background-color: rgba(255, 255, 255, 0.35);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.31);
}

#ReplyToIndivisualCommentsList{
	box-sizing: border-box;
	display: none;
	margin: 0;
    box-shadow: 2px 2px 18px black;
    min-width: 25%;
    max-width:50%;
    min-height: 30%; 
    max-height: 82%;
    z-index: 9999;
    overflow: auto;
    position: absolute;
    top: 13%;
    left: 13.5%;
    background: #F4F4F4;
    word-wrap: break-word;
    
}
#likedFacebookUsersList{
	
	box-sizing: border-box;
	display: none;
	margin: 0;
    box-shadow: 2px 2px 18px black;
    min-width: 25%;
    max-width:50%;
    min-height: 30%; 
    max-height: 82%;
    z-index: 9999;
    overflow: auto;
    position: absolute;
    top: 15%;
    margin-left: 49%;
    background: #F4F4F4;
    word-wrap: break-word;
    
}
#headerOfUsersList,#headerOfIndivisualCommentsList{
	text-align: left;
    color: #223442;
    font-weight: normal;
    border-bottom: 2px groove #208875;
    margin-left: 6px;
}
#closeLikedFacebookUsersList,#closeIndivisualCommentsList{
    float: right;
    top: 3px;
    right: 2%;
    position: absolute;
    display: inline-block;
}
#closeLikedFacebookUsersList:hover,#closeIndivisualCommentsList:hover{
	color:red;
	cursor:pointer;
}
.refreshReplies,.deleteReplies {
	margin-left: 1.5%;
    padding: 1px 2px;
    background: #eee;
    color: #666;
    border: 1px solid #ccc;
    position: relative;
}
.refreshIndivisualCommentsList{
	float: left;
    left: 0%;
    top: 2px;
    position: absolute;
    display: inline-block;
    width: 99.5%;
    background: #c4c4c4;
    border: 1px solid #cccccc;
}

.refreshIndivisualCommentsList:hover{
	color:#007AFF !important;
	cursor:pointer;
}
#contentOfUsersList>div{
	padding: 11px;
    box-shadow: 1px 1px 4px rgba(22, 94, 80, 0.19);
	
}
.parentsDivOfComments dt,.parentsDivOfCommentsOnImage dt{
	color: rgb(28, 153, 206);
    font-size: .6em;
    margin-bottom: 6px;
}
.parentsDivOfSubComments dt{
	color: #2735C7;
    font-size: .6em;
    margin-bottom: 6px;
}
.parentsDivOfSubComments dd{
    font-size: .8em;
    margin-left: 0;
}

.parentsDivOfComments dd,.parentsDivOfCommentsOnImage dd{
	font-size: 0.8em;
    color: #54462B;
    word-wrap: break-word;
    padding-right: 6px;
    text-align: left;
    margin-left: 0px;
}

.feedbackOnEachComments,.feedbackOnEachCommentsOfImage{
	font-size: 0.6em;
    padding-bottom: 3px;
    margin: -12px 0px -3px 0px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.feedbackOnEachSubComments{
	font-size: 0.6em;
    padding-bottom: 3px;
    margin: -12px 0px -3px 0px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.indivisualCommentsLikes:hover,.indivisualCommentsReply:hover,.indivisualSubCommentsReply:hover,.indivisualSubCommentsLikes:hover,.indivisualCommentsLikesOnImagePost:hover,.indivisualCommentsReplyOfImage:hover,.viewIndivisualReplies:hover,.viewIndivisualRepliesOfImage:hover,#postCommentsToImg:hover,#postLikesToImg:hover{
	text-decoration:underline;
	cursor: pointer;
	font-weight: bold;
	color:rgb(28, 153, 206);
}
.indivisualCommentsReply,.indivisualCommentsReplyOfImage{
	/* margin-left: 27px; */
}
.indivisualSubCommentsReply{
	/* margin-left: 27px; */
}

.indivisualCommentsInputArea{
	width: 86%;
    margin: 5px 5px 12px 0px;
    padding-left: 5px;
}
.indivisualCommentsInputAreaInsideImage{
	width: 82%;
	margin: 5px 5px 12px 0px;
    padding-left: 5px;
}
.postIndivisualCommentsButton,.postIndivisualCommentsButtonInsideImage{
	color: #0375CC;
}
.indivisualCommentsDiv,.indivisualCommentsDivOfImage{
	display:none;
	margin-bottom: -25px;
}
.noLikeCounts{
	display:none;
}
.presentLikeCounts{
	display: inline;
    color: #22A0DC;
}

.deleteComments,.deleteSubComments,.deleteImageComments{
	float:right;
	margin-right: 1%;
	color:rgba(255, 0, 0, 0.85);
	display:none;
	width: 8px;
    height: 12px;
    background: rgba(128, 128, 128, 0.35);
    border: 1px solid gray;
    cursor:pointer;
}
/* .parentsDivOfComments:hover .deleteComments,.parentsDivOfSubComments:hover .deleteSubComments,.parentsDivOfCommentsOnImage:hover .deleteImageComments{
	display:inline;
} */

#facebookPostCommentsDetails{
	border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 0 27px 10px;
    width: 93%;
    margin-top:-10px;
}
.indivisualReplied,.indivisualRepliedOnImage{
	display:none;
	margin-left: 27px;
    color: brown;
}

.viewIndivisualReplies,.viewIndivisualRepliesOfImage{
	/* float: right; */
    margin-right: 2%;
}
.youtubeVideoLink,.youtubePhotoLink{
	color: gray;
    margin: 1px 2px 0 2px;
    float: right;
    font-size: 13px;
}
.youtubeVideoLink:hover,.youtubePhotoLink:hover{
	color:blue !important;
}
#facebookContentLoadMore{
 	margin: 2px 3px;
    cursor: pointer;
    font-size: 0.7em;
    display: block;
    padding: 2px 50px;
    text-align:center;
    display:none;
}

.nopreviewImagesDiv {
	display:none !important;	
}

.previewImagesDiv{
	margin: 10px;
    max-height: 200px;
    overflow: auto;
}
.facebookImages{
	width:100%;
	max-height:100%;
	
}
.imageDiv{
	height: 100px;
    width: 47%;
	box-shadow: 1px 1px 3px black;
    opacity: 0.8;
	float:left;
	margin:3px;
	overflow:hidden;
	zoom:1;
}
.imageDiv:hover{
	opacity: 1;
	cursor:pointer;
}
.loadMoreImagesDiv{
	
	margin-left:5.5%;
	float:left;
	width: 70% !important;
    font-size: 10px !important;
    padding: 0.3% 6% !important;
    cursor: pointer !important;
    text-align: center !important;
}
#getMoreCommentsOnPosts{
	margin-top: 0.3%;
	margin-left: 2%;
    float: left;
    width: 83% !important;
    font-size: 10px !important;
    padding: 0.3% 6% !important;
    cursor: pointer !important;
    text-align: center !important;
}
#parentDivToActualImagePreview{
	width: 65%;
    height: 98%;
    position: absolute;
}
#imageMiscellaneousDetailsDiv{
	float: right;
    width: 31.3%;
    height: 90.5%;
    position: absolute;
    right: 16px;
    background: #EEEEEE;
    padding: 0.4% 0% 2% 1%;
}
#actualImagePreviewDiv{
	width: 100%;
    height: 100%;
    top:0;
    left:0;
    position:absolute;
    display:flex;
}
#actualImagePreviewDiv>img{
	max-width: 100%;
    max-height: 99%;
    margin:auto;
}

#parentDivToActualImagePreview>.leftArrow{
	width: 0;
    height: 99%;
    position: absolute;
    top: 0;
    display:block;
    background: black;
    opacity: 0.6;
    -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
 	
}

#parentDivToActualImagePreview>.rightArrow{
	width: 0;
    height: 99%;
    position: absolute;
    top: 0;
    right: 0;
    float:right;
    display:block;
    background: black;
    opacity: 0.6;
    -webkit-transition: width 1s; /* Safari */
    transition: width 1s;
    
 }
 #parentDivToActualImagePreview:hover>.leftArrow,#parentDivToActualImagePreview:hover>.rightArrow{
 	width: 10%;
 	cursor:pointer;
 	
 }
 #parentDivToActualImagePreview:hover>.leftArrow>.arrowDisplay,#parentDivToActualImagePreview:hover>.rightArrow>.arrowDisplay{
 	font-size:5em;
 	
 }
 #commentsOnImage{
    bottom: 0;
    position: absolute;
    min-width: 80%;
    min-height: 5%;
    margin: 10px 0px 10px 0px;
 }
 .commentsOnImageButton{
 	bottom: 0;
    right: 0;
    position: absolute !important;
    padding: 6px;
    margin: 10px 20px 10px 2px;
    height: 5%;
 }
 #numberOfLikesAndCommentsToImgDiv{
 	margin: 12px 0 12px 36px;
 	font-size: 0.6em;
 	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    
 }
 #numberOfLikesToImgSpan,#numberOfCommentsToImgSpan{
    color: rgba(0, 0, 0, 0.47);
 
 }
 #numberOfLikesToImgSpan{
    margin-right: 57%;
 }
 #numberOfCommentsToImgSpan{
 	float:right;
 	width: 31%;
 	
 }
 #postCommentsToImg{
	 margin-right: 3%;
	 float:right;
 }
 
 #imagePostDetails{
 margin-top:2%;
 }
 #postLikesAndCommentsToImgDiv{
 	font-size: 0.7em;
 	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }
 
 .arrowDisplay{
 	font-size: 0em;
    color: whitesmoke;
    top: 38%;
    position: absolute;
    opacity: 0.5;
    -webkit-transition: font-size 1.2s; /* Safari */
    transition: font-size 1.2s;
 }
 
 #parentDivToActualImagePreview>.leftArrow:hover>.arrowDisplay,#parentDivToActualImagePreview>.rightArrow:hover>.arrowDisplay{
 	color:white;
 	opacity: 1;
 	
 }
 
 #useNamesDiv>.fa-user{
 	font-size: 1.5em;
    background: rgba(0, 0, 0, 0.15);
    padding: 3px 6px;
 }
 
 #userDescrption{
 	display: inline-block;
    color: blue;
    vertical-align: super;
    font-size: 0.9em;
 }
 #imageNameDiv{
 	margin-bottom: 5%;
 } 
 
 #imageNameDiv{
 	overflow:hidden;
 }
 #imageName{
 	 font-size: 0.6em !important;
 }
 #imageName:hover{
 	  color:blue;
 }
 
 #imageCommentsDetails{
 	overflow: auto;
    max-height: 62%;
    min-height: 60%;
 }
 
 #getMoreUserListsOfLikesOnPost,#getMoreUserListsOfLikesOnImage{
 	bottom: 3px;
    position: absolute;
    font-size: 0.6em;
    margin: 1% 2%;
    padding: 0.8% 4%;
    width: 88%;
    text-align: center;
    cursor: pointer;
 }
 #loadMoreOfIndivisualCommentsList{
    bottom: 3px;
    position: relative;
    font-size: 0.6em;
    margin: 2% 0% 10%;
    padding: 0.8% 4%;
    width: 84%;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
 }
 #facebookPostName{
 	color: black;
 	font-size: 14px;
 	padding-left:10px;
 	word-wrap: break-word;
 	white-space: pre-wrap;
 }
 
#rundownsColumns{
	display:none;
    position: absolute;
    top: 111px;
    margin-left: 0.5%;
    z-index: 1005;
    background-color: #FFFFFF;
    width:140px;
    max-width:20%;		
}
.rundownsColumnsSpan{
	width:100px;
	display:inline-block;
}
#rundownsColumns>ul>li{
	margin: 0;
    padding: 4% 0 4% 16%;
    color: #5F5F5F;
    box-shadow: 0 0 0 1px rgba(204, 204, 204, 0.52);
    cursor:pointer;
}
#rundownsColumns>ul>li.ui-selected{
	color:white;
}
#rundownsColumns>ul{
	margin: 3px 2px 3px -36px;
}
#rundownsColumns>#AssureColumnsButtons{
    margin: 2% 0 5% 2%;
}
#configurableRundownsColumnBtn{
	cursor:pointer;
}
#rundownsColumns>ul>li>input{
	margin-left: -12px;
}
#eventsList .ui-selecting { background: #FECA40; }
#eventsList .ui-selected { background: #F39814; color: white; }
#eventsList { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#eventsList li { margin: 3px; padding: 0.2em; height: 66px;}
#eventsList li .eventsName{
     overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 line-height : 1.2em;
	 height:2.48em;
	 color: blue;
	 word-break: break-word;
	 -webkit-line-clamp: 2;
	 -webkit-box-orient: vertical;
	 font-size: 0.85em;
	 width:95%;
}
 #eventsList li .eventsInfo{
 	font-size: 0.6em;
 	margin-top: 3px;
 }
 #eventsList li .eventsInfo .eventsTimeInfo {
 	margin-left:10px;
 }
 #eventsList li .eventsInfo .userInfo {
 	margin-left: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-top: -14px;
	width: 46%;
	float: left;
    height: 1.3em;
 }
 #eventsList li .eventsInfo .eventsDescription {
 	margin-left: 0%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	width: 94%;
	float: left;
    height: 1.3em;
 }
  
 #eventsList li .deleteEvent:hover {
 	color:red;
 }
 #eventsList li .deleteEvent {
 	 float: right;
	 /* position: absolute; */
	 right: 3%;
 }
 #eventsList li .deleteEvent {
 	margin-top: -1%;
 }
.ja_title > div{
	padding: 6px 20px 3px 20px !important;	
}
.ja_close{
	padding: 2px 3px 1px 3px !important;
	border-radius: 2px !important;
}
div.definedBlueClass div.ja_title,div.definedBlueClass div.ja_btn_wrap>a{
	background-color: #89B9F4; 
}
div.ja_body{
	background: #F2F2F2;
	color: #504A4A;
}
div.definedRedClass div.ja_title,div.definedRedClass div.ja_btn_wrap>a.ja_btn_red{
	background-color: #987575 !important;
}
a.ja_btn_green{
	background: rgba(36, 127, 203, 0.69) !important
}
a.ja_btn_red{
	background: #424242 !important;
}
.ja_wrap.ja_wrap_black{
	    background: rgba(224, 224, 224, 0.08) !important;
}

.ui-dialog .ui-dialog-titlebar{
	padding: 0.4em 1em !important;
}

#breaking-news-content-dialog {
	background-color: #000;
	color: #fff;
	font-size: 16px;
}

#anchor-instructions {
	font-size: 25px;
	border: 1px solid #232323;
	color: #b57979;
	background-color: #000;
	padding: 10px;
}

#breaking-news {
	width: 65%;
	font-size: 25px;
	border: 1px solid #232323;
	color: #fff;
	background-color: #000;
	padding: 10px;
}

#font-size-slider {
	float: left;
    clear: left;
    width: 150px;
    margin: 15px;
    border: 0;
    height: 0.4em;
}

.margin74{
	 margin-top: 74px !important;
}
.margin53{
	 margin-top: 53px !important;
}
.margin34{
	 margin-top:34px !important;
}
.margin56{
	 margin-top: 56px !important;
}
.msg-list-icon{
	color: grey;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 34px;
	width:35px;
	text-transform: capitalize;
	z-index: 1001;
	cursor: pointer;
	text-align: center;
	border-right: 1px solid rgb(73, 72, 72);
	border-left: 1px solid rgb(73, 72, 72);
	background: #000;
	position: relative;
	float: left;
}
.notification-story-list-icon {
	color: grey;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 33px;
	width:33px;
	text-transform: capitalize;
	z-index: 1001;
	cursor: pointer;
	text-align: center;
	border-right: 1px solid rgb(73, 72, 72);
	border-left: 1px solid rgb(73, 72, 72);
	background: #000;
	position: relative;
	float: left;
}
#font-size-slider .ui-slider-range { 
	background: #4e948d; 
}
#font-size-slider .ui-slider-handle { 
	width: 1em !important;
	height: 0.8em !important;
	top: -0.3em !important; 
	background: #0ed3c3 !important;
	border-radius: 12px;
}

 #breaking_place_name_chzn{
    width: 150px !important;
  }
  .breaking-form-input {
    font-size:16px !important;
  }
  .red-background{
    background: #8d0000 !important;
    font-size: 18px;
  }
  .ui-dialog {
    padding: 0;
  }

.breaking-menu-updates{
	-webkit-animation: breakingMenu 3s cubic-bezier(0, 0, 0.4, 1.11) 1s infinite alternate;
    animation: breakingMenu 2s cubic-bezier(0, 0, 0.4, 1.11) 1s infinite alternate;
	}
	
#assignStoryReports {
	margin-top:20px; 
	margin-left:15px;
	width:auto;
	min-height:450px;
	max-height:700px;
	border:1px solid gray;
	box-shadow: 2px 2px 3px gray;	
}
#stringerStoryReports {
	margin-top:20px;
	margin-left:15px;
	width:auto;
	min-height:450px;
	max-height:700px;
	border:1px solid gray;
	box-shadow: 2px 2px 3px gray;
}

#assignStoryReports * {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !important;
}	
.storyStateContextMenuLists {
	font-size:13px;	
}
#onAirShowDevices {
	border: 1px solid #cccccc;
    font-weight: bold;
    color: #078acf;
    background: #fff;
    padding: .4em !important;
    margin-left: -2px;
    vertical-align: top;
    cursor:pointer;	
}
.readyToAirStatus {
	margin-left: 0px !important;
    background: red !important;
    color: white !important;
}

@-webkit-keyframes breakingMenu {
  0%,100% {    
        background-color:#b1742a;
    }    
    50% {
    	background-color:white;
    } 
}

@keyframes breakingMenu {
	0%,100% {
        background-color:#b1742a;
    }    
    50% {
    	background-color:white;
    	} 
}
.jAlert code {
	background-color: #efecde;
	font-size: 14px;
}
.jAlert code,.jAlert em{
	padding: 4px;
    border-radius: 4px;
    line-height: 26px;
}
.jAlert em{
    background-color: #e4e3dd;
}
.jAlert p.duplicateError {
	margin-top: 5px;
    /* line-height: 1.7em; */
}
div.ja_body {
    max-height: 350px;
    overflow-y: scroll;
    overflow: auto;
}

.inlineScriptDetails {
	width: 97%;
    margin-left: 2.9%;
    background: #eeeeee;
    color: black;
    font-size: 13px;
    display:none;
    color: black;
    opacity:0.7;
}
/* .inlineNoteScript {
	display: inline-block;
    width: 29.4%;
    border: 1px solid #b9b5b5;
} */

.inlineAnchorScript {
	display: inline-block;
    width: 99.6%;
    /* border-bottom: 1px solid #b6c3a3; */
    margin: 2px 0px;
    padding: 2px 0px;
}
.ticker-wrapper.has-js {
       position: relative !important;
}

.commandTextareaWrapper .formatHeader,.commandTextareaWrapper .formatHeader label {
	cursor:pointer;
}
#facebookPreviewImageDiv,#twitterPreviewImageDiv {
	width: 100%;
	margin-top: 5px;
}
.socialPreviewImage {
	max-width: 25%;
    max-height: 300px;
}
/* #getExtendedMediaDiv {
	display:inline-block;
	z-index:4000;
	border:1px solid black;
    border: 1px solid #4964f7;
    left: 1150px;
    top:450px;
    width: 95px;
    height: 40px;
    background: rgb(85, 172, 238);
    border-radius: 5px;
    box-shadow: 3px 3px 5px #7272ff;
    cursor: move;
} */
#getExtendedMediaBtn {
	margin-left: 22px;
    margin-top: 10px;
    font-size: 0.6em;
}
#extendedMediaDivClose {
	float: right;
    color: #001cb3;
    font-size: 18px;
    margin-top: -7px;
    cursor: pointer;
    margin-right: -5px;
}
#extendedMediaDivClose:hover {
	color:red;
}

#switchingExtendediaList>ul>li {
	list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
    background: #DEDEDE;
    border: 1px solid #cccccc;
}
#switchingExtendediaList>ul>li>a {
	padding: 4px 4px;
    font-size: 1em;
}
#createPerfomanceDashboard,#createGeneralDashboard {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    line-height: 1.3;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
    background: #dedede;
    border: 1px solid #cccccc;
    font-weight: normal;
    color: #484747;
    padding: .3em .5em;
    cursor:pointer;
    font-size:0.8em;
}

#createPerfomanceDashboard.tabActive,#createGeneralDashboard.tabActive {
	background: #f9f9f9;
    color: #d86c00;
}
.dashboardBriefCards {
	width: 23.7%;
    display: inline-block;
    margin:0 0.5% 0.5% 0;
    height: 70px;
    border: 1px solid #93bada;
    position: relative;
    box-shadow: 2px 5px 10px #c1c1c1;
}
 .dashboardBriefCardsHeader,.dashboardDetailsCardsHeader{
	font-size: 0.8em;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 2px 0;
	background-color: #5f74b3;
    color: #fff;
 }
 .dashboardBriefCardsInfo {
 	font-size: 0.8em;
    text-align: center;
    width: 100%;
    height: 71%;
    display: inline-block;
    overflow: hidden;
    color: #d86c00;
    padding-top: 3px;
 }
 .dashboardBriefCardsCount {
    font-size: 1.7em;
    line-height: 27px;
    color: grey;
 }
 .dashboardBriefCardsLinks {
    cursor: pointer;
    display: inline-block;
    width: 96%;
    position: absolute;
    background: #dedede;
    color: #d86c00;
    bottom: 0px;
    padding: 1% 2%;
    font-size: 0.8em;
    left:0px;
 }
 .dashboardBriefCardsLinks label {
 	cursor: pointer;
 }
 .dashboardBriefCardsLinks:hover,#lastCreatedStory:hover {
 	text-decoration: underline;
 }
 .dashboardDetailsCards {
 	min-height: 50px;
    border: 1px solid #93bada;
    margin:4px 0px 1% 0px;
    width: 98.4%;
    box-shadow: 2px 5px 10px #c1c1c1;
 }
 .dashboardDetailsCardsHeader {
 	text-align: left;
    padding-left: 0.5%;
    width: 99.5%;
    font-size: 16px;
 }
 .dashboardDetailsCardsInfo table{
	background: #f8f8f8;
   	font-size: 0.8em;
   	width: 100%;
   	border-collapse: collapse;
 }
 
 .dashboardDetailsCardsInfo table thead{
	color: #0030bf;
 }
 .dashboardDetailsCardsInfo table thead tr{
	background: rgb(210, 210, 210);
 }
 
 .dashboardDetailsCardsInfo table thead tr td.bigCol,
 .dashboardDetailsCardsTableBody table tr td.bigCol {
 	width: 18%;
 }
 .dashboardDetailsCardsInfo table thead tr td.smallCol,
 .dashboardDetailsCardsTableBody table tr td.smallCol {
 	width: 12%;
 }
 .dashboardDetailsCardsInfo table thead tr td.midCol,
 .dashboardDetailsCardsTableBody table tr td.midCol {
 	width: 15%;
 }
 
 .dashboardDetailsCardsInfo table thead tr td{
	width: 15%;
	padding: 0.5%;
	text-align: left;
	border: 1px solid white;
	font-size:14px;
 }
 
 
 .dashboardDetailsCardsInfo table thead tr td:nth-child(1){
	width: 55%;
 }
 .dashboardDetailsCardsInfo table.dashboardDetailsStoryCardsTable thead tr td:nth-child(1) {
	width:40%;
}
 .dashboardDetailsCardsInfo table tbody tr {
 	color: #656565;
 }
 .dashboardDetailsCardsInfo table tbody tr td{
 	border: 1px solid white;
    padding: 2px 0 2px 0.5%;
    text-align: left;
 }
 .dashboardDetailsCardsInfo table tbody tr:nth-child(even){
 	background-color: #f3f3f3;
 }    
 /* #rundownLink:hover,#userLink:hover,#lastCreatedStory:hover,#lastCreatedStoryInDesk:hover{
	color: #1976c9;
} */
.dashboardDetailsCardsTableHeader table,.dashboardDetailsCardsTableBody table {
	border-collapse: collapse;	
	width:100%;
	margin-bottom : -1px;
}
.dashboardDetailsCardsTableHeader table tr td:nth-child(1),.dashboardDetailsCardsTableBody table tr td:nth-child(1){
	width:55%;
}

.dashboardDetailsCardsTableHeader table tr td,.dashboardDetailsCardsTableBody table tr td{
	width:15%;
}
.dashboardDetailsCardsTableBody table tr {
	color: #656565;
    background: #e8e8e8;
}
.dashboardDetailsCardsTableBody table tr td:nth-child(1){
	font-size: 18px;
}
#dashboardDetailsOnAiredRundownsList {
	background: white;
}
.dashboardDetailsCardsRundownDetails {
    margin: 1px 10px 10px 10px;
    font-weight: normal;
    border: 1px solid #f4f8fb;
    box-shadow: 0px 0px 0px 2px #eceaea;
}

.dashboardDetailsCardsRundownDetails table thead tr{
	background: rgba(232, 232, 232, 0.35);
}
.dashboardDetailsCardsRundownDetails table tbody tr{
	background: #fdfdfd !important;
}
.dashboardDetailsCardsRundownDetails table tr td{
	font-size: 12px !important;
    font-weight: normal;
}
.dashboardDetailsCardsRundownDetails table thead tr td{
	color: #0030bf;
	width: 15.38%;
}
.dashboardDetailsCardsRundownDetails table thead tr td:nth-child(1){
	width:55.15%;
}
.dashboardDetailsCardsRundownDetails .statusCol {
	font-weight:bold;
	color:green;
}
.dashboardDetailsCardsRundownDetails table tbody tr td {
	border-bottom: 1px solid #f3f3f3;
}
.clickableRowShow:hover {
	text-decoration: underline;
    cursor: pointer;
}
#minimizeExtendedMedia,#maximizeExtendedMedia ,#resizePowerviewToDefaultSize,#minimizeNewsflowPlugin,#maximizeNewsflowPlugin,#minimizeExtendedMediaToListingForm, #maximizeExtendedMediaToNormalForm{
	float: right;
    display: block;
	margin: -1px 10px 0px 0px;
    height: 16px;
    font-size: 14px;
    cursor: pointer;
    padding: 3px 12px;
}
#minimizeExtendedMedia:hover,#maximizeExtendedMedia:hover,#resizePowerviewToDefaultSize:hover,#minimizeNewsflowPlugin:hover,#maximizeNewsflowPlugin:hover, #minimizeExtendedMediaToListingForm:hover, #maximizeExtendedMediaToNormalForm:hover{
	background: #1c94c4;
    color: white !important;
}
#minimizeExtendedMedia i.fa-mobile,#minimizeNewsflowPlugin i.fa-mobile{
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg); /* Standard syntax */
}
.sampleFormatHeader {
	background: #dddddd;
    color: #545353;
    width: 70px;
    padding: 3px;
    font-size: 10px;
    border: 1px solid darkgrey;
    margin-left: 1px;
    font-weight: normal;
    position: relative;
    float: left;
}
#fontSizeTestingArea {
	width: 99%;
    min-height: 200px;
    font-size: 18px;
    margin: 1px;
    background: #ffffff;
    color: #545353;
    line-height: 1.4em;
    word-break: break-word;
}
#selectedTwitterLocations, #searchedTwitterLocations>ul , #searchedTwitterLocationsInsideDialog>ul, #selectedTwitterLocationsInsideDialog{
	margin: 0px;
	padding: 0px;
}

.notification-story-list-icon{
	 color: grey;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    width: 33px;
    text-transform: capitalize;
    z-index: 1001;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid rgb(73, 72, 72);
    border-left: 1px solid rgb(73, 72, 72);
    background: #000;
    position: relative;
    float: left;
}

.message-list-icon{
	 color: grey;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    width: 33px;
    text-transform: capitalize;
    z-index: 1001;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid rgb(73, 72, 72);
    border-left: 1px solid rgb(73, 72, 72);
    background: #000;
    position: relative;
    float: left;
}


.selectedTwitterLocation {
	font-size: 12px;
    padding: 5px;
    margin-right: 5px;
    display: inline-block;
    background: #e8e7e5;
    color: #717171;
    text-align: center;
    line-height: 0px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
}
.selectedTwitterLocation i.fa-times-circle:hover {
	color: red;
	cursor: pointer;	
} 
#searchedTwitterLocations,#searchedTwitterLocationsInsideDialog {
	position: absolute;
    display: none;
    width: 100%;
    left: 1px;
    padding: 5px;
    background: white;
    top: 37px;
    box-shadow: 0px 2px 5px grey;
    max-height: 250px;
    overflow:auto;
}
#searchedTwitterLocationsInsideDialog {
	top: 27px;
    left: 130px;
    min-width: 170px;
    width: auto;
    min-width: 165px;
}
.searchedTwitterLocationResult, .searchedTwitterLocationResultInsideDialog {
	line-height:2;
}
.searchedTwitterLocationResult:hover , .searchedTwitterLocationResultInsideDialog:hover, .selectTwitterLocations{
	background-color: #E8F5FD;
    color: #1DA1F2;
    text-decoration: underline;
    cursor: pointer;
}

/* *******************************Facebook AccessTokens Features Are Hidden****************************** */
#likeOnPost,.indivisualCommentsLikes,#postLikesToImg,.indivisualCommentsLikesOnImagePost,.indivisualSubCommentsLikes, 
#commentsArea , #commentOnPost,.indivisualCommentsReply,#inputAreaOfIndivisualCommentsList, .submitIndivisualSubComments,
.indivisualSubCommentsReply, .deleteComments, .deleteSubComments{
	display:none !important;
}

#wordPressPublishedLists {
    height: 360px;
    background: #eeeeee;
}
#wordPressPublishedLists .wordPressData {
	padding: 7px 5px 7px;
    background: rgba(222, 222, 222, 0.73);
    margin: 5px 0px;
    font-size:14px;
}
.wordPressDateInfo{
	margin: 0;
	font-size:12px;
}
.wordPressTitleInfo {
	padding: 0;
    margin: 0;
}
#wordPressPublishedLists figure {
	margin: 0;
    margin-top: 5px;
}
#wordPressPublishedLists figcaption {
    font-size: 10px;
    font-style: italic;
}

/* #blazeWordPress, #blazeWordPress * {
	display:none !important;
} */

.btnMediaDialogTab,#btnPlayoutList {
	list-style: none;
    top: 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
    background: #DEDEDE;
    border: 1px solid #cccccc;
    display: inline-block;
    color: #484747;
}
#btnPlayoutList {
	margin: 3px -3px 3px 3px;
}
.btnMediaDialogTab .btnPlayoutListText, #btnPlayoutList .btnPlayoutListText {
    padding: 4px 4px;
    font-size: 1.3em;
}
.btnMediaDialogTab.activatedTab,#btnPlayoutList.activatedTab {
	background: #f9f9f9;
    color: #d86c00;
    font-weight: bold;
}
.btnMediaDialogTab:hover,#btnPlayoutList:hover {
	font-weight: bold;
	cursor: pointer;
}
#mediaListHeaderMenu {
	padding: 0;
    margin: 0px 0px -3px 0px;
    line-height: 1.3;
    background: #f8f8f8;
    border: none;
}

#logOutBtn {
	top: 30px;
    position: absolute;
    right: -8px;
    display: inline-block;
    padding: 0.3em 0.3em;
 	background: rgba(254, 127, 0, 0.66);
    color: #ddd;
    border: 1px solid #f78800;
    float: right;
    margin-top: -13px;
    font-size: 0.8em;
    cursor: pointer;
}
#logOutBtn:hover {
	font-weight: bold;
}

.logOut:hover #loginName {
	text-decoration:underline;
	color:#9a9a9a !important;
}
.logOut:hover .loginExtraIcon, .loginExtraActivate {
	color:#9a9a9a !important;
}

#extraUserInfoDiv {
	display:none;
	width: 412px;
    height: 110px;
    background: #cecece;
    z-index: 4000;
    border: 1px solid #9a9a9a;
    white-space: pre;
    position: absolute;
    right: 1px;
    top: 30px;
    color: #444;
    padding: 10px 0px 0px 0px;
    box-shadow: -2px 2px 10px #9a9a9a;
}

#switchToOtherChannelBtn {
	padding: 0.2em 0.3em;
    top: -1.5px;
    font-size: 12px;
    cursor: pointer;
    background: #1376c9;
    color: #ddd;
    border: 1px solid #cccccc;
    position:relative;
    padding-left:10px;
    right:-9px;
}

 #switchToOtherChannelBtn .ui-button-text{
   display:block !important;
 }

#switchToOtherChannelBtn:hover {
	font-weight: bold;
}
#switchToOtherChannelOptions {
	width: 170px;
    background: #eeeeee;
    color: #484848;
    border: 1px solid #9a9a9a;
    padding: 1px;
}

#logOutBtn .ui-button-text, #switchToOtherChannelBtn .ui-button-text{
	padding : 0px;
	margin : 0px;
	display: inline;
	color: inherit !important;
}

#facebookUploadBtn .ui-button-text,
#twitterUploadBtn  .ui-button-text{
	color:white !important;
	background: #55acee !important;
}

#addFacebookPostBtn{
	cursor: pointer;
    padding: 3px 5px;
    background: #eee;
    color: #666;
    border: 1px solid #aba6a6;
    position: relative;
    margin-left: -1px;
}
#refreshFacebook {
	padding: 3px 5px;
}
#facebookPostCommentsDetailsLegend {
	border: 1px solid #bfbfbf;
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;
    padding: 2px 20px;
    margin-left: 18px;
    margin-top: 1px;
    background: #e6e6e6;
    color: #544b3d;
}
li[class*=star-highlight] {
    background: #4a4a4a !important;
    color:#fff !important;
}

.hideShowSidebar{
	background: transparent;
    border-color: transparent;
    color: #707070;
    /* width: 40px; */
    margin-left: 6px;
    /* margin-top: -86px; */
    border-radius: 3px;
    font-size: 20px;
}
.hideShowSidebar i{
	width: 19px;
    padding-left: 9px;

	}
	.leftToRightAnchorTextarea{
	width: 100%;
	text-align: right !important;
	font-family:sans-serif !important;
	font-size:1.15em !important;
}

	.clipShow{
	display:none !important;
	}

#MessagesPageInit {
    text-align: center;
    padding: 6px 0;
}


	
.displayStoryRating{
	display:none !important;
}

.nicEdit-main {
	width:100% !important;
	background: #fff;
	min-height: 150px !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
	padding-bottom: 10px !important;
	overflow: auto !important;
    max-height: 300px !important;
    padding-right: 1px !important;
    padding-left: 2px !important;
    white-space: pre;
}

#wordpressPowerviewBtn{
	border: 1px solid #ccc;
    background: #f7f7f7;
    box-shadow: 0 1px 0 #ccc;
    display: inline-block;
    font-size: 13px;
    line-height: 26px;
    border-width: 1px;
    box-sizing: border-box;
    border-radius: 3px;
    white-space: nowrap;
    color: #555;
}
#wordpressPowerviewBtn i{
	font-size: 15px;
    background: 0 0;
    width: 18px;
    height: 18px;
    vertical-align: text-top;
    margin: 0 2px;
    color: #555;

	}
	
.storyLogRevertBtn
{
  margin-left: 10px;
  padding: 0px;
  color: #006B9E ;
  background-color: #eeeeee;
  border: 1px solid #a6a6a6;
  font-size:12px;
  cursor:pointer;
}
/*contact dialogue Window CSS*/

.contactDialogWrapper .dialoguecontactsImage{
	float: left;
    margin-top: 19px;
    font-size: 30px;
    margin-left: 7px;
    color: #2686c1;
}
.contactDialogWrapper .dialoguecontactInfoDiv{ 
	width:77%;
	height:51px;
	overflow:hidden;
	float: left;
	margin-top:5px;
	margin-left:13px;
}
.contactDialogWrapper li .dialoguecontactNameDiv{
	width: 220px; 
	height:20px;
	font-size:16px;
	overflow:hidden;
 }
.contactDialogWrapper li .dialoguecontactEmailDiv{  
	font-size: 12px;
	line-height:13px;
	display: inline-block;
	vertical-align: middle;
}
.contactDialogWrapper li .dialoguecontactsImage img{
	width:45px; 
	height:45px;
}
.contactDialogWrapper li .dialogueEmailDiv {
 width: 64%;
 overflow: hidden;
 -webkit-line-clamp: 1;
 text-overflow: ellipsis;
 height: 1.2em;
 word-break: break-all;
 }
.contactDialogWrapper .dialoguecontactMobileDiv{
  width: 37%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight:bold;
  }
.contactDialogWrapper li .dialoguecontactCreatedBy,li .dialoguecontactCreatedBy {
 width:100%;
 overflow: hidden;
-webkit-line-clamp: 1;
 text-overflow: ellipsis;
 }
.contactDialogWrapper .slno {
 background-color: #EEEEEE;
 border-radius: 2px 2px 2px 2px;
 float: left;
 font-size: 0.8em;
 padding: 2px 6px;
 text-align: center;
}
		
.contactDialogWrapper .dialoguecontactOn {
background-color: green;
border-radius: 2px 2px 2px 2px;
float: right;
padding: 0 8px;
width: 4px;
 }
.contactDialogWrapper .dialoguecontactAccordion {
 text-align: center;
 color: #fff;
 font-size: .8em;
 background: linear-gradient(to bottom, #9f9f9f 0%, #868686 100%) !important;
 font-weight: bolder;
  padding: 4px 0;
 }
		 
.contactDialogWrapper .mosContactListHeader{
 font-size:12px;
 text-align:center;
 width:70%;
 }
		 
./* contactDialogWrapper .dialoguecontactAttachbtn{
border:none !important;
background:none !important;
font-size: .8em;
font-weight:normal !important;
margin-left:20px;
outline:none !important; 
width: 8%;
display: inline-block;
height: 61px;
}
.contactDialogWrapper .dialoguecontactAttachbtn i:hover{
	color:#8e8e8e;
}
.contactDialogWrapper .dialoguecontactAttachbtn i{
	cursor:pointer;
	color:#3a75c3 ;
	font-size:24px;
}		  */

 .contactDialogWrapper #moscontactList,  .guestDialogWrapper #attachInvitationList
{
	width: 100%;
    margin: 0;
    padding: 0;
}
.contactDialogWrapper #mosContactListHeader
{
    border: 1px solid white;
    margin: 2px;
    overflow: auto;
    font-size: .6em;
    width: 100%;
    display: inline-block;
    height: 540px;
    float: left;
    clear: both;
 }
.contactDialogWrapper #contactListHeaderMenu, .guestDialogWrapper #contactListHeaderMenu
 {
 padding: 5px 0px 7px 0px;
 margin: -12px 0px -13px 0px;
 line-height: 1.3;
 background: #f8f8f8;
 border: none;
 }		
 
.contactDialogWrapper .moscontactAccordion, .guestDialogWrapper .attachGuestAccordion {
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: linear-gradient(to bottom, #9f9f9f 0%, #868686 100%) !important;
  font-weight: bolder;
  padding: 4px 0;
} 
.contactDialogWrapper #selectMosTypeOfContact
{
	width:29%;
}

.contactDialogWrapper .mosContactSearchbtn
{
	margin-top:10px;
}

.contactDialogWrapper #contactDialogueSearch, .guestDialogWrapper #guestDialogueSearch{
  padding: 2px 3px;
  border: 2px solid #949A9E;
  margin-left: 2px;
  color: #333;
  background-color: #ECECEC;
  cursor: pointer;
  position: relative;
  left: -10px;
  border-radius: 4px;
  font-size: 11px;
  margin-top: -4px;
  visibility:hidden;
}

.contactDialogWrapper .searcDiv, .guestDialogWrapper .searcDiv{
	float:left;
	vertical-align: middle;
	margin-left:-9px;
	margin-top: -1.8px;
	width:102%;
	border: 1px solid #808080ad;
    padding: 3px;
}
/*End of contact dialogue Window CSS*/

/*Spellcheck dialogue Window CSS*/
.spellCheckDialogWrapper{
	width:80% !important;
}
#spellCheckDialogue #btnsaveGrammerCheck{
	clear: both;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:12px;
}
#spellCheckDialogue #preview{
    margin-top: 11px;
    width: 100%;
    height: 90%;
    overflow-y: scroll;
    overflow-wrap: break-word;
    border:1px solid #b6aeae;
} 
#spellCheckDialogue #spellCheckiv{
	height:85%;
	width:100%;
	font-size:14px;
}

#spellCheckDialogue .spellCheckcls{
	font-size:12px;
	padding-left:13px;
	padding-right:13px;
	padding-top:5px;
}


.spellCheck{
	clear:both;
	float:right;
	margin-right:16px;
	cursor: pointer;
}


 #newsflowMediaList div.newsflow-preview {
	/* margin: 3px; 
	//padding: 0.1em 0.1em 0.1em 0.4em;
	font-size: 14px;
	height: 47px;
	position: relative;*/
	cursor: pointer;
	color: blue;
	line-height: 16px;
} 

.purple{	
	background-color: #567dad !important; 
}
#newsflowMediaList div.ui-selected{
	background: #F39814 
}
.preview-container{
 	margin-bottom: 15px;
	/* box-shadow: 6px 6px 5px #898989; */
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    margin-top:5px;
}

.newsflow-preview span.filename{
	width: 80%;
    float: left;
    text-align: left;
    height:2.33em;
    overflow:hidden;
     /* padding-left:1px;  */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    font-size:14px;
    margin-left:2px;
}


.mediacontent{
    top: 0;
    left: 0;
    width: 100%;
    object-fit:fit;
}		

		
.sidebar{
    width: 13.99%;
    float: left;
    min-height: 522px;
    margin-right: 1px;
    height: 98%;
   /* border: 1px solid #00a2ff;*/
    border-right: 1px solid #00a2ff;
    padding: 10px 1px 0px 10px;
}
.leftTextArea{
	min-height: 600px;
	/*border: 1px solid #00a2ff;*/
    float: left;
    height: 98%;
    /* position: absolute; */
    width: 41.2%;
    /*border-left: none;*/
     padding: 10px;
     background: #f5f7f8;
   /*  border-right: none;*/
     padding: 10px 1px 0px 10px;
     /*padding-right: 0px;*/
}
#SocaiMediaDailog{
	    background: #f5f7f8;
	    display: grid;
}
.rightTextArea{
	/*border: 1px solid #00a2ff;*/
    float: right;
    height: 98%;
    width: 41.7%;
    background: #f5f7f8;
   /* border-left: none;*/
   /* padding: 10px;*/
    min-height: 600px;
   	padding: 10px 0px 0px 10px;
   	border-left: 1px solid #00a2ff;
}
.socailNetworkList{
	list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #f5f7f8;
    height: 100%;
    overflow: auto;
    min-height: 600px;
    /*border: 1px solid #00a2ff;*/
    color: blue;
}
.socailNetworkList li span {
    display: block;
    padding: 7px 16px;
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    color: blue;
}

.lable {
    padding-top: 4px!important;
    float: left;
    color: #717171;
    font-size: 16px;
    font-weight: 700;
    /* font-size: 13px; */
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
    line-height: inherit;
}
.attachIcon{
	display: block;
    width: 100%;
}
.attachIcon li {
    display: inline-block;
    cursor: pointer;
}
.attachIcon li span {
    border: 1px solid #e1e8ed;
    border-radius: 5px;
    padding: 5px;
        background: #fff;
}
.attachIcon li span i {
    display: inline-block;
    vertical-align: middle;
    color: #8899a6;
    font-size: 22px;
}
.userDetail{
	height: auto;
    margin: 0px;
}
.soacialNetworkIcons li span{
	border-width: 1.5px;
    border-style: solid;
    border-color: rgb(225, 232, 237);
    border-image: initial;
    border-radius: 5px;
    padding: 5px;
}
.soacialNetworkIcons li {
    display: inline-block;
    cursor: pointer;
}
.soacialNetworkIcons li span i{
    display: inline-block;
    vertical-align: middle;
    color: rgb(136, 153, 166);
    font-size: 20px;
}
.soacialNetworkIcons{
	    margin: 0px;
	    float: right;
}
.userName{
	font-size: 15px;
    font-weight: 700;
}
.txtEditBtn , .facebookEditBtn ,.wordpressEditBtn, .tiktokEditBtn, .youtubeEditBtn, .instagramEditBtn{
	height: 25px!important;
    padding: 0px 10px!important;
    /* color: #2a2f34!important; */
    float: right;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    letter-spacing: .3px;
    /* min-width: auto; */
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}

.publishBtn{
	width: 65px;
    height: 30px;
    background: #0E5163;
    color: white;
    font-size: 15px;
    border: 1px solid #0E5163;
    box-shadow: inset 0 -1px 0 #00435d;
    background: #007eb1;
    border-color: #00435d;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #005d82, 1px 0 1px #005d82, 0 1px 1px #005d82, -1px 0 1px #005d82;
    border-radius: 3px;
}

#previewContent:focus{
	  outline: none;
}
.socialPreviewTwitterImage , .twitter_video-preview ,.facebook_video-prev , .facebook_video-preview ,.wordpress_video-prev , .wordpress_video-preview, .tiktok_video-prev, .tiktok_video-preview, .youtube_video-prev, .youtube_video-preview, .instagram_video-prev, .instagram_video-preview{
	    width: 400px;
	   	height: 300px;
	    border-radius: 4px;
}

.twitter-count-flash {
    /* color: #fff; */
     -webkit-animation: twitterCountBlink .8s linear infinite; 
    animation: twitterCountBlink .8s linear infinite;
}
@-webkit-keyframes twitterCountBlink {    
    from, to {    
       border-color: red;    
    }    
    50% {    
        border-color: rgb(225, 232, 237);   
    }    
}

@keyframes twitterCountBlink {    
    from, to {    
       border-color: #c07600;    
    }    
    50% {    
      border-color: rgb(225, 232, 237);           /* #6AAD6A;*/ 
        /*#0CD81E;*/
    }    
}

#socailmediaImagePreviewDiv img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hover-area{
	background: #000;
	    z-index: 999;
	    opacity: .7;
	     width: 150px; 
	    height: 130px;
	    align-items: center;
	    text-align: center;
	    color: #fff;
	    justify-content: center;
	    background-image: none;
	    transition-delay: 1s; /* delays for 1 second */
		-webkit-transition-delay: 1s; /* for Safari & Chrome */
	    transition: 1s;
	}
	.hover-area i{
		margin-top: 50px;
	    font-size: 20px;
	    transition: 1s;
	}
.socailmedia_video_preview{
	width:400px;
	height: 270px;
}
#SocailmediaStoryLogTbl .ui-selected {
    background: #F39814;
    color: white ;
}
#SocailmediaStoryLogTbl .ui-selected  td{
    background: #F39814 !important;
    color: white !important;
}


/*email dialogue in wires*/
#emailSriptContainer{
margin-top:28px;
margin-left:9px;	
height:100px;
}

#emailAddress_chzn{
	width: 88% !important;
}

#emailAddress_chzn .chzn-drop{
	width:100% !important;
}

.wiresTextArea .wireContentEdit[readonly="readonly"]{
	 background-color: #ddd;
}

.emailContentEdit[readonly="readonly"]{
	 background-color: #f8f4f4;
}

.wiresTextArea {
	position:relative;
	outline:none;
}

.wireContentEdit {
    width: 86%;
    margin-left: 94px;
    padding-top:16px !important; 
    font-size: 1.1em;
    line-height: 1.4em;
    outline:none;
 }
 
.emailContentEdit{
  width:100%;
 }
 
.wireContentEditOnShrink{
 height:117px !important;
 overflow-y:scroll !important;
 }
 
 #expandTextarea{
    display:none;
    position:absolute;
    left: 91%;
    top: 0%;
    width:2%;
    text-align:center;
    cursor:pointer;
 }
 
 #compressTextarea{
 position:absolute;
 left: 91%;
 top: 0%; 
 width:2%;
    text-align:center;
 cursor:pointer;
 }
 
#emailID_chzn{
	width:100% ! important;
}

#emailID_chzn .chzn-drop{
	width:100% !important;
}
/*end of css of email dialogue in wires*/

.socialmediaDisabled {
  opacity: 0.6; 
  cursor: not-allowed !important;
}

/*css For workspace Compose email*/
 #workSpaceEmailAddress_chzn{
 	width:101% !important;
 	border:none !important;
 }
 
 #workSpaceEmailAddress_chzn .chzn-choices{
 	height:35px !important;
 	border-radius:5px;
 }
 
 .ui-dialog-buttonset{
 	float: right;
     margin-right: 14px;
 }
 
 #workspaceComposeEmailContent{
 	width:100%;
 	height:229px;
 	overflow-wrap: break-word;
 	border-radius:5px;
 	border:none;
 	outline:none;
 }
 
 #workspace_subjectOfEmail{
 margin-top: 5px;
    width: 100%;
    height: 30px;
    border-radius: 5px;
    border: none;
    outline:none;
 }
 
 #workspaceComposeEmailDialog{
 	display:none;
 	background-color:#C6C4C6;
 }
 


 .gotoLinkedRundown{
 cursor:pointer;
 }
.gotoLinkedRundown:hover{
	color:#F39814;
}

 /* ADVANCE SEARCH UI START ***************************************************** */
 
 /* .advanceSearchDivWrapper{
	width: 20%;
    height: 25px;
    display: inline;
    color: #000;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}  

 .advanceSearchDivWrapper label{
	/* width: 18%;
    float: left;
    text-align: left;
    padding-right: 20px;
    margin-top: 13px;
    font-weight: normal;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap; 
}

 .advanceSearchDivWrapper input{
	width: 100%;
    float: left;
     margin-top: 8px;
    height: 15px; 
    border: 1px solid #D1D1D1;
    border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
    padding: 5px 0px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    outline:none;
    color: #666;
}  
 .advanceSearchDivWrapperVisible{
	width: 20%;
    height: 25px;
    display: inline-block;
    color: #000;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
} 
 .advanceSearchDivWrapperVisible label{
	 width: 18%;
    float: left;
    text-align: left;
    padding-right: 20px;
    margin-top: 13px;
    font-weight: normal;
     font-size: 14px; 
    overflow: hidden;
    white-space: nowrap;
}
 .advanceSearchDivWrapperVisible select{
	    float: left;
	    width: 100%;
    	 margin-top: 8px;
    	height: 20px; 
    	background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
        border: 1px solid #aaa;
        box-shadow: none;
        color: #666;
        padding: 4px;
        outline: none;
        height:27px;
        outline:none;
}  */

.advanceSearchBtn,.storyMediaArchiveReportSearcBtn{
	align-items: center;
    display: inline-flex;
    justify-content: center;
    outline: none;
    position: relative;
    z-index: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Google Sans',Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: .875rem;
    letter-spacing: .25px;
    background: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #5f6368;
    cursor: pointer;
    font-weight: 500;
    height: 28px;
    min-width: 75px;
    outline: none;
    padding: 0 16px;
    background-color: #1a73e8;
    color: #fff;
    border: none;
	    
}
.advanceSearchRefresh,.storyMediaArchiveReportReset{
	align-items: center;
    display: inline-flex;
    justify-content: center;
    outline: none;
    position: relative;
    z-index: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Google Sans',Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: .875rem;
    letter-spacing: .25px;
    background: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #5f6368;
    cursor: pointer;
    font-weight: 500;
    height: 28px;
    min-width: 75px;
    outline: none;
    padding: 0 9px;
    background-color: #fff;
    color: #444040;
	margin-right: 10px;
	border: 1px solid #cccccc;
}

/*  .advanceDateSearchDivWrapperVisible{
	width:20%;
	float:left;
	height: 25px;
    display: inline-block;
    color: #000;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}  

 .advanceDateSearchDivWrapperVisible label{
	 width: 18%;
    float: left;
    text-align: left;
    padding-right: 20px;
    margin-top: 13px;
    font-weight: normal;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.9em; 
     padding:14px 0 0 4px;;
    display:block;
     float: left;
     margin-left: -40px;
}*/
/* .advanceDateSearchDivWrapperVisible input{
	 width: 60%;
    float: left;
     margin-top: 8px;
    height: 15px; 
    border: 1px solid #D1D1D1;
    border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
    padding: 5px 0px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    outline:none;
} 
.advancesearchStoryKeyWords{
	width:20%;
	float:left;
	height: 25px;
    display: inline-block;
    color: #000;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}  */

.PreviewWidth{
	width:100% !important;
}

 /* .advancesearchStoryKeyWords label{
    width: 18%;
    float: left;
    text-align: left;
    
    margin-top: 13px;
    font-weight: normal;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.9em;
    padding:14px 0 0 4px;;
    display:block;
     float: left;
     margin-left: -40px;
}

.advancesearchStoryKeyWords input{
	 width: 60%;
    float: left;
     margin-top: 8px; 
     height: 15px; 
    border: 1px solid #D1D1D1;
    border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
    padding: 5px 0px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    outline:none;
}  */


 .advancesearchCheckbox{
	/* width:20%;
	float:left;
	height: 25px;
    display: inline-block;
    color: #000;
    float: left; */
    display: inline-block;
    float: left;
   /*  margin-left: 1%; */
    margin-top:-6px;
    margin-right:1%;
}
 #advanceSearchCg label{
/* 	width: 33%;
    max-width: 25%;
    float: left;
    text-align: left;
    padding-right: 20px;
    margin-top: 13px;
    font-weight: normal;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 2%;
    padding:8px; */
    display: inline-block;
     padding:8px;
} 
.advancesearchCheckbox span{
	background-image: url(../images/check_box_outline_blank_black_20dp.png);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: 20px;
    content: '';
    display: inline-block;
    height: 20px;
    margin-right: 16px;
    opacity: .54;
    width: 25px;
    margin-top: 12px;
    vertical-align: sub;
}

/* #closeAdvanceSearch{
	cursor:pointer;
}

#closeAdvanceSearch:hover{
	color:#E07070;
}
 */
.marginTop{
	        /* margin-top: 308px !important; */
	        margin-top: 399px !important;
}
#globalShowAdvanceSearchField input[type="text"],#globalShowAdvanceSearchField select{
	width:100%;
	outline:none;
	color: #666;
}

/* ADVANCE SEARCH UI END ***************************************************** */

.closeVideo{
    background: url(../images/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3203;
    left: 188px;
    /*bottom: 157px;*/
   /* margin-left: 184px;*/
    position: absolute;
}


.wireFilenname{
	    font-size: 12px;
    padding: 9px;
    margin-right: 5px;
    display: inline-block;
    background: #e8e7e5;
    color: #717171;
    text-align: center;
    line-height: 0px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    margin-top:3px;
}

/*To display attachments in wires*/

#displayAttachments{
	margin-top:15px;
	 display: grid;
    grid-template-columns: repeat(7,130px);
    grid-auto-rows: 110px;  
    grid-gap: 25px;
}

.displayAttachmentscolumn{
	float: left;
   width: 97%; 
  padding: 5px;
  /* height:49%; */
  border:1px solid #b99c9c;
  border-radius:3px;
  position:relative;
  font-size:14px;
}

.displayAttachmentscolumn:before{
 content: "";
    position: absolute;
    bottom: -2px;
    right: -2px;
    border-top: 20px solid #1376c9;
    border-right: 20px solid #eeeeee;
}
.inter{
  position:absolute;
  background:#1f1d1d9c;
  top:0;
  left:0;
  display:none;
  color:#fff;
  bottom:-2px;
  right:-2px;
  text-align:center;
  padding-top:0px;
  border:1px solid #b99c9c;
  word-wrap: break-word;
  cursor:pointer;
  font-size:12px;
  font-weight:600;
  
}

.downloadAttch{
    width: 21%;
    position: absolute;
    bottom: 4px;
    left: 4px;
    background-color:#084d88;
}
.attachedfiles{
    max-width: 100%;
    max-height: 70%;
}

.email_DeleteAttachedFile,.assign_DeleteAttachedFile{
	padding-left:5px;
	color:#db5b5b;
}



/*display attachments in wires in css*/

/*Email feature css in rundown*/
#email_Script_chzn{
	width:93.6% ! important;
}

#email_Script_chzn .chzn-drop{
	width:100% !important;
}
/*End of email feature css in rundown*/

#SocialmediaWordpressTitleDiv span{
	font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

/*css for clip download option in desk*/
.downloadAttachedClips{
margin-top: 5px;
    margin-left: 5px;
    color: #1376c9;
    float:left;
}
/*End of css for clip download option in desk*/

/*Css for reports/reportedBy section in reports*/
#reportersDetails_chzn,#reportedByDetails_chzn,
#reportersReportsLocationName_chzn,
#reportersReportsStringerName_chzn{
	width:100% !important;
}

#reportersDetails_chzn .chzn-drop,#reportedByDetails_chzn .chzn-drop,
#reportersReportsLocationName_chzn .chzn-drop,
#reportersReportsStringerName_chzn .chzn-drop{
	width:100% !important;
}
/*End of css of reports/reportedBy section in reports*/

/*Css for ContextMenu for locked shows*/
.dropdown-context{
	cursor:pointer;
}

.disableContextMenuevnets{
	pointer-events:none; 
	background-color: #f6f6f6 !important;
}

.ShowOnAirInfo{
	color:#204c0b !important;
}

.extraInfo{
	color:#e03f3f !important;
}

.ShowOnAirInfo:not(.fc-title):hover{
	color:#fff !important;
}

.extraInfo:not(.fc-title):hover{
	color:#fff !important;
}


.disableContextMenuevnets:before{
	border-bottom-color: 7px solid #f6f6f6 !important;
}

.disableContextMenuevnets:after{
	border-bottom: 6px solid #f6f6f6 !important;
	border-top: none !important;
    border-bottom: none ! important;
}

/*End of css for ContextMenu for locked shows*/

/*Css For Assignments tab in navigation*/
#assignNaviStoryExtra{
	display:flex;
	flex-wrap:wrap;
}
.ExtraColumnsForAssign{
	display: inline-block;
    margin:10px 0 0 10px;
  /*   flex-grow: 1; */ 
    width: calc(100% * (1/2) - 10px - 1px)
}

 #extraFieldsList{
    width: 100%;
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #fafafa;
    font-size:13px;
    /* border-collapse: collapse; */
}

#extraFieldsList tbody tr{
	text-align: justify;
}

 #extraFieldsList tbody tr td{
/*  padding: 1px 5px; */
 word-break: break-word;
 /* border: 1px solid #b5b3b3; */
 background: white;
 padding-left:2px;
} 
 #extraFieldsList tbody tr td.header{
 background: #a8c3e485 !important;
 /* border: 1px solid #9a9898; */
 }
 
 .storyExtraFields input,.storyExtraFields  textarea{
  width:98.4% !important;
 }
/*Enf of Css For Assignments tab in navigation*/

/*css for wire in settings*/
.removeClick{
	cursor: not-allowed;
}
/*End of css for wire in settings*/

/*css for story extra columns in configuration>story*/
.storyExtraDetailInfo table, .planningExtraDetailInfo table{
	background: #f8f8f8;
   	font-size: 0.8em;
   	width: 99.5%;
   	border-collapse: collapse;
 }
 
 .storyExtraDetailInfo table thead,
 .planningExtraDetailInfo table thead{
	color: #0030bf;
 }
 .storyExtraDetailInfo table thead tr,
 .planningExtraDetailInfo table thead tr{
	background: rgb(210, 210, 210);
 }
 
 .storyExtraDetailInfo table thead tr td,
 .planningExtraDetailInfo table thead tr td{
	padding: 0.5%;
	text-align: left;
	border: 1px solid white;
	font-size:14px;
 }
 
 
 .storyExtraDetailInfo table thead tr td,
 .planningExtraDetailInfo table thead tr td{
	width: 40%;
 }

 .storyExtraDetailInfo table tbody tr,
 .planningExtraDetailInfo table tbody tr {
 	color: #656565;
 }
 .storyExtraDetailInfo table tbody tr td,
 .planningExtraDetailInfo table tbody tr td{
 	border: 1px solid white;
    padding: 2px 13px 2px 0.5%;
    text-align: left;
 }
 .storyExtraDetailInfo table tbody tr:nth-child(even),
 .planningExtraDetailInfo table tbody tr:nth-child(even){
 	background-color: #f3f3f3;
 }    
 .storyExtraDetailHeader,
 .planningExtraDetailHeader{
	font-size: 0.8em;
    width: 99.5%;
    display: inline-block;
    text-align: center;
    padding: 2px 0;
	background-color: #5f74b3;
    color: #fff;
 }
 .storyExtraDetailInfo table thead tr td.smallCol,
 .storyExtraDetailInfo table tr td.smallCol,
 .planningExtraDetailInfo table thead tr td.smallCol,
 .planningExtraDetailInfo table tr td.smallCol {
 	width: 3%;
 }
 .storyExtraDetailInfo table thead tr td.midCol,
 .storyExtraDetailInfo table tr td.midCol, 
 .planningExtraDetailInfo table thead tr td.midCol,
 .planningExtraDetailInfo table tr td.midCol {
 	width: 40%;
 }
 
 
 .deleteExtraCol{
   background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color:red;
 }
 
 #addExtraCol, 
 #addPlanningExtraCol{
    color: blue;
    margin-right: 12px;
    cursor: pointer;
    border: 1px solid #cccccc;
    font-weight: normal;
    font-size: .8em;
    color: #006B9E !important;
    background: #fff;
    padding: .3em .5em !important;
    line-height: 1.4em;
}
 
 .calloutpoint_storyExtra{
 content: "";
	position: absolute;
	top: -8px;
	right: 10px;
	border-left: 3px solid #1376C9;
	border-top: 3px solid #1376C9;
	background: #BACDDD;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	/* reduce the damage in FF3.0 */
	display: block;
	width: 8px;
	height: 8px;
	z-index: 0;
 }
/*End of css for story extra columns in configuration>story*/
/*css for newsflow bar*/
#newsflowBar {
    float: left;
    width: 99.9%;
    background-color: #CECECE;
    font-size: 11px;
    height: 19px;
    border-bottom-style: groove;
}

#newsflowBarContainer .ticker-content>span>a{
	 pointer-events: none;
   cursor: default;
}
/*Css end for newsflow bar */
/*Css for service health report*/
.healthReportTableTd1{
	/* width:10%; */
	white-space:nowrap;
	font-weight:bold;
	font-size:14px;
} 
.healthReportTableTd2{
/*  width:15%; */
 white-space:nowrap;
 font-size:14px;
}
#SystemServiceHealthReport table{
    border-collapse: collapse;
    border:1px solid grey;
}
#SystemServiceHealthReport .configTable tbody tr td {
    border: 1px solid #b1abab;
    padding: 2px 0 2px 0.5%;
    text-align: left;
 }
 
 #SystemServiceHealthReport .configTable .header{
 background-color:#e2e2e2;
 }
 /*Css end for service health report*/
 /*css for attachment */
 .scriptItemStoryAttachmentUL li{
 background-color: #70a3e8;
  color: #fff;
 }
 /*css end for attachment*/
 .cancelToolTipForArchivedStories{
  pointer-events: none;
 }
 
 /*----------------css for range slider---------------*/
/*  #slider-range {
  margin-top:10px;
 height:7px !important;
 background:grey; 
 height: 100%;
    float: left;
    width: 45%;
    left: 365px;
    right: -40px;
    position: absolute;
    background-color: rgb(100 100 100 / 68%);
    background: #ffe800;
    background: -moz-linear-gradient(top,#ffe800,#a69700);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#ffe800),to(#a69700));
    background: -webkit-linear-gradient(top,#ffe800,#a69700);
    background: -o-linear-gradient(top,#ffe800,#a69700);
    background: -ms-linear-gradient(top,#ffe800,#a69700);
    background: linear-gradient(top,#ffe800,#a69700);
    opacity: .8;
    top: 197px;
    border:none !important;
 } */
 .mediaSearch {
  /* margin-top:69px; */
 height:7px !important;
/*  background:grey;  */
 /* height: 100%; */
   /*  float: left;
    width: 44.2%;
    left: 391px; */
    /* right: -40px; */
   /*  position: absolute !important; */
    background: rgb(7, 20, 30, 0.7) !important;
    background: -moz-linear-gradient(top,#504f4f,#504f4f);
    background: -o-linear-gradient(top,#504f4f,#504f4f);
    background: -ms-linear-gradient(top,#504f4f,#504f4f) !important;
    background: linear-gradient(top,#504f4f,#504f4f);
    /* opacity: .8; */
   /*  top: 194px; */
    border:none !important;
    width:97%;
    margin-left:1px;
 }
 
 .mediaEditMarkins{
  /*margin-top:10px;*/
 height:7px !important;
 /* background:grey; 
 height: 100%; 
    float: left;
    width: 96%;
    left: 7px;*/
    /* right: -40px; 
    position: absolute !important;*/
    background: rgb(7, 20, 30, 0.7) !important;
    background: -moz-linear-gradient(top,#504f4f,#504f4f);
    background: -o-linear-gradient(top,#504f4f,#504f4f);
    background: -ms-linear-gradient(top,#504f4f,#504f4f) !important;
    background: linear-gradient(top,#504f4f,#504f4f);
    /* opacity: .8; */
/*     top: 170px; */
    border:none !important;
    margin-left:6px;
     width: 96%;
 }
 
 #slider-range .ui-slider-range .ui-widget-header{
 height:4px !important;
 background: #bf760a;
 }
 
 #slider-range .ui-corner-all{
    /*  border-radius: 50px !important;
    top: -6px !important; */
    top: -26px !important;
    color: #ffe800;
    font-size: 2em;
    cursor:pointer;
    border:none ! important;
    background:none !important;
    outline:none;
 }
 
 #slider-range .ui-corner-all i:hover{
 font-weight:bold !important;
 color:#fffff !important
 }
 
 #slider-range .ui-state-focus{
 color:#ffe800 !important;
 }
 
 #slider-range  .ui-widget-header{
 /* height: 8px !important;
 background: #d47e00;
 height: 8px !important; */
    background: #d27d00;
    border-left: 4px solid #f8e801;
    border-right: 4px solid #f8e801;
}

.ui-slider-horizontal .ui-slider-handle{
	margin-left: -0.1em !important;
}
/*------------css end for range slider----------*/
 /*-----story rejection comment css starts-----*/
#storyCommentDialog #storyComment_comment{
	resize: vertical;
	width: 98%;
    height: 57px;
    border-radius: 6px;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #afaeae;
    background: transparent;
    outline:0;
}
#storyComment_add{
float:right;
padding:0px 5px 0px 5px;
}
#commentsListForRejectedStories{
	margin-bottom: 5px;
}
/* .commentDivFoRejectedStories .deleteCommentList{
	color:red;
    float:right;
    margin-right:5px;
    margin-left:5px;
    cursor: pointer;
} */

#storyCommentDialog{
	display: block;
    width: auto;
    min-height: 0px;
    max-height: 470.219px;
    height: auto;
    max-width:100%;
    min-width:0px;
}
 .disableCloseForstoryRejection{
 display:none !important;
} 
/*-----Story rejection comment css ends-------*/
/*------Global search css starts--------------------*/
.globalAdvanceSearchFullscript{
	left: 0 !important;
    top:33px !important;
    position: fixed;
    width: 99% !important;
    height: 94% !important;
    overflow: auto;
}
#advanceSearchResultSetTbl{
	width: 100% !important;
	cursor:pointer !important;
}

#advanceSearchPreviewDialogue ul {
    padding: 0px 15px 15px 15px;
    list-style-type: none;
}

#advanceSearchPreviewDialogue ul li {
    display: inline-flex;
    width: 100%;
    margin-bottom: 12px;
}

#advanceSearchPreviewDialogue ul li .advanceSearchPreviewHeader {
    width: 29%;
    text-align: right;
    font-size: 12px;
    color: #424141 !important;
    display:flex;
}

#advanceSearchPreviewDialogue ul li .advanceSearchPreviewValue {
    width: 70%;
    font-size: 13px;
    margin-left: 7px;
    color: #000 !important;
    cursor: text;
    user-select: text;
}
.advancrSearchPaginationDiv span.advanceSearchPaginationWrapper, .storyMediaArchiveReportPaginationDiv span.storyMediaArchiveReportPaginationWrapper{
	clear:both;
	float:right;
}

.advancrSearchPaginationDiv, .storyMediaArchiveReportPaginationDiv{
	height: 31px;
	background: rgb(134 133 133) !important;
	display:none;
}


#globalShowAdvanceSearchField .advancrSearchPaginationDiv .simple-pagination ul li, #deskStoryMediaArchiveReport .storyMediaArchiveReportPaginationDiv .simple-pagination ul li,#ingestFeedLibraryListDiv .ingestFeedPaginationDiv .simple-pagination ul li{
    position: relative !important;
    top: 6px !important;
    cursor:pointer !important;
}

#globalShowAdvanceSearchField .advancrSearchPaginationDiv .light-theme .current, #deskStoryMediaArchiveReport .storyMediaArchiveReportPaginationDiv .light-theme .current,#ingestFeedLibraryListDiv .ingestFeedPaginationDiv .light-theme .current {
    background: none !important;
    box-shadow: none !important;
    cursor:pointer !important;
}

#globalShowAdvanceSearchField .advancrSearchPaginationDiv .light-theme .current, #deskStoryMediaArchiveReport .storyMediaArchiveReportPaginationDiv .light-theme .current,#ingestFeedLibraryListDiv .ingestFeedPaginationDiv .light-theme .current {
    border-color: transparent !important;
}

#globalShowAdvanceSearchField .advancrSearchPaginationDiv .light-theme span, #deskStoryMediaArchiveReport .storyMediaArchiveReportPaginationDiv .light-theme span,#ingestFeedLibraryListDiv .ingestFeedPaginationDiv .light-theme span {
    cursor: pointer;
}
#globalShowAdvanceSearchField .advancrSearchPaginationDiv .light-theme span, #deskStoryMediaArchiveReport .storyMediaArchiveReportPaginationDiv .light-theme span,#ingestFeedLibraryListDiv .ingestFeedPaginationDiv .light-theme span {
    margin: 0 0px 0 0 !important;
}
#globalShowAdvanceSearchField .advancrSearchPaginationDiv .light-theme span, #deskStoryMediaArchiveReport .storyMediaArchiveReportPaginationDiv .light-theme span,#ingestFeedLibraryListDiv .ingestFeedPaginationDiv .light-theme span {
    padding: 0px 5px !important;
}
#globalShowAdvanceSearchField .advancrSearchPaginationDiv .light-theme span,#globalShowAdvanceSearchField .advancrSearchPaginationDiv .light-theme a, #deskStoryMediaArchiveReport .storyMediaArchiveReportPaginationDiv .light-theme span, #deskStoryMediaArchiveReport .storyMediaArchiveReportPaginationDiv .light-theme a,#ingestFeedLibraryListDiv .ingestFeedPaginationDiv .light-theme span, #ingestFeedLibraryListDiv .ingestFeedPaginationDiv .light-theme a {
    font-size: 13px !important;
    line-height: 15px !important;
}

#globalShowAdvanceSearchField .advancrSearchPaginationDiv .light-theme span:hover ,#globalShowAdvanceSearchField .advancrSearchPaginationDiv .light-theme a:hover, #deskStoryMediaArchiveReport .storyMediaArchiveReportPaginationDiv .light-theme span:hover ,#deskStoryMediaArchiveReport .storyMediaArchiveReportPaginationDiv .light-theme a:hover,#ingestFeedLibraryListDiv .ingestFeedPaginationDiv .light-theme a:hover,#ingestFeedLibraryListDiv .ingestFeedPaginationDiv .light-theme span:hover {
    color:#f39814 !important; 
}

#advanceSearchPreviewDialogue{
	overflow-x:hidden;
	overflow-y:auto;
}
.advanceSearchPreviewHeader .advanceSearchPreviewcolen{
     width: 10%;
     text-align: right;
}
.advanceSearchPreviewHeader .advanceSearchPreviewlabel{
    width: 80%;
    text-align: left;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.blankcell{
      /*   min-width: .15rem;
        max-width: .2rem; */
        padding: 0;
        position: relative;
        visibility:hidden;
        margin-left:2px; 
        background-color:none;
}

#globalShowAdvanceSearchField #advanceSearchgooglePage,#globalShowAdvanceSearchField #advanceGoogleSearch,#globalShowAdvanceSearchField #advanceGoogleSearchIframe{
	width:100%;
	height:100%;
}
/*------Global search css end------------------------*/
/*------Create story from show template starts here----------------*/
.createStoryFromShowTempHandle span{
	background-image: url(../images/check_box_outline_blank_black_20dp.png);
    background-repeat: no-repeat;
    background-size: 20px;
    content: '';
    display: inline-block;
    height: 19px;
    margin-right: 2px;
    opacity: .5;
    width: 18px;
}

#createStoryFromShowTemplateSplit li .showTemplateStoryAdd span{
	color:#5666b8;
}
/*--------------------------------Create story from show template ends here-------------------*/
/*--------------------------------Drag and drop css for Raw clip window starts here-------------------------*/
.ui-draggable-helper { 
    z-index: 5000 !important;
} 

#extendMediaDialog .ui-draggable-disabled{
	opacity: 1;
    background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top;
}
/*--------------------------------Drag and drop css for Raw clip window ends here-------------------------*/
/*--------------------------------Slug comment css starts here-----------------------------*/
#slugComment{
    border: 1px solid #b1b1b1;
    background: transparent;
    width: 99%;
    height: 52px;
    border-radius: 6px;
    outline:none;
}

#SaveSlugComment{
   float:right;
}
/*--------------------------------Slug comment css ends here-------------------------------*/
/*--------------------------------inline slug edit css ends here-------------------------------*/
.editSlugInline{
    background-color: #eee;
    position: absolute;
    z-index: 1004;
    font-size: 10px;
    text-align: justify;
    padding-right: 10px;
    margin:0px !important;
    top:0px;
}
/*--------------------------------inline slug edit css ends here-------------------------------*/
/*-----------------------------------To add font awesome icons in all the show drop down css--------------------*/
#showSplitVerticalDiv #splitLeftRundownShows,#showSplitVerticalDiv #splitRightRundownShows,.preview #selectRundown,#deskCopyForm #copyRundowns_chzn,#deskMoveForm #moveRundowns_chzn,#assignForm #wireRundownId_chzn,#deskLinkForm #linkRundowns_chzn,#AssignNavCopyForm #copyRundowns_chzn,#assignNavMoveForm #moveRundowns_chzn,#assignNavLinkForm #linkRundowns_chzn,#onAirShowReportsForm #reportsOnAirShows_chzn,#existsRundownId,#rundown_chzn{
	font-family: 'FontAwesome',Verdana, Geneva, sans-serif;
	font-size:13px;
}
/*-----------------------------------To add font awesome icons in all the show drop down ends css--------------------*/

/*-----------------------------------To add textShoadow to text css starts--------------------*/

.textShadowForFontOnDarkBCk{
	/*text-shadow:0px 0px 11px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 25px 25px rgb(0 0 0 / 80%);*/
	font-weight: bold;
}
/*------------------------------------To add textShoadow to text css ends--------------------*/
/*------------------------------------height for comment col starts here--------------------*/
.roComment{
	height:20px;
	color: #003271;
    font-weight: 600;
    font-style: italic;
}
/*------------------------------------height for comment col ends here--------------------*/
/*------------------------------------css for rundown calender starts here--------------------*/
.fc-event-container [id^="showTimeline"]{
	border:1px solid white;
	box-shadow:3px 4px 4px #93a0b175;
	background:#ffffff  !important;
	border:1px solid #b9d8ff !important;
	margin-bottom:5px;
	font-weight:bold;
}

.fc-event-container [id^="showTimeline"] .fc-time{
	color:#31318e;
}
.fc-event-container [id^="showTimeline"] .fc-title{
	color:#31318e;
}

/*------------------------------------css for rundown calender ends here--------------------*/

#snapHeader a:hover, #mediaListingSnapHeader a:hover{
/* 	color: #fff;
    background: #5f5f5f;
    border: 2px solid #c1a780; */
        color: #ffffff;
    background: #f19743;
    border: 2px solid #ffffff;
}

/* mediaMerkinsList table css for metadata starts*/
#mediaMerkinsList td {
	border-bottom: 1px solid #f6f6f6;
	color: #666;
	text-align:left;
}
#mediaMerkinsList td label{
	font-weight:bold;
}

#mediaMerkinsList tbody tr:hover{
	color:black;
}

#mediaMerkinsList td span.mediaRemoveMarkers:hover{
	color:black !important;
}
.mediaRemoveMarkers{
	cursor:pointer;
}

#mediaMerkinsList{
	width:100%;
	font-size:12px;
	color:white;
}

#mediaMerkinsList tbody tr{
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
	word-break:break-all;	
}

#mediaMerkinsList thead tr{
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
	word-break:break-all;	
	background:grey;
}

.tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: white;
  color: black	;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 9px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size:10px;
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 102%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}

.vjs-default-skin:hover .vjs-progress-control .tooltiptext
{
	bottom:15px;
} 
/* mediaMerkinsList table css for metadata end*/
/*----------------css for range slider in extended media window---------------*/
 #extendedMediaWindowSliderRange {
    height:7px !important;
    background: rgb(7, 20, 30, 0.7) !important;
    background: -moz-linear-gradient(top,#504f4f,#504f4f) !important;
    background: -o-linear-gradient(top,#504f4f,#504f4f) !important;
    background: -ms-linear-gradient(top,#504f4f,#504f4f) !important;
    background: linear-gradient(top,#504f4f,#504f4f) !important;
    border:none !important;
    width:98%;
    /* left:5px; */
    margin:5px;
    margin-left:0px;
 }
 
 
 #extendedMediaWindowSliderRange .ui-slider-range .ui-widget-header{
 height:4px !important;
 background: #bf760a;
 }
 
 #extendedMediaWindowSliderRange .ui-corner-all{
    top: -26px !important;
    color: #ffe800;
    font-size: 2em;
    cursor:pointer;
    border:none ! important;
    background:none !important;
    outline:none;
 }
 
 #extendedMediaWindowSliderRange .ui-corner-all i:hover{
 font-weight:bold !important;
 color:#fffff !important
 }
 
 #extendedMediaWindowSliderRange .ui-state-focus{
 color:#ffe800 !important;
 }
 
#extendedMediaWindowSliderRange  .ui-widget-header{
    background: #d27d00;
    border-left: 4px solid #f8e801;
    border-right: 4px solid #f8e801;
}


.mediaRemoveMarkers{
	cursor:pointer;
}

#extendedMediaWindowMarkinsList{
	width:100%;
	font-size:12px;
	color:white;
}

.mediaMarkerDiscriptiontd span input{
	outline:none;
	border: 1px solid #D1D1D1;
    border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
    padding: 5px 0px 5px 5px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%) inset;
}
/*------------css end for range slider in extendedMedia window----------*/
/*---------------medtaArchive retrieve State css stars-----------------------------*/
#mediaArchiveRetrieveStateDiv {
	display: none;
	background-color: #eee;
	border: 2px solid #a6a2a2;
	position: absolute;
	z-index: 1004;
	font-size: 10px;
	text-align: justify;
	padding-right: 10px;
	width : 179px;
	top:27px;
	left:85.5%;
	border-radius:4px;
    box-shadow: 0px 3px 3px 0px #999797;
}

#mediaArchiveRetrieveStateDiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mediaArchiveRetrieveStateDiv ul li {
	color: blue;
	font-size: 10px;
	font-weight: normal;
	margin-left: 0;
	padding-left: 0;
	border-bottom: 1px solid white;
	line-height: 1.4em;
	vertical-align: middle;
}
/*-------------------media archive retrieve state css ends-------------------*/
.textColorForVoiceOver{
	color:green !important;
}

.deskMarkAsMenu{
	display:none;
    color:#f0f0f0;
    cursor:pointer;
}
/*----------------------css for user and contact group dialogue----------------*/
#userGroupAddDialog .deleteUserGroup i:hover, #userGroupAddDialog .edituserGroup:hover, #contactGroupAddDialog .deleteContactGroup i:hover{
	color:white;
}
/*----------------------css end for user and contact group dialogue----------------*/
/*----------------------css for archived storiesMedia within------------------------*/
.storyMediaArchiveReportPreviewRow{
  border: 1px solid #c1c1c1;
  -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
}

.storyMedaiArchiveReportHighlight{
 background-color: #d6cfcf !important;
 -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
 z-index: 1;
 color:#717171 !important;
}

.storyMediaArchiveReportCopyMediaList{
 color: blue;
 clear: both;
 float: right;
 margin-right: 7px;
 cursor: pointer;
 width: 12%;
 text-align: end;
 position: absolute;
 top: 10px;
 right: 0;
}

.storyMediaArchiveReportMedisList{
 width: 83%;
 float: left;
 clear: both;
}
#storyMediaArchiveReportSearchResults{
 margin-top: 10px;
 margin-bottom:10px;
 height:755px;
 overflow:auto;
}
#storyMediaArchiveReportResultsTbl>thead>tr>th,#ingestFeedResultsTbl>thead>tr>th{
 font-size:14.5px;
}
#storyMediaArchiveReportResultsTbl>tbody>tr>td,#ingestFeedResultsTbl>tbody>tr>td{
 font-size:14px;
}
#StoryMediaArchiveReportSearchField,#ingestFeedLibrarySearchField{
	border:1px solid #898787;
    font-size:15px;
}
#storyMediaArchiveReportResultsTbl>tbody,#ingestFeedResultsTbl>tbody{
	background:white;
}
#deskStoryMediaArchiveReport input,#deskStoryMediaArchiveReport select,#ingestFeedLibraryListDiv input,#ingestFeedLibraryListDiv select{
	margin-left:-30px;
}

.gotoLinkedRundownInArchivedList{
 cursor:pointer;
 color:blue;
}
#storyMediaArchiveReportResultsTbl,#ingestFeedResultsTbl{
 width:100%;
 margin-top:0px !important;
 margin-right:0px !important;
 margin-left:0px !important;
 margin-bottom:0px !important;
 border-collapse: collapse;
 background-color: #dcdcdc91;
}
/*----------------------css ends for archived storiesMedia within------------------------*/
/*----------------------css for ingestFeed library starts--------------------------------*/
#ingestFeedResultsTbl .ingestFeedEdit,#ingestFeedResultsTbl .ingestFeedDelete{
	margin-left:10px;
    margin-right: 10px;
    cursor:pointer;
}
#ingestFeedLibraryListDiv .archivedatasetResult tbody tr:hover td.editdeleteTd{
	color:white !important;
}
#ingestFeedLibraryListDiv .ingestFeedButtons{
	font-size:15px;
}

#newingestFeedDiv p.inline-small-label{
    padding-left:67px !important;
}
.ingestFeedNewBtn{
  clear:both;
  float:right;
  margin-right:3px;
}

.ingestFeedEdit:hover,.ingestFeedDelete:hover{
	color:#000 !important;
}
#ingestFeedSearchResults{
	 margin-top: 10px;
	 margin-bottom:10px;
	 height:735px;
	 overflow:auto;
}
/*----------------------css ends for ingestFeed library---------------------------*/
/*----------------------css for desk story skip starts---------------------------*/
li.skippedDeskStory:not(.ui-selected){
	background: #cecbcb; !important;
}
.skippedDeskStoryTitleColor{ 
    color:#717171 !important;
}

#storyCategoryWiseFilter{
 position: absolute;
 width: 154px;
 font-size: 0.8em;
 z-index: 100;
 border: 1px solid #ffffff;
 background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
 box-shadow: 1px 0px 4px 1px #6a6969;
 border: 1px solid grey;
 height: 400px;
 overflow-x: hidden;
 overflow-y: auto;
}
#storyCategoryWiseFilter li{
 text-decoration: none;
 display: block;
 padding: 2px 0px;
 line-height: 1.5;
 zoom: 1;
 cursor:pointer;
 color:#333333;
 border-bottom: 1px solid white;
 overflow: hidden;
}
#storyCategoryWiseFilter li:hover{
 background: #5f74b3;
 color: white !important;
}
#storyCategoryWiseFilter .autocompleteStoryCategory{
 padding: 13px 2px;
 position: relative;
}
#storyCategoryWiseFilter #autoStoryCategorySearchInput{
 width: 91% !important;
 position: absolute;
 top: 0px;
}
/*----------------------css for desk story skip ends---------------------------*/
/*----------------------css for slug groupping starts---------------------------*/
#slugGroupping .slugGroup ,#splitRightSlugGroupping .slugGroup,#splitLeftSlugGroupping .slugGroup,.slugGroup{
    position: relative;
    margin-left: 0;
    /*padding: .156em !important;*/
    padding: .1em .15em .1em .15em;
    list-style: none;
    /*height: 16.3px !important;*/
    height: 17px !important;
    width:19px;
    background:#f7e40178;
    border-bottom:1px solid #ffac00;
    border-left:1px solid #ffac00;
    border-top: 1px solid transparent;
}
#splitRightSlugGroupping .slugGroup,#splitLeftSlugGroupping .slugGroup{
	height:15px !important;
}
#splitRightSlugGroupping,#splitLeftSlugGroupping{
background: #D4D4D4;
padding: 0;
width:25px;
float:left;
margin-left:-4px;
}

.slugGroupBorderBtm{
	  border-bottom:1px solid #ffffff !important;	
}
.slugGroupBorderTop{
	//border-top:1px solid #ffffff !important;	
}
.hightlightGrouppedSlugs{
  background:#587ead !important;	
}

.skippedStory span:not(.roStatus){
	/*text-decoration: line-through;
    text-decoration-color: #bb5050fc;
    text-decoration-thickness: 2px;*/
}
.placeholderForGroup{
	 background:white !important;
	 position: relative;
	 margin-left: 0;
	 padding: .156em !important;
	 list-style: none;
	 height: 16.3px !important;
	 width:19px;
	 border-bottom:1px solid #ffac00;
	 border-left:1px solid #ffac00;
}
/*----------------------css for slug groupping ends---------------------------*/
/*----------------------css for newsflow iframe starts---------------------------*/
.maximizePreview{
	height:95% !important;
}
.minimizePreview{
 min-height: 248px !important;
 height: auto !important;
 width: auto;
 max-height: 248px !important;
 overflow:hidden !important;
 background:rgb(198, 196, 198) !important;
}
.miniPreview{
  height : 300px !important;
  width : 450px !important;
}
/*----------------------css for newsflow iframe ends---------------------------*/
/*----------------------item clip and cg populate in powerview css starts------------------*/
/*.powerviewClipDetails,.powerviewCgDetails{
    width: 95%;
    margin-left: 5px !important;
}*/
/*----------------------item clip and cg populate in powerview css ends------------------*/
.spellCheckVisibility{
	visibility: hidden;
}
.clipDur{
    font-size: .8em !important;
    color: #f4f4f4 !important;
    font-weight: 600;
}

.searchDayShow{
	color:#d27d03;
}

.copyClipToPaste{	
	background-color: #567dad !important; 
}


.remainingDurNegative{
    background-color:#ed6262 !important;
}
.remainingDurPositive{
    background-color:#42b978 !important;
}
.remainingDurNegative .roTimeSlugRemaningDur, .remainingDurPositive .roTimeSlugRemaningDur{
	color:white !important;
}

.unpinnedRundown i{
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
   -ms-transform: rotate(180deg);
}

/*---------------------------------------rundown privilge more options css starts----------------------*/
.moreOptionsRundownPrivilegeShow,.moreOptionsRundownPrivilegeHide{
	margin-top: 3px;
	font-size: 10px;
 	padding: 0px 4px;
	border: 1px solid #858484;	
	margin-left: 0px;
	color: #333;
	background-color: #fffbfb;
	cursor: pointer;
	border-radius: 3px;
}

.rundownMoreOptionsLegend{
	background: #E2E2E2;
	font-weight: bold;
	border: solid 1px #B7B2B2;
	padding: 4px;
	color:#717171;
}
.rundownPriMoreOptionsFieldSet{
	border: 1px solid #ccc;
    display:grid;
  	margin-left:0px;
	width:60%;
	background: #f9f9f9;
}
/*-------------------------------------rundown privilge more options css ends--------------------*/
/*--------------------------CSS for screens with a width of 1366px and greater---------------------------*/
@media screen and (max-width: 1367px) {
    /* Your CSS rules for screens with this resolution */
    .roTimeRealTextVideo,.roTimeSelectTextVideo {
        /* Example styles */
        font-size: 11px !important;
        /* Add any other styles you want to apply */
    }
    .roTimeSlugText, .roTimeSelectText, .roTimeSlugPlannedDur, .roTimeSlugRemaningDur{
    	font-size:11px !important;
    }
}
/*--------------------------CSS for screens with a width of 1366px and greater ends---------------------------*/
/*-------------------------------Css for media listing in snap format----------------------------------*/
#mediaListingSnap{
	display:none;
	width: 12%;
    float: left;
    margin-right: 1px;
    margin-left: 1px;
    height: 100% !important;
    overflow: hidden;
}
.mediaListingWrapper{
	list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.mediaListingWrapper li{
    margin: 1px;
    padding: 0.1em;
   	font-size: 0.9em;
    background-size: 40px 100%;
    border: 1px solid #dddddd;
    background-color: white;
    color:#000;
}
#mediaListingSnapHeader{
    padding-left: 6px;
    background-color: grey;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    height: 24px;
    cursor:pointer;
}

#mediaListingSnapHeader a{
    padding: 2px 3px;
    border: 2px solid #949A9E;
    margin-left: 4px;
    cursor: pointer;
    position: relative;
    left: -5px;
    border-radius: 4px;
    background-color: #ECECEC;
    color: #333;
    top: 5px;
}

#mediaListDropDownWrapper{
    height: 22px !important;
    background: linear-gradient(to bottom, #79AAE6 0%, #3C5C84 100%) !important;
    color: #F5F5F5;
    padding-left: 3px !important;
    padding: 0.1em;
    font-size: 1em;
    height: 33px;
    background-size: 40px 100%;
    border: 1px solid #dddddd;
}
.mediaListSnapItem{
  	padding: 5px;
    margin-top: 0px;
    -moz-box-shadow: 0px 3px 3px #ddd;
    -webkit-box-shadow: 0px 3px 3px #ddd;
    box-shadow: 0px 3px 3px #ddd;
    cursor: pointer;
    height:100%;
}

.mediaListSnapMediaDetails{
	height: 35px;
    overflow: hidden;
}
.mediaListSnapMediaTitle{
	margin-left: 3px;
    overflow: hidden;
    color: blue;
    margin-right: 10px;
    width: 90%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 2.3em;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

#mediaListingSnapPageInit .getPage{
	width:99%;
	height:25px;
}
.mediaListSnapThumbnail {
	padding: 0px; 
	width:35px;
	float: left;
	height:35px;
	clear:both;
}
/*-------------------------------Css end for media listing in snap format-----------------------*/
/*--------------------------CSS for social attachemnts starts here---------------------------*/
.columWiseDisplayInSocialMediaAttachments{
    overflow-y: auto;
    margin-top: 15px;
    float: left;
    width: 100%;
    margin-left: 15px;
    height: 420px;
    overflow-x:hidden;
    display: flex;
    flex-wrap: wrap;
}
.closeAttachment{
	background: url(../images/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3203;
    position: absolute;
    top: 0;
    left: 185px;
}
.socaial-attachment-preview{
	width:200px;
	height: 150px;
	position: relative;
    margin-bottom: 10px;
    margin-right: 19px;
}
#socailmediaImagePreviewDiv .attachedVideo video{
	width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.editDrafedStoriesInSocial{
	background: url(../images/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    position: absolute;
    top:-8px;
    left: 383px;
    display: none;
}
.previewInTable{
	display: flex;
	flex-wrap: wrap;
	 gap: 10px;
}
.attachmentPreviewInTable{
	position: relative;
    width: 350px;
    height: 200px;
    margin-left:1px;
    margin-top: 5px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
}
.attachmentPreviewInTable img, .attachmentPreviewInTable video{
	width:100%;
	height:100%;
	object-fit: cover;
}
#btnSaveChangeOfDraft{
	clear:both;
	float: right;	
	background: #007eb1;
    border-color: #00435d;
    color:white !important;
    width: 65px;
    height: 31px;
}

#btnSaveChangeOfDraft span{
	color:white !important;
}
.saveChangeOfDraftDiv{
 	margin-top: 5px;
    width: 100%;
    height: 26px;
    display: none;
}

#btnAyrshareJWTCall{
	border: none;
    color: blue;
    text-decoration: underline;
    font-size: 15px;
    cursor:pointer;
}
#btnAyrshareJWTCall i{
	text-decoration: underline;	
}

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

.previewRow{
	background: white !important;
}
.previewRow .ayrShareExpanded{
	display: flex;
  	align-items: center;
  	justify-content: center;
}
.previewRow .ayrSharePackageEditor{
    color: #505050;
    border: 1px solid #ccc;
    min-height: 100px;
    border-radius: 10px;
    background:white;
    margin: 10px 5px;
    padding: 5px;
    position: relative;
    width: 48%;
    box-shadow: 1px 1px 5px 1px #ccc;	
}
.socialSuccesPostDetails{
    font-size: 16px;
    margin-bottom: 39px;
    text-align: left;
    line-height: 1.6;
}
.socialAnalytivContainer{
	position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.socialAnalytivContainer ul{
    border-top: 1px solid rgb(225, 232, 237);
    height: 30px;
    margin: 0px;
    width: 100%;
    padding: 0px;
    display: flex;
    box-shadow: 0px -2px 3px #ccc;
}
.socialAnalytivContainer ul li{
    cursor: pointer;
    width: 50%;
    border-right: 1px solid #ccc;
    margin: 0px;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    color: #006B9E;
}
.ayrSharesocialLinkDiv{
	margin-top: 3px;
	text-align: center;
}
.socialAnalytivContainer ul li:hover{
	font-weight: bold;
}
.socialPostCommentWrapper{
	padding: 4px 10px;
    position: relative;
    margin: 3px;
    border-radius: 5px;
    display: flex;
    border: 1px solid #ddd;
}
.socialPostCommentDisplayWrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 0px;
    border-radius: 10px;
    margin-left: 3px;
}
.socialPostCommentSenderReceiverName{
	text-align: left;
	display: flex;
	margin-left: 6px;
    margin-top: 6px;
}
.socialPostCommentTextContainer{
	margin-top: 3px;
    width: 100%;
    text-align: left;
    margin-left: 7px;
}
.socialPostCommentText{
	color:#505050;
    white-space: pre-wrap;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    cursor: auto;
    word-break: break-word;
    text-align: left;
    line-height: 1.5;
    font-size: 16px;
    width: 98%;
}
.socialPostCommentTimestampDisplay{
	padding-top: 1px;
    color:#505050;
    margin-left: 5px;
    font-size: 12px;
    text-align: center;
}
.socialPostCommentProfileNameChar{
    color: white;
    background-color: #1376c9;
    height: 30px;
    width: 31px!important;
    border: 1px solid rgb(216 216 216);
    border-radius: 11px;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 3px;
}
.socialPostCommentUserName{
	color:#1376c9;
}
.socialPostWithThreads{
	background:rgb(255 248 194) !important;
}
.socialAddCommentSection{
    justify-content: space-between;
    padding: 5px;
    border-radius: 4px;
    max-height: 70%;
    overflow: auto;
    position: relative;
    overflow: hidden;
}
.socialCommentTextArea{
	min-height: 90px;
	max-height: 150px;
    border-radius: 3px!important;
    height: 38px;
    background:white;
    padding-left: 0.5rem!important;
    color: #505050!important;
    width:98%!important;
    outline: none;
    background:white;
    border: 1px solid white !important;
    resize: vertical;
}
.socialCommentTextArea:focus{
	border: 1px solid #096ddc !important;
}
#socialAddCommentBtn{
	height: 28px;
    font-size: 14px;
    width: 43px;
    border-radius: 3px;
}
.socialDeletCommentBtn{
	width: 27px;
    border: none !important;
    background: none !important;
    font-size: 15px !important;
    color: red !important;
}
.socialDeletCommentBtn:hover{
	background: white !important;
	border:1px solid #cccccc !important;
}
.socialPostCommentDetails{
	height: 73%;
    overflow-x: hidden;
    overflow-y: auto;
}
#postSocialCommentDialog{
	background: #f5f7f8;
}
.socialPostCommentWrapper:hover{
	background:#f2f2f2;	
}
.socailNetworkList li{
	border-radius: 15px;
    border: 1px solid rgb(225, 232, 237);
    width: 96%;
    margin-top: 4px;
    cursor: pointer;
}
.highlightSelectedPlatform{
	border-color: rgb(12, 160, 250) !important;
}
.highlightTopBorders{
       border-top:0.5px solid #ffb96b !important;
}
.highlightbottomBorders{
       border-bottom:0.5px solid #ffb96b !important;
}
#SocialmediaYoutubeTitleDiv span{
	font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
/*--------------------------CSS for social attachemnts ends here---------------------------*/
.slugNumbering{
	margin-left:18px;
	font-size: 13px;
	line-height:20px;
	width:55px;
	height:20px;
}
#numberingtrCol{
	width: 69px;
}
.storySanpDeskStoryCategoryList{
	width: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.slugDuplicateTextColor{
	color:#540000;
	font-weight: bold;
}
.slugDuplicateTextColorTrim{
	width: inherit;
    text-overflow: ellipsis;
}

/*------------------------------AI Assistance popup css starts----------------------------*/
.AIAssistanceWrapper{
	height:100%;
	margin:0;
}
#AISearchWrapper{
	border: 1px solid #e3e3e3;
    background: #fff;
    border-radius: 0.5rem;
    min-height: 85px;
    position: absolute;
    bottom: 2px;
    width: 97%;
    padding: .5em 0em;
    box-shadow:0px 0px 3px 1px #d1d1d1;
}

#AIAssistanceActionBtnWrapper{
  display: flex;
  justify-content: space-between; /* Divides space evenly between columns */
  gap: 8px; 
}

.AISearchTextArea{
   	overflow-x: hidden;
    overflow-y: auto;
    border: none;
    height: 130px;
    background: #fff;
    border-radius: 4px;
    min-height: 38px;
    width: 98%;
    margin: 0.2em 0.5rem 0.2rem 0.5rem;
    outline: none;
    text-align: justify;
    color:#000;
}

.AIAssistanceActions, .responseActions {
    /*flex: 1;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.3rem;
    /*padding: 0 0.5rem;*/
    margin: 0;
    justify-content: start;
    font-size: 14px;
}

#AISearchWrapper .AIAssistanceActions{
    padding: 0 0.5rem;	
}

.AIAction{
   	flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: 0 0.5rem;
    margin: 0;
    justify-content: end;
}

.AIAssistanceActions  li , .AIAction li, .responseActions li{
    display: inline-block;
    cursor: pointer;
    padding:4px;
     border-radius: 0.5rem;
    border: 1px solid rgb(0 51 235 / 78%);
   /* margin: 2px;*/
    color:blue;
}

.AIActionBtn{
	float: right;
    display: flex;
}
 .AIAssistanceActions  li:not(.toggleActions):hover , .AIAction li:hover, .responseActions li:hover{
	font-weight: 600;
}

#AIStoryWrapper{
	margin-top:2px;
}

 .AIAssistanceActions li,.responseActions li{
	display:inline-block;
	cursor:pointer;
}

 .AIAction li{
	display:inline-block;
	cursor:pointer;	
}
.AIResponse{
	overflow-x: hidden;
    min-height: 384px;
    overflow-y: auto;
}

.AISearchQuery{
    gap: 1rem;
    padding: 0 0.2rem;
    background: #f7f7f7	;
    float: right;
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
    text-align: justify;
   /* width:58%;*/
    border: 1px solid #e4e4e4;
    margin-top: 1rem;
    margin-right: 12px;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: #000;
}

.AIResponseContent{
	gap: 1rem;
    padding: 0 0.2rem;
    background: white;
    float: left;
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
    margin-top:1rem;
    text-align: justify;
    width: 98%;
    border: none;
}

#AIAssistancePopup{
	overflow: hidden;
}

.AIAssistance{
	display: inline;
    cursor: pointer;
    float: right;
    margin-left: 3px;
    font-size: 15px;
    margin-top: -11px;
    color: blue !important;
    height: 20px;
}

.UseAIResponse, .CopyAIResponse{
	border:none;
	float: right;
	display: none;
}

.AIresponseText, .AISearchTextArea{
	white-space: pre-wrap;
	outline: none;
}
.AIAssistance-icon{
	vertical-align: bottom;
    cursor: pointer;
    margin-right: 2px;
}	
.AIActionBtn{
	clear: both;
	float: right;
	padding: 2px 0px 2px 0px;
	height: 35px;
}
.toggleActions{
	display: flex !important;
}

.AIresponseText{
    white-space: pre-wrap;
    outline: none;
    padding: 4px;
    border-bottom: 1px solid #CAAE74;
    min-height: 51px;
    word-wrap: break-word;
    color:#000;
}

.responseSearchWrapper{
	overflow-x: hidden;
    clear: both;
    background: #dadadd;
    width: 98%;
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin-top: 16px;
}
.AISearchQueryResponsed{
  vertical-align: middle;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 65px;
  color: #000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin:0;
  float: none !important;
  font-weight: 600;
}

.responseSearchedAIResponseContent{
	margin-top: 0;
	width: 100%;
  	box-sizing: border-box; 
	border-top-right-radius: 0;
	border: none;
	border-top-left-radius: 0;
}

.searchQueryResponse{
	clear: both;
	overflow: hidden;
}
.responseSearchedAIresponseText{
	padding: 0;
}

.AIActionMode{
	padding: 0 0 0.5rem;
	gap: 10px;
    display: flex
;
}
/*------------------------------AI Assistance popup ends here-----------------------------*/
/*---------------------Skipped story css-----------------*/
/*--------with no background css, uncomment the following CSS and comment dark background CSS section------*/
.skipped {
	color: #999 !important;
}
/* ----With dark background css uncomment following and comment no background css section---- */
/*.skipped {
	background-color: red !important;
	 color: white;
}
#roSlugList li.skipped.ui-selected, #splitLeft li.skipped.ui-selected, #splitRight li.skipped.ui-selected{
	background: #b36b03 !important;
    color:#fff !important;
}*/
/*------------------------------------------Skipped story css ends--------------------------- */

/* Newly added css (July-23-2025) */
.contacts-sub-menu, .planning-sub-menu {
	padding-left: 25px !important;
}

#contactUserForm .formInput,
#inviteContactUserForm .formInput,
#inviteCommunicationForm .formInput {
	width: 400px !important;
}

#contactUserForm .input-sm, 
#inviteContactUserForm .input-sm {
	width: 126px !important;
}

#inviteCommunicationForm .input-sm {
	width: 194px !important;
}

.storyColumnEditIcons{
	color: #888; 
}

.storyTitleEdit {
	color: #444; 
}

.roComment {
	min-width:100px;
	max-width:100px;
	display: inline-block;
	text-overflow: ellipsis;
}

.storyColumnEditIcons {
  visibility: hidden;
  opacity: 0;
  transform: translateX(4px);
  transition: all 0.2s ease;
  float: right;
}

.roComment:hover .storyColumnEditIcons, .slug-title:hover .storyColumnEditIcons  {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}

/* Guest attach to story dialog  */

#attachGuestList li, #attachInvitationList li { 
	margin: 3px; 
	padding: 0.2em; 
	font-size: 1.1em; 
	height: 45px; 
	display: flex;
}

#attachGuestList li .guestImage, #attachInvitationList li .guestImage { 
	float: left;
	width:50px;
	height:48px;
	margin-right: 6px; 
}


.guestDialogWrapper .dialogueGuestImage{
	float: left;
    /* margin-top: 19px; */
    font-size: 30px;
    margin-right: 7px;
    color: #2686c1;
}
.guestDialogWrapper .guestInfoDiv{ 
	width:77%;
	height:51px;
	overflow:hidden;
	float: left;
	margin-top:5px;
}
.guestDialogWrapper li .guestNameDiv{
	width: 217px; 
	height:20px;
	font-size:16px;
	overflow:hidden;
	float: left;
 }
.guestDialogWrapper li .guestEmailDiv{  
	font-size: 12px;
	line-height:13px;
	display: inline-block;
	vertical-align: middle;
}
.guestDialogWrapper li .dialogueGuestImage img{
	width:45px; 
	height:45px;
}
.guestDialogWrapper li .guestEmailDiv {
 width: 64%;
 overflow: hidden;
 -webkit-line-clamp: 1;
 text-overflow: ellipsis;
 height: 1.2em;
 word-break: break-all;
 }
.guestDialogWrapper .guestMobileDiv{
  width: 37%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* font-weight:bold; */
  }
.guestDialogWrapper li .guestCreatedBy,li .guestCreatedBy {
	width:100%;
	overflow: hidden;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
 }
.guestDialogWrapper .slno {
	background-color: #EEEEEE;
	border-radius: 2px 2px 2px 2px;
	float: left;
	font-size: 0.8em;
	padding: 2px 6px;
	text-align: center;
}
		
.guestDialogWrapper .dialogueGuestOn {
background-color: green;
border-radius: 2px 2px 2px 2px;
float: right;
padding: 0 8px;
width: 4px;
 }
.guestDialogWrapper .guestAccordion {
 text-align: center;
 color: #fff;
 font-size: .8em;
 background: linear-gradient(to bottom, #9f9f9f 0%, #868686 100%) !important;
 font-weight: bolder;
  padding: 4px 0;
 }
		 
.guestDialogWrapper .mosContactListHeader{
 font-size:12px;
 text-align:center;
 width:70%;
 }

#attachGuestList .attachBtn, #attachInvitationList .attachBtn{
	padding: 1px;
	font-size: 1.6em;
}

#invitationDetailsDialogue .attachedTabBtn {
	padding: 4px 8px;
	margin-right: 4px;
	/* border: 1px solid #ccc; */
	/* background-color: #f8f8f8; */
	cursor: pointer;
	font-size: 12px;
	font-style: italic;
}

#invitationDetailsDialogue .attachedTabBtn:hover {
	text-decoration: underline;
}

#invitationDetailsDialogue .attachedTabBtn.active {
	/* background-color: #ddd; */
	font-weight: bold;
	color: rgb(68, 68, 169);
	text-decoration: underline;
}


.viewAttachedInvitationValue {
    position: relative;
    top: 4px;
    color: #111;
}

.viewAttachedContactInfoDiv{
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    left: 4%;
    position: relative;
}

.viewAttachedContactInfoDiv i {
    font-size: 14px;
    margin-right: 10px;
    top: 6px;
    position: relative;
}

.showTimerDiv {
    display: inline-block;
    vertical-align: sub;
    margin-left: 6px;
    padding: 0px 6px;
    border-radius: 2px;
}

.roShowTimer {
	font-size: 20px;
}

.positive-count {
    background: #605d5d;
    border: 2px solid #0a0909;
	color: #fff;

}

.negative-count {
    background: #fff;
    border: 2px solid #a19f9f;
	color: red;
}


#mapAssetToAssetForm .error[for="fromGroup"], #mapAssetToAssetForm .error[for="toGroup"] {
    margin-left: 80px;
}