/*
This File contains all the styles used for the T21-9261 app.
*/

button:focus {outline:0;}
a:focus {outline:0;}

.tempHide{
    display: none !important;
}

.borderRed{
    border: 2px solid red;
}

input[type=file]{
    color: #000 !important;
}

/*-----------------------*/
/*-----FPGA Styles-----*/
/*-----------------------*/
.eb-audio-label{
	font-weight: 800;
}

.fpgaRow{
	display: flex;
}

.fpgaRow div{
	margin-right: 60px !important;
}

.eos-aud-global{
	display: flex;
	padding-right: 50px;
	padding-bottom: 15px;
}

.eos-aud-single-global{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 30px !important;
	width: 240px;
}

/* .eos-aud-global div{
	border-bottom: 1px solid #c9c9c9;
} */

.eos-aud-single{
	display: flex;
	justify-content: space-between;
	width: 164px;
}

.eos-aud-single select{
	margin: 0;
}

.eos-aud-group{
	display: flex;
}

.eos-aud-src{
	display: flex;
	flex-direction: column;
	padding-right: 50px;
	padding-bottom: 15px;
}

.subStatus{
	font-size:12px;
	display: block;
}

/*-----------------------*/
/*-----Loader Styles-----*/
/*-----------------------*/

#pageLoader{
	width: 100%;
	height: 100vh;
}

.noContentDiv{
	text-align: center;
}

#loaderContent span{
	font-weight: 700;
	font-size: 30pt;
}

#loaderContent{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 30vh;
}

#pgLoaderGif{
	width: 30px;
	margin-top: 100px;
}

#appBody{
	display: none;
}

/* #pageLoader{
	display: none;
} */

#stream, #outputStream{
	display: none;
}

/*-----------------------*/
/*-----Global Styles-----*/
/*-----------------------*/
body.vex-open{overflow-y:scroll !important;}

.hideT23{
	display: none;
}

.hideElem{
	display: none;
}

.asperaForm{
	display: none;
}

/* show on Encoders only */
#encAncillaryLabel{
	display: none;
}

#sdi-input-format{
	
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 24, 2015 */
@font-face {
    font-family: 'bebas_neue_regular';
    src: url('/static/fonts/bebasneue_regular-webfont.eot');
    src: url('/static/fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/static/fonts/bebasneue_regular-webfont.woff2') format('woff2'),
    url('/static/fonts/bebasneue_regular-webfont.woff') format('woff'),
    url('/static/fonts/bebasneue_regular-webfont.ttf') format('truetype'),
    url('/static/fonts/bebasneue_regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: calibri, Helvetica, sans-serif;
    font-size: 11pt;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}

h1{
    color:#6f6fb3;
}

h2{
    font-weight:normal;
}

h3{
    font-size: 20px;
    font-weight: bold;
    font-family: calibri, Helvetica, sans-serif ;
}

.red{
    color: #c7141c !important;
    font-weight: bold;
}

.green{
    color: #2ac32a;
    font-weight: bold;
}

#main{
    width:990px;
    margin:0px auto;
    font-size: 13px;
    overflow: visible;
    margin-bottom: 100px;
}

#main #tabs div{
    margin:5px 0;
}

.justifyLogo{
	justify-content: space-between;
}

/*This link is applied to the <a> element inside the logo container. The idea is to position the link over the logo
background  image, which is positioned and set in the #logo selector. The text indent is so high so as to just display
the background behind the <a> element, not the text*/
#logoLink{
    overflow-x: hidden;
    overflow-y: hidden;
    text-decoration: none;
    display: flex;
}

#logoLinkBox{
    text-indent: -12987px;
    width: 180px;
    height:180px;
}

#thumbContainer{
    /* padding-top: 12px; */
	width: 180px;
	height: 140px;
	display: inline-block;
	cursor: pointer;
}

.disableVRenderThumb{
    background-color:blue;
}

.noSDIThumb{
    background-color:red;
}

.noThumbListening{
	background-color:#c78c29;
}

.thumbDisabled{
	background-color:#c9c9c9;
}

.disableVRenderText{
    color:white;
    text-align:center;
    margin:35px 10px;
}

/*containers and properties for the header thumbnail, which displays a dynamically updating thumbnail of the current
stream or media which is being decoded*/
#streamLiveThumb{
    width:170px;
    height: 101px;
    /* float: left; */
    overflow: hidden;
}

#streamLiveThumb img{
    width:100%;
    height: 100%;
}

#logo, #mdLogo{
	display: flex;
    align-items: flex-end;
    width:100%;
    height:190px;
    margin-bottom: -33px;
    background-repeat: no-repeat;
    background-position: center center;
}

#playerStatusUp, #transcodingUp, #transcodeReceivingUp, #transcodeGeneratingUp, .audStatUp{
    background-color: #2ac32a;
}

#statusStreamFW{
	background-color: #c78c29;
	display: none;
	padding: 14px;
}

#statusStream{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#statusStream,#statusStreamFW{
	border-top: 1px solid #3766f5;
	color: #ffffff;
	margin: 0px !important;
	font-family: "bebas_neue_regular" !important;
	font-size: 26px;
	padding: 6px;
}

#playerStatusStalled{
    background-color: #c78c29;
    height: 34px;
}

#playerStatusDown, #transcodingDown, #transcodeReceivingDown, #transcodeGeneratingDown{
    background-color: #c7141c;
    height: 34px;
}

#transcodeGeneratingUp, #transcodeGeneratingDown{
    margin-left: 16px !important;
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

#tabs  ul li {
    border-left:none;
    border-right:none;
}

#tabs > .parenttabs {
    margin-top:0;
    margin-left:0;
    padding:0;
}

.ui-tabs-nav > li > a{
    min-width: 50px !important;
}

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

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

#overlay, #fwoverlay, #playerStatOverlay{
    display: none;
    position: fixed;
    top:0;
    left:0;
    z-index: 10;
    width:100%;
    height: 100%;
    background-color: #000000;
    opacity: .8;
}

#super-tabs{
    margin:0!important;
    overflow: hidden
}

#status-elems{
    margin: 0!important;
    margin-left: -223px!important;
    float: right;
    display: flex;
    flex-direction: row;
}

.status-label{
    /* min-width: 80px; */
    display: inline-block;
}
.vpnElem{
    /*Match to jquery UI li >> a elements*/
    display: none;
    padding: .5em 0;
    line-height: 1.3;
    font-size: 25px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-indent: -12987px;
    width: 20px !important;
    margin: 0px 0 0 0 !important;
}

.statusElem{
    /*Match to jquery UI li >> a elements*/
    display: none;
    padding: .5em 0;
    line-height: 1.3;
    font-size: 25px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-indent: -12987px;
    width: 20px !important;
    margin: 1px 0 0 0 !important;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes record-animation {
    0%   {background-color:#c7141c;}
    100%  {background-color:none;}
}

/* Standard syntax */
@keyframes record-animation {
    0%   {background-color:#c7141c;}
    100%  {background-color:none;}
}

#recordStatus{
    -webkit-animation-name: record-animation;
    animation-name: record-animation;
}

#recordStatus, .encodeStatBars{
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: .5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    /* Standard syntax */
    animation-duration: 1s;
    animation-delay: .5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

#encodeStat0{
    -webkit-animation-name: encode1-animation;
    animation-name: encode1-animation;
}

@-webkit-keyframes encode1-animation {
    0%   {background-color:#789cf1;}
    100%  {background-color:none;}
}

@keyframes encode1-animation {
    0%   {background-color:#789cf1;}
    100%  {background-color:none;}
}

#encodeStat1{
    -webkit-animation-name: encode2-animation;
    animation-name: encode2-animation;
}

@-webkit-keyframes encode2-animation {
    0%   {background-color:#516aec;}
    100%  {background-color:none;}
}

@keyframes encode2-animation {
    0%   {background-color:#516aec;}
    100%  {background-color:none;}
}

#encodeStat2{
    -webkit-animation-name: encode3-animation;
    animation-name: encode3-animation;
}

@-webkit-keyframes encode3-animation {
    0%   {background-color:#2e48d4;}
    100%  {background-color:none;}
}

@keyframes encode3-animation {
    0%   {background-color:#2e48d4;}
    100%  {background-color:none;}
}

#encodeStat3{
    -webkit-animation-name: encode4-animation;
    animation-name: encode4-animation;
}

@-webkit-keyframes encode4-animation {
    0%   {background-color:#142892;}
    100%  {background-color:none;}
}

@keyframes encode4-animation {
    0%   {background-color:#142892;}
    100%  {background-color:none;}
}

#topContainerLeft{
	display: flex;
}

.transcodeStats, .sourceAudStats{
    height: 9px;
    width: 9px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 14px 1px 0px !important;
}

#sourceAudStatsContainer, #sourceAncillary, #decoderAudStatsCont{
    display:none;
}

#sourceAncillary{
	margin-top:5px;
}

#sourceAudStatsContainer p, #sourceAncillary > p, #decoderAudStatsCont p{
    color: #C9C9C9;
}

#sourceAncillary > p{
	display: inline-block;
}

#ancillaryTypes{
	display: inline-block;
}

.groupOneChart,.groupTwoChart{
	width: 100px;
	height: 60px;
}

.audioGraphs{
	display: inline-block;
}

#sourceAudStatsContainer p{
	margin: 0;
}

.audStatDown {
    background-color: #c7141c;
}

.audStatOff{
	background-color: #c9c9c9;
}

#tabs li{
    font-family: "bebas_neue_regular";
    font-weight: bold;
    font-size:25px;
    text-shadow: none;
    background-image: none !important;
    border:none !important;
}

#tabs {
    border:0;
    margin-bottom:0;
    padding-bottom:0;
}
#tabs >div > ul {
    border-left:0;
    border-right:0;
    background: none !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

/*Aethetic selector to apply for subscript*/
.small{
    font-size: 85%;
}

li, li a{
    background-clip: padding-box;
}

.streamBtnMargins{
    margin-top: -77px;
    margin-right: -2px;
}

.mediaBtnMargins{
    margin-top: -46px;
    margin-right: -2px;
}

.displayBtnMargins{
    margin-top: -46px;
    margin-right: -2px;
}

/**Tooltip container. This is moved, displayed, populated, and hidden in the tooltip.js file*/
#tooltip{
    display: none;
    border:1px solid #000000;
    background-color: #ffffff;
    padding:5px;
    width: auto;
    height:auto;
    max-width:400px;
    position: absolute;
    z-index: 10;
}

input, select{
    border-radius:6px;
    border:1px solid grey;
    display:inline;
    margin:10px;
    margin-left:0px;
}

input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

#passwordInput, #outputStreamPassword, #srtEncPassword, #srtOutputPassword, .fbSrtPassword, .zixiPassStyle{
	-webkit-text-security: disc;
}

button{
    font-family: calibri, Arial, Helvetica, sans-serif;
    color: #fff;
    border: 2px solid;
    padding:3px;
    border-radius: 8px;
    cursor: pointer;
    margin:5px 0;
    font-size:13px !important;
}

button:hover{
    border-color: #000000;
}

button:active{
    background-color: #000000;
}

/*Styles used to display the "success" or "error" result of the ajaxJSONSets*/
#ajaxStatus{
    display: none;
    position: fixed;
    bottom:-2px;
    right: 25%;
    z-index: 10;
    font-size: 20px;
    padding:10px;
    background-color: #C9C9C9;
    font-weight: bold;

}

.ajaxLoader, #logResults, #messageLoading, #encFpgaLabel, #encSdiLabel, #encStatisticsLabel, #sdiInputFormatRow, #validFormatError{
    display: none;
}

/*Used for logout button and container*/
#logoutContainer{
	float: right;
	display: inline-block;
    height:50px;
    //width:100px;
    //background-repeat: no-repeat;
    //background-position: center center;
    //background-image: url('/static/gear52.png');
    
    font-family: "bebas_neue_regular";
    font-size: 25px;
    margin: 0px;
}

#logoutContainer input{
    font-family: "bebas_neue_regular";
    font-size: 25px;
    color: #C9C9C9;
    background-color: #ffffff;
    height:40px;
    width:100px;
    margin: 0px;
    margin-top: 5px;
    border-radius:6px;
    cursor: pointer;
    border: none;
    float: right;
}

#logoutContainer div{
    font-family: calibri, Helvetica, sans-serif;
    font-size: 13px;
    margin-top: 3px;
    margin-right: 20px;
    margin-bottom: -5px;
    color: #C9C9C9;
}


/*Containers for the serial number, IP address, and firmware version, located in the header*/
#theTop{
	width: 100%;
	height: 53px;
	position: relative;
}

#topOriginal{
	z-index: 2;
}

#topOriginal,
#productHeader {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#productHeader {
	z-index: 1;
	display:flex;
	/* justify-content: space-around; */
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
	font-size: 18px !important;
}

#productHeader h3{
	margin:0;
	padding:0;
}

#headerInformation{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
}

#nameColor{
	width: 1.5em;
}

#firmver{
    /* float:right; */
    margin-right:20px;
    text-align: right;
}

#ip_and_username{
    /* float: left; */
    margin-left: 20px;
}

#slotID{
    float: left;
    margin-left: 20px;
}


.IMG{
    width: 168px;
    height: 95px;
}

.ethGreen{
    color: #2ac32a;
}

.ethYellow{
    color: #000;
}

.ethRed{
    color: #c7141c;
}

/*--------------------------------*/
/*-----Encryption Key Styles------*/
/*--------------------------------*/

.wrongPass{
	display: none;
}

/*----------------------------*/
/*-----Login Page Styles------*/
/*----------------------------*/

#loginLogo{
    width:100%;
    height:200px;
    margin:0 auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.loginfield {
    color: black;
    cursor: text;
    width: 240px;
    height: 40px;
    padding-left: 10px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid;
    box-shadow: none;
    margin:5px 0px;
    font-weight: bold;
}

#helpLogIn{
    float:left;
    width: 500px;
}

#help{
    text-align: right;
}

#help a{
    text-decoration: none;
}

h1.logInHelp{
    margin:20px;
    text-align: center;
    font-size: 50px;
}

#blindform {
    position:absolute;
    width: 250px;
    -moz-border-radius: 15px;
    box-shadow: none;
    padding:35px;
    background-color: #ffffff;
}

#authform {
    position:absolute;
    width: 250px;
    -moz-border-radius: 15px;
    border-radius: 15px;
     border: 2px solid #A0A0A4;
    box-shadow: none;
    padding:35px;
    /* background-color: #ffffff; */
}

@media only screen and (max-device-width: 480px) {
    #authform {
        position: absolute;
        width: 250px;
        height: 400px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        border: 0px solid #000000;
        box-shadow: none;
        padding: 0px;
    }
}

#authform .commandButton, #blindform .commandButton{
    font-size:15px;
    padding:5px 10px;
    width: 90px;
    height: auto;
    display:block;
    margin: 5px auto;
    -webkit-box-shadow: 0 0 0 1000px white inset;
    box-shadow: none;
    outline-color: #ffffff;
}

.rememberme{
    margin-top:10px;
}

/*-----Social Media Styles-----*/
/*default background color set on document ready in
  script.js, uses .socialMediaBackground in t21styles.css OR t21styles-dark.css.
  This is done so that you don't have ugly solid color boxes before the images load
*/

#socialMedia div{
    height:30px;
    width:30px;
    display: inline-block;
}

#socialMedia div a{
    overflow-x: hidden;
    overflow-y: hidden;
    text-decoration: none;
    text-indent: -12987px;
    width: 30px;
    height:30px;
    display: block;
    margin: 0 auto;
}

#socialMedia{
	/* float:left; */
    padding:5px 0 ;
    margin-right: 10px;
    /* width: 139px; */
    display: inline-block;
}

#socialMedia img{
    margin-right: 5px;
}

#wwwLink{
    background-image: url('/static/www.png');
}

#facebookLink{
    background-image: url('/static/facebook.png');
}

#twitterLink{
    background-image: url('/static/twitter.png');
}

#linkedInLink{
    background-image: url('/static/linkedIn.png');
}

#finderLink{
    background-image: url('/static/share.png');
}

#devContainer{
	display: flex;
	align-items: center;
}

#leftElements{
	float: left;
	display: flex;
	flex-direction: column;
	height: 75px;
}

#devMsg, #devMsgNew{
	cursor: pointer;
	display: inline-block;
	width: 30px;
	height: 30px;
}

.fa-envelope-o, .fa-envelope-open-o{
	color: #3766F5;
	opacity: 0.5;
}

#devMsg, #devMsgNew{
	display: none;
}

/* #devMsgNew img, #devMsg img{
	width: 100%;
} */

/* #lockedUnit, #unlockedUnit, #lockUnitContainer,
#devMsg, #devMsgNew, #devMsgModal, #envFirst, #envEdit, #envLocked,
#editDevMsg, #devMsgPassInput{
	display: none;
} */

/*---------------------------------------------------*/
/*-----Metadata Table in Stream and Media Styles-----*/
/*---------------------------------------------------*/
#streamTabControls{
	/* display: flex;
	justify-content: flex-end;
	align-items: center; */
	float: right;
}

#streamInOutHeader{
	height:46px;
	display:inline-block;
	border:0px;
}
#streamTop{
	height:46px;
	display:flex;
	justify-content:space-between;
}

.lowerPrimaryPar{
	display: inline-block;
	font-weight: bold;
	width: 163px;
}

/* new styling for global dejitter */
#dejitterDiv /*, #nullPacketSetDiv*/{
	display: block;
	padding: 9px;
}

#igmpDiv{
	display: block;
	padding: 9px;
}

#dejitterGlobal /*, #nullPacketGlobal*/{
    display: inline-block;
    /* margin-left: 30px; */
}

#bufferTemp{
    width: 53px;
    text-align: right;
}

/* fix for broken page when player down */
#remoteIDLabel, #passwordLabel, #zixiAddressLabelContainer, #rcspUorMLabelContainer, #rcspAddressLabelContainer, #rcspMultiAddressLabelContainer,
#streamifacelabelContainer, #streamAddressLabelContainer, #urlAddressLabelContainer, #streamportlabelContainer, #srtlabelContainer,
#streamportContainer, #srtportContainer, #dejitterLabel, #iface-listTD, #streamifacelabel, #rcspUniOrMultiContainer, #remoteaddressContainer, #passwordContainer,
#streamAddressContainer,#streamAddressContainerLrg, #zixiAddressContainer, #dashaddressContainer, #customaddressContainer, #rtspaddressContainer, #rcspaddressContainer,
#rcspMulticastAddressContainer, #streamportContainer, #dejitterContainer, #streamifacelabel, #channelIDLabel,#latencyLabel,#zixiEncTypeLabelContainer,
#zixiEncKeyLabelContainer, #channelIDContainer,#latencyContainer,#zixiEncTypeContainer,#zixiEncKeyContainer,#useRcspLabelContainer,
#useDejitterLabelContainer, #rcspBufferLabelContainer,#rcspPortLabelContainer,#rcspMaxLabelContainer,#rcspTimeoutLabelContainer,#rcspNackInterval,#rcspNackLabel,
#useRcspContainer,#useDejitterContainer,#rcspBufferContainer,#rcspPortContainer,#rcspMaxContainer,#rcspTimeoutContainer,#rcspInputPortContainer, #rcspInputPortLabelContainer,
#remoteIDLabelContainerRedund,#passwordLabelContainerRedund,#zixiAddressLabelContainerRedund,#rcspUorMLabelContainerRedund,
#rcspAddressLabelContainerRedund,#streamifacelabelContainerRedund,#streamAddressLabelContainerRedund,#urlAddressLabelContainerRedund,
#streamportlabelContainerRedund,#rcspOutputFileLabelContainerRedund,#rcspUdpOutputLabelContainerRedund,#dejitterLabelRedund,
.fecParams,.fecSwitch,.fecParamsAccept,#fecFeederSwitch,#fecFeederSwitch2,#remoteLogsContainer,#localLogsContainer{
	display: none;
}

/*zixi stats elements*/
.zixiStatsElem0,.zixiStatsElem1,.zixiStatsElem2,.zixiStatsElem3, #validFormatError{
	display: none;
}

#redundancyRow,#redundancyTemplateZixi, .deepInspection, .subheader, #igmpTable{
	display: none;
}

.fileData{
    font-size: 12px;
}

.fileData div{
    margin: 0px !important;
    padding: 0px;
}

table .active td, .activeList, .activePlaying{
    background-color: #9595C7;
    color: inherit;
}

#imgOverlay{
    margin: 0 !important;
    display: none;
    position: absolute;
    z-index: 5;
    background-color: #000000;
    opacity: .4;
}

table#mediaFileTable, #metadataTable{
    border-collapse: collapse;
    margin-left:-37px;
    width: 100%;
}

.waitingForMetaTD{
    text-align:center !important;
}


table#mediaFileTable td, #metadataTable td{
    padding: 10px;
}

#metadataTable th,#metadataTable td{
	border: 0px solid black;
    text-align: left;
    margin-right:20px;
}

#mediaFileTable,#mediaFileTable th,#mediaFileTable td,#metadataTable{
    border: 0px solid black;
    text-align: left;
    padding-right:20px;
}

.fileInformation{
    width:100px;
}

.transDataSpan{
	font-weight: bold;
	font-size: 16px;
	margin-right:3px;
}

.transDataLeft{
	margin-left: 10px;
}

.statusMetaTitle{
    font-weight: bold;
    display: block;
    float:left;
    margin-right:3px;
}

.metaDataTitle{
    font-weight: bold;
    width:20px;
    display: block;
    float:left;
}

.mediaFile:hover{
    cursor: pointer;
}

.mediaFile{
    height: 77px;
}

.mediaFile td.fileData{
    padding:10px;
}

td.videoData{
    min-width: 100px;
}

.playStatus{
    width:15px !important;
}

.deleteStatus{
    width:15px !important;
    background-color: #ffffff;
}

.mediaNowPlayingRow .playStatus {
    background-image: url('mediaNowPlaying.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.mediaNowPlayingRow{
    border-size: 1px;
    border-style: solid;
}

.deleteFile{
	width: 30px;
    color:#C7141C;
    text-align: center;
    font-size: 20px;
    background-image: url('mediaRedDelete.png');
    background-repeat: no-repeat;
    background-position-y: center;
}

.renameFile{
    color:#C7141C;
    text-align: center;
    font-size: 20px;
    background-image: url('mediaBlueRename.png');
    background-repeat: no-repeat;
    background-position-y: center;
}

#deleteButton{
    text-align: right;
    margin-bottom: -41px !important;
}

.universalModel {
    display: none;
    width: 400px;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
    z-index: 11;
}

.modelOverflowProp{
	max-height: 300px;
	overflow: auto;
}

.universalModel .buttonDiv{
    text-align: right;
}

.buttonDiv button{
    margin-right: 5px;
}

.closeButton{
    float: right;
    margin: -5px -5px 0px 0px;
}

.closeButton:hover {
    cursor:pointer;cursor:hand;
}

#renameButtonModel h3 {
    text-align: center;
}

#renameButtonModel{
    display: none;
    width: 400px;
    background-color: #ffffff;
    padding: 20px;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
    z-index: 11;
}

#addPlaylistModel, #renameListModel, #deleteListModel, #sysLogUpdateModel{
    display: none;
    width: 400px;
    background-color: #ffffff;
    padding: 20px;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
    z-index: 11;
}

#listDeleteButton, #finishListChangesButton{
    float: right;
    margin-right: 50px;
}

button:disabled{
    background-color: grey !important;
    border-color: grey !important;
}

#playlistContainer{
    border: 2px solid;
    width: 35%;
    padding: 2px;
}

#playlistReader tr:hover, #playlistContent tr:hover {
    background-color: #9595C7;
    color: black;
    cursor:pointer;cursor:hand;
}
#theLibraryTable tr:hover {
    cursor:pointer;cursor:hand;
}

#playlistContent, #playlistReader{
    border: 2px solid;
    display: block;
    width: 85%;
    padding: 2px;
    height: 250px;
    overflow-y: scroll;
}

.growingMediaTables{
    border: 2px solid;
    display: block !important;
    width: 90% !important;
    padding: 2px !important;
    height: 350px !important;
    overflow-y: scroll !important;
}

.ui-sortable-helper {
    display: table;
}

#playlistList, #playlistItems, #theLibrary{
    float: left;
    margin-right:6px;
    width: 50%;
}

#mediaTitle, #igmpTitle{
    display: inline-block !important;
    float: left !important;
}

#filterLibraryInput{
    display: inline-block !important;
    float: right !important;
    margin: 18px !important;
    margin-top: 4px !important;
}

#playlistList, #playlistItems, #theLibrary, #playlistContent, #playlistReader, #theLibraryTable{
    -moz-transition : all 1s; /* Firefox */
    -webkit-transition : all 1s; /* chrome and safari */
    -o-transition: all 1s; /* Opera */
    transition: all 1s !important;
}

.growingMedia{
    float: left !important;
    margin-right:6px !important;
    width: 32% !important;
}

.listPlayingRow{
    outline: 2px solid !important;
}

.shuffleClass, .selectClass{
    background-color: white !important;
    color: #3766F5 !important;
}

.hoverClass {
    background-color: #9595C7;
    font-weight: bold;
}

#pleaseWait {
    display: none;
    width: 400px;
    background-color: #ffffff;
    padding: 20px;
    position: absolute;
    z-index: 11;
    text-align: center;
}

.mediaFile span{
    display: block;
}

.filenameCutOff{
    font-weight: bold;
}

.mediaFilename{
    width: 100%;
    font-size: 15px;
}

.mediaMetadata{
    font-size: 12px;
    height: 57px;
    /*width: 691px;*/
}

#noFilesFound{
    font-weight: bold;
}

#thumbnailPicker{
    text-align: center;
}

#thumbnailPicker img{
    margin: 5px;
}

.selectedThumbnail{
    border: 5px solid;
    margin:-5px;
}


/*--------------------------*/
/*-----Media Tab Styles-----*/
/*--------------------------*/

.mediaControlsFa{
	cursor: pointer;
	margin-left: 15px;
	color: rgb(201,201,201);
}

#mediaControls, #listMediaControls{
    text-align: right;
    margin-top: -60px !important;
    height: 32px;
    padding: 10px 0;
}

#pauseFile:hover, #pauseListFile:hover{
    color: #2a51c8;
}

#rewindFile:hover, #rewindListFile:hover{
    color: #2a51c8;
}

#stopFile:hover, #stopListFile:hover, #stopStream:hover, .stopEnc:hover{
    color: #c7141c;
}

#nextFile:hover, #nextListFile:hover{
    color: #2a51c8;
}

#fastForwardFile:hover, #fastForwardListFile:hover{
    color: #2a51c8;
}

.stopped, .streamPaused{
    color: #c7141c;
}

.igbutton{
	height:16px;
	width:16px;
}

.leaveEmpty{
	height:16px !important;
}

.md3SButton{
    margin: 12px;
    margin-left: 0px;
}

.igbutton:hover {
    cursor:pointer;cursor:hand;
}

.subheader{
    width: 560px;
}

#igmpSelect{
    //display: inline-block !important;
    //float: left !important;
}

#igmpRemove{
    margin-left: 25px;
}

#igmpTable{
    border: 2px solid;
    height: 120px;
    width: 400px;
}

#igmpTable th{
    background-color: #e6e3e3;
    padding: 2px;
    border: 1px solid black;
}

#igmpTable td{
    text-align: center;
}

#displayManageMediaCont{
    text-align: right;
    margin-top: -40px !important;
}

#analyze{
    display: none;
    position: absolute;
    z-index: 6;
    }

#analyzeLoading{
    width:32px;
    margin: 0 auto;
}

#analyzeform {
    display:block;
}

#resultsContainer, #networkStatsContainer{
    display: none;
    width: 600px;
    background-color: #ffffff;
    padding: 20px;
    position: fixed !important;
    z-index: 11;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);

}

#networkStatsContainer div{
    text-align: center;
}

#networkDivManipControlsContainer{
    float: right;
}

#logResults{
    max-height: 400px;
    margin: 0 auto;
    overflow: auto;
    white-space:pre-wrap;
    border: 1px solid grey;
}

#messageLoading {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#resultsContainer h3{
    text-align: center;
}

.transcoderDiv{
    display: inline-block;
    margin-right: 8px;
    margin-top: -6px !important;
    width: 390px;
}

.transcoderDiv label{
    width: 150px;
    float: left;
    margin-top: 12px;
    font-weight: bold;
}

.transcoderDiv select{
    max-width: 175px;
}

#startTranscodeButton, #stopTranscodeButton{
    float: right;
    padding: 3px 6px 3px 6px;
    margin: 0px 0px 0px 4px;
}

#transcode-tab-button, #encoderStatsTable{
    display: none;
}

.abrSwitch{
	margin-left: 5px;
}

#filterMediaInput{
    width:50%;
}

/*---------------------------*/
/*-----Stream Tab Styles-----*/
/*---------------------------*/

#stream {
    border-bottom:
}

#genlockDiv{
	padding: 9px;
}

.genlockContent{
	display: inline-block;
}

#passwordInput{
	width: 150px;
}

#zixiaddr{
	width: 550px;
}

#streamAddressLrg, #outstreamAddrLrg, #outstreamAddrLrg, #zixistreamaddr, .longInput{
	width: 550px;
}

#metadataTable{
    margin-top: 20px;
}
.streamThumb{
    width:96px;
}

#streamProtocol {
	margin-right: 31px;
}

#streamInTable{
	display: inline;
}

#streamApplyDiv{
	position: relative;
	top: 28px;
}

.ipinputmask{
text-align: left;
}

#outputFilePath{
	width: 500px !important;
}

#srtOutputPassword{
	width: 166px !important;
}

#outputStreamRemuxRate{
    width: 100px !important;
}

#stream label, #outputStream label, #trans-outputs-tab label{
margin:0;
text-align: left;
}

#stream td, #stream th, #outputStream td, #outputStream th, #md3STable td, #md3STable th{
margin:0px 5px;
padding: 1px 5px 1px 5px;
text-align: left;
}

#trans-outputs-tab td, #trans-outputs-tab th{
	margin:0px 5px;
	text-align: left;
}
	

form#stream > div {
width:auto;
display:inline-block;
}

#pingContainer{
display: none;
width: 400px;
background-color: #ffffff;
padding: 20px;
position: absolute;
z-index: 11;
}

#pingStuff, #transcodePingTable{
    padding: 0px;
    /* margin: 5px 0px -20px 15px !important; */
    display: inline-block;
    /* justify-content: space-between; */
}

#stream select, #outputStream select, #fallbackDiv select,#trans-outputs-tab select{
	min-width: 130px;
}

#stream input[type="submit"]:hover, #outputStream input[type="submit"]:hover,#trans-outputs-tab input[type="submit"]:hover {
    color: #ffffff;
}

.inputdiv {
    background-color:#f5f5f5;
}

#streamport, #srtport, #logLocationPort, #sshPort /*, #ftpPort*/{
    width:56px;
}

#rcspPort, #rcspInputPort, #rcspBuffer, #rcspNackInterval, #rcspMaxMissing, #rcspTimeout{
    width:105px;
    text-align:right;
}

#outputStreamPort,#trans-outputs-tab input[type="number"], #outputTtl,#outputSrtPort{
    width:60px !important;
    text-align:left;
}

#streamBuffer {
    width:53px;
    text-align:right;
}
#urlAddressLabel{
		padding-left:0px;
}
#dashInput, #customInput {
	width:550px;
	margin-left:-3px;
}
#rtspInput {
	width: 550px;
	margin-left:-2px;
}
#rcspInput {
    width: 550px;
    margin-left:-2px;
}

#remoteId{
	width: 100px;
	margin-left:-2px;
}
#channelIDInput {
	width: 133px;
	margin-left:-2px;
}
#streamHistory {
	margin-left: 30px;
}

#outputStreamRemoteID, #outputStreamPassword, #outputStreamChannelId, #outputStreamLatency,
#outputStreamMaxBit, #outputStreamMinBit, .srtInput, .zixiInput{
    width: 100px !important;
}

#outputStreamZixiPass, .zixiPassWidth{
	width: 166px !important;
}

.transZixiStyles{
	width: 100px !important;
	text-align: left;
}

.endTimeSpanHide{
	display: none;
}
.spanContainer{
	color: grey;
	border: 1px solid grey;
	border-radius: 6px;
	padding: 7px;
}
.containedInput{
	width: 28px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #5f6163;
	border-radius: 0px;
	margin-left: 2px;
	margin-right: 7px;
	margin-top: 1px;
	margin-bottom: 1px;
}

#redundancyAdd{
    width: 30px;
    border-radius: 30%;
    margin-left: 5px;
    font-weight: bolder;
}
.removeFbBtn{
    left: -5px;
    position: absolute;
    cursor: pointer;
}
.rowHeaders{
    text-align: left;
}

.urlInput{
    width: 550px;
    margin-left: -2px;
}

.notPlaying{
	display: none;
}

.playStyle{
	position: absolute;
	left: -5px;
	width: 19px;
    cursor: pointer;
	margin-top: 10px;
}

#primaryContainer{
	display: block;
}

#primaryHeader{
    display: inline-block;
}

#fallbackHeader{
	margin-bottom: 0;
}
.remoteIdInputStyle{
	width: 102px;
}
.channelIdInputStyle{
	width: 133px;
    margin-left: -2px;
}
.streamportStyle{
	width: 58px;
}
.streamBufferStyle{
	width: 55px;
}
.channelIDInputStyle{
	width: 135px;
}
.latencyValueStyle{
	width: 60px;
}
select.zixiEncTypeStyle{
	width: 90px !important;
}
.zixiEncKeyStyle{/*fallbacks*/
	width: 300px;
}
#zixiEncKey{ /*input field*/
	width: 300px;
}
.inputvals{
	background:inherit;
	margin:0;
	width:30px;
	border:0;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	text-align:right;
}
.inputvalsR0{
	margin-right:0px;
}
.inputvalsL0{
	margin-left:0px;
}
.divvals{
	border:1px solid #808080;
	border-radius:6px;
	display:inline-block;
	padding:0px 4px;
}
.spanStyle{
	vertical-align:0%;
}
.row0{
	height: 30px;
}
.redundLabel{
	background-color: #ababab;
	border-radius: 5px;
	padding: 4px;
}
.fileOption{
	width: 300px !important;
}
/*-------------------------*/
/*-----Help Tab Styles-----*/
/*-------------------------*/

#help-tab #specsHeader, #help-tab #MibHeader{
	display: inline-block;
    text-align: right ;
}

#helpRearView, #helpFrontView{
    margin:20px 0;
}

#help-tab td{
    width: 175px;
    padding:5px;
    border: 1px solid #000000;
    margin: 0px;
}

#help-tab table{
    border-collapse: collapse;
}

/*---------------------------------*/
/*------Transcode 1-n Styles-------*/
/*---------------------------------*/
.routeStats{
    display: none;
}

#enc0label, #enc1label{
	margin: 0px !important;
	padding: 0px !important;
	color: #3766F5;
	font-size: 16px;
	font-weight: bold;
	font-family: calibri, Helvetica, sans-serif;
}

.addRouteContStyles{
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 10px !important;
}

.addRouteSpan{
	font-weight: 800 !important;
}

.addRouteBtn{
	width: 30px;
	border-radius: 30%;
	margin-left: 5px;
	font-weight: bolder;
}

.routesContStyles{
	margin: 0 !important;
}

.routeLabel{
	font-weight: 800 !important;
/* color: #fff;
   background-color: #808080;*/
	margin: 0 !important;
	padding: 5px;
}

.exportForm, .profileForm{
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 10px !important;
}

.profileForm{
	margin-top: 10px !important;
}

.routeFormHide{
	display:none;
}


/*-----------------------------*/
/*------Transcode Styles-------*/
/*-----------------------------*/
.hideAspera{

}
.protocolCell{
    width: 170px !important;
}
.wdAddrWidth{
    width: 700px !important;
}
.wdFull{
    width: 100%;
}
.wdSmaller{
    width: 350px !important;
}
.amazonPass{
	-webkit-text-security: disc;
}
.dataEye{
	cursor: pointer;
	margin-left: 7px;
	color: #c9c9c9;
}
.dataEye:hover{
	color: #2a51c8;
}
.srtPassStyle{
	-webkit-text-security: disc;
	width: 150px !important;
}
.rotateUp{
	-ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.rotateDown{
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.chevron{
	display:none;
	-ms-transition: all 0.3s ease;/* IE 9 Trident, Edge */
	-webkit-transition: all 0.3s ease;/* Chrome Blink, Safari, Opera Blink */
	-moz-transition: all 0.3s ease;/* Firefox Gecko */
	transition: all 0.3s ease;
	width: 15px;
	margin-left: 10px;
}
#transcode-tab h3,#encode-tab h3{
	margin-top: 0;
}
.profilesContainer{
	width: 470px;
}
.transcodeForm{
	margin-top: 14px;
}
.profilesContainer form{
	width: 85%;
}
.profilesContainer table{
	border: 2px solid #3766F5;
	width: 100%;
	height: 330px;
	overflow: scroll;
}
.profileTransBtns,.profileVidBtns,.profileAudBtns{
	display:none;
}
.deleteStyles{
	height: 25px;
}
#trans-transport-tab,#trans-video-tab,#trans-audio-tab{
	width: 100%;
	display: flex;
	flex-direction: row;
}
#transcodeSubTabs{
	margin-bottom: 45px;
}
#transcode-tab th,#encode-tab th{
	text-align: left;
}
#transStreamProtocol{
	width: 130px;
}
#transAudioText{
	margin: 0;
	margin-left: 5px;
	display: inline-block;
}
.srtWidth{
	width: 80px;
	text-align: left;
}
#transcode-tab select, #transcode-tab input[type="number"], #transcode-tab input[type="text"],
#encode-tab select, #encode-tab input[type="number"], #encode-tab input[type="text"]{
	background-color: #ffffff;
}
/* #transcode-tab select{
	min-width: 130px;
} */
#transportName,#videoName,#audioName{
	width: 350px;
}
.profileRow, #snmpInfoContainer{
	display:flex;
	justify-content: space-between;
}
.profileCell{
	overflow: auto;
	display: flex;
	align-items: center;
}
.profileBtnCell{
	width: 90px;
	display: flex;
	justify-content: space-between;
}
.transFilePath{
	width: 500px;
}
.transHlsPath{
	width: 211px;
}
.transRtmpPath, .transRtspPath{
	width: 195px;
}
.profileClick{
	cursor: pointer;
}

#transportNew,#transVidNew,#transAudioNew{
	height:25px;
	margin-top: 10px;
}
.editTransport button,.editTransVid button,.editTransAud button{
	margin:3px;
}
.transFormIssue, .transFormIssue2, .transFormIssue3{
	font-weight: bold;
	color: red;
}
.formBtnStyles{
	display: flex;
	justify-content: space-between;
}
.transFormStyle{
	width:100px;
}
.transKeyStyle{
	width:300px;
}

.halfWidthInt{
	width: 86px;
}

/*-----------------------------*/
/*------Outputs Styles-------*/
/*-----------------------------*/
.checkInput{
    display: none;
}

.size-15 {
    font-size: 1.5em;
}

#importGif{
	width: 1.5em;
}

#importGif{
	display: none;
}

#importProfilesCont{
	margin-bottom:20px !important;
}

#profileHeaders{
	display: flex;
}

#profileHeaders h3{
	margin-right:10px;
}

.exportMsg{
	display:none;
}

/*-----------------------------*/
/*-----helpTab HTML Styles-----*/
/*-----------------------------*/

#helpHeader{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

#secondLoginContainer{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 25px !important;
	margin-bottom: 25px !important;
}

#secondLoginInputs{
	margin-left: 50px;
}

.versionTableContent{
	width: 500px !important;
}

.panelWidth{
	width: 827px;
}

#innerTwo, #innerSeven{
	padding-left: 100px;
}

#innerSevenFirst{
	display: flex;
	flex-direction: row;
    align-items: flex-end;
}

#innerSevenP{
    width: 312px;
}

#logScheme{
	padding-left: 100px;
}

.colorContact{
	background-color: #858585;
}

.contactWidth{
	width: 300px !important;
}

.borderStyle{
    border: 2px solid #ababab;
    border-radius: 10px;
}

.text300{
	width: 300px;
	margin-left: 50px !important;
}

.imgFit{
	width: 50%;
}

.sectionContainer{
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}

.bottom50{
	padding-bottom: 25px !important;
	margin-bottom: 25px !important;
}

/*-----------------------*/
/*-----Status Styles-----*/
/*-----------------------*/
/*-----------------------------------*/

#sdiReset{
	display:none;
}

.metaHeader{
    size: 1.2em;
    color: #3766F5 !important;
}

#metadataTable row{
	display:block;
}

#metadataTable td, #metadataTable th{
    text-align: left;
}

#metadataTable th{
    width:100px;
}

#metadataTable{
    border-spacing: 10px 0px;
    margin-left:-10px !important;
}

span.outputLabel, span.transcodeLabel{
	max-width: 290;
	overflow: hide;
}

#statusButtonContainer{
    text-align: right;
    position: relative;
}

#messageLogButton{
    position: absolute;
    top: 5px;
    left: 4px;
}

#networkStatsContainer {
    display: none;
}

#programNumber{
    text-align: right;
    height: 19px;
    min-width: 90px;
    margin:0;
}
#videoAudioDisable{
	margin:0;
}

#status-tab {
  margin: 2px -3px !important;
  padding: 0px !important;
}

#tabs-status{
	margin: 3px 0 !important;
}

#audioDetailsApply{
	margin-left: 32px;
}

#detailTables{
	display: flex;
	justify-content: flex-start;
}

#videoDetails{
	display: inline-block;
}

#programDetails{
	margin-left: 100px;
	display: inline-block;
}
 
#statusTable{
   overflow: visible;
}

#status-tab td{
    height: 36px;
}

#enc-statistics-tab td{
    height: 18px;
}

#applyAudioPIDContainer{
	width: 50px !important;
}

#audioDelayOne,#audioDelayTwo,#audioDelayThree,#audioDelayFour{
    height: 17px;
    text-align:right;
}

#applyAudioOnePIDContainer,#applyAudioTwoPIDContainer,#applyAudioThreePIDContainer,#applyAudioFourPIDContainer{
    padding-right: 15px;
}

#outputRow, #transcodeRow0, #transcodeRow1, #transcodeRow2, #transcodeRow3{
    display: none;
}

.transRegenBtn{
	margin-left: 10px;
}

.textCenter{
	text-align: center !important;
}

/*--------- STATISTICS-TAB STYLES ---------*/
/*--- kept ids from when they were in modals ---*/
/* #statistics-tag{
	display:flex;
	justify-content: space-around;
} */
.statsMarginTop{
	margin-top: 100px;
}

.transStatsTop{
	margin-top: 40px !important;
}

.transChartConts{
    float: left;
    width: 50%;
    display: none;
}

#chartsContainer,#outputChartsCont{
	width: 100%;
	display: flex;
	/* justify-content: space-around; */
}
#inputStatsContainer,#outputStatsCont{
	width: 100%;
	display: flex;
	justify-content: space-around;
}

#encBig1MbpsGraphCont, #encBig2MbpsGraphCont, #encBig3MbpsGraphCont, #encBig4MbpsGraphCont,
#encodeEBig1MbpsGraphCont, #encodeEBig2MbpsGraphCont, #encodeEBig3MbpsGraphCont, #encodeEBig4MbpsGraphCont{
    height: 320px;
    width: 90%;
}

#mbpsGraphCont,#outputMbpsGraphCont{
	width: 48%;
	height: 320px;
}
#packetsGraphCont,#outputPacketsGraphCont{
	width: 48%;
	height: 300px;
}
#headerMbps, #headerPackets, #encHeaderMbps, #encHeaderPackets{
	padding: 0;
	font-size: 10px;
	text-align: center;
}
#headerMbpsModal, #headerPacketsModal,#outputMbpsHeader,#outputPacketsHeader{
	padding: 0;
	font-size: 18px;
	text-align: center;
}
#statsCharts, #encoderCharts{
	display: flex;
    justify-content: flex-end;
	width: 405px;
	height: 160px;
	margin-bottom: 19px;
}
#mbpsTrigger, #encMbpsTrigger{
	width: 60%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#packetsTrigger{
	width: 33%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#mbpsContainer, #packetsContainer, #encMbpsContainer, #encPacketsContainer{
	width: 100%;
	height: 90px;
}

/*-----------------------------------*/
/*-----Config/Display Tab Styles-----*/
/*-----------------------------------*/

#hdrMetadata{
	margin-left: 10px !important;
	width: 300px;
	word-wrap: break-word;
}

#stat-format-tab{
    width: auto;
 }

.screenFormatColumn label{
    display:block;
    margin:0;
    text-align: left;
}

#resolutionExample, #resolutionExampleCoretec{
    float: right;
    margin: 21px 15px 0px -15px !important;
}

#resolutionExample, #resolutionExample div{
    display: block !important;
    margin-bottom: 50px !important;
}
#resolutionExampleCoretec, #resolutionExampleCoretec div{
    display: block !important;
    margin-bottom: 50px !important;
}

#resolutionExample div{
    border: 2px solid #000000;
    margin:-2px !important;
}
#resolutionExampleCoretec div{
    border: 2px solid #000000;
    margin:-2px !important;
}

#resolutionExample span, #resolutionExample div{
    font-size: 14px;
}
#resolutionExampleCoretec span, #resolutionExampleCoretec div{
    font-size: 14px;
}

#ntsc, #ntscCoretec{
    width: 84px;
    height:50px;
}

#pal, #palCoretec{
    width: 84px;
    height:68px;
}
#seventwen, #seventwenCoretec{
    width: 154px;
    height:86px;
    color: #000;
}
#thousand, #thousandCoretec {
    width: 230px;
    height: 130px;
}

#nineteen20{
	width: 230px;
    height: 155px;
}

#nineText{
	display: block;
	margin-top: 10px;
	margin-left: -50px;
}

#twok, #twokCoretec{
    width: 246px;
    height:130px;
    color: #000000;
}
#twoKText, #twoKTextCoretec{
    position:relative;
    left:160px;
}

#UHD, #UHDCoretec{
    width: 460px;
    height:260px;
    color: #000000;
}

#fourk, #fourkCoretec{
    width: 491px;
    height:260px;
    color:#000000;
    text-indent: 50px;
}

#fourKText, #fourKTextCoretec{
    position:relative;
    left:310px;
}


#edid-info-model{
    max-height: 500px;
    margin: 0 auto;
    overflow: auto;
    white-space: pre-wrap;
    border: 1px solid grey;
}

/*-------------------------------------*/
/*-----Config/Networking Tab Style-----*/
/*-------------------------------------*/

#certMsg, #disabledVPNMsg{
	display: none;
}

#vpnSwitch{
	border-bottom: 1px solid #c9c9c9;
}

#vpnStatus{
	font-family: bebas_neue_regular;
	font-weight: 600;
	padding: 5px;
	margin-right: 16px;
	letter-spacing: .13em;
	color: #fff;
}

#vpnCertDropdown  option[value='false']{
	display: none;
}

#zeroConfContainer{
	display: inline-block;
	margin-right: 129px !important;
}

.trapCommCont{
	margin-left: 50px !important;
}

.trapStyles label{
	width: 100px !important;
	font-weight: 400;
}

.trapStyles{
	display: inline-block;
}

.field-basic {
    overflow:hidden;
    margin-bottom: 4px;
    margin-top:4px;
}

.field-basic label{
    width:160px;
    display:block;
    float:left;
    text-align:left;
    vertical-align: middle;
}

.field-basic .input{
    margin-left:4px;
    float:left;
}

.ethStat{
    height:20px;
}
/* ---------------- */
/*--- t23 styles ---*/
/* ---------------- */
div.eth0.ethFull{
	width: 100%;
}
#splitCont{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#eth0left, #eth0right{
	width: 50%;
}
/* ---------------- */
#routeOff0, #routeOff1{
    display: none;
}

div.wlan0{
    margin-right:6px;
    width: 50%;
}

.ethsNo23 {
    margin-top:0px !important;
    width: 66%;
}

.ethsW23 {
    margin-top:0px !important;
    width: 55%;
}

.ethsW23 > div{
    width: 100% !important;
}

div.eth0, div.eth1 {
    width: 50%;
    float: left;
}

.wirelessNo23{
    margin-right:6px;
    width: 33%;
}

.wirelessW23{
    margin-right:6px;
    width: 45%;
}

#factoryRestore{
    margin: -14px 0px 0px -1px !important;
}

#factoryRestore table{
    display: inline-block;
}

#ethernet-tab-btns{
    float: right;
    margin-top: -36px;
}
.wirelessCheck{
	display:none;
}

#ethSettingsApply{
    text-align: left;
}

#eth0stat, #eth1stat, #wlan1stat{
    font-weight: bold;
}

.networking  .table-cont {
  width:100%;
  overflow:visible;
}

.route50{
    width: 49%;
}

.netRouteLabel{
    margin: 10px;
    margin-left: 0px;
}

.networking > form {
  float:left;
  width:100%;
}

.table-cont > div {
  float:left;
  min-height:211px;
}

#networkTopRow{
	display: flex;
	align-items: flex-start;
}

.DNS{
	display: inline-block;
}

.DNS > div{
    display: inline-block;
    width: 45%;
}

.DNS > hr{
    width: 95%;
    margin-right: 25px;
}

#dnsHeader{
    /* margin-top: 6px !important; */
    margin-bottom: 0px !important;
}

#dnsApplyButton{
    margin-top: -4px !important;
}

#routeManagementContainer > div{
    width:24%;
}

.table-cont h3 {
  margin-bottom: 6px;
}


/*-------------------------*/
/*-----Host Tab Styles-----*/
/*-------------------------*/
.revSshSwitch{
    display: none;
}

.revSshOffCont{
    display: none;
}

.hostTabTr{
	display: flex;
	flex-direction: row;
}
.hostTabTr > div{
	margin-right: 60px !important;
}
.hostDivPad{
	margin-right: 60px !important;
}
#sshPortCont /*, #ftpPortCont*/{
	display: none;
}
.oginfo, .t23info, .9261info{
   display: none;
}
#board_info{
   text-align: left;
}
#board_info th{
	padding-top: 20px;
}
#board_info td, #board_info th{
    padding-right: 10px;
    text-align: left;
    /*border: 1px solid #000000;*/
    margin: 0px;
}
#smbServer{
	width:100px;
}
#hostSubHeader, #transSubMenu{
	display:flex;
	justify-content:space-between;
}
#hostSubmenu{
	display:inline-block;
	border:0px;
}
#hostPingTableCont{
	display: flex;
	justify-content: flex-end;
}
#hostPingTable{
	/* display:inline-block; */
	/* visibility:hidden; */
	display: none;
}
.pingEthStyles{
	/* display:inline-block; */
	font-weight: bold;
	text-align: right;
	width: 100%;
}
#pingEthName{
	width: 100%;
}
#pingEthStyles span{
	width: 100%;
}
#firmwareFile{
    font-weight: bold;
}

#rebootSystemDiv{
    margin-bottom:-50px;
	display: flex;
	justify-content: flex-end;
}

.buttonContainer{
    text-align: right;
}

.uploadFileWide{
    width:700px;
}

#continueUpdate{
    display: inline-block;
}

#firmwareUpdateButtonContainer{
    text-align: right;
}

#host-table th, #host-table td{
    padding:10px;
    text-align: left;
    /*border: 1px solid #000000;*/
    margin: 0px;
}

#host-table th:first-child, #host-table td:first-child{
    padding-left:0px;
}

#host-table{
    border-collapse: collapse;
}

#customTimeSpan{
	color: grey;
	border: 1px solid grey;
	border-radius: 6px;
	padding: 7px;
}

#customTimeSpan input{
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #5f6163;
	border-radius: 0px;
	margin-left: 2px;
	margin-right: 7px;
	margin-top: 1px;
	margin-bottom: 1px;
}

/*-----------------------------------*/
/*-----Jquery UI Overides Styles-----*/
/*-----------------------------------*/

.ui-tabs{
    position: static;
}

.ui-widget-header{
    background:none !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active {
	color: white;
 }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0px !important;
}

li.ui-state-hover > a:hover {
   color:white;
}

div > ul .ui-state-active {
    text-shadow:1px -0px black;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-radius: 0 !important;
}
div  .ui-widget {
    font-family: calibri, Arial, Helvetica, sans-serif;

}

.ui-widget input{
    font-family: calibri, Arial, Helvetica, sans-serif;
}

.ui-widget select {
    font-family: calibri, Arial, Helvetica, sans-serif;
}

.ui-tabs-panel > div.subtabs {
    //margin-left:220px;
    border:none;
    margin-left:0px;
    margin-top:0;
    padding-top:0;
    border-top:0px;
}

.ui-tabs-panel > div.subtabs li a{
    font-size: 20px;
}

li.ui-tabs-active > a.ui-tabs-anchor {
    color:white;
}

.ui-tabs-panel > div.subtabs  > ul {
    background:none;
    border:0;
}

.ui-tabs-panel > div.subtabs  > div#transSubMenu > ul {
    background:none;
    border:0;
}

.ui-tabs-nav > li > a {
    min-width:75px;
}
#PullLabel{
	width:50px;
}

#transcodeVideo{
    display:block;
    width:400px;
    height:225px;
    margin:0px auto;
}

#transcoderVideoContainer{
    width:80%;
    margin-top:30px;
    margin:0px auto;
}


#transcoderVideoContainer h3{
    font-size: 30px;
}

.time label{
    width:70px;
    display:block;
    float:left;
    text-align:left;
    margin-top:12px;
}

#eosMessage {
    width: 150px;
}

#toggleUIDButton{
	width: 137px;
}

#UIDStatusInducater{
    width:12px;
    height:12px;
    display: inline-block;
    margin: 0 !important;
    border-radius: 50%;
}


/*--------------------------------------------*/
/*-----------Feature Key Tab Styles-----------*/
/*--------------------------------------------*/
#scteKeySwitch{
	display:none;
}
#scte35Feature, #scte104Feature{
	display:none;
}

#faspEnabled{
	display:none;
	margin-right: 5px;
}

#systemIDContainer{
    margin: 20px 0px !important;
}

#featureKeyContainer {
    display:block;
}

#featureKeyInput{
    width: 100%;
    font-family: monospace;
}

#stat-features-tab label{
    font-weight: bold;
    display: inline-block;
    width:200px;
}

#featureKeyContainer button{
    width:100px;
    text-align: center;
}

#featureKeyContainer button:disabled{
    background-color: #2ac32a !important;
    border: #2ac32a;
    cursor: default;
}
/*--------------------------------------------*/
/*--------Feature Key Tab Styles--------------*/
/*--------------------------------------------*/

#systemIDContainer{
    margin: 20px 0px !important;
}

#featureKeyContainer {
    display:block;
}

#featureKeyInput{
    width: 100%;
    font-family: monospace;
}

#stat-features-tab label{
    font-weight: bold;
    display: inline-block;
    width:200px;
}

#featureKeyContainer button{
    width:100px;
    text-align: center;
}

#featureKeyContainer button:disabled{
    background-color: #2ac32a !important;
    border: #2ac32a;
    cursor: default;
}