
/*overrides tema AdminLTE or adds new classes*/


/*  LOGIN PAGE  */

.ellipsis {
	white-space: nowrap;         /* Prevents text from wrapping */
	overflow: hidden;            /* Hides the overflow text */
	text-overflow: ellipsis;     /* Adds the ellipsis */
	width: 100px;                /* Set a width */
	display: block;
	margin-left: 5px;              /* Use block or inline-block */
}

.cviews-bg {
	color: white !important;
	background: url(../img/default_pictures/bgs/bg5.jpg);
	background-repeat: no-repeat !important;
	background-attachment: fixed!important;
	background-size: cover !important;
	background-position: top center !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bgs/bg5.jpg', sizingMethod='scale')";
	min-height:100% !important;
	width: 100% !important;
	position: relative !important; 
}

.cviews-logo-big {
	width: 200px;
	margin: 0 auto;
	margin-top: 50px;
	padding-bottom: 30px;
	text-align: center;
}

.form-box .header {
	background: #00A2E5 !important;
}

div.form-box.login-text{
	margin-top: 0px;
}


.cviews-powered {
	float:left;
	padding: 5px;
}

.cviews-version {
	float:right;
	font-size: 11px;
	text-align:right;
	padding: 5px;
	padding-top: 10px;
	opacity: 0.7;
	font-family:Arial, Helvetica, sans-serif !important
}

.sidebar .sidebar-menu .treeview-menu {
	background: #364250 !important;
}

form div.alert {
	font-size: 11px;
}





/*  MAIN STRUCTURE  */


body {
	font-size: 14px;
	line-height: 1.428571429;
	color: #344753 !important;
}

a {
  color: #52c4f1;
}
a:hover,
a:active,
a:focus {
  color: #3dafdb;
}

.downspace-20{
	margin-bottom: 20px;
}

.downspace-15{
	margin-bottom: 15px;
}


/*header e logo*/

.skin-blue .logo {
	background: #00A2E5 !important;
}

.skin-blue .logo:hover {
	background: #04709e !important;
}

.skin-blue .navbar {
	background: #00A2E5 !important;
}


.cviews-instance-name {
	float: left; 
	font-weight: bolder;
	margin-top: 15px;
	font-weight: 700;
}


.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover {
	background-color: #079090 !important;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a.unread-message {
	background-color: #efefef;
}


/*personalização sidebar*/

.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
	color: #c2c7d0 !important;
}

.skin-blue .left-side {
	background: #364250 !important;
}

.skin-blue .sidebar {
	border-bottom: 1px solid #364250 !important;
}

.skin-blue .sidebar > .sidebar-menu > li > a:hover, .skin-blue .sidebar > .sidebar-menu > li.active > a {
	/*color: #fff !important;
	background: #34c4d1 !important;*/	
	color: #ffffff !important;
	background: #00A2E5 !important;
	border-radius: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

.skin-blue .sidebar > .sidebar-menu > li {
	border-top: 1px solid #364250 !important;
	border-bottom: 1px solid #364250 !important;
}

.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
	border-top: 1px solid #364250 !important;
	border-bottom: 1px solid #364250 !important;
}

.skin-blue .sidebar a {
	color: #c2c7d0 !important;
}

.skin-blue .sidebar > .sidebar-menu > li > a {
 	margin-right: 0px !important; 
}

.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
	color: #344753;
}

.sidebar .sidebar-menu .treeview-menu > li.active a, .sidebar .sidebar-menu .treeview-menu > li a:hover{
	color: #344753 !important;
	background:#FFF;
	border-radius: 3px;
	margin-top: 1px;
	margin-right: 10px;
}



/*personalização user-menu*/

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
	background: #344753 !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
	color: #2dbac7 !important;
}




/*  DASHBOARD  */




/*personalização links caixas*/

.white-links {
	color: white !important;
	opacity:0.9;
}



/* PERSONALIZAÇÃO TABELAS*/

/*.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
background-color: #bbe1e4;
}*/

.cviews-table tr > td {
vertical-align: middle !important;
}

.cviews-table {
	line-height: 35px;
}

.cviews-table tr.selected-row,  .table-striped > tbody > tr.selected-row:nth-child(odd) > td, .table-striped > tbody > tr.selected:nth-child(odd) > th{
	background-color: #afdce0 !important;
}

.table-hover.cviews-table>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
background-color: #d9eced !important;
}

tr.editable-row, tr.log-desc-click, tr.log-editable-row{
	cursor: pointer;
}

thead th, tfoot th{
	text-transform: uppercase;
}

.cviews-sm-cols {
	padding-right: 0px !important;
	width: 26%;
}

.red-border {
	border: 1px solid #cc0000 !important;
}

tbody tr.row-inactive, div.row-inactive {
	color: #ababab;
	font-style: italic; 
}

ul.dropdown-menu li {
	cursor: pointer;
}


td.name-cell span.label {
	margin-left: 20px;
	margin-top: -6px;
	font-size: 9px;
}


/* FORM stuff*/
.form-control.error, .note-editor.error {
	border-color: #F46161 !important;
	border-width: 1px !important;
}

/* MODALS */
div.row-padded {
	padding: 0px 0px 0px 20px;
}

	div.input-group label.subtle {
		font-size: 12px;
		font-weight: normal;
	}

.bigger-modal div.modal-dialog{
	min-width: 650px;
}

p.tiny-info {
	font-size: 12px !important;
	font-style: italic;
	margin: 0px 20px 15px 20px;
}

p.tiny-info-top {
	font-style: italic;
	margin: 25px 20px 25px 35px;
}


div.placeholder-list-container, div.genre-list-container,
div.package-list-container, div.equipment-list-container,
div.group-list-container {
	height: 350px;
	border: 1px solid #898989;
	border-radius: 2px !important;
}

/* draggable items */
li.ui-draggable-dragging {
	opacity: 0.6;
	background-color: #bcbcbc;
	font-style: italic;
	color: #898989;
	border: #898989 1px dashed;
}

li.free-placeholder, li.my-placeholder,
li.my-genre, li.free-genre, li.my-package, li.free-package,
li.my-equipment, li.free-equipment, li.my-group, li.free-group{
	border: 1px solid #aaa;
	cursor: move;
}

li.free-placeholder:first-child, li.my-placeholder:first-child,
li.free-genre:first-child, li.my-genre:first-child,
li.free-package:first-child, li.my-package:first-child,
li.free-equipment:first-child, li.my-equipment:first-child,
li.free-group:first-child, li.my-group:first-child{
	border-top: none;
}


li.list-group-item.item-group {
	padding: 6px 10px;
	cursor: default;
}



li.ui-state-highlight-faded{
	background-color: #efefef;
	border: #898989 1px dashed;
	list-style-type: none;
}


/* marks list items as add or remove */
div.center-block li.list-group-item.bg-remove{
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	background: rgb(255,209,209); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,209,209,1) 0%, rgba(255,183,183,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,209,209,1)), color-stop(100%,rgba(255,183,183,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,209,209,1) 0%,rgba(255,183,183,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,209,209,1) 0%,rgba(255,183,183,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,209,209,1) 0%,rgba(255,183,183,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,209,209,1) 0%,rgba(255,183,183,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd1d1', endColorstr='#ffb7b7',GradientType=0 ) !important; /* IE6-9 */
}

div.center-block li.list-group-item.bg-add{
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	background: rgb(219,234,187); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(219,234,187,1) 0%, rgba(180,198,139,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,234,187,1)), color-stop(100%,rgba(180,198,139,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(219,234,187,1) 0%,rgba(180,198,139,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(219,234,187,1) 0%,rgba(180,198,139,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(219,234,187,1) 0%,rgba(180,198,139,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(219,234,187,1) 0%,rgba(180,198,139,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbeabb', endColorstr='#b4c68b',GradientType=0 ); /* IE6-9 */
}

.red {
	color: red;
}

button.active.red:hover{
	color: red;	
}

li.list-group-item.my-source {
	width: 96%;
}

li.list-group-item.center-block.my-source {
	border-radius: 0;
}


/* text inside the source list */
div.modal-body p.my-source {
	font-size: 14px;
	padding-left: 20px;
	margin: -6px;
	line-height: 28px;
}


p.my-source strong:before {
	content: "\2022\A0\A0\A0\A0";	
}

p.my-source strong{
	color: black;
	min-width: 100px;
}

p.element-enabled {
	color: #5dc662;
}

p.element-disabled, .delete-element.active {
	color: #ef3b3b;
}

button.close.delete-element:hover {
	opacity: 1;
	color: #ef3b3b;
}

#package-channel-list{
	border-top: 3px solid #428BCA;
	max-height: 700px;
	overflow: auto;
}
	#package-channel-list li{
		font-size: 12px;
		margin-left: 15px;
		margin-right: 0px;
	}
		#package-channel-list li p{
			margin-bottom: 0px;
		}

div.package-channels-container h3{
	color: #428BCA;
	font-size: 20px;
	font-weight: bold;
}

tr.package-selected{
	background-color: #f5f5f5;
}

div.package-channels-assoc{
	max-height: 430px;
	overflow: auto;
	margin-right: -10px;
}

div.source-list-container{
	max-height: 430px;
	overflow: auto;
	margin-right: 10px;
}

.row {
	margin-left: -10px;
	margin-right: -10px;
}

.row-bottom-padded {
	padding-bottom: 20px;
}

@media (min-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

/* source list collapsibles @ tvchannels */
.box .box-header {
   padding-bottom: 0px;
}

/* Instance info page */
.cviews-rec-text {
	font-weight: normal !important;
	font-style: italic;
	color: #999;
	font-family: Arial;
	font-size: 12px;
}

.cviews-radio-boxes {
	float: left;
	display: block;
	margin-left: 15px;
	margin-top: 15px;
}


/* style for select default  BG @ instance info */
img.selected-default-bg {
	border: solid 4px #00ACD6;
}


/* style for instance provisioning table and text*/
.text-muted-soft, .checked-out-status, .no-warnings-status, .no-heartbeat-status{
	color: #999 !important;
	opacity: 0.3 !important;
}

.checked-in-status, .heartbeat-ok-status, .warning-ok-status{
	color: #00a65a !important;
}

.warning-status, .heartbeat-warning-status {
	color: #f39c12 !important;
}

.heartbeat-error-status, .warning-error-status {
	color: #f56954 !important;
}

.dropdown-menu >li >a.vp-status-select:hover {
	background-color: #d9eced;
	color: black;
}

/* styles pms manager log levels @ datatable */
td.DEBUG, p.DEBUG {
	color: #b5b5b5;
}

td.INFORMATION, p.INFORMATION {
	color: #53c655;
}

td.WARNING, p.WARNING {
	color: #ffa342;
} 

td.ERROR, p.ERROR {
	color: #f95757;
}

td.ANALYTICS, p.ANALYTICS {
	color: #a0d0e0;
}

td.RMP, p.RMP {
	color: #2ead37;
}

/* campaign manager */
div.content-selectable.active img{
	border: #3C8DBC 1px solid;
}


.cviews-upload-img-btn {
	 width: 70px;
	 height: 88px;
	 text-align:center;
	 -webkit-border-radius: 6px !important;
	 -moz-border-radius: 6px !important;
	 border-radius: 6px !important;
}

/* icon vault */
.text-normal{
	color: #344753 !important;
}

.text-white{
	color: #ffffff !important;
}


#icon-vault-table td a {
	cursor: pointer;
}


/* editor */
div.note-editor div.note-editable{
	width: 100% !important;
	height: 250px !important;
}

/* popovers over popups */
.popover{
    z-index:100000000;
}

/* btn toggle */
.btn.btn-default.btn-xs.ok.active {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn.btn-default.btn-xs.nok.active {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn.btn-default.btn-xs.ok:hover {
    color: #449d44;
}

.btn.btn-default.btn-xs.nok:hover {
    color: #c9302c;
}


.modal ul li {
	list-style: none;
}


#playout-channel-items-table .tooltip-inner {
    max-width: 350px;
}


