@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.ttf') ;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.ttf') ;
    font-weight: bold;
}
b, strong{
	font-family: 'Roboto-Bold';
}
*{
    box-sizing: border-box;
}
body{
	background-color:#ffffff;
	font:14px 'Roboto-Regular', helvetica, sans-serif;
	color:#666666;
}

h1{ 
	font:18px 'Roboto-Bold', helvetica, sans-serif;
	margin-bottom: 0;
}

h2{
	font:16px 'Roboto-Bold', helvetica, sans-serif;
	margin-bottom: 0;
}

h3{
	font:16px 'Roboto-Bold', helvetica, sans-serif;
	margin-bottom: 0;
}

h4{
	font:16px 'Roboto-Bold', helvetica, sans-serif;
	margin-bottom: 0;
}

h5{
	font:14px 'Roboto-Regular', helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 1rem;
}

a{
	color:#0099CC;
	text-decoration:none;
}

li{
	list-style:none;
}

ol{
	list-style-position:inside;
	list-style-type:decimal;
}

a:hover{
	text-decoration: none;
}
a:not(.slide-time) > svg {
  pointer-events: none;
}
.form-control{
	width: auto;
	font-size: 14px;
}
input,
textarea{
	font-size:14px;
	border:1px solid #ccc;
	border-radius: 3px;
	padding: 5px 7px;
	color:#495057;
}
 
select{
	border-radius: 3px;
    padding: 5px 7px;
    border-color: #ccc;
}
button{
/*	border: none;*/
}
ul{
	margin-bottom: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}
/******************************************************************************************
 *	GENERIC CLASSES
 *****************************************************************************************/
 .btn.focus, .btn:focus{
 	box-shadow: none;
 }
.icon{
	width: 17px;
	height: 17px; 
}
.gray{
	margin:5px; 
	text-align:center; 
	color:#dfdfdf;
}

.note{
	font-size:13px;
	margin:0px;
}

.hidden{
	display:none;
}

.invisible{
	display:none !important;
}

.visible{
	display:block;
}

.clear{
	clear:both !important;
}

.clear-left{
	clear:left !important;
}

.left{
  float: left;
}

.right{
  float: right;
}

.clear-right{
	clear:right !important;
}
/*
input.required{
	background-color:#FFFFdd;
}
*/
.droppableWrapper{
	padding:2px;
}
/*
.active{
	margin:0px !important;
	border:1px dotted #999999 !important;
	background:#FFFFdd !important;
}

.hover{
	margin:0px !important;
	border:1px dashed #999999 !important;
	background:#E7F2DF !important;
}*/

.img img{
	float:left;
	max-height:32px;
}

.img .template{
	width: 14px;
	height: 14px;
	position: absolute;
	bottom: 1px;
	left:1px;
}

.height-10{
	height: 10px;
}

.thumb{
	vertical-align: middle;
	background:#FFF;
}

.noborder{
	border:none !important;
}

.float-none{
	float:none !important;
}

.float-right{
	float:right !important;
}

.float-left{
	float:left !important;
}

/******************************************************************************************
 *	MAIN STRUCTURE
 *****************************************************************************************/
/*#leftContent{
	width:200px;
	left:0px;
}

#container{
	width:100%;
	position:relative;
}
*/
#rightContent{
	position:absolute;
	right:0;
	height:100%;
	overflow-x: hidden;
}


/******************************************************************************************
 *	PLAYLIST MENU
 *****************************************************************************************/ 
 
#playlistMenu, #subPlaylistMenu, #radioPlaylistMenu, #filter-playlists-wrapper{
	background-color:#dfdfdf;
	margin:5px;
}

#filter-playlists-wrapper{
  padding: 5px;
  border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#filter-playlists-form{
  background: #fff;
  border: 1px solid #ccc;
}

#filter-playlists{
  border: none;
  width: 155px;
  font-size: 12px;
}

.playlistMenuStart{
	padding:5px;
}

.playlistMenuEnd{
	height:5px;
}

.broadcast{
	background:#fff url(../images/broadcast_start.png) no-repeat top;
	margin:5px;
	padding-top:5px;
}

.broadcast h5{
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:8px 3px 8px 5px;;	
}

.broadcast h5 a.create{
	float:right;
	background:transparent url(../images/icon_add.png) no-repeat right;
	width:24px;
	height:24px;
}

.broadcast ul{
	background:url(../images/broadcast_end.png) no-repeat bottom;
	padding-bottom:4px;
}

.broadcast li{
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}

.broadcast.close ul{
	min-height:4px;
	padding-bottom:0px;
}

.broadcast.close li{
	display:none;
}

.broadcast h5 span.status{
	width:16px;
	height:16px;
	float:left;
	display:block;
	cursor:pointer;
}

.broadcast h5 span.status{ 					background:url(../images/playlist_group_dot_open.png) no-repeat left; 			}
.broadcast.selected h5 span.status{ 		background:url(../images/playlist_group_dot_open_white.png) no-repeat left; 	}
.broadcast.close h5 span.status{ 			background:url(../images/playlist_group_dot_close.png) no-repeat left; 			}
.broadcast.selected.close h5 span.status{ 	background:url(../images/playlist_group_dot_close_white.png) no-repeat left;	}
 
.broadcast.selected h5 > a.create{
	margin-right:20px;
}

.broadcast .playlist a .offlineimg,
.broadcast h5 .offlineimg{ display: none; }

.broadcast .playlist a:hover .offlineimg,
.broadcast h5:hover .offlineimg{ display: inline; }


li.playlist span.total-time, li.subplaylist span.total-time, li.radioplaylist span.total-time{
	background:transparent url(../images/icon_clock.png) no-repeat scroll left center;
	left:0px;
}

li.playlist span.total-terminal, li.subplaylist span.total-terminal, li.radioplaylist span.total-terminal{
	background:transparent url(../images/icon_terminal.png) no-repeat scroll left center;
	left:100px;
}

li.playlist span.total-slide, li.subplaylist span.total-slide, li.radioplaylist span.total-slide{
	background:transparent url(../images/icon_slide.png) no-repeat scroll left center;
	left:136px;
}

li.subplaylist.ui-draggable-dragging{
  z-index: 2000;
}

/*** Selected Broadcast ***/
.broadcast.selected{
	background:#aaa;
	padding-top:0px;
	-moz-border-radius-topleft:5px;
	-webkit-border-radius-topleft:5px;
}

.broadcast.selected h5{
	background:url(../images/playlist_inmenu_selected.png) no-repeat left;
	border-left:1px transparent solid;
	border-right:1px transparent solid;
	background:#aaa;
}

.broadcast.selected h5 a{
	color:#fff;
}

.broadcast.selected ul{
	background-color:#fff;
}

/*** Selected Playlist ***/
.broadcast .playlist.selected a{
	background:url(../images/playlist_inmenu_selected.png) no-repeat left;
	color:#fff;
}

.broadcast .playlist.selected a span{
	color:#fff;
}

div.broadcast.selected > h5, /* IE Hack */ 
div.broadcast > ul > li.playlist.selected a,
div.broadcast > ul > li.playlist.selected a:hover{
	width:190px;
}


/******************************************************************************************
 *	POPUP MENU
 *****************************************************************************************/
.popupoptions{
	display:none;
	clear:both;
	float:none;
	z-index:100;
	padding:5px;
	background:#fff;
	min-width:150px;
}

.popupoptions .item{	
  padding: 7px 5px;
  font-size: 12px;
  color: #666;
  text-decoration: none;
  margin: 0px;
}


.popupoptions .separator{
	border-bottom:1px dashed #dfdfdf;
	height:1px;
	line-height:1px;
	font-size:1px;
	padding:0px;
}

.popupoptions .item span{
	float:left;
	display:block;
	width:20px;
}

.popupoptions .item a{
	display:block;
	min-height: 24px;
	line-height: 24px;
}

.popupoptions .item.selected{
	font-weight:bold;
}

.popupoptions .item.selected a{
	color:#666;
}

.popupoptions .item.selected span{
	cursor:default; 
	font-weight:bold;
	background:url(../images/icon_success_small.png) no-repeat center;	
}

#graphoptions li a{
	min-width:150px;
}

/** Help system **/

span.popupmenu:hover img{
	opacity:0.8;
}

span.popupoptions{
	min-width:300px;
	left:10px;
	top:10px;
}

span.popupoptions.right{
	right:10px;
	left:auto;
}

span.popupoptions.bottom{
	top:auto;
	bottom:10px;
}

a.helpopen{
	display:block;
	float:none !important;
	margin:5px 0 0;
}

.helptrigger > span > div > div{
	margin:5px 0;
}

#help_pl_whatisurgent{
	display: inline-block;
    vertical-align: bottom;
}


/**********************************************************************
 * CONTEXT MENU
 *********************************************************************/

/* Generic context menu styles */
.contextMenu {
    position: absolute;
    width: 130px;
    z-index: 99999;
    display: none;
    box-shadow: 1px 4px 12px 0px #797979;
    border-top: 5px solid #337bbb;
}

.contextMenu a {
    background-position: 0px center;
    background-repeat: no-repeat;
    padding-left: 32px;
}

.contextMenu li.detail 	a { background-image: url(../images/icon_settings.png); }
.contextMenu li.quit 	a { background-image: url(../images/icon_close.png); }
.contextMenu li.remove 	a { background-image: url(../images/icon_remove.png); }


/******************************************************************************************
 *	BUTTON BIG
 *****************************************************************************************/
.button-big{
	cursor:pointer;
	float:left;
}

.button-big p{
	display:block;
	height: 100%;
}


.button-big p a,
.button-big p input{
	background:#347BBB;
	border: 2px solid #347BBB;;
	color:#0099CC;
	border-radius: 20px;
	color: #ffffff;
    padding: 5px 15px;
	display:block;
	font: 15px 'Roboto-Bold', Helvetica,Arial,sans-serif;
	width:auto !important;
	text-align: center;
}

.button-big.disabled p input,
.button-big.disabled p input,
.button-big.disabled p a,
.button-big.disabled p a{
	color: #dfdfdf;
}


.button-big p input{
	margin: 0;
}

/******************************************************************************************
 *	BUTTON SMALL
 *****************************************************************************************/
/*.button-small{
	float:left;
	font-size:13px;
	margin-right: 15px;
  margin-bottom: 5px;
}*/

.button-small p input,
.button-small p a{
	background:none;
	border:none;
	color:#0099CC;
	cursor:pointer;
	display: block;
	margin-left:8px;
	padding:2px 15px 2px 10px;
}

.button-small p img{
	margin-right:5px;
	vertical-align: middle;
}

/******************************************************************************************
 *	NEW BUTTON BIG
 *****************************************************************************************/

.btn-big{
	display:inline-block;
	padding-left: 12px;
	margin-top:5px;
	border:0;
/*	box-shadow:1px 1px 1px #dfdfdf;*/
}

.btn-big span{
	display:inline-block;
	padding:7px 12px 7px 0;
	cursor: pointer;
	color:#0099CC;
	font-weight: bold;
}

.btn-big:hover{
	text-decoration: none;
}

.btn-big img{
	float:left;
	margin-right:5px;
}


.btn-big.shadow{
	padding-left: 24px;
}

.btn-big.shadow span{
	padding:8px 24px 9px 0;
}

/******************************************************************************************
 *	BUTTON
 *****************************************************************************************/
.btn-primary{
  display: inline-block;
  margin: 10px;
  padding: 9px 20px;
  background-color: #296193;
  color: #ffffff;
  border-radius: 30px;
  font: 14px 'Roboto-bold';
  border:0;
  letter-spacing: 1px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
 .btn-primary:not(:disabled):not(.disabled):active{
    background-color: #204f78;
    color: #ffffff;
    outline: none;
}
.btn-secondary{
	font: 14px 'Roboto-Regular';
	border: 2px solid #d2d2d2;
  border-radius: 100px;
  margin: 10px;
  padding: 9px 20px;
  color: #3a3a3a;
  background: #ffffff;
  line-height: inherit;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active:focus{
	background: #f2f2f2;
	border: 2px solid #f2f2f2;
	color: #3a3a3a;
	box-shadow: none;
}
.btn-blue{
	border-radius: 100px;
	background-color: #1b2835;
	color: #fff;
	padding: 3px 15px;
}
.btn-lg{
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
/******************************************************************************************
 *	TOP MENUS
 *****************************************************************************************/
#top{
	clear:right;
	height:35px;
	padding-top:4px;
}

#newTerminalGroup, #newTerminal{
	float:right;
}

#generalOptions{
	float:right;
	text-transform:lowercase;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}

#generalOptions > li{
	display:inline;
	margin-left:10px;
}

#lang{
	position: relative;
}

#lang li img{
	float:left;
	margin-top:2px;
	margin-right:5px;
}

#lang:hover ul{
	display: block !important;
}

#lang .popupoptions{
	position: absolute;
	right: 0;
	top:15px;
}


/***	Manage RSS Button 	***/
#manageRSS,  #manageDataSources{
	float:left;
	margin-left:5px;
	font-size:14px;
	margin-top:5px;
	padding:7px 0;
	text-align:center;
	width:140px;
	line-height:16px;
}

#manageRSS a {
	background:url(../images/icon_rss.png) left no-repeat;
	padding-left:20px;
}

#manageDataSources a{
  background:url(../images/icon_datasource.png) left no-repeat;
	padding-left:20px;
}

#manageRSS.selected, #manageDataSources.selected{
	background: url(../images/terminal_group_selected.png) no-repeat top center;
}

#manageRSS.selected a, #manageDataSources.selected a{
	color:#FFF;
	font-weight:bold;
}

/***	Group Terminal	***/

#groupTerminal-accordion,
#playlistGroups-accordion,
#radio-accordion,
.subplaylists-list,
.datasources-list {
	/*   max-height: 85vh;*/
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 10px;
}
.groupTerminal, .playlistGroups{
    padding: 10px 0;
    display: flex;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #e4e4e4;
    font-size:14px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.groupTerminal:first-child, .playlistGroups:first-child{
	margin-top: 0;
}
.terminal, .playlistGroups > a{
	color: #406488;
	max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.terminal a .icon,
.playlistGroups a .icon,
.groupTerminal a .icon{
	width: 23px;
	height: 23px;
	stroke-width: 1px;
	vertical-align: text-bottom;
}
.terminal .options-dropdown{
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    float: right;
}
.options{
    padding: 5px 5px 0 5px;
    border-radius: 50%;
    visibility: hidden;
}
.groupTerminal:hover .options,
.terminal:hover .options,
.playlistGroups:hover .options,
.options.show,
.playlist:hover .options,
.subplaylist:hover .options,
.datasource:hover .options
{
    visibility: visible;
}
.terminal-folder{
	vertical-align: bottom;
}
.playlistGroups.ui-draggable-helper{
  background: #f5f5f5;
  transform: rotate(5deg);
  width: 300px;
  box-shadow: 0px 1px 0px 0px #ccc;
  border-radius: 3px; 
  border: 1px solid #e4e4e4;
  z-index: 99999;
}
.playlistGroups.ui-draggable-helper .options-dropdown{
  display: none;
}
/********************************************************/
.sidebar .sidebar-search{
	padding: 0 10px;
}
.input-group.search{
	margin-bottom: 10px;
}
.input-group.search input{
/*	border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;*/
    font-size: 14px;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #44b5da;
    background: transparent;
    padding-left: 5px;
}
.input-group.search input:active, .input-group.search input:focus{
	outline: none;
	box-shadow: none;
	text-decoration: none;
}
.input-group.search span{
	background: transparent;
	border-radius: 0;
	border: 0;
    border-bottom: 1px solid #44b5da;
}


.terminal > a{
    display: inline-block;
    height: 100%;
    padding: 5px;
    color: #828c92;
    position: relative;
    font-size: 14px;
    max-width: 88%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.playlist, .subplaylist, .datasource {
	display: flex;
	align-items: center;
	border: 1px solid #e4e4e4;
  border-radius: 3px;
  margin-top: 5px;
  background: #fff;
  box-shadow: 0px 1px 0px 0px #ccc;
}
.playlist.ui-draggable-helper, .subplaylist.ui-draggable-helper{
  transform: rotate(5deg);
  min-width: 180px;
}
.playlist.ui-draggable-helper .playlist-info, .playlist.ui-draggable-helper .options-dropdown, .subplaylist.ui-draggable-helper .options-dropdown{
  display: none;
} 
.playlist.active{
	margin:8px 0;
	border-left: 4px solid #36add5;
}
#playlistGroups-accordion .ui-sortable-placeholder, #radio-accordion .ui-sortable-placeholder {
  background: #e4e4e4;
  height: 39px;
  border-radius: 3px;
  margin-top: 5px;
}
.playlist > a, .subplaylist > a, .datasource > a{
	font-family: 'Roboto-bold';
  display: inline-block;
  padding: 10px 6px;
  color: #1696bf;
  position: relative;
  font-size: 14px;
  max-width: 100%;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-bottom;
}
.playlist-info{
  font-size: 11px;
}
.playlist-info div{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.playlist-info .settings-apply{
	text-align: right;
}
.playlist-info .settings-apply .icon{
  display: inline;
}
.playlist-info div:last-child{
	margin-right: 0;
}
.playlist-info img{
	vertical-align: text-bottom;
}
.playlist-info svg{
	display: block;
}
.playlist-info .online{
	width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0ebd4d;
  display: inline-block;
}
.playlist-info .offline{
	width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d81e25;
  display: inline-block;
}
.playlist-info .content{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.playlist-info .content img{
	display: block;
}
.playlist-info .content span:last-child{
	padding-left: 5px;
}
li.add-playlist{
	margin-top: 10px;
}
.new-playlist{
	font-size: 13px;
	font-weight: bold;
    border-radius: 20px;
    color: #1279bd;
    display: inline-block;
}
.new-playlist:hover, .new-playlist:active{
	color: #0d629a;
}

.terminal img, .datasource img{
	margin-right: 5px;
}
.new-subplaylist{
	font-size: 13px;
    padding: 5px 10px;
    background: #32CAAF;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    border-bottom: 3px solid #1e9c86;
}

/******************************************************************************************
 *	TITLE BAR
 *****************************************************************************************/

#titleBar{
/*	margin:10px 0;*/
	margin: 0 -15px 15px -15px;
    background: #eaeaea;
    padding: 20px 15px;
	border-bottom: 1px solid #e0e0e0;
}
#titleBar h3{
	text-transform: uppercase;
	vertical-align: middle;
}
#titleBar h3 span{
	color: #a4b0b8;
}
.dropright{
	vertical-align: sub;
}
.submenu-playlist, .submenu-zone{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-left:5px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.submenu-playlist[aria-expanded="true"], .submenu-zone[aria-expanded="true"],
.submenu-playlist:hover, .submenu-zone:hover {background-color: #f9f9f9;}
.submenu-playlist img, .submenu-zone img{
    padding-top: 5px;
}
#autoupdatewrapper{
}

#autoupdatewrapper input, #autoupdatewrapper label{
  padding: 0px !important;
  float: left;
}

.playlist-zone-actions{
	padding: 0 15px 15px;
	margin-bottom: 20px;
}
.playlist-zone-actions .col-9{
	padding-left:0;
}

.playlist-display-styles{
	display: inline-block;
	float: right;
	margin-top:3px;
}
#playlist_zones_tabs{
	display: inline-block;
}

/******************************************************************************************
 *	HIGHLIGHT ZONES
 *****************************************************************************************/
#activezones{
	float:right;
}

#activezones > a{
	color:#0099CC;
}

#playlistdisplaystyle{
	float: right;
	clear: right;
}
/******************************************************************************************
 *	MAIN CONTENT
 *****************************************************************************************/
/*
#outTopWrapper, 
#outBottomWrapper{
	height:4px;
}*/
#outBottomWrapper .logo{
  display: block;
  margin-top: 5px;
  float: right;
}
#outBottomWrapper .logo img{
  height: 25px;
}
#outBottomWrapper span{
  margin-top: 12px;
  float: right;
  margin-right: 5px;
  font-size: 10px;
}
#main #content{
	min-height:400px;
	height:100%;
}
#main{
	padding:0 10px;
	background: #fff;
	height: 100%;
/*	margin-top:40px;
	box-shadow: -6px -4px 8px 3px #e6ebf5;*/
}
.bH .helptrigger,
.bH a,
.bH .options{
	float:right;
}

.bH .options label{
  float: left;
  color: #333333;
  padding-top: 2px;
} 

.bI{
	clear:both;
}

.box{
	clear:both;
	background:#f5f5f5;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.box h3{
	padding: 7px 10px;
	background:#1b2835;
	color: #fff;
	font-size:14px;
	letter-spacing:0.5px;
}

.box .content{
	padding: 5px 0;
}
/******************************************************************************************
 *	GRAPHS WITH DIVS
 *****************************************************************************************/

.graph .graphDataWrapper{
	padding: 0 5px;
	width: 190px;
}
.graph .graphDataWrapper .graphData{
	width: 100%;
}
.graph .graphDataWrapper .percentage{
  width: 90%;
  height: 15px;
  margin-left: 3px;
}
.graph .graphDataWrapper .percentage .ui-progressbar .ui-progressbar-value{
  margin: 0;
}

.graph .broadcastInfo{
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*** 	Graph ordering	***/
.orderInfo{
	font-size:12px;
	letter-spacing: 2px;
	font-weight:bold;
	cursor:move;
	color:#0099CC;
	display: inline-block;
	margin-right: 10px;
}
/*** 	Graph  thumb	***/
.graph .graphThumb img{
	max-width:64px;
	max-height:64px;
}
.graphData-info{
	margin-left: 7px;
	display: inline-block;
	max-width: 70%;
}
.graphData-info a{
	display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 400px;
    font: 15px 'Roboto-Bold';
}
.status{
	padding:0;
}
.custom-switch{
	vertical-align: middle;
}
.actions img{
	margin-left: 5px;
	cursor: pointer;
}
.orderInfo{
	max-width: 14px;
	vertical-align: top;
}
/*** 	Graph Ruler		***/
.graph .ruler{
	background:#eee; 
	padding:5px;
	margin-left:70px;
	font-size: 12px;
	overflow: hidden;
}
.graph .ruler div{
	float:left;
}
.graph .ruler #handler{
    left:0px;
    border:1px dashed #000;
    cursor:move;
	opacity:0.3;
	z-index:1000;
	background-color:#DFDFDF;
}
.graph .ruler #handler img{
	width:10px;
}
/*** 	Graph  zones	***/
.graph .graphContent{
/*	margin-left:190px;*/
}
.graph .graphZone .graphZoneData{
	background:#eee;
	float:left;
	width:70px;
	height:43px;
	text-align:center;
	margin:auto;
	font-size:11px;
	padding: 5px;
	border-top: 1px solid #ccc
}
.graph .graphZone .graphZoneContent{
	margin-left:70px;
	height:43px;
	background: #fff;
}
.graph .graphZone .graphZoneContent h3{
	text-align:center;
	width:95%;
	margin:0;
	padding-top:10px;
}
.graph .graphZone .graphZoneContent .slide{
	text-align:left;
	float:left;
	background:#FFFFFF;
	height:36px;
	position:relative; 
	cursor:pointer;
	border:none;
}
.graph .graphZone .graphZoneContent .slide div{
	/*background:#FFFFFF none repeat scroll 0 0;*/
	border:1px solid #CCCCCC;
	overflow:hidden;
	position:absolute;
	right:1px;
	top:1px;
	bottom:1px;
	left:1px;
}
.slide .col-6{
	display:flex;
	align-items:center;
}

.graph.graphplaylist{
	border:1px dashed #ccc; 
	margin-bottom:10px;
	background: #ffffff;
}
.graph.graphplaylist:last-child{
	margin-bottom: 0;
}
.graph.graphplaylist .graphContent,
.broadcastPlaylist .graphContent{
/*	margin-left:100px;*/   
	flex-wrap: wrap;
    flex: 1 0 80%;

}
.graph .graphOrder .orderOptions{
	display: none;
}
/**************************************************************************
 *	SELECT ITEMS (RADIO BUTTON STYLE)
 *************************************************************************/
.selectableitem{
	margin-bottom:2px;
	background:url(../images/icon_radio_button.png) 10px 10px no-repeat;
	border:0px;
	float:left;
}
.selectableitem a{
	padding:5px 10px 5px 50px;
	display:block;
	width:250px;
	color:#666666;
}
.selectableitem.selected a,
.selectableitem a:hover{
	text-decoration:none;
}
.selectableitem.selected{
	background:url(../images/icon_success.png) 0 5px no-repeat;
	font-weight:bold;
}
.selectableitem img{
	float:left;
	margin-right:4px;
}
/**************************************************************************
 *	PLAYLIST STYLE STYLES *
 *************************************************************************/
ol li{
	padding:5px;
	margin:5px;
	background:#FFF;
/*	border:1px solid #dfdfdf;
	-moz-border-radius:5px;
	clear:both;*/
}
ol li h4{
	padding-bottom:10px;
}
ol li h5{
	clear:both;
	padding:2px 0 0px 16px;
	background:transparent url(../images/playlist_group_dot_open.png) no-repeat scroll left center;
	cursor:pointer;
}
#yourStyles .playlistStyle .removePlaylistStyle{
	display:none;
}
#yourStyles .playlistStyle.selected .removePlaylistStyle{
	float:right;
	margin-top:5px;
	display:inline;
}
/**********************************************************************************************************
 ***********			RSS STYLES 															***************
 **********************************************************************************************************/ 
#rssMenu{
	width:250px;
	display: inline-block;
}

#rssview{
	margin-left: 20px;
	display: inline-block;
	vertical-align: top;
}

#rssMenu .bH{
	margin-bottom: 20px;
}

#rssview .feedimage{
	float:right; 
	max-height:38px;
}

#rssMenu .rss a{
	padding-left:15px;
}

#rssMenu .rss:hover{
	cursor:pointer;
	background-color:#DDE7F7;
}

#rssMenu .rss.selected, td.selected{
	background-color:#DDE7F7;
	cursor:default;
	font-weight:bold;
}

#rssMenu .rss .link{
	font-size:10px;
	overflow:hidden;
	display:none;
}
#rsscontent{
	margin-top: 20px;
}
.removeFeed{
	float:right;
	cursor:pointer;
	margin-left: 10px; 
}

/**********************************************************************
 * ACCORDION
 *********************************************************************/


ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; margin-top: 10px;}
ul.ui-accordion-container li { 
    margin-bottom: 10px;
    background-color: #fdfdfd;
    background-color: #fdfdfd;
    padding: 0;
    border-radius: 5px 5px 0 0;
    border: 1px solid #e8e8e8;
}
ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: 28px; background-image: url(i/accordion-middle.png); color: #000; text-decoration: none; line-height: 28px; }
/*ul.ui-accordion-container li .ui-accordion-right { display: block; background-image: url(i/accordion-right.png); position: absolute; top: 0px; right: 0px; height: 28px; width: 3px;  }

ul.ui-accordion-container li:hover { background-image: url(i/accordion-left-over.png); }
ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(i/accordion-middle-over.png); }
ul.ui-accordion-container li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

ul.ui-accordion-container li.active { background-image: url(i/accordion-left-act.png); }
ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(i/accordion-middle-act.png); }
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(i/accordion-right-act.png); }*/

.datasource-title > div{
	justify-content: space-between;
	align-items: center;
}

.datasource-title .delete{
	margin-left: 10px;
}

.rssaccordion li .header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rssaccordion li .header span{
	padding-right: 10px;
}

.rssaccordion li a.title{
	width: 100%;
	padding: 10px;
	font-family: 'Roboto-Bold';
}

.rssdetail{
	height: auto;
    overflow: hidden;
    display: block;
    padding: 10px 10px;
    background: #f3f3f3;
}
.rssdetail table{
	width:100%;
}
.rssdetail tr{
	border-bottom: 1px dashed #d5d5d5;
}
.rssdetail tr:last-child{
	border:0;
}
.rssdetail table tr td{
    padding: 10px 8px 9px 0;
	margin:2px 0px;
}

.rssdetail table tr td.label{
	text-align:right;
	vertical-align:text-bottom;
	width:100px;
	color: #afafaf;
}
.rssaccordion svg{
    width: 13px;
    height: 13px;
    fill: #197798;
}

p.enclosure{
	margin:5px 20px;
	border:1px dashed #DFDFDF;
	padding:10px;
	background-color:#EEEEEE;
}

p.enclosure a{
	background:transparent url(../images/mime/file.png) no-repeat scroll left center;
	padding:4px 16px;
}



/**********************************************************************************************************
 ***********			DATASOURCE STYLES 													***************
 **********************************************************************************************************/ 
#datasourceMenu{
	width:300px;
	float:left; 
}

#datasourceview{
	margin-left: 310px;
}

#datasourceview h3{
	background:url(../images/icon_datasource.png) no-repeat 20px;
	padding:20px 20px 20px 40px; 
}


#datasourceMenu .datasource{
	padding: 10px 8px; 
	background:#FFF url(../images/icon_datasource.png) no-repeat 2px 10px;
	border-bottom:1px solid #DFDFDF;
}
/*
#datasourceMenu .datasource.twitter{
  background:#FFF url(../images/bird_blue_16.png) no-repeat 3px 10px;
}

#datasourceMenu .datasource.excel{
  background:#FFF url(../images/page_excel.png) no-repeat 2px 10px;
}

#datasourceMenu .datasource.ftp{
  background:#FFF url(../images/server_link.png) no-repeat 2px 10px;
}

#datasourceMenu .datasource.xml{
  background:#FFF url(../images/page_white_code.png) no-repeat 2px 10px;
}
*/
#datasourceMenu .datasource a{
	padding-left:20px;
}

#datasourceMenu .datasource:hover{
	cursor:pointer;
	font-weight:bold;
}

#datasourceMenu .datasource.selected{
	cursor:default;
}

/***********************************************************
 * TOOLTIP
 ***********************************************************/

/*#tooltip {
	background-color:#FFFFFF;
	border:1px solid #111111;
	padding:2px;
	position:fixed;
	z-index:4000;
	max-width:500px;
}

#tooltip.absolute {
	position:absolute;
}

#tooltip h3, #tooltip div {
	margin:0pt;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

#tooltip h6{
	border-bottom:1px solid #dfdfdf;
}*/


/**********************************************************************************************************
 ***********			FARBTASTIC COLOR PICKER STYLES										***************
 **********************************************************************************************************/

.farbtastic {
	position:relative;
	margin:0 auto;
}

.farbtastic * {
	cursor:crosshair;
	position:absolute;
}

.farbtastic, 
.farbtastic .wheel {
	height:195px;
	width:195px;
}

.farbtastic .color, 
.farbtastic .overlay {
	height:101px;
	left:47px;
	top:47px;
	width:101px;
}

.farbtastic .wheel {
	background:transparent url(../images/farbtastic_wheel.png) no-repeat scroll 0%;
	height:195px;
	width:195px;
}

.farbtastic .overlay {
	background:transparent url(../images/farbtastic_mask.png) no-repeat scroll 0%;
}

.farbtastic .marker {
	background:transparent url(../images/farbtastic_marker.png) no-repeat scroll 0%;
	height:17px;
	margin:-8px 0pt 0pt -8px;
	overflow:hidden;
	width:17px;
}


/**********************************************************************
 * INDEX PAGE
 *********************************************************************/

#index{
	width:733px;
	margin:0 auto;
	padding:5px;
}

#indexheader img{
	float:left;
}

#indexheader{
	/*background: url(../images/logo.png) no-repeat;*/
  margin-bottom: 15px;
}

#indexheader .logo{
  float: left;
}

#indexheader h1{
/*	float:left;*/
	margin-left:175px;
	margin-top:10px;
}

#indexcontent{
	clear:both;
	position:relative;
}

#login-form-wrapper{
  background: #f5f5f5;
  border-radius: 14px;
  margin-bottom: 10px;
}

#loginform{
	text-align: left;
	font-size: 14px;
}
#loginform .form-control{
	width: 100%;
}

#loginform h1{
	font-size: 30px;
	text-transform: uppercase;
	color:  #1b2835;
}
#loginform .btn-primary{
  margin-left :0px;
}
#loginform span{
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 8px;
    color: #c5c5c5;
    display: block;
}
.login-page{
	height: 100vh;
	overflow: hidden;
	background: #1b2835;
	/* url(../images/fundo_teste.png) no-repeat*/
}
.login{
	max-width: 400px;
}
.login .logo{
	margin-bottom: 25px;
	width: 350px;
}

/*#loginform button{
  background: #1c7dbb;
  box-shadow: 0px 7px 10px #0f1215;
  border: 3px solid #1c7dbb;
  font: 18px 'Roboto-Bold';
  text-transform: uppercase;
  border-radius: 40px;
  padding: 10px 15px;
  color: #fff;
  display: block;
  width: 100%;
  margin: 25px 0 50px 0;
  letter-spacing: 3px;
}*/

#indexwrapper{
	margin:50px auto;
	background-color: #999999;
	width: 430px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#index{
	width: 400px;
	padding:10px 10px 20px 10px;
	border:2px solid #999999;
	background-color: #F5F5F5;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#indexheader h1 {
	margin-top:5px;
	padding-bottom: 40px;
}

#index p{
	margin-top:10px;
}

#lang-index{
	font-size: 11px;
  width: 100%;
  text-align: left;
}

#lang-index label{
  color: #fff;
}

#lang-index .custom-select{
  background-color: transparent;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
  color: #fff;
  width: auto;
  border: none;
  font-size: 11px;
}

#lang-index .custom-select option{
  color: #333;
}

#lang-index .lang{
	padding: 0 2px 0 7px;
	border-left:1px solid #ccc;
	display: inline-block;
}

#lang-index span{
	font-weight: bold;
}

#lang-index .lang img{
	margin-right: 5px;
}

#lang-index .lang:first-child{
	border-left: none;
}

.flexcontainer{
  display: flex;
}

/**********************************************************************
 * DISK USAGE
 *********************************************************************/

.diskUsage{
	height: 260px;
    margin-bottom: 20px;
    background: #fafafa;
    border-radius: 3px;
    box-shadow: 0px 3px 2px #eee;
}

.diskUsage .bI{
  background: none;
}

.diskUsage .bM{
	background-repeat: no-repeat;
	background-position: 5px top;
	padding-left:75px;
}

.diskUsage .bM div.infoSmall{
	padding: 10px 10px 10px 35px;
	margin: 0px; 
	border: 0px;
	background-position: 10px 10px;
}

/**********************************************************************
 * Online/Offline Chart
 *********************************************************************/
.titlebar{
    background: #1b2835;
	color: #fff;
    padding: 7px 10px;
    border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: space-between;
}
.dashboard-info .content{
	padding: 10px;
}
.dashboard-info #expiringContents.content{
	padding: 0;
}
.titlebar h4{
	display: inline-block;
	letter-spacing: 0.5px;
	font-size: 14px;
}
 .onlineOfflineChart{
	background-color: #fafafa;
    height: 260px;
    margin-bottom: 20px;
    border-radius: 3px;
    box-shadow: 0px 3px 2px #eee;
}
.onlineOfflineChart .content{
	height: 229px;
}
.onlineOfflineChart select{
	padding:0;
	height: 17px;
	font-size: 13px;
}
.onlineOfflineChart label{
	padding-right: 	5px;
}
#onlineOfflineDonutChart{
  margin: 0 auto;
}

#expiringContents{
  display: flex;
  text-align: center;
  height: calc(100% - 34px);
  overflow-y: auto;
}

#expiringContents h1{
  width: 100%;
  align-self: center;
}

#expiringContents .loading{
  align-self: center;
  margin: auto;
}

#expiringContents ul {
  text-align: left;
  width: 100%;
}

#expiringContents ul li{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  padding: 7px 10px;
}
#expiringContents ul li:last-child{
	border:0;
}
#expiringContents ul li i{
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}

#expiringContents ul li.expired i{
  background: #d81e25; 
  border-radius: 50%;
}

#expiringContents ul li.expiring i{
  background: #FFFF99;
  border-radius: 50%;
}

#expiringContents ul li.validation i{
  background: #300000;
  border-radius: 50%;
}

#expiringContents ul li span{
  margin-left: 10px;
  color: #757575;
  font-size: 13px;
}

#expiringContents ul li span b{
	color:#1b2835;
	font-size: 15px;
}
/**********************************************************************************************************
 *		VOLUME SLIDER
 **********************************************************************************************************/
 
.ui-slider {
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	width:180px;
	margin-left:10px;
}


/***********************************************************************************************
	DISKUSAGE
 ***********************************************************************************************/
.diskusage>div{
 	border-radius: 10px;
 	overflow:hidden;
 	height:15px;
 	 margin-bottom:15px; 
 	 float:none !important;
 }
 .diskusage td:first-child i{
 	display: block;
 	width: 15px;
 	height: 15px;
 	border-radius: 2px;
 }
.diskusage .myfiles, .diskusage .myfiles i{ background:#357abb; }
.diskusage .rssfiles, .diskusage .rssfiles i{ background:#ffa928; }
.diskusage .rssenclosures, .diskusage .rssenclosures i{	background:#ff7e0f; }
.diskusage .freespace, .diskusage .freespace i{ background:#c5c5c5; }

.diskusage div{
	float:left; height:15px;
}

.diskusage p{
	margin: 5px 0 7px 3px;
	color: #1b2835;
}

.diskusagetable{ width:100%; }
.diskusagetable td{
	padding-bottom: 5px;
	vertical-align: middle;
}
.diskusagetable th{
    letter-spacing: 1.2px;
    font-size: 11px;
    color: #828282;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.diskusagetable th.name,
.diskusagetable td.name{
	padding-left:5px;
	text-align:left;
}

.diskusagetable th.size, .diskusagetable th.perc,
.diskusagetable td.size, .diskusagetable td.perc{
	text-align:right;
}


/******************************************************************************************
 *	INFORMATION ELEMENTS 
 *****************************************************************************************/

#mainInfo{
  position: fixed;
  top: 15px;
  left: calc(50% - 250px);
  width: 500px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

#mainInfo .alert{
  margin-top: 15px;
  width: 500px;
  margin: 0 auto;
  box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1);
  margin-bottom: 15px;
}

#mainInfo .alert-dismissible .close{
  padding: 10px;
}

.infoBig{
	text-align: left;
	padding: 10px;
	background: #cce5ff;
	border: 0;
	border-left: 5px solid #54a8ff;
	font-size: 11px;
	color: #666;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.infoBig p{
	margin-bottom: 0;
}
.alert{
/*	font-family: 'Roboto-bold';
	font-family: 'Roboto-Regular';*/
	border: 0;
  border-left: 5px solid;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 12px 10px;
}
.infoBig.info, .alert.alert-info{
	background-color:#cce5ff;
}

.infoBig.error, .alert.alert-danger{
	background-color:#FFE7E6;
	border-color: #fd706a;
	color: #fb5751;
}

.infoBig.warning, .alert.alert-warning{
	background-color:#FFF3CD;
	border-color: #ffda65;
}

.infoBig.success, .alert.alert-success{
	background-color: #D4EDDA;
	border-color:#74ca88;
}

label.error,
.infoSmall.error{
  font-size: 80%;
  margin-top: .25rem;
  color: #fb5751;
}

label.warning,
.infoSmall.warning{
	background-image: url(../images/icon_warning_small.png);
}

label.success,
.infoSmall.success{
	background-image: url(../images/icon_success_small.png);
}

label.wait,
.infoSmall.loading,
.infoSmall.wait{
	background-image: url(../images/icon_wait_small.gif);
}

label,
.infoSmall{
	display:block;
}

.infoSmall label{
	margin-left:-20px;
}

.slideInfo .alert{
  display: inline-flex;
  align-items: center;
  padding: 5px 10px 5px 7px;
  margin: 3px 0 0 28px;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 12px;
      font-family: 'Roboto';
}
.alert img{
	vertical-align: top;
}

.form-control.error{
  border-color: #fd706a;
}

.form-control.error:focus{
  box-shadow: 0 0 0 0.2rem rgba(253,112,106,.25);
}

/**********************************************************************************************************
	PLAYLIST GRAPH ZONES
 **********************************************************************************************************/

#playlistBackground,
#playlistMusic,
#playlistZones{  
	position:relative;
	margin:0 auto;
}

/*#playlistZones{
	overflow-y: auto;
}*/

#playlist_container .ui-tabs-panel
#playlist_container .ui-tabs-nav{
	top:0px;
	bottom:0px;
}

#backgrounds.ui-tabs-panel,
#musics.ui-tabs-panel{
	height:100%;
	padding:0;
}

#zones.ui-tabs-panel{
	height:auto !important;
	padding:0;
}

/***	Zone options	***/
.zoneOptions{
	background:#CCCCCC;
	color:#666;
	padding:2px 5px;
	position:absolute;
	right:0px;
	top:0px;
	display:none;
}

.zone:hover .zoneOptions{
	display:block;   
}

.zoneOptions span{
	cursor:pointer;
	width:40px;
	padding:0px 7px;
}

.zone .zoneOptions .zoneLoop.yes			{ background:url(../images/icon_loop.png) no-repeat right; 			}
.zone .zoneOptions .zoneIsMain				{ background:url(../images/icon_main.png) no-repeat right; 			}
.zone .zoneOptions .zoneLoop.no				{ background:url(../images/icon_loop_off.png) no-repeat right; 		}
.zone .zoneOptions .emptyZone				{ background:url(../images/icon_slide_remove.png) no-repeat right;	}
.zone .zoneOptions .removeSelected	{ background:url(../images/icon_list_remove.png) no-repeat right;	}
#playlist_container .zone .zoneToTop		{ background:url(../images/icon_maximize.png) no-repeat right;		}
#playlist_container .zone.onTop .zoneToTop	{ background:url(../images/icon_restore.png) no-repeat right; 		}

#playlist_container .zone.onTop{
/*	z-index:2000;*/
	z-index: 98 !important;
	overflow: auto;
  min-height: 350px;
  background-color: #ffffff;
  text-align: left;
  border: none;
}


.zone.slideshow .slide{
	display: none;
}

.zone.slideshow.onTop > img{
	display: none !important;
}

.zone.slideshow.onTop .slide{
	  display: block;
}
.compactgrid .zone.slideshow.onTop .slide{
	 display: inline-block;
}
.zone.slideshow > img{
	position: absolute !important;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	display: none;
}

 .zone.slideshow .edit_zone_link{
	margin:auto;
	position:absolute;
	top:0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 25px 5px 5px;
	display: none;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1000;
	cursor:pointer;
}

.zone.slideshow:hover .edit_zone_link{
	display: block;
}

.zone.slideshow.onTop:hover .edit_zone_link{
	display: none;
}

.zone .zoneOptions,
.zone .edit_zone_link,
.zone > img{
	display: none;
}

.zone.slideshow:hover .zoneOptions{
	display: none;
}

.zone.slideshow.onTop:hover .zoneOptions{
	display: block;
}

.zone.noslideshow:hover .zoneOptions{
	display: block;
}

.zone.ui-state-disabled{
	opacity:1;
	filter: alpha(opacity=100);
}

.zone .ui-sortable-placeholder{
  background: #e4e4e4;
  height: 60px;
  border-radius: 3px;
  margin: 5px 0px 5px 0px;
}

.zone.ui-droppable-active .infoBig{
  display: none;
}

/***	Slides		***/
.slide, .slide.subplaylist{
  margin-bottom: 6px;
  border: 1px solid #eaeef1;
	background-color: #FAFBFC; 
  color: #666;
  text-align: left;
  display: block;
 	box-shadow:none;
  padding:10px;
  border-radius: 3px;
}

.slide svg{
	width: 21px;
	height: 21px;
}

.slide .alert svg{
	width:18px;
	height:18px;
	stroke-width: 0.5px;
	margin-right: 3px;
	fill: #FFA116;
}

.slide .option{
	margin-left: 5px;
    color: #1179BE;
}

.slide.grid,
#playlistZones.grid .ui-sortable-placeholder,
#playlistBackground.grid .ui-sortable-placeholder,
#playlistMusic.grid .ui-sortable-placeholder,
#playlistZones.grid .infoBig,
#playlistBackground.grid .infoBig,
#playlistMusic.grid .infoBig
{
	width: 170px !important;
  height: 150px !important;
  float: left;
  padding: 0px;
  margin: 0px;
}

.slide.compactgrid, 
#playlistZones.compactgrid .ui-sortable-placeholder,
#playlistBackground.compactgrid .ui-sortable-placeholder,
#playlistMusic.compactgrid .ui-sortable-placeholder{
	width: 141px !important;
  height: 79px !important;
  float: left;
  padding: 0px;
  margin: 0 2px 0 2px;
}

#playlistZones.grid .slide, 
#playlistBackground.grid .slide, 
#playlistMusic.grid .slide{
  float: left;
  width: 170px;
  height: 150px;
  padding: 3px;
}

#playlistZones.compactgrid .slide, 
#playlistBackground.compactgrid .slide, 
#playlistMusic.compactgrid .slide{
  float: left;
  width: 141px;
  height: 79px;
  margin-right: 2px;
  position: relative;
  padding: 0;
  border:0;
}

#playlistZones.compactgrid .slide .name, 
#playlistBackground.compactgrid .slide .name, 
#playlistMusic.compactgrid .slide .name{
	position: absolute;
  background: #1b1b1bb5;
  color: #fff;
  top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  padding: 5px;
  z-index: 1;
}

.compactgrid .slide.ui-sortable-helper img.thumb{
  width: 100%;
  max-height: 100%;
}

#playlistZones.compactgrid .slide .actions, 
#playlistBackground.compactgrid .slide .actions, 
#playlistMusic.compactgrid .slide .actions{
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 2px 7px;
  line-height: 0;
	display: none;
}

#playlistZones.compactgrid .slide:hover .actions, 
#playlistBackground.compactgrid .slide:hover .actions, 
#playlistMusic.compactgrid .slide:hover .actions,
#playlistZones.compactgrid .slide.selected .actions, 
#playlistBackground.compactgrid .slide.selected .actions, 
#playlistMusic.compactgrid .slide.selected .actions{
  display: block;
}

.order-placeholder:hover{
  cursor: move;
}

.slide.ui-sortable-helper .actions,
.slide.ui-sortable-helper .order-placeholder,
.slide.ui-sortable-helper .status{
  display: none;
}

.compactgrid .slide .order-placeholder,
.compactgrid .slide .order-placeholder .custom-control{
	color: #ffffff;
  	vertical-align: middle;
  	display: inline-block;
}
.compactgrid .slide .custom-switch{
	padding-left: 39px;
}
.compactgrid .slide .submenu-slide{
	display: block;
	margin-top: 4px;
}

.compactgrid .slide .dropdown-menu a{
	white-space: nowrap;
}

#playlistZones.compactgrid .slide img.thumb, 
#playlistBackground.compactgrid .slide img.thumb, 
#playlistMusic.compactgrid .slide img.thumb{
  width: 100%;
  max-height: 100%;
  border: none;
  padding: 0;
}

#playlistZones.grid .slide .graphData, 
#playlistBackground.grid .slide .graphData,
#playlistMusic.grid .slide .graphData
{
  clear: left;
}

#playlistZones.grid .slide .slideInfo,
#playlistBackground.grid .slide .slideInfo, 
#playlistMusic.grid .slide .slideInfo{
  display: none;
}

.zone .slide form input{
	font-size:11px;
}

.zone.music,
.zone.background{
	top:0;
	left: 0;
}
/*
#playlistMusic .zone *,
#playlistBackground .zone *,
#playlistZones .zone *{
	overflow: hidden
}
*/

#playlistMusic .zone,
#playlistBackground .zone{
	min-height: 200px;
}

/*
.miniZone .miniSlide.online div.img,
.miniZone .miniSlide.online,
*/
/*.graph .graphContent .slide.online.complete div.img,*/
.graph .graphContent .slide.online.complete{
	background: #DEEED5 url(../images/back_online.png);
}

/*.graph .graphContent .slide.online.queued div.img,*/
.graph .graphContent .slide.online.queued{
	background: url(../images/back_queued.png);
}

/*.graph .graphContent .slide.online.downloading div.img,*/
.graph .graphContent .slide.online.downloading{
	background: url(../images/back_downloading.png);
}
/*
.miniZone .miniSlide.offline div.img,
.miniZone .miniSlide.offline,
*/
.graph .graphContent .slide.offline div.img,
.graph .graphContent .slide.offline{
	background:#DFDFDF url(../images/back_offline.jpg);
}

#terminalUrgentBroadcasts,
#terminalBroadcasts,
#broadcastPlaylists,
#terminalRadioPlaylists{
	padding:0px;
	height:auto !important;
	clear:both;
	border:1px solid transparent;
  min-height: 500px;
}

#terminalBroadcasts .ui-sortable-placeholder, #broadcastPlaylists .ui-sortable-placeholder{
  background: #e4e4e4;
  height: 40px;
  border-radius: 3px;
  margin: 5px 0 10px 0;
}

.terminalBroadcast{
	margin-bottom: 10px;
	background:#f7f7f7;
	padding: 10px;
	cursor: move;
    border: 1px solid #eaeef1;
    background-color: #FAFBFC;
    border-radius: 4px;
}
.broadcastPlaylist{
    border: 1px dashed #ccc;
    margin-bottom: 10px;
    background-color:#FAFBFC; 
}
.terminalBroadcast  .graph, #broadcastPlaylists .graph{
	display: flex;
	flex-wrap: wrap;
	flex: 1 0 80%;
}
.graphData{
	text-align: center;
	width: 110px;
}
.graphData a.btn{
  color: #0099CC;
}

.graphData a.btn:hover{
  color: #212529;
}

.graphData a.btn svg{
  stroke-width: 1px;
}

.graphThumb{
	text-align: center;
}
.graphContent{
	width: 100%;
}

.graph .slideOffline,
.graph .playlistOffline,
.graph .broadcastOffline{
	display:none;
}

.slide.offline .slideOffline,
.broadcastPlaylist.offline .playlistOffline,
.terminalBroadcast.offline .broadcastOffline{
	display:block;
}

.slide.ui-sortable-helper{
  transform: rotate(3deg);
  box-shadow: 0px 1px 0px 0px #ccc;
  border-radius: 3px; 
  border: 1px solid #e4e4e4;
  z-index: 99999;
}

.slide.offline .col-6, .compactgrid .slide.offline .thumb{
	filter: grayscale(1);
}

/**********************************************************************************************************
 *	ASSOCIATE TYPES
 **********************************************************************************************************/
#associateToTerminalForm{
	width:100%;
}

#associateToTerminalForm .ui-tabs-panel{
  height: 450px;
  overflow-y: auto;
}

#associateToTerminalForm h4{
	background:none;
	clear:left;
	padding:8px 0;
}

#associateToTerminalForm tr.selected td, #associateToTerminalForm tr.selected th{
	background: #eeeeee;
}

#terminalList, #broadcastList{
	height:200px;
	overflow:auto;
}

/**********************************************************************************************************
 *			TOP MENUS
 **********************************************************************************************************/

.topmenu-options {
  display: flex;
  font-family: 'Roboto-bold';
  background: #293b4c;
  justify-content: space-evenly;
} 

#playlistZonesMenuWrapper .topmenu-options{
	background: transparent;
	display: inline-block;
	margin-bottom: 10px;
}

#file-tabs-container .topmenu-options{
	justify-content: normal;
}
#file-tabs-container .topmenu-options a{
	font-size: 12px;
}
#file-tabs-container .topmenu-options svg{

}
.topmenu-options a{
  padding: 8px 0;
  color: #ffffff;
} 
.topmenu-options a svg{
	width: 25px;
    height: 25px;
    stroke-width: 1px;
}
.topmenu-options a img, .topmenu-options a svg{
	vertical-align: middle;
}

#playlistSlidesWrapper{
	margin-top: 25px;
}
/**********************************************************************************************************
 ***********					SPECIAL STYLES FOR THE FILE ACCORDION							***********
 **********************************************************************************************************/
#gallery, #gadgets, #datasource{
  overflow-y: auto;
}
.fileseparator{
    display: block;
    padding: 21px 15px;
    font: 16px 'Roboto-Bold', helvetica, arial, sans serif;
    background-color: #1b2835;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #0d1721;
}
.fileseparator svg{
	width: 27px;
	height: 27px;
}

.fileseparator:hover{
	color: #ffffff;
}

.files_explorer{
	display:none;
	overflow:hidden;
}

#files_accordion{
	background: #ffffff;
}

#files_accordion #fm-manage-input{
	width:100%;
}
#fm-search-close svg{
	width: 13px;
	height: 13px;
}

.files_explorer .root{
	padding:0; 
	border-bottom:0;
}

.files_explorer .thumb{
	display: inline-block;
	/*margin: 0 auto 5px;*/
	border:none;
	padding:0;
	text-align: center;
}
.files_explorer .file .data{
/*	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	padding: 5px 0;
	border-top: 1px solid #eee;
	background: #ffffff;*/
	display: inline-block;
	max-width: 85%;
}

.files_explorer .fileparam .data{
  display: inline-block;
  width: 100%;
}

.files_explorer .file.grid .data {
  width: 100%;
  max-width: 100%;
  padding: 5px 0;
  border-top: 1px solid #eee;
  background: #ffffff;
  text-align: left;
  padding-left: 10px;
}
.files_explorer .file .data a{
	padding-bottom: 5px;
	font-family: 'Roboto-Regular';max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.files_explorer .file.grid .data a {
  max-width: 80%;
  padding-bottom: 0;
}
.files-list{
	padding: 0 10px 0 5px;
}
.files_explorer .thumb img{
	max-width:100%;
/*	max-height: 30px;*/
}

ul.folderFiles{
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 3px;
}

.files_explorer li.folder{
	text-align: left;
	width: 100%;
	background-color: #f5f5f5;
}
.files_explorer li.folder.grid {
	width: 48%;
	/*display: inline-block;*/
	display: inline-flex;
}
.files_explorer li.folder.grid a {
	display: flex;
	align-items: center;
	max-width: 78%;
}
	.files_explorer li.folder.grid .folder-name {
		flex: 1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-right:5px;
	}

.files_explorer .folder .fileparam, .files_explorer .folderFiles .fileparam {
	/*height: 100px;
width: 32.8%;*/
	display: flex;
}
.files_explorer .folderFiles .fileparam .thumb{
  width: 50px;
}
.files_explorer .folder .fileparam a,.files_explorer .folderFiles .fileparam a{
	display: inline-block;
}
.files_explorer .folder .fileparam .note, .files_explorer .folderFiles .fileparam .note{
	float: none;
}
.folder .fileparam .thumb{
	display: block;
	max-height: 42px;
	overflow: hidden;
}
.folder .thumb{
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}
.files_explorer li {
	border: 1px solid #DADCE0;
	background: #ffffff;
	padding: 5px;
	overflow: hidden;
	margin: 0 2px 6px 2px;
	display: block;
	border-radius: 3px;
	position: relative;
	cursor: pointer;
}

.files_explorer li.label {
  border: 0;
  padding: 0;
  color: #a4b0b8;
  font-size: 13px;
  margin: 3px 0;
}

.files_explorer li.rssitem{
	width: 100%;
	border: 0;
	border-left: 1px solid #eee;
	text-align: left;
}
.files_explorer .dsitems li.fileparam{
	width: auto;
}

li#folderRoot{
	border:0;
}
.files_explorer li.folder a {
	font-family: 'Roboto-bold';
	display:inline-flex;
	max-width:43%;
}
.files_explorer li.folder .folder-name {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 5px;
}
.files_explorer li.folder svg {
	fill: #0099CC;
	stroke-width: 1px;
	width: 25px;
	height: 25px;
}

.files_explorer li a{
    display: inline-block;

    vertical-align: middle;
}

.files_explorer li.file{
/*	height: 97px;*/
	padding: 3px;
	display: flex;
}

.files_explorer li.disabled{
	color:#bbb;
	background:#eee;
}

.files_explorer li.file.grid {
	border: 1px solid #DADCE0;
	background: #ffffff;
	padding: 0;
	overflow: hidden;
	margin: 0 2px 6px 2px;
	width: 48.5%;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	position: relative;
	cursor: pointer;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.files_explorer li.disabled a{
	color:#bbb;
}

.files_explorer li.disabled img{
	opacity:0.5;
}

.files_explorer li span.folderOptions{
	display:none;
	float:right;
}

.files_explorer li:hover span.folderOptions{
	display:block;
}

.files_explorer li:not(.file) .note{
	float: right;
	color: #a4b0b8;
	padding: 5px;
}

.files_explorer li.file .note{
	color: #686b6d;
	font-size: 11px;
}
.files_explorer li.file .note svg, .files_explorer li.file.grid svg {
  width: 15px;
  height: 15px;
  vertical-align: bottom;
  fill: #565656;
  margin: 0 5px 0 2px;
}

.files_explorer li .note span.date{

}

.files_explorer li .note span.size{
	margin-left:6px;
}

.files_explorer li.file .note svg, .files_explorer li.file.grid svg {
  width: 15px;
  height: 15px;
  vertical-align: bottom;
  fill: #565656;
  margin: 0 5px 0 2px;
}

.files_explorer .thumb{
	background:none;
	margin-right: 5px;
}
.files_explorer .file .thumb{
	width: 50px;
	height:35px;
	overflow: hidden;
}
.files_explorer li.file.grid .thumb {
  width: auto;
  height:105px;
  display: block;
  margin: 0;
}
.graph.file.ui-draggable-dragging, .graph.folder.ui-draggable-dragging{
  padding: 5px;
  border: 1px solid #eaeef1;
  background-color: #FAFBFC;
  border-radius: 3px;
  box-shadow: 0px 1px 0px 0px #ccc;
  transform: rotate(3deg);
  min-width: 300px;
  overflow: hidden;
}

.graph.file.ui-draggable-dragging .graphThumb, .graph.folder.ui-draggable-dragging .graphThumb{
  float: left;
  margin-right: 10px;
}

.graph.file.ui-draggable-dragging .graphData, .graph.folder.ui-draggable-dragging .graphData{
  float: left;
}

/* File Extensions*/
li.directory.rssfeed { 
	background: url(images/folder-empty-1.svg) left center no-repeat; 
    background-size: 23px 22px;
}

li.rss{ 
	background: url(../images/mime/feed.png) left top no-repeat; 
}

li.rssfeed,
li.rss{
	padding: 5px 0px 0px 28px;
}

/******************************************************************************************
 *	ADD PLAYLIST
 *****************************************************************************************/
#customStyleCreate{
	text-align: left; 
	position: relative;
}

#playlistZonesMenu{
	height:400px; 
	overflow:auto;
	font-size:12px;
	min-width: 260px;
}

#playlistZonesMenu svg{
	float: right;
    fill: #7493ab;
    stroke: #7493ab;
    width: 12px;
    height: 12px;
    margin: 2px;
    stroke-width: 2px;
    cursor: pointer;
}

::-webkit-scrollbar {
    width: 7px;
    border-radius: 100px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
	background-color:#c1c1c1;
    border-radius: 100px;

}
#playlistZonesMenu .dimension,
#playlistZonesMenu .position{
	padding:1px;
	clear:right;
}

#playlistZonesMenu span{
	display:inline-block;
	width:70px;
}

#playlistZonesMenu input{
	font-size:inherit;
	margin-right:10px;
	width:50px;
	height: 27px;
	display: inline-block;
	padding: 5px;
	margin-bottom: 7px;
}
#playlistZonesMenu > div{
    padding: 7px 7px 0 7px;
    cursor: move;
    border: 1px solid #dddddd;
    margin: 0 4px 4px 0;
    border-radius: 3px;
    color: #1b2835;
    background: #cad4db70;
}
#playlistZonesMenu > div:last-child{
	margin-bottom: 0;
}

/** Draggable Zones **/

#playlistSlides{
	background-color: #f5f5f5;
	height:405px;
	position:relative;
	width:720px;
}

#playlistSlides .zone{
	width:320px; 
	height:100px; 
	text-align:left; 
	position:absolute; 
	cursor:move;
	font-size:10px;
	background-color:#eee;
}

#playlistSlides .zone.odd{
	background-color:#e7e7e7;
}

#playlistSlides .zone h2{
	margin:0 auto;
	text-align:center;
	position:absolute;
	top:40%;
	width:100%;
	color:#BBBBBB;
}

/******************************************************************************************
 *	MODAL DIALOGS
 *****************************************************************************************/
.modalDialog{
	display:none;
}
.ui-dialog{
  padding: 0px;
  border-radius: 4px;
  box-shadow: 2px 5px 20px 0px #03030361;
}
.ui-dialog .ui-dialog-content{
	padding: .5em 0; 
}

.ui-dialog .detailImage{
	float:right; 
	text-align:center;
	width:300px;
}

.ui-dialog .detailLinks{
	clear: right;
	float:right;
	text-align:center;
	width:170px;
	padding-top:30px;
	margin-right:60px;
}

.ui-dialog .detailLinks .button-small{
	float:none;
	width: 100%;
	margin-bottom:5px;
}
#slideInfo{
	overflow-y: auto;
}
.ui-dialog .detailImage img{
	max-width:290px;
}

.detailForm{
	width: 50%;
	padding-top:20px;
}
#slideInfo .detailForm{
  margin-top: 20px;
	padding-top: 0;
}
.detailForm td{
	padding: 2px;
}

.detailForm .row, .noform .row{
	align-items: center;
	padding-bottom:5px;
	margin:0;
}

.detailForm .label{
	width:100px;
	color: #8a8989;
    font-size: 13px;
}

.detailForm .input{
	text-align:left;
	padding-left:5px;
}
.ui-widget-content.ui-slider { /*.ui-widget-content.volumeSlider*/
	height: 3px;
	border-radius: 100px;
	margin-top: 15px;
	margin-right: 10px;
	background-color: #ccc;
}
.ui-slider .ui-slider-handle{
    width: 1em;
    height: 1em;
}
.ui-widget-content .ui-state-default.ui-slider-handle{
    background: #1b2835;
    border-radius: 50%;
    border: 1px solid #ccc;
}
.ui-slider-horizontal .ui-slider-handle{
	top: -0.4em;
}
#shutDownHour_slider, 
#defaultVolume_slider,
#shutDownMinute_slider,
#deleteThreshold_slider{
	height: 5px;
	margin-top:7px;
	background-color: #ccc; 
}

table.noform td{
	padding:5px;
}

td.label{
	text-align:right;
	padding:0;
}

td.input{
	padding:2px;
}

.detailForm input,
.detailForm select,
.detailForm textarea{
	display:inline;
	font-family: Helvetica, Arial, sans-serif;
	color:#666666;
	width:250px;
	font-size:14px;
}

.detailForm #fileHour, .detailForm #fileMinute, .detailForm #fileSecond{
	padding: 2px;
	text-align: center;
}

.detailForm input.number{
	text-align: center;
	padding: 0 5px;
}

.detailForm .input textarea{
	height:60px;
}

.detailForm input.button {
	width:95px;
	font-size:12px;
}


.detailForm tr td{
	vertical-align:middle;
}

.ui-dialog .modalDialog{
	display: block;
	padding:10px;
}

.modalDialog .form,
.modalDialog form,
#confirmModal .bM form,
#inputModal .bM form{
	background-position:top right;
	background-repeat:no-repeat;
	float:none;
	min-height:64px;
	display: block;
}


.modalDialog .form strong,
.modalDialog form strong{
	display:block;
    padding: 20px 0 5px 0;
}

.ui-dialog-buttonpane .alert{
  width: 65%;
}

/**********************************************************************
 * NO JAVASCRIPT
 *********************************************************************//*
#nojavascript-overlay{
	position:fixed;
	z-index:99999;
	bottom:0;
	left:0;
	right:0;
	top:0;
	background:#000;
	opacity:0.8;
	display:none;
}

#nojavascript-content{
	background:#FFFFFF none repeat scroll 0 0;
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	top:0;
	margin:100px 300px;
	text-align:left;
	z-index:1000000;
	padding:20px;
	display:none;
}

#nojavascript-content{width:500px;margin:0 auto;border:1px solid #DFDFDF;padding:10px;display:none;}
#nojavascript-content h2{text-align:center;}
#nojavascript-content p{margin:2px 0;}  
#nojavascript-content #browsers{margin-left:60px; }
#nojavascript-content #browsers li{list-style:square;}

/******************************************************************************************
 *	JQUERY UI OVERWRITES
 *****************************************************************************************/
.tabs-wrapper{
	height: 98%;
}

.ui-widget-content a{
	color:#0099CC;
}
.ui-widget-content a.btn.btn-secondary{
  color: #3a3a3a;
}
.ui-widget-content a.btn.btn-primary{
  color: #fff;
}
.ui-dialog .ui-dialog-buttonpane{
	border-radius: 0 0 5px 5px;
	margin:0;
}
.ui-dialog-titlebar-close
.ui-button-text-only .ui-button-text {
    padding: 0.2em 1em;
}
.ui-dialog-buttonset{
	text-align: right;
}
.ui-dialog .ui-dialog-buttonpane button{
	margin-left: 10px;
	padding: 5px 15px;
}

.ui-dialog .ui-dialog-content .ui-tabs-panel{
	padding:0.4em;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 10px;
	position:relative;
	text-transform: uppercase;
	color: #fff;
	font: 16px 'Roboto-Bold', helvetica, arial;
  background: #1b2835;
}

.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n  { cursor: n-resize;  width: 100%; height: 1px;  left: 0px;  top: 0px; 	  background: #bbb; }
.ui-resizable-s  { cursor: s-resize;  width: 100%; height: 1px;  left: 0px;  bottom: 0px; background: #bbb; }
.ui-resizable-e  { cursor: e-resize;  width: 1px;  height: 100%; right: 0px; top: 0px;    background: #bbb; }
.ui-resizable-w  { cursor: w-resize;  width: 1px;  height: 100%; left: 0px;  top: 0px;    background: #bbb; }
.ui-resizable-se { cursor: se-resize; width: 15px; height: 15px; right: 0px; bottom: 0px;  					}
.ui-resizable-sw { cursor: sw-resize; width: 5px;  height: 5px;  left: 0px;  bottom: 0px; }
.ui-resizable-nw { cursor: nw-resize; width: 5px;  height: 5px;  left: 0px;  top: 0px;    }
.ui-resizable-ne { cursor: ne-resize; width: 5px;  height: 5px;  right: 0px; top: 0px;    }


/**********************************************************************
 * TEXT 
 *********************************************************************/
div.text{
	color:#000;
	background:#fFF url(../images/background.png) repeat-x top;
	padding:10px;
	margin:0px 10px;
	border:1px solid #dfdfdf;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.infoBig div.text{ background-image:none; }

div.text h3{
	font-weight:bold;
	border-bottom:1px solid #339900;
	color:#339900;
}

div.text p{
	margin:10px 0px;
}

div.text ol{
	margin-left:30px;
}

div.text ol li{
	font-size:14px;
	margin:0px 0px 0px 10px;
	list-style-position:outside
}

div.text div{
	padding:10px 0px 0px;
}

div.text .note{
	color:#CCCCCC;
	margin-bottom:0px;
}

.navigation h1{
	padding:15px 0 10px 200px;
}

/***********************************************************
 NEW STUFF
*/

.hmenu{
	height:30px;
}

.hmenu .hmenu-list{
	height:100%;
	overflow:hidden;
	position:relative;
}

.hmenu .hmenu-list ul{
	position: absolute;
	display:block;
	height:100%;
	top:0;
	left:0;
	margin:0;
	padding:0;
	white-space:nowrap;
}

.hmenu .hmenu-list li{
	display:inline;
	list-style:none;
	margin:0 5px;
}

.hmenu .hmenu-list li a{
	line-height:30px;
	outline:none;
}

/*Need hack for IE8 -> padding-top:6px;*/
.hmenu .hmenu-list li a{
	padding-top /*\**/: 6px\9;
}

.hmenu .hmenu-prev, .hmenu-next{
	background:#dfdfdf;
	width:20px;
	height:20px;
	margin-top:5px;
}

.hmenu .hmenu-prev{
	float:left;
}

.hmenu .hmenu-next{
	float:right;
}


/***********************************************************
 NEW STUFF
 */

#file-tabs-container{
	 overflow: visible;
}

#file-tabs{
	 height: 100%;
	 overflow: auto;
}

#templateListFilter,
#templateList{
	float:left;
	width:100%;
	border:1px solid #dfdfdf;
	/*padding:5px;*/
	height:325px;
}

#templateListFilter .content,
#templateList .content{
	height:325px;
	overflow:auto;
}

.paramTable{
	display:none;
}

.paramTable td{
	padding:6px 2px;
}

.paramTable td.label{
	width:80px;
	font-weight:normal;
}

.templateCategory{
}

.templateCategory h5{
	background:transparent url(../images/playlist_group_dot_open.png) no-repeat scroll 0 2px;
	padding:3px 0 3px 20px;
	cursor:pointer;
}

.templateCategory.open > h5{
	background:transparent url(../images/playlist_group_dot_close.png) no-repeat scroll 0 2px;
}

.templateCategory ul{
	padding-left:20px;
	display:none;
}

.templateCategory .template{
	padding:3px;
	cursor:pointer;
	background:none;
	clear: both;
}

.templateCategory .templateCategory{
	margin-left: 10px;
	display: none;
}

.templateCategory.open .templateCategory{
	display: block;
}

.template.selected{
	background-color:#DDE7F7;
	cursor:default;
	font-weight:bold;
}

.template img{
	width:32px;
	float:left;
	margin-right:2px;
}

.colorp{
	cursor:pointer;
}



/*** New params styles ***/
/*.colorpicker{
	float:left;  
	padding:10px;
	background:#fff;
	position:absolute;
}*/

#applicationfile-tabs-container li.selected,
#text-tabs-container li.selected,
#file-tabs-container li.selected,
#ds-tabs-container li.selected{
	background-color:#DDE7F7;
	border: 1px solid #6ca2cf;
}

#file-tabs-container li.selected a,
#text-tabs-container li.selected a.selected{
	font-weight:bold;
}

li.all{
	 margin-left: 2px;
	 font-size: 9px;
	 cursor: pointer;
}

#params-tabs{
  height: 100%;
}

#params-tabs .params-list{
  overflow-y: auto;
}

#params-tabs .paramOptions{
  background: #CCC;
  color: #666;
  padding: 2px 5px;
  position: absolute;
  right: 0px;
  top: 0px;
}

#params-tabs .paramOptions span{
  cursor: pointer;
  width: 40px;
  padding: 0px 7px;
}

#params-tabs .paramOptions .removeSelected{ 
  background:url(../images/icon_list_remove.png) no-repeat right;	
}


.ui-dialog .ui-dialog-content #params-tabs .ui-tabs-panel.hidden{
  display:none;
}

.gadget-fieldset-form .values_table{
 /* margin-top: 20px;*/
}

.values_table thead th,
.values_table tbody td{
	text-align: left;
  vertical-align: middle;
}

.values_table tbody .label{
	width: 18%;
	text-align: right;
  	vertical-align: middle;
	color: #8a8989;
	font-size: 13px;
}

.values_table th{
	background:#dfdfdf;
}

#params td input.content, #params td input{
	width: 80%;
	font-size: 14px;
	display: inline-block;
	padding: 0 5px;
}
#params .values_table td input[type=number]{
	width: auto;
}
.values_table td input[type=number]::-webkit-outer-spin-button,
.values_table td input[type=number]::-webkit-inner-spin-button{
  	-webkit-appearance: initial;
  	margin: -5px;height:auto;
}
.values_table td input.content.color{
	width:80px;
}


.values_table.table td{
  vertical-align: middle;
}

.values_table.table td input.file{
  width: 85%;
}


#fm-folder-view{
	float:left;
	width: 27%;
  border: none;
}
#fm-folderstoolbar{
	padding: 10px 0 10px 5px;
	background-color: #f5f5f5; 
}
#fm-filestoolbar{
 padding: 10px 10px 10px 0px;
 background-color: #f5f5f5;  
}
#fm-folderstoolbar a, #fm-filestoolbar a{
	font-family: 'Roboto-Bold';
	display: inline-block;
}

#fm-folderstoolbar a svg, #fm-filestoolbar a svg{
	stroke-width: 1px;
}

#fm-file-view{ 
  float: left;
	width: 73%;
  border: none;
}

#fm-file-manager .ui-widget-header{
	margin-bottom: 15px;
	position:relative;
}
#fm-file-manager .ui-widget-header .ui-dialog-title{
	float: none;
}

#fm-file-manager{
  overflow: hidden;
  padding: 0;
	height:400px;
}

.file-move.ui-draggable-helper{
  background: #f5f5f5;
  transform: rotate(5deg);
  min-width: 300px;
  box-shadow: 0px 1px 0px 0px #ccc;
  border-radius: 3px; 
  border: 1px solid #e4e4e4;
  z-index: 99999;
}

/** File Move Helper **/
.file-move.ui-draggable-helper img{
  height: 40px;
}

.file-move.ui-draggable-helper span{
  font-weight: bold;
  padding: 10px;
}

.file-move.ui-draggable-helper .count{
  position: absolute;
  background: #1b2835;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  right: -10px;
  top: -10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
}

#fm-select-all.selected{
	font-weight: bold;
}

/** Folders **/
#fm-folder-tree{
	height: 415px;
	overflow:auto;
}

#fm-folder-tree ul ul{
	margin-left: 12px;
}

#fm-folder-tree ul.closed{
  display: none;
}

#fm-folder-tree ul li .icon{
  cursor: pointer;
}
#fm-folder-tree ul li .icon.close-folder,
#fm-folder-tree ul li .icon.open-folder{
  width: 9px;
	height: 9px;
	fill: #2174a0;
	color: #2174a0;
}

#fm-folder-tree ul li.closed >.icon.close-folder,
#fm-folder-tree ul li.open > .icon.open-folder,
#fm-folder-tree ul li.closed >a .icon.folder-open,
#fm-folder-tree ul li.open >a .icon.folder-closed,
#fm-folder-tree ul li.closed >a.selected .icon.folder-closed{
  display: none;
}

#fm-folder-tree ul li.closed > a.selected .icon.folder-open{
	display: inline-block;

}
#fm-folder-tree ul li.closed > a.selected.loading .icon.folder-open{
	display: none
}
#fm-folder-tree ul li.closed > a.selected.loading .spinner-border{
	display: inline-block;
}

#fm-folder-tree ul li a{
	padding: 5px 3px;
	display: inline-block;
	border-radius: 2px;
    font-family: 'Roboto-bold';
    margin: 2px 0;
}
#fm-folder-tree ul li a.no-childs{
	padding-left: 13px;
}
#fm-folder-tree ul li a.root{
	display: block;
	padding-left: 10px;
}
#fm-folder-tree ul li a .icon{
  margin-right: 5px;
  stroke-width: 1px;

}

#fm-folder-tree ul li a .spinner-border{
  display: none;
}

#fm-folder-tree ul li a.fm-active{
	background-color:#FFFFdd;
	border-color:#dfdfdf;
	border-style: dashed;
}

#fm-folder-tree ul li a.fm-active.fm-hover{
	background-color: #E7F2DF !important;
}

#fm-folder-tree ul li a.selected {
	background-color: #eee;
/*	width: 93%;*/
	color: #3c88a9;
    font-weight: bold;
}

#fm-files .dataTables_wrapper .row{
	margin-left: 0;
}

#fm-files .dataTables_wrapper .col-sm-12{
	padding-left: 0;
}

/** Table **/
#fm-files table{
	width:100%;
	text-align:left;
  margin-bottom: 0px;
}
#fm-files table.dataTable{
  margin: 0 !important;
  border-collapse: collapse ! important;
}
#fm-files table thead{
  display: table;
  width: 100%;
}
#fm-files table th{
    letter-spacing: 1.2px;
    font-size: 11px;
    color: #828282 !important;
    text-transform: uppercase;
    border-top: 0;
}
#fm-files table th.checkbox .custom-control:not(.custom-switch ) .custom-control-label::after,
#fm-files table th.checkbox .custom-control:not(.custom-switch ) .custom-control-label::before{
	top: 0.7rem;
}
#fm-files table td:not(:last-child){
  vertical-align: middle;
	padding: 5px 5px;
  border-bottom: 1px solid #f3f3f3;
}

#fm-files table tr.folder-empty{
  height: 360px;
}

#fm-files table tr.folder-empty td{
  vertical-align: middle;
}

#fm-files table tr.selected td{
	background: #eee;
}

#fm-files input{
	border: 0;
}

#fm-files-wrapper{
	height: 364px;
	overflow: auto;
  display: block;
}

#fm-files table tr:first-child td{
  border-top: none;
}

#fm-files .checkbox{ 
	padding-left: 10px;
}

#fm-files .name{
	width:60%;
  padding-left: 0px;
}
#fm-files .name a.detail-link{
	max-width: 350px;
	white-space: nowrap;
	display: inline-block;
	text-overflow: ellipsis;
	overflow:hidden;
}

#fm-files .download-link , #fm-files .edit-gadget{
	float:right;
}
#fm-files .download-link svg, #fm-files .pixie-edit svg, #fm-files .edit-gadget svg{
	stroke-width: 1px;
}
#fm-files .type{
	width:10%;
	text-align: right;
	color: #A4B0B8;
}

#fm-files .size{
	width:10%;
	text-align: right;
	color: #A4B0B8;
}

#fm-files .date{
	width:20%;
	text-align: right;
	color: #A4B0B8;
}

#fm-files .dragthis{
	margin-right: 5px;
	cursor:move;
}

#fm-filter-wrapper{
  float: right;
  vertical-align: middle;
  display: inline-block;
  text-align: right;
  margin-top: -5px;
  width: 30%
}

#fm-search-button, #filter-playlists-search-button{
  background: url(images/search.png) 0 0 no-repeat;
  border: none;
  float: right;
  margin-top: 4px;
  width: 16px;
  height: 16px;
}

#filter-playlists-search-button{
  border-left: 1px solid #ccc;
  margin-top: 2px;
  margin-right: 3px;
}

#search-wrapper,#dialog-search-wrapper{
  padding: 0 15px;
  align-items: center;
}

#search-wrapper #fm-manage-input-wrapper{
  width: 88%;
  float: left;
  padding: 2px;
  border: 1px solid #ccc;
}

#search-wrapper .input-group-append{
  align-self: flex-end;
}

#search-wrapper form{
  display: flex;
  width: 100%;
  align-items: center;
}

#dialog-search-wrapper #dialog-input-wrapper{
  width: 95%;
  float: left;
  padding: 2px;
  border: 1px solid #ccc;
}

#fm-manage-search-button, #dialog-search-button{
  background: url(images/search.png) 0 0 no-repeat;
  border: none;
  float: right;
  width: 16px;
  height: 16px;
  border-left: 1px solid #ccc;
}

#fm-manage-search-button:hover{
  cursor: pointer;
}

#fm-search-results{
  clear: left;
  overflow-y: auto;
}

#fm-search-close, #dialog-search-close{
  margin-right: 10px;
}

#fm-search-close:hover, #dialog-search-close:hover{
  cursor: pointer;
}

/** Toolbar **/

.ui-box{
	padding:3px;
	border:1px solid #dfdfdf;
	clear:both;
	background:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.ui-box .ui-box-title{
	border-bottom:1px solid #dfdfdf;
	padding:5px;
	background:#C6E1B5;
	font-size:12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.ui-box .ui-box-content{
	padding: 5px 0;
}


#stats-menu{

}

#stats-menu ul{
	margin: 0 20px;
}

#stats-menu li{

}

#stats-menu li a{
	display: block;
	padding:5px;
}

#stats-menu li a:hover{
	background: #dfdfdf;
}

#stats-terminal form{
	/* height: 230px; */
}

#stats-terminal .box .content{
	height: 300px;
	overflow: auto;
}

#stats-terminal .ui-progressbar{
  height: auto;
}

#stats-groups{
	float:left;
	width:300px;
	height: 100%;
	margin-bottom:10px;
}

.stats-group{
	margin-left: 10px;
	float:left;
	width: 300px;
	clear: none;
	height: 100%;
}

#stats-groups a,
.stats-group a{
	display: block;
	padding: 5px;
	margin: 1px;
}

#stats-groups a.selected,
.stats-group a.selected{
  background-color: #DDE7F7;
  font-family: 'Roboto-bold';
}

#stats-dates{
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
	width: 350px;
	clear: none;
	height: 100%;
}

#stats-dates p{
	padding: 5px;
	height: 20px;
}

#stats-dates strong{
	display:inline-block;
	padding:4px;
	text-align:right;
	width:100px;
	letter-spacing: 1px;
}

#stats-dates button{
  float: right;
  margin-right: 16px;
  border: 2px solid #d2d2d2;
  border-radius: 100px;
  padding: 7px 15px;
  color: #3a3a3a;
}

/*#stats-dates label{
	display: inline;
	margin: 0;
	padding: 0;
}*/

.stats-info{
	padding:5px;
}

.stats-info p{
	margin: 5px 0;
}

.stats-graph .content{
	overflow: auto;
}

.stats-graph table{
	text-align: center;
}

.stats-graph table td{
	border-left:1px solid #fff;
	vertical-align: middle;
}

.stats-graph table td.stats-first-col{
	padding:5px;
	font-weight: bold;
}

.stats-graph table td .infoSmall{
	display: inline;
}

.stats-graph table div{
	padding:5px;
	margin-top:1px;
	min-width: 70px;
}

.stats-graph table .offline{
	background: #999999;
	/*background:url('../images/back_offline.jpg');*/
}

.stats-graph table .online{
	background: #C6E1B5;
	/*background:url('../images/back_online.jpg');*/
}

.stats-graph table span{
	color:#555;
	font-size: 10px;
	font-weight: bold;
}
/*
.stats-graph table .offline span{
	background: #999999;
}
*/
.stats-log-table-title{
	padding: 10px 0;
	width: 640px;
}

.stats-log-table-title select{
	float:right;
	width:200px;
}

.stats-log{
	border-collapse: separate;
	border: 1px solid #dfdfdf;
	width: 640px;
}

.stats-table{
	margin-top: 10px;
}

.stats-table.ui-tabs .ui-tabs-nav li img,
.stats-graph.ui-tabs .ui-tabs-nav li img{
	display:none;
	float:right;
	cursor: pointer;
	padding-left:5px;
	width:14px;
}

.stats-table.ui-tabs .ui-tabs-nav li.ui-tabs-selected img,
.stats-graph.ui-tabs .ui-tabs-nav li.ui-tabs-selected img{
	display:inline;
}

.stats-graph .ui-tabs-panel,
.stats-table .ui-tabs-panel{
	overflow: auto;
}

.stats-table .ui-tabs-panel{
	min-height: 200px;
}

.stats-graph .ui-tabs-panel .infoSmall,
.stats-table .ui-tabs-panel .infoSmall{
	padding-top: 5px;
	padding-bottom: 5px;
}


table.stats-log th.header{
	background: #DDE7F7;
	color: #0099CC;
	cursor: pointer;
	padding-right: 0 !important;
}

table.stats-log th.header div{
	float:right;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	background: url(../images/table_sort.gif) no-repeat right;
}

table.stats-log th.headerSortDown,
table.stats-log th.headerSortUp{
	background: #D1E4EF;
}

table.stats-log th.headerSortDown div{
	background: url(../images/table_sort_desc.gif) no-repeat right;
}

table.stats-log th.headerSortUp div{
	background: url(../images/table_sort_asc.gif) no-repeat right;
}

.stats-log th{
	border-bottom: 1px solid #dfdfdf !important;
	padding:5px 10px !important;
}

.stats-log th,
.stats-log td{
	padding:2px 10px;
	text-align: right;
}

.stats-log .name{
	text-align: left;
	width: 300px;
}

.stats-log .total_time,
.stats-log .n_times{
	width: 150px;
}

.stats-log a.note{
	float:right;
}

.stats-total{
	border-top: 1px solid #dfdfdf;
}

.ui-widget-overlay{
	position: fixed;
	background: #232323;
	opacity: 0.5;
}

#time-schedule td{
	padding: 0 2px;
}

#time-schedule td:first-child{
	padding: 0 10px 0 5px;
}

#time-schedule td div{
	background: #fff;
	border:1px solid #CCCCCC;
	font-size:14px;
	position: relative;
	margin-right: 2px;
	height:22px;
}

#time-schedule td div input{
	background: transparent;
	border: none;
}

#time-schedule td div input.time{
	width: 30px;
}

#time-schedule button.plus, #time-schedule button.minus{
	position: absolute;
	width: 10px;
	border:0 none;
	font-size:9px;
	margin:0;
	padding:0;
}

#time-schedule button.plus{
	top:0;
	right: 0;
}

#time-schedule button.minus{
	bottom:0;
	right: 0;
}

#schedule-container{
	margin-top:30px;
}

#schedule-container .schedule{
	background: #fff;
	padding:4px;
	margin:2px;
}

#schedule-container .schedule img{
	cursor: pointer;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
#playlist_zones_tabs .ui-tabs-nav li.ui-tabs-selected a{
  cursor: pointer !important;
}

.mainZoneText{
	margin:5px 0;
	display: none;
	font-weight: normal;
}

/****************************************************
 * CONTENT LIST
 ****************************************************/

.content-list h2{
/*	margin-bottom: 20px;*/
	font-size: 18px;
}

.content-list h2 span{
	font-style: italic; 
	font-size: 14px;
	font-weight: normal;
}

.content-list .content.odd{
	background: #e9e9e9;
}

.content-list .content{
	background: #eee;
	padding:20px;
	margin-bottom: 5px;
	clear: both;
}

.content-list .content h4{
	margin-bottom: 5px;
	padding-left:5px;
}

.content-list .content p{
	font-family: Trebuchet MS, Arial, sans-serif;
	padding:2px 5px;
}

.content-list .content p.license_0{
	background: white;
	border:1px solid red;
}

.content-list .status_0{
	color: red;
/*	font-weight: bold;*/
}

.content-list .status_1{
	color:#00cc00;
}

.content-list .content .thumbnail{
	width: 100px;
}

.content-list .content img.thumb{
	max-width: 100px;
	max-height: 100px;
	float:left;
/*	margin-right: 10px;*/
}

.content-list .actions{
	float:right;
	text-align: center;
	margin-left:5px;
}

.content-list .stats,
.content-list .thumbnail,
.content-list .info{
	float:left;
	margin-right: 20px;
}

.content-list .stats{
	margin-top: 20px;
}

.content-list .content ul li{
	margin:2px 20px;
	list-style: circle;
}

.content-list .content ul li a{
	margin-right: 10px;
}

.content-list .actions a:first-child{
	margin: 0;
}

/**********************************
 * MORE ACTIONS
 **********************************/

.more-actions{
	position: relative;
	height: 26px;
	min-width: 200px;
}

.more-actions .more-actions-btn{
	padding:4px 5px;
	display: inline-block;
	border:1px solid #dfdfdf;
	background: #fff;
	z-index: 1;
	position: absolute;
}

.more-actions .more-actions-btn img{
	float:left;
}

.more-actions .more-actions-btn:hover{
	text-decoration: none;
}

.more-actions ul{
	float:left;
}

.more-actions ul li a{
	display: block;
	padding: 4px 2px;
}

.more-actions .more-actions-options{
/*	position: absolute;*/
/*	top:23px;*/
	display: none;
	border:1px solid #dfdfdf;
	background: #fff;
	z-index: 0;
	margin-top:23px;
}

.more-actions.hover .more-actions-options,
.more-actions:hover .more-actions-options{
	display: inline-block;
}

.more-actions.hover .more-actions-btn,
.more-actions:hover .more-actions-btn{
	border-bottom: 0;
}

/**********************************
 * CONTENT SORT FORM
 **********************************/
#content-sort-form{
	margin-bottom: 5px;
	float:right;
	padding:2px 10px;
}

#content-sort-form select{
/*	padding:2px;*/
}

#content-sort-form label{
	padding: 0;
	margin: 0;
	display: inline;
}

#content-sort-form .btn{
    padding: 5px 10px;
    border-radius: 20px;
    border: 2px solid #337bbb;
    color: #337bbb;
    margin-left: 20px;
    cursor: pointer;
}
#content-sort-form .btn:hover,
#content-sort-form .btn:active{
	background-color: #337bbb;
	color: #ffffff;
}
/******************************************************************************************
 *	PAGINATION
 *****************************************************************************************/
/*.pagination{
	text-align: center;
	background: #e9e9e9;
	padding: 2px;
}

.pagination li{
	list-style: none;
	display: inline-block;
	padding:6px 10px;
	border:1px solid #dfdfdf;
	margin-right: 4px;
	background: #fff;	
}

.pagination li.current{
	font-weight: bold;
}
*/

#res_custom a{
	height: auto;
}
#customParams{
	display: none;
	clear:both;
}

#res_custom.selected #customParams{
	display: block;
}

#customParams label{
	display: inline-block;
	padding: 0;
	width:50px;
	text-align: right;
}
#customParams input{
	width:50px;
}

#res_custom .selectableitem a{
	padding-right: 5px;
}

#res_custom .button-small{
	margin-top:5px;
}

.gadget-params-units{
  float: left;
  margin-top: 5px;
}

.ui-spinner-input{
  float:left;
  margin-right: 0px;
}

.ui-spinner{
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}

#slideParams{
  height: calc(100% - 36px);
}

#slideParams > form{
  height: 100%;
}

#previewer{
  padding: 10px;
  float: right;
  width: 50%;
  height: 100%;
  text-align: center;
}

#template_preview{
  height: 100%;
}

#export-gadget-data{
  padding: 10px;
}

#export-gadget-data table td.label{
  text-align: right;
  font-weight: bold;
}

.clear-value svg{
	width: 11px;
	height: 11px;
	stroke-width: 1px;
}
#param_config .clear-value{
	float: none;
}
#param_config .clear-value svg{
	width: 15px;
	height: 15px;
}
#specialFieldsTable input, 
#datasourceExpTable input,
#specialFieldsTable textarea{
  width: 99%;
}
table.settings{
  width: 100%;
}

table.settings th, table.settings td{
  padding: 5px;
}

#settings-tabs h5{
  margin-bottom: 4px;
}

#uploadSimpleMain input, #uploadSimpleMainInner input{
  width: 100%;
}

#uploadfilepicker .buttonbig.disabled{
  color: #666;
} 

#terminal-graph-day ul li a span, #stats-table-tabs ul li a span{
  float: left;
}

.gadget-fieldset-form{
  position: relative;
}

.gadget-fieldset-form table{
  width: 100%;
}

.gadget-fieldset-form .label{
  width: 100px;
  vertical-align: top;
  color: #8a8989;
  font-size: 13px;
}

#params .params-list table td{
  padding: 0px 0px 10px 10px;
  border:0;
}

#params table select{
	width: auto;
	font-size: 14px;
	padding: 0 5px;
}

.gadget-fieldset-form input:text{
  width: 100%;
  padding: 2px;
}

.gadget-fieldset-form textarea{
  width: 100%;
  padding: 2px;
}
/* .gadget-fieldset-form*/
 #params fieldset, #param_terminals fieldset{
	background-color: #f3f3f3;
	margin-bottom: 15px;
	border-radius: 4px;
}
#params fieldset:last-child{
	margin-bottom:0;
}
#params fieldset legend svg{
	stroke-width: 1px;
}
#params fieldset .input-group{
	display: inline-flex;
	width: 80%;
}
#params fieldset .input-group .input-group-append .input-group-text{
    font-size: 12px;
    padding: 0 0px;
    width: 30px;
    text-align: center;
    display: inline-block;
    line-height: 32px;
}
fieldset.ui-selectee.ui-selected{
	background-color:#ebf5ff;

}
legend.ui-selectee.ui-selected {
    background: #357abb;
    color: #fff;
}

legend.ui-selectee.ui-selected  a{
	color:#fff;
}

.gadget-fieldset-form fieldset.offline{
  background: #DFDFDF url(../images/back_offline.jpg);
}
.params-options{
	margin-bottom: 10px;
}
.params-options .btn-group{
	width:100%;
}
.params-options .btn-group svg{
	width: 15px;
	height: 15px;
	stroke-width: 0.5px;
	vertical-align: text-top;
	margin-right: 5px;
}

#params fieldset legend, #param_terminals fieldset legend{
  background: #e6e6e6;
  cursor: move;
  border-bottom: 1px solid #d8d8d8;
/*  display: flex;
  align-items: center;*/
  padding: 5px 10px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; 
}

#params fieldset legend >a.btn.btn-sm, #param_terminals fieldset legend >a.btn.btn-sm{
	padding: 0;
}
.gadget-fieldset-form fieldset legend .item-actions{
  display: none;
  float: right;
}

.gadget-fieldset-form fieldset.open legend .item-actions{
  display: inline-block;
}

.gadget-fieldset-form fieldset legend img{
  float:right;
  cursor: pointer;
  display: none;
}

 fieldset legend span.title{
  margin-left: 15px;
  margin-right: 10px;
  font-weight: bold;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}


.ui-dialog-maximized fieldset legend span.title{
	max-width: 350px;
}

fieldset table{
  margin: 10px 0;

}
.gadget-fieldset-form fieldset table{
  display: none;	
}
.gadget-fieldset-form fieldset.open table{
	display: block;
}

#param_terminals fieldset .terminals{
  padding: 5px 5px 5px 20px;
  display: none;
}

#param_terminals td{
  padding-right: 20px;
}

/**
 * Playlist Settings and preview
 */
 
#playlistPreview{
  margin: 0 auto;
  height: 99%;
}

.wrap {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.frame {
  border: 0;          
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

/*
 * Schedule and Triggers
 * 
 *
 */

#popup-repeat{
  display: none;
  background: #fff;
  border-radius: 5px;
}

#popup-repeat h4.header{
  background-color: #1b2835;
   padding: 10px;
   text-align: left;
   color: #fff;
}
#popup-repeat h4.header .close{
	float: right;
    font-size: 18px;
    text-shadow: none;
    color: #d2d2d2;
    font-weight: normal;
    line-height: 18px;
    opacity: 1;
    font-family: arial;
}
#editPlaylist{
	padding: 
}
#popup-repeat td.label,
#triggers td.label{
  vertical-align: middle;
	color: #8a8989;
  font-size: 13px;
}

#popup-repeat .content{
  padding: 10px;
  text-align: left;
}

#popup-repeat label, #triggers label{
  display: inline-block;
  font-size: 14px;
}

#popup-repeat label .form-check-input,
#triggers .form-check-input{
	position: relative;
	vertical-align: middle;
    margin-left: 5px;
    margin-top:0;
}

#popup-repeat .tr_repeat_days label,
#triggers .tr_repeat_days label{
	padding-right: 5px;
}

td.ui-datepicker-current-day{
    background: #1b2835;
    border-radius: 4px;
}
.ui-widget-content td.ui-datepicker-current-day a.ui-state-default.ui-state-active{
	color: #ffffff;
}
#triggers input{
	display: inline-block;
}
#triggers label.error{
  padding-left: 20px;
}

#playlistTriggers, #triggers{
 /* height: 94%;*/
}
#triggers{
	padding: 10px;
}
#triggers fieldset{
  height: 44%;
  margin-bottom: 15px;
}

#triggers .table td{
  vertical-align: middle;
}

#triggers fieldset{
  overflow-y: auto;
}
		
/*		#popup-repeat label.error{
			padding:0 5px 0 20px;
		}*/
		
#popup-repeat td{
  padding: 5px;
}

#popup-repeat .tr_schedule_color input{
  float:left;
}

#popup-repeat .color_table{
  float: left;
  margin-left: 5px;
}

#popup-repeat td.color{
  border: 1px solid #DFDFDF;
  font-size: 8px;
  height: 11px;
  width: 11px;
  cursor: pointer;
}

#popup-repeat .footer{
  padding: 10px;
}

#popup-repeat .repeat-span{
  display: none;
}

#popup-repeat fieldset, #triggers fieldset{
  border-bottom:1px solid #dfdfdf;
  margin-bottom: 25px;
}
#popup-repeat fieldset:last-child{
	border-bottom: 0;
}
#popup-repeat fieldset legend, #triggers fieldset legend{
  padding: 0 5px;
}

#popup-repeat input.date,
#popup-repeat input.time{
    width: 100px;
    display: inline-block;
}

#popup-repeat .footer{
	text-align: right;
}
#popup-repeat .footer button{
    background: none;
    box-shadow: none;
    margin-right: 10px;
    border-radius: 100px;
    border: 2px solid #d2d2d2;
    padding: 7px 20px;
    color: #3a3a3a;
    text-shadow: none;
    font-size: 14px;
    font-weight: normal;
    opacity: 1;
}
#popup-repeat .footer button.ok{
	background-color: #296193;
    border: 2px solid #286192;
    color: #ffff;
}
.fc-ltr .fc-list-item-marker{
	vertical-align: middle;
}
.ui-timepicker-div .ui-slider{
  width: auto;
}

.ui-timepicker-div .ui_tpicker_hour, .ui-timepicker-div .ui_tpicker_minute{
	background: #ccc;
	height: 3px;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev{
	top: 5px;
}
.ui-datepicker{
	padding: 5px 7px;
    box-shadow: 0 0 3px #5a5a5a40;
    border-radius: 4px;
}
 .ui-datepicker select.ui-datepicker-year{
 	margin-left: 5px;
 }
.fc-widget-content{
  cursor: pointer;
}

.event-info{
  text-align: left;
  font-size: 11px;
}

.event-options{
  position: absolute;
  top:0;
  left:0;
  padding:2px;
  border:1px solid #dfdfdf;
  background:white;
  min-width: 100px;
  z-index: 1000;
}

.event-options h4{
  padding: 4px;
  border-bottom: 1px dashed #dfdfdf;
  font-size: 11px;
  color:#333;
}

.event-options a{
  display: block;
  padding: 4px;
}

.fc .ui-resizable-handle{
  z-index:100;
}

.blockMsg{
  background-color: #FFFFFF;
  color: #000000;
  left: 20%;
  margin: 0;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 20%;
  width: 60%;
  right: 20%;
  z-index: 1200;
  border-radius: 5px;
}

.blockOverlay{
  background-color: #000000;
  border: medium none;
  cursor: wait;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0.6;
  filter:alpha(opacity=60);
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100;
}

.arraytext, .arrayfile{
  clear: both;
}

#ds-tabs{
  height: 418px;
  overflow: hidden;
}

#ds-tab, #terminalfields-tab{
  overflow-y: auto;
  height: 378px;
  padding: 15px;

}

#editSlide,
#editPlaylist,
#file-tabs,
#editFile,
#ds-tabs,
#editBroadcast,
#editDataSource,
#associationTypeTabs,
#editTerminal{
	margin-top: -10px;
}
#editSlide.ui-tabs .ui-tabs-nav,
#editPlaylist.ui-tabs .ui-tabs-nav,
#editFile.ui-tabs .ui-tabs-nav,
#ds-tabs.ui-tabs .ui-tabs-nav,
#editBroadcast.ui-tabs .ui-tabs-nav,
#editDataSource.ui-tabs .ui-tabs-nav,
#file-tabs.ui-tabs .ui-tabs-nav,
#associationTypeTabs .ui-tabs-nav,
#editTerminal .ui-tabs-nav{
	padding: 13px 10px 0;
	background: #eeeeee;
}
#params-tabs.ui-tabs .ui-tabs-nav{
	background: transparent;
}
#editSlide.ui-tabs .ui-tabs-nav li,
#editPlaylist.ui-tabs .ui-tabs-nav li,
#editFile.ui-tabs .ui-tabs-nav li,
#ds-tabs.ui-tabs .ui-tabs-nav li,
#editBroadcast.ui-tabs .ui-tabs-nav li,
#editDataSource.ui-tabs .ui-tabs-nav li,
#file-tabs.ui-tabs .ui-tabs-nav li,
#associationTypeTabs .ui-tabs-nav li, 
#editTerminal .ui-tabs-nav li{
	margin: 0 15px 0 0;
}

#editSlide.ui-tabs .ui-tabs-nav a,
#editPlaylist.ui-tabs .ui-tabs-nav a,
#editFile.ui-tabs .ui-tabs-nav a,
#ds-tabs.ui-tabs .ui-tabs-nav a,
#editBroadcast.ui-tabs .ui-tabs-nav a,
#editDataSource.ui-tabs .ui-tabs-nav a,
#file-tabs.ui-tabs .ui-tabs-nav a,
#associationTypeTabs .ui-tabs-nav a,
#editTerminal .ui-tabs-nav a{
	padding-bottom: 7px; 
}

#editSlide{
  overflow: hidden;
}

#editSlide .fc-content{
  overflow-y: auto;
  color: #ffffff;
}

tr.ui-state-highlight{
  height: 23px;
}

#hidePreviewerPannel{
  float:left;
  width:20px;
  overflow: hidden;
}

#hidePreviewer{
  height: 40px;
  display: block;
  border: 1px solid #DFDFDF;
  color: #666;
  text-decoration: none;
  text-align: center;
  font-size: 20px;
  padding-top: 11px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

#hidePreviewer:hover{
  background: #eee;
}

#terminalBroadcastsList, #terminalRadioPlaylistsList{
  padding: 0.5em;
}

/*********** DATE TIME PICKER ************/
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd.ui_tpicker_time{
	margin-top: -24px;
}
.ui-timepicker-div dl dd{ margin: -17px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.ui-datepicker .ui-datepicker-buttonpane button{
    border: 2px solid #ccc;
    border-radius: 100px;
}

.content-form fieldset{
	background: none repeat scroll 0 0 #FFFFFF;
/*  border: 1px solid #DFDFDF;*/
    margin-bottom: 10px;
    min-height: 20px;
	border-radius: 2px;
}

.content-form legend{
	padding:0 10px;
	background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DFDFDF;
  font-family: Trebuchet MS;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 18px;
	border-radius: 2px 2px 2px 2px;
}

.content-form .row{
  margin: 10px 0;
}

.content-form .row label{
  display: inline-block;
  width: 155px;
  text-align: right;
  font-weight: bold;
  margin: 0 ;
  padding: 5px;
  font-size: inherit;
}

.content-form .row label[generated]{
  padding-left: 20px;
  text-align: left;
  width: auto;
}

.content-form button:first-child{
/*		margin-left:145px;*/
}

.content-form input[type=text], .content-form input[type=password]{
  width: 300px;
  padding: 5px;
}

#localsearch-form{
  padding:20px;
}

#search_city_wrapper{
	display: none;
}

#cont-wrapper{
	position: relative;
	display: inline-block;
}

#cont-wrapper img{
	display: none;
	position: absolute;
	top:6px;
	right: 6px;
}

.livepreview{
	padding: 5px;
	border:1px solid #dfdfdf;
	position: absolute;
	top:30px;
	left:0;
	display: inline-block;
	background: #fff;
	min-width: 300px;
}

.livepreview h4{
	padding:2px 2px 4px 2px;
}

.livepreview .place{
	padding:2px;
}

.livepreview .place:hover{
	background: #eee;
}

#settings-accounts table, table.specific-permissions{
  width: 100%;
}

table.specific-permissions td, table.specific-permissions th{
  padding: 5px 10px;
}

.main-actions{
  margin-bottom: 10px;
  float:right;
}

ul.dsitems{
  border-left: 1px solid #ccc;
}

ul.dsitems li{
  margin-left: 5px;
  padding: 2px 0;
}

/*#datasource-type-2-tabs { height: 450px; }*/
.tabs-bottom { position: relative; } 
.tabs-bottom .ui-tabs-panel {
	height: 80vh;
	overflow: auto;
	padding: 0 ; 
}

.tabs-bottom .ui-tabs-nav {
	background-color: #ffffff;
	position: absolute !important;
	left: 0;
	bottom: -54px;
	right:0;
	padding:10px;
} 

.tabs-bottom .ui-tabs-nav li {
	margin-top: -2px !important;
	margin-bottom: 1px !important;
	border-top: none;
	border-bottom-width: 1px;
}

#datasource-type-2-tabs .ui-tabs-selected { 
	margin-top: -3px !important; }

table.spreadsheet td{
  border: 1px solid #ece9e9;
  padding: 10px 15px;
}

#ds-extended-dialog #datasource-type-2-tabs{
  height: 415px;
}

.plupload_header{
  display: none;
}

.plupload_filelist_footer td{
  vertical-align: middle;
}

.plupload_cell .infoSmall {
  color: #666;
  font-size: 10px;
}
.plupload_content{
    box-sizing: border-box;
}
.plupload_scroll{
  max-height: none;
  height: 273px;
}

.plupload_droptext{
  font: 16px Helvetica, arial;
  font-weight: bold;
  top: 50%;
}

.plupload_dropbox{
  top: 0px !important;
}

.plupload_container{
  height: 345px;
}

.plupload_container .ui-resizable-handle{
  display: none;
}

.plupload_view_list .plupload_file{
  padding: 4px 0;
}

.ui-widget-content .plupload_file.ui-state-default{
	background: #fbfbfb;
  border: 1px solid #eee;
  border-radius: 3px;
  width: 99%;
  margin: 5px 0px 5px 4px;
  padding: 0;
}

.plupload_file{
  display: none;
}

.plupload_view_thumbs .plupload_file_thumb{
	/* margin: 0 auto; */
  float: left;
  margin-top: 1px;
}
.plupload_file_thumb plupload_thumb_embedded{
	margin: 0 auto;
}

.plupload_file_thumb .plupload_file_dummy.withicon{
  display: flex;
  align-items: center;
  justify-content: center;
}

.plupload_file_thumb .plupload_file_dummy .icon{
  width: 40px;
  height: 40px;
}

.plupload_view_thumbs div.plupload_file_name{
	padding: 0 5px;
  margin-left: .25rem;
}
.plupload_view_thumbs div.plupload_file_size{
	padding: 5px;
  margin-left: .25rem;
  float: left;
  clear: both;
}

.plupload_view_thumbs div.plupload_file_vdsstatus{
  display: flex;
  align-items: center;
  padding: 0px;
  margin-left: .5rem;
  float: left;
  clear: both;
}

.plupload_view_thumbs div.plupload_file_vdsstatus > span{
  margin-left: .5rem;
}

.plupload_view_thumbs div.plupload_file_vdsstatus .spinner-border-sm {
  width: .7rem;
  height: .7rem;
}

.plupload_view_list div.plupload_file_size{
	width: 85px;
	top: 4px;
}
.plupload_filelist_footer .plupload_file_size,
.plupload_view_list .plupload_file_size{
	width: 80px;
}

.plupload_filelist_content .plupload_uploading{
  background-color: #cce5ff !important;
	border-color: #b8daff !important;
}

.plupload_filelist_content .plupload_done{
  background-color: #D4EDDA !important;
	border-color:#74ca88 !important;
}

.plupload_filelist_content .plupload_failed{
  background-color:#FFE7E6 !important;
	border-color: #fd706a !important;
}

.plupload_view_thumbs div.plupload_file_status{
  position: absolute;
  top: calc(50% - 5px);
  right: 10px;
  text-indent: 0;
  height: auto;
}

.plupload_view_thumbs div.plupload_file_status .plupload_file_percent{
  font-weight: bold;
}

.plupload_view_thumbs .plupload_file_action{
  width: auto;
  top: calc(50% - 12px) !important;
}

.plupload_view_thumbs .plupload_action_icon{
  text-indent: 0 !important;
}

#simpleCurrentFiles{
  border:1px solid #ccc;
	height:300px;
	overflow:auto;
	width:100%;
}

#fileStatus{
	margin:10px;
}

.progressBar{
	background:#999;
	line-height:1px;
	height:3px;
	font-size:1px;
	width:0;
}

.fileProgress{
	padding:5px;
	margin:2px;
	position:relative;

/*	background:#FFFFCC; */
	border:1px solid #dfdfdf;
}

.fileProgress.waiting{
/*	background-color:#C4ECFF; */
}

.fileProgress.error{
/*	background-color:#FFCECE; */
}

.fileProgress.success{
/*	background-color:#D5FFD5; */
}

.waiting .fileName{
	background:url(../images/icon_wait_small.gif) no-repeat left;
	padding-left:16px;
}

.error .fileName{
	background:url(../images/icon_error_small.png) no-repeat left;
	padding-left:16px;
}


.fileName{
	padding-left:0px;
	display: inline !important;
	padding-top: 0px !important;
}

.fileSize {
/*	position:absolute;
	right:140px; 
	right:85px; */
	float:right;	
	color:#666;
	margin-right:10px;
}

.fileUpload{
	position:absolute;
	right:85px;
}

.fileRemove{
	float:right;
	cursor:pointer;
/*	position:absolute;
	right:25px;*/
}

.fileOverwrite{
	float:right;
}

.fileStatus{
	color:#666666;
	font-size:10px;
}

.fileProgress .blockOverlay{
	background:#fff;
}

.fileProgress .blockMsg{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	font-size:14px;
}

#simpleCurrentFiles strong.wait{
  padding-left: 20px;
}

#legend{
  float: left;
  width: 15%;
}

#calendar.right{
  float: right;
  width: 83%;
}

#schedule_legend li{
  padding: 3px;
  margin: 1px 0px 1px 0px;
  color: #ffffff;
  border-radius: 3px;
}

#terminal-dashboard-table td{
  vertical-align: middle;
}

.ui-icon-caret-2-n-s{
  background-position: -128px -17px;
}

table.dataTable.no-footer{
  border-bottom: 1px solid #dddddd !important;
}

#terminal-dashboard-table img.offline{
  filter: grayscale(100%);
}

#terminal-dashboard-table_filter label{
  visibility: hidden;
  width: 50%;
  float: right;
}

#terminal-dashboard-table_filter input{
  font-size: 14px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #44b5da;
  background: transparent;
  padding-left: 5px;
  box-shadow: none;
}

#terminal-dashboard-table_filter span{
  background: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #44b5da; 
}

#terminal-dashboard-table .nowplaying{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

#terminal-dashboard-table .nowplaying{
  font-size: 13px;
}

#terminal-dashboard-table .nowplaying .type svg{
  stroke-width: 1.5px;
  margin-right: 5px;
}

/* ----------------- STYLE CHECKBOX ------------ */
/* The container */
.checkbox-container {
	display: block;
	position: relative;
	margin-bottom: 12px;
	height: 20px;
	cursor: pointer;
	text-align: center;
	font-size: 22px;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    top: 0;
    left: 50%;
}



.top-right{
	display: block;
	text-align: right;
}
.account{
	display: block;
	width: 60px;
	height: 60px;
	background-color: #ffffff;
	border-radius: 50%;
	overflow:hidden;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
	margin-right: 0;
}
.fixed-bar a.account:hover{
	background-color: #ffffff; 
	border:none;
}
.account img{
	width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}



/* -------------- STYLE DROPDOWN ------------------------------- */


.dropdown-toggle::after,.dropright .dropdown-toggle::after{
	border:0;
	display: none;
}

.dropdown-menu {
  border: 0;
  padding: 0;
  font-size: 14px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.13);
}
.dropdown-menu.grey{
  background-color: #fff;
}
.dropdown-menu a {
  width: auto;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
  line-height: 18px;
  text-transform: initial;
  font-weight: normal;
}
.dropdown-menu a img{
	margin-right: 5px;
}
.dropdown-menu a:hover,.dropdown-menu a:active {
	background: #f9f9f9;
}
.dropright .dropdown-menu.show{
	left: 5px !important;
}
#lang.dropdown-menu{
	background-color: #2a3b4c;
	min-width: 100px;
	width: 125px;
}
#lang a{
	text-transform: uppercase;
	font-size: 11px;
	padding: 7px 15px;
}
#lang .flag{
	margin-right: 5px;
}
.new-folder, .new-datasource{
    display: inline-block;
    margin: 10px;
    padding: 7px 20px;
    background-color: #296193;
    color: #ffffff;
    border-radius: 30px;
    text-transform: uppercase;
    font: 14px 'Roboto-bold';

}
.new-folder:hover, 
.new-folder:active,
.new-datasource:active,
.new-datasource:hover{
	background-color: #1c4971;
	color: #ffffff;
}
.new-folder img{
	margin-right: 5px;
}




/* -------- Barra Lateral --------------- */
.wrapper {
  transition: left .25s linear;
/*  left: 360px; */
	left:380px;
}
#outWrapper{
	height: 100%;
}
.wrapper.mini{
	left:161px;
 /*  left:140px;*/
}
.fixed-bar{
 /*   width: 140px;      */
 	width: 161px;
    height: 100vh;
    top: 0;
    bottom:0;
    left: 0;      
    z-index: 100;
    background: #1b2835;
    color: #7D8189;
    white-space: nowrap;
/*   overflow: hidden;*/
    position: fixed;
    margin-left: 0;
}
.fixed-bar a{
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Roboto-bold';
    padding: 20px 10px;
    position: relative;
}
.fixed-bar a span{
	vertical-align: middle;
	display: inline-block;
}
.fixed-bar a.stats span{
	padding-top: 3px; 
}
.fixed-bar li.active{
	background-color: #2a3b4c;
}
.fixed-bar a:hover, .fixed-bar a.active{
    background-color: #2a3b4c;
/*  border-left: 5px solid #0099CC;*/
    color: #ffffff;
}

.fixed-bar a.open-sidebar.active:after{
	content: '';
    position: absolute;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 7px 13px 0;
    border-color: transparent #f5f5f5 transparent transparent;
    top: 18px;
}
.fixed-bar a svg{
	width: 25px;
    height: 25px;
    margin-right: 7px;
}
.fixed-bar a.datasources svg{
	width: 23px;
    height: 23px;
}
.sidebar {
  	overflow: hidden;  
  	padding: 0 0 10px 0;
  	width: 220px;
  	top: 0;
  	bottom:0;
/*  	left: 140px;*/
	left: 161px;
  	height: 100vh;
  	background: #f5f5f5;
  	color: #7D8189;
  	white-space: nowrap;
  	font-size: 17px;
  	border-right: 1px solid #e0e0e0;
  	position: fixed;
  	margin-left: 0;
  	transition: all .25s linear;
	/*  z-index: 98;*/
	z-index: 99;
	display:flex;
	flex-direction:column;
}

.extended{
    width: 400px;
}
.sidebar.mini{
    left:-300px;
}
.side-menu{
    height: 100vh;
    position: relative;
}
.side-menu li:last-child{
    text-align: center;
    position: absolute;
    bottom: 7px;
/*    left: 50%;*/
	right: 0;
    margin-left: -72px;
}
#logoImage{
    display:block;
    margin: 7px 0 30px 0;
    text-align: center;
}
.fixed-bar a#logoImage{
    background-color: transparent;
    border-left: none;
}
.extend-sidebar{
    margin: 10px;
}
.hide-myfiles .rotate, .extend-sidebar .rotate{
    transform: rotate(180deg);
}
.sidebar-top{
    display: flex;
    align-items: center;
    background: #f4f4f4;
    margin-bottom: 20px;
}
.options-dropdown{
    display: inline-block;
}
.bottom-menu > a{
/*    padding: 7px 10px;*/
	padding: 7px 11px;
    display: inline-block;
    border-right:1px solid #1b2835;
}
.bottom-menu svg{
    width: 27px;
    height: 27px;
}
.bottom-menu svg.logout-1{
	width: 21px;
    height: 21px;
}
.bottom-menu a:hover{
    border-left:0;
    background-color:transparent;
}
.bottom-menu a:last-child{
    border:none;
}
.bottom-menu{
    background:#2a3b4c;
}

/* -------- Barra Lateral --------------- */

#files_container {
	transition: all .30s linear;
	right: 0;
	background-color: #1c2935;
	z-index: 0;
	position: relative;
	padding: 0;
	border-left: 1px solid #eee;
	/*    box-shadow: -3px -1px 6px #4c4c4c30;*/
}
#files_container.hide{
	position: absolute;
}
.hide-myfiles{
 /*   position: absolute;
   	left: -36px;
   	top: 13px;
    background-color: #1b2835;
    padding: 10px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 999;
    color: #fff;
    border-bottom: 3px solid #034482;*/
    position: absolute;
    left: -43px;
    top: 5px;
    background-color: #1b2835;
    padding: 0 13px;
    height: 54px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index: 999;
    color: #fff; 
    display: flex;
    align-items: center;
}
.hide-myfiles:hover, .hide-myfiles:active{
	color: #fff;
	background-color: #034482;
}
.custom-switch .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #0fbd4d;
    background-color: #0fbd4d;	cursor: pointer;
}
.custom-switch .custom-control-label::before{
    background-color: #d81e25;
    border-color: #d81e25;	cursor: pointer;
}

.custom-switch .custom-control-label::after{
	background-color: #fff;	cursor: pointer;
}

/** --------------------- JQUERY UI ------------------------------ **/

.ui-widget {
   	font-family: 'Roboto-Regular', helvetica, sans-serif;
    font-size: 1em;
}
.ui-widget-content{
	background-color: #ffffff;
	border:0;
}
.ui-widget.ui-widget-content{
	border:0;
}
.ui-widget-header{
	border:0;
	background: transparent;
	font-weight: normal;
}

#playlist_container.ui-widget.ui-widget-content{
	border:0;
}

#playlist_container .ui-widget-header{
	background: none;
	border:none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{
	border: 0;
    background: none; 
    font-weight: normal;
    color: #454545;
}

/*#playlist_container*/ .ui-tabs .ui-tabs-nav .ui-state-active,
.ui-tabs .ui-tabs-nav li.ui-state-active,
/*#playlist_container*/ .ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-active,
/*#playlist_container*/ .ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-active,
/*#playlist_container*/ .ui-tabs .ui-tabs-nav a.ui-button:active,
/*#playlist_container*/ .ui-tabs .ui-tabs-nav .ui-button:active,
/*#playlist_container*/ .ui-tabs .ui-tabs-nav .ui-button.ui-state-active:hover{
	border-right: 0;
	border-left: 0;
	border-top: 0;
	border-bottom: 3px solid #347bbb;
    background: none;
  /*  font-family: 'Roboto-Regular';
    font-weight: normal;*/
    color: #347bbb;
    margin-bottom: 15px;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #A4B0B8;
    text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited{
	color: #347bbb;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	padding: 0;
}

.ui-tabs .ui-tabs-nav li{
	margin: 0 15px 10px 0;
	text-transform: uppercase;
	font-family: 'Roboto-Bold';
	border-bottom: 3px solid transparent;
}

.ui-dialog .ui-dialog-buttonpane button{
	border-radius: 100px;
	font-family: 'Roboto-Bold';
	border: 2px solid #d2d2d2;
	background-color: transparent;
    border-radius: 100px;
    padding: 5px 15px;
    color: #3a3a3a;
}

.ui-dialog .ui-dialog-buttonpane button:hover,
.ui-dialog .ui-dialog-buttonpane button:active,
.ui-dialog .ui-dialog-buttonpane button:focus{
	background-color:#e4e4e4; 
	outline: none;
}

.ui-dialog .ui-dialog-buttonpane button:disabled{
  opacity: .65;
  pointer-events: none;
}

.ui-tabs .ui-tabs-nav .ui-state-hover,
.ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-hover,
.ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-hover,
.ui-tabs .ui-tabs-nav .ui-state-focus,
.ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-focus,
.ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-focus,
.ui-tabs .ui-tabs-nav .ui-button:hover,
.ui-tabs .ui-tabs-nav .ui-button:focus{
	border-bottom: 3px solid #347BBB;
	color: #347BBB;
}
.ui-tabs .ui-tabs-nav .ui-state-hover a ,
.ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-hover a,
.ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-hover a ,
.ui-tabs .ui-tabs-nav .ui-state-focus a,
.ui-tabs .ui-tabs-nav .ui-widget-content .ui-state-focus a ,
.ui-tabs .ui-tabs-nav .ui-widget-header .ui-state-focus a,
.ui-tabs .ui-tabs-nav .ui-button:hover,
.ui-tabs .ui-tabs-nav .ui-button:focus{
	color: #347BBB;
}

.ui-dialog-titlebar-close{
    background: url(../images/close.png) no-repeat;
    width: 20px;
    height: 20px;
    border: 0;
    float: right;
}

/** ---------- Calendario ---------- **/

.fc-button-group{
    border: 1px solid #1b2935;
    border-radius: 3px;
}
.fc-button-group button{
	border-right: 1px solid #1b2935;
	color: #1b2935;
}
.fc-button-group button:last-child{
	border-right:0;
}

.fc-button-group button.ui-state-active{
	background-color: #1b2935;
	color: #fff;
}

th.fc-day-header.ui-widget-header{
	background-color: #1b2935;
	color: #ffffff;
	padding: 5px 0; 
}
.fc th{
	border-color: #1b2935;
}
.fc td{
	border-color: #e8e8e8;
}
.fc td.fc-today{
	background-color:#f4faff; 
}

.breadcrumb{
	background: transparent;
	padding: 0;
	margin:0;
}
.breadcrumb li{
	display: inline-block;
	margin-right: 10px;
	color: #A4B0B8;
	font: 15px/35px 'Roboto-Bold';
}
.breadcrumb a{
	padding-right: 10px;
}
.breadcrumb a.disabled{
  color: #a4b0b8;
}
.breadcrumb a.submenu-playlist, .breadcrumb a.submenu-zone{
	padding:0;
}
.breadcrumb select{
	width:auto;
	margin-right: 10px;
}
.breadcrumb .dropdown-menu{
	font: 14px/20px 'Roboto-Regular';
}
.list-view{
	background: url(../images/list_view_sprite.png) 0 0 no-repeat;
	display: inline-block;
	width: 22px;
	height: 15px;
}
.list-view:hover, .list-view.active{
	background-position-y: -15px;
}
.grid-view{
	background: url(../images/grid_view_sprite.png) 0 0 no-repeat;
	display: inline-block;
	width: 22px;
	height: 16px;
}
.grid-view:hover, .grid-view.active{
	background-position-y: -16px;
}


/* ----------- SLIDE ----------- */

.graphOrder{
  width: 40px;
}
.graphData-info, .actions, .status{
  vertical-align: middle;
}
.graphData-info{
  display: inline-block;
/*  width: 35%;*/
  text-align: left;
}
.graphData-info .note{
  margin-top: 5px;
  display:inline-block;
  font: 10px 'Roboto-Regular';
  font-weight: normal;
  color: #8e8e8e;
}
.graphData .status{
  width: 20%;
  display: inline-block;
}
.graphData .actions{
  width: 35%;
  display: inline-block;
  text-align: right;
}

#newPlaylistFormListclass{
	padding: 20px 0;
	background-color: #fbfbfb;
	border-bottom: 1px solid #ebebeb;

}
#playlistname{
	vertical-align: middle;
}
#addzone{
    color: #1279bd;
}
#addzone svg{
	fill: #1279bd;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    stroke-width: 2px;
    stroke: #1279bd;
    vertical-align: top;
}
#clearzones{
	color: #768793;
    padding: 5px 15px;
}
#clearzones svg{
	fill:#768793;
	stroke: #768793;
	width: 12px;
    height: 12px;
    margin-right: 5px;
    stroke-width: 2px;
    vertical-align: middle;
}
.playlist-resolution label{
	font-size: 14px;
	min-width: 45px;
}
.playlist-resolution svg{
	margin-right: 10px;
}
.playlist-resolution input{
    width: 50px;
    height: 27px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 7px;
}
.custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    color: #fff;
    border-color: #1b2835;
    background-color: #1b2835;
}
.custom-control:not(.custom-switch ) .custom-control-label::after,
.custom-control:not(.custom-switch ) .custom-control-label::before{
	top:.30rem;
}
.playlistype .icon, .playlist-resolution .icon{
	height: 33px;
	width: 33px;
}
.layout-two-colums.horizontal{
	transform:rotate(90deg);
}

/*-- Datatable --*/
.dataTable.table-bordered,
.dataTable.table-bordered thead td,
.dataTable.table-bordered thead th{
	border: 0;
  vertical-align: middle;
}
.dataTable.table-bordered thead th{
	letter-spacing: 1.2px;
	font-size: 11px;
	color:#828282;
	text-transform: uppercase;
}
.dataTable.table-bordered thead.thead-dark th{
  color: #ffffff;
}
.table.dataTable.table-bordered td:first-child{
	border-left: 1px solid #dee2e6;
}
.table.dataTable.table-bordered td:last-child{
	border-right: 1px solid #dee2e6;
}
div.dataTables_wrapper div.dataTables_filter label{
	text-align:  right;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(158, 158, 158, 0.05);
}

#datasourcecontent .table{
	margin: 0;
}
/*new datasource -inline style */

legend{
	font-size: 1em;
	font-weight: bold;
	margin:0;
}

.content-form .row{
  margin: 10px 0;
}

.content-form .row label{
  display: inline-block;
  width: 129px;
  text-align: right;
  font-weight: bold;
  margin: 0;
  padding: 0 10px;
  font-size: inherit;
  letter-spacing: 1.2px;
  color: #8a8989;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 37px;
  vertical-align: middle;
}

.content-form .row label[generated]{
  padding-left: 20px;
  text-align: left;
  width: auto;
}

.content-form button:first-child{
/*		margin-left:145px;*/
}

.content-form input[type=text], 
.content-form input[type=password], 
.content-form input[type=file]{
  width: 300px;
  padding: 5px;
}

#localsearch-form{
  padding: 20px 0;
}

#search_city_wrapper{
	display: none;
}


#cont-wrapper{
	position: relative;
	display: inline-block;
}

#cont-wrapper img{
	display: none;
	position: absolute;
	top:6px;
	right: 6px;
}

.livepreview{
	padding: 5px;
	border:1px solid #dfdfdf;
	position: absolute;
	top:30px;
	left:0;
	display: inline-block;
	background: #fff;
	min-width: 300px;
}

.livepreview h4{
	padding:2px 2px 4px 2px;
}

.livepreview .place{
	padding:2px;
}

.livepreview .place:hover{
	background: #eee;
}
.popover{
	box-shadow: 0px 0px 3px #92929257;
}
.popover img{
	width: 100%;
}

.popover .form-inline .form-control{
	width: 40px;
  text-align: right;
  padding: 0px 7px;
  height: 30px;
  margin: 0 5px;
}
.popover-header{
	color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
  background-color: #1b2835;
  padding: 7px 10px;
}
.fc-next-button.ui-button, .fc-prev-button.ui-button{
	margin-top:2px;
}
.ui-icon-circle-triangle-e{
	background: url(images/arrow-right-1.svg); 
	background-position: center;
  width: 16px;
  height: 16px;
}
.ui-icon-circle-triangle-w{
	background: url(images/arrow-left-1.svg);   
	background-position: center;
  width: 16px;
  height: 16px;
}
.page-item.active .page-link{
  background-color: #1b2835;
  border-color: #1b2835;
}
#create-account-form, #terminal-config-form{
	margin-top:20px;
	margin-left: 5px;
	margin-bottom: 20px;
}
#create-account-form > fieldset input{
	width:100%;
}
#specific-permissions-dialog{
	padding: 20px;
}

.dstextpicker svg, .rssfilepicker svg{
	width:21px;
	height: 21px;
}

/*#files_accordion */.folder .folder-open,
/*#files_accordion */.folder .spinner-border,
/*#files_accordion */.folder.loading .folder-open,
/*#files_accordion */.folder.loading.opened .folder-open,
/*#files_accordion */.folder.loading.opened .folder-closed,
/*#files_accordion */.folder.opened > .thumb .folder-closed,
/*#files_accordion */.folder.loading .folder-closed{
	display: none;
}
/*#files_accordion*/ .folder.opened:not(.loading) > div.thumb .folder-open,
/*#files_accordion*/ .folder.loading > div.thumb .spinner-border{
	display: inline-block;
}

#content #calendar{
	margin-top: 10px;
}
#pageOptions{
	margin-top: 20px;
	margin-bottom: -15px;
}
#pageOptions li{
	display: inline-block;;
  vertical-align: middle;
  padding: 7px 20px;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-color: #1b2835;
  font-family: 'Roboto-bold';
}
#pageOptions li.active{
	background: #ffffff;
}
#pageOptions li.active a{
	color: #1b2835;
}
.plupload_button{
	font-family: 'Roboto-Bold';
  border: 2px solid #d2d2d2;
  background-color: transparent;
  border-radius: 100px;
  padding: 5px 15px;
  color: #3a3a3a;
}
.plupload_button.plupload_start{
	background:#296193 ;
	border-color: #296193;
	color: #ffffff !important;
}
.plupload_filelist{
	margin: 10px 0;
}
.plupload_progress{
  width: 100px;
}
.plupload_progress_container{
  padding: 0px;
  height: 15px;
}
.plupload_wrapper .ui-corner-all{
  border-radius: 10px;
}
.plupload_cell.plupload_upload_status{
  padding: 0px 0px 0px 6px;
}
.param-fieldset .clear-value svg{
	width:21px;
	height: 21px;
}

.ui-dialog-titlebar-maximize, .ui-dialog-titlebar-restore{
	margin-right: 20px;
}
.ui-dialog-titlebar-maximize .ui-icon.ui-icon-extlink{
	background: url(images/expand-5.svg) no-repeat;
}

.ui-dialog-titlebar-restore .ui-icon.ui-icon-newwin{
	background: url(images/shrink-4.svg) no-repeat;
}

.ui-progressbar{
  background: #c5c5c5;
  border-radius: 10px;
}

.ui-progressbar-value{
  margin: 0px;
  background: #357abb;
}

.plupload_file.ui-state-default a.btn.remove svg{
	color: #0099cc;
}

#filePreview{
	margin-top: 20px;
	text-align: center;
}

#filePreview .audio-preview{
	display: inline-block;
	max-width: 400px;
}
#filePreview img{
	max-width: 720px;
}
#filePreview .audio-preview img{
	margin-bottom: 20px
}

.params-list .clear-value{
	padding-right: 0;
  padding-top: 6px;
}
.params-list .clear-value svg{
	width:13px;
	height: 13px;
}

.plupload_file .alert{
	margin-bottom: 5px;
}

.alert a.plupload_button{
	font-family: 'Roboto';
  color: #286192;
	border: 0;
}
.alert a.plupload_button:hover{
	color: #1b2835;
}
.alert a.plupload_button:first-child{
    font-weight: bold;
    padding-right: 5px;	
}
#playlistZones .zone{
	border:1px dashed #888888;
}
.zone.onTop{
	border:0;
}

#dialog-search-form{
	width:100%;
}

.zone.empty-zone{
	background: #eee;
	/* url('images/empty_background.png') repeat*/
}

.zone.empty-zone .infoBig{
	opacity: 0;
}
.zone.empty-zone.onTop .infoBig{
	opacity: 1;
}

.query-builder .btn-group.group-conditions .btn{
	margin: 0; 
}

.query-builder .rules-group-container{
  border: 1px solid #bbbbbb;
  background: rgba(173, 173, 173, 0.33);
}

.rules-group-header .btn-group .btn{
	margin-left: 10px;
}

.query-builder .rules-list>::after, .query-builder .rules-list>::before{
	border-color: #bbbbbb;
}

.btn-group.group-actions>.btn-group.group-actions:not(:last-child)>.btn,
.btn-group.group-actions>.btn:not(:last-child):not(.dropdown-toggle), 
.btn-group.group-actions>.btn-group.group-actions:not(:first-child)>.btn, .btn-group.group-actions>.btn:not(:first-child){
	border-radius: 3px;
}

/*
.dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-width: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown-menu.show { 
    max-width: 300px;
    opacity: 1;
}*/

div.screensaver{
	position: relative;
	display: inline-block;
}

.screensaver span{
	position: absolute;
  display: block;
  border-radius: 10px;
  color: white;
  right: 2px;
  bottom: 9px;
  background: #2fa82f;
  font-size: 10px;
  padding: 0 5px;
  text-align: center;
}

#no-content-to-display{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.myfiles-display, 
.gadgets-display, 
.gallery-display,
.datasources-display {
  margin: 10px 13px 15px 10px;
  display: flex;
}

.myfiles-display .asc-desc svg,
.gadgets-display .asc-desc svg,
.gallery-display .asc-desc svg,
.datasources-display .asc-desc svg {
  width: 13PX;
  height: 13px;
  margin-left: 5px;
  stroke-width: 2px;
  fill: #0099cc;
  stroke: #0099cc;
  vertical-align: text-top;
}

.myfiles-breadcrumb,
.gadgets-breadcrumb,
.gallery-breadcrumb,
.datasource-breadcrumb {
  margin: 0 10px;
  display: flex;
}

.myfiles-breadcrumb li,
.gadgets-breadcrumb li,
.gallery-breadcrumb li,
.datasource-breadcrumb li {
  border: 0;
  margin: 0;
  display: inline-block;
  max-width: 25%;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: initial;
}

.myfiles-breadcrumb.breadcrumb li a, 
.gadgets-breadcrumb.breadcrumb li a,
.gallery-breadcrumb.breadcrumb li a,
.datasource-breadcrumb.breadcrumb li a {
  padding-right: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.myfiles-breadcrumb.breadcrumb svg,
.gadgets-breadcrumb.breadcrumb svg,
.gallery-breadcrumb.breadcrumb svg,
.datasource-breadcrumb.breadcrumb svg
 {
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: none;
	padding: 0;
}

.myfiles-breadcrumb .breadcrumb-item.active a, 
.gadgets-breadcrumb .breadcrumb-item.active a,
.gallery-breadcrumb .breadcrumb-item.active a,
.datasource-breadcrumb .breadcrumb-item.active a {
	color: #a0a1a2;
}

#terminal_config fieldset, #create-account-form fieldset{
	margin-bottom: 20px;
}

#terminal_config legend, #create-account-form legend{
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 7px;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #1c2935;
	display: block;
	font: 13px 'Roboto-Bold';
}

#associateToTerminal table td, #associateToTerminal table th{
	vertical-align: middle;
}

/* Stop Line Break inside Cell */
.dt-body-nowrap {
  white-space: nowrap;
}

.rtsvalues td{
	border:0;
	padding:7px;
}
/* etiquetas */
.radioblock label{
	display: inline-block;
}
.modal.DTED .modal-dialog {
  max-width: 900px;
}
.rule-container select{
	display: inline-block;
	max-width: 150px;
  text-overflow: ellipsis;
}

.modal.DTED .col-form-label{
	text-align: right;
}
.DTED .form-control{
	width: 70%;
}

@keyframes blink { 
  50% { 
    border: 4px solid #ff0000; 
  }
}

.blink{
  animation: blink .5s;
  animation-iteration-count: 4;
}

/**
 * 
 * TEAMS STYLES 
 * 
 * */
.teams .wrapper{
  left: 0;
}
.teams-bg {
  background-color: #f5f5f5;
}
#main.teams{
  padding: 20px;
  height: calc(100% - 50px);
}
.teams #playlist_wrapper{
  height: auto !important;
}
.teams #files_container{
  margin-top: -55px;
}
.teams .navbar{
	padding: 0 16px;
}
.teams .navbar li.nav-item a {
  padding: 15px 0;
  margin: 0 10px;
}
.teams .navbar li.nav-item a:hover {
	border-bottom: 4px solid #bdbdbd ;
}
.teams .navbar li.nav-item.active a {
  color: #252525;
  border-bottom: 4px solid #5b5fc7;
}
.admin-teams{
	height: 100vh;
	overflow: hidden;
}
.admin-teams .logo{
	max-width: 300px;
	margin-bottom: 10px;
}
.teams .broadcast-list .col{
  flex-grow: 0;
}
.teams .broadcast-list .card-body{
	min-height: 100px;
}
.teams .add-broadcast{
  width: 80px;
  height: 80px;
  stroke-width: 1px;
}
.teams-account h1{
	line-height: 28px;
	font-size: 38px;
	margin-bottom: 10px;
}
.teams-account h2{
	font-size: 22px;
	line-height: 30px;
}
.teams-broadcasts{
	display: flex;
}
.teams-broadcast, .teams-active-clients, .teams-notifications{
  width: 100%;
  background-color: #fafafa;
  margin-bottom: 20px;
  border-radius: 3px;
  box-shadow: 0px 3px 2px #eee;
}
.teams-broadcast .titlebar{
 /* background: #444791;*/
  color: #fff;
  padding: 7px 10px;
  border-radius: 3px 3px 0 0;
  display: flex;
  justify-content: space-between;
}

.teams-broadcast .graphDataWrapper{
  display: none;
}
.teams-broadcast .terminalBroadcast {
  margin-bottom: 0px;
}
.teams-notifications .content {
  padding: 10px;
}
.titlebar .btn-primary{
  margin: 0px;
}
.teams .titlebar{
 /* background: #444791;*/
 align-items: center;
}
.teams .breadcrumb li{
	margin-right: 0;
}
.teams .btn-secondary{
  border: 1px solid #e1dfdd;
  border-radius: 3px;
  background-color: #fff;
  color: #000000;
  box-shadow: 0 0.2rem 0.4rem -0.075rem rgb(0 0 0 / 10%);
}
.teams .btn-primary, .teams .btn-blue{
	border: 0;
	border-radius: 3px;
	background-color: rgb(91, 95, 199);
	color: #ffffff;
	box-shadow: rgb(0 0 0 / 25%) 0px 0.2rem 0.4rem -0.075rem;
	font:14px 'Roboto-regular';
	letter-spacing: 0;
	padding: 9px 20px;
}
.teams .btn-primary.disabled{
  color: #ffffff;
}
.teams .btn-secondary.disabled{
  color: #cccccc;
}
.teams .titlebar .btn-primary{
	margin-left: 5px;
	margin-right: 0;
	padding: 6px 10px;
}

.teams .btn-primary:hover,
.teams .btn-primary:focus,
.teams .btn-primary:active,
.teams .btn-primary:not(:disabled):not(.disabled):active{
	box-shadow: none;
	background-color: rgb(68, 71, 145);
}
.teams .hide-myfiles{
	top:0;
}

.teams .graph .graphContent .slide.online.queued {
  background: #E2E2F6;
}

.teams .broadcast-list .card{
  width: 18rem;
  min-height: 278px;
}
.teams .broadcast-list .card .carousel-control-prev, 
.teams .broadcast-list .card .carousel-control-next{
  border: none;
  background: none;
}

.teams .broadcast-list .card .carousel-item a {
  display: flex;
  justify-content: center;
}

.teams .broadcast-list .card .carousel-item img {
  max-width: 100%;
  max-height: 148px;
}

.teams .broadcast-list .addbroadcast, .teams .broadcast-list .emptyslides{
  background-color: #FAFBFC;
  padding: 10px;
  margin-bottom: 6px;
  min-height: 170px; 
  justify-content: center;
  align-items: center;
}