/*
created 03/06/2019
This File contains dark styles used for the T21-9261 app.

VITEC COLORS
#2f2f31 dark gray rgb(47, 47, 49)
#e6e6e6 light gray rgb(230, 230, 230)
#074da5 blue rgb(7, 77, 165)
#00e100 bright green rgb(0, 225, 0)
*/

body{
	background-color: #2f2f31;
	color: #fff;
}

#authform{
	background-color: #2f2f31;
}

h3, #tabs li a:hover,#logoutContainer, #logoutContainer input:hover,
#logoutContainer div:hover, #help a,  h1.logInHelp,.shuffleClass, .selectClass,
#ntsc,#pal,#thousand ,#twoKText,#fourKText{
    color: #074da5;
}

#tabs > #super-tabs > ul{
	border: 1px solid;
}

#tabs > #super-tabs > ul.blue{
	border-color: #3766F5;
}

button, .loginfield, .mediaNowPlayingRow, #playlistContainer, #playlistContent,
#playlistReader,#fourk, #igmpTable, #twok, #seventwen, #ntsc, .growingMediaTables,.shuffleClass, .selectClass,.selectedThumbnail{
    border-color: #074da5;
}
button, #socialMedia div:hover, .mediaNowPlayingRow .playStatus,
#stream input[type="submit"]:hover, #outputStream input[type="submit"]:hover, .ui-state-active a, .ui-state-active a:link, .ui-state-active {
	background-color: #074da5;
 }
 
#rewindFile:hover, #rewindListFile:hover, #playFile:hover, #playListFile:hover, #pauseFile:hover,
#pauseListFile:hover,#nextFile:hover, #nextListFile:hover, #fastForwardFile:hover, #fastForwardListFile:hover,
#streamplayFile:hover, #streampauseFile:hover, #streamnextFile:hover, #nextStream:hover, .startEnc:hover{
	color: #074da5;
}
 
.playbackStateActive{
	color: #00e100;
}
 
#user {
	display: none;
}
 
 
#setformatCoretec, #resolutionExampleCoretec {
	display: none !important;
}
 
#matrixMib {
	display: none;
 }


.listPlayingRow{
    outline-color: #074da5 !important;
}

#logo{
    background-image: url('../static/t21_vitec_light.png');
    background-size: 150px;
}

#loginLogo{
    background-image: url('../static/t21_vitec_light.png');
    background-size: contain;
}

/*----- From style.css -----*/

.everyOtherTR{
    background-color: rgba(230, 230, 230,0.5);
}

.profileFocus{
	box-sizing: border-box;
	background-color: rgb(150,176,255);
}

#tabs li.ui-tabs-active a:hover{
    color: #ffffff;
}

#tabs li{
	background-color: #2f2f31;
}

#status-tab{
	background-color: #2f2f31;
	border: 1px solid #2f2f31;
}

/*----- From style.css :: changePlayerStateColor -----*/

#tabs > #super-tabs > ul.blue {
    border-width: 1px;
    padding-top: .5px !important;
}

#tabs > #super-tabs > ul.orange {
    border-color: #c78c29;
    border-width: 3px;
}

#tabs > #super-tabs > ul.red {
    border-color: #c7141c;
    border-width: 3px;
}

/*-----Social Media Styles-----*/
/*default background color set on document ready in
  script.js, uses .socialMediaBackground. This is done
  so that you don't have ugly solid color boxes before
  the images load*/
  
.socialMediaBackground{
    background: #2f2f31 no-repeat center center;
    border-radius: 10px;
}

/*----- ./css/jquery-ui.css -----*/

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #e6e6e6;
	background: #2f2f31;
	color: #fff;
}
.ui-widget-content a {
	color: #fff;
}
.ui-widget-header {
	border: 1px solid #e6e6e6;
	background: #e6e6e6;
	color: #2f2f31;
	font-weight: bold;
}
.ui-widget-header a {
	color: #2f2f31;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #fff;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}