html{
    height: 100%;
}
body {
	background-color: #ffffff;
	padding-bottom: 20px;
}

.disabled {
  color: gray;
}

#main-nav-bar  {
	z-index: 200;
}

.fixedTopSelector {
	position: relative;
	background: #fff;
	overflow: hidden;
	background-color: transparent;
	padding-top: 20px;
}

#ssid-text-label {
  display: inline-block;
  text-shadow: 0 1px 0 rgba(255,255,255,.25);
  color: #717171;
}

@media only screen and (min-width: 768px) {
  .fixedTopSelector {
    position: absolute;
    right: 0px;
    top: 31px;
    height: 5px;
    z-index: 100;
    margin: 20px;
    display: table;
    padding-top: 0px;
  }

  .fixedTopSelector #ssid-text-label {
    font-size: 0.9em;
  }

  .fixedTopSelector .selectorContainer {
    margin-right: 20px;
    /* Set to 0 if you don't want shadow at the right side */
    margin-left: 20px;
    /* Set to 20px if you want shadow at the left side */
    margin-top: 0px; /* Set to 20px if you want shadow at the top side */
    margin-bottom: 20px;
    /* Set to 20px if you want shadow at the bottom side */
    box-shadow: 0px 0px 20px black;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    height: 30px;
    text-align: center;
    background-color: #e7e7e7;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
  }
}

@media only screen and (max-width: 480px) {
  /*
	.fixedTopSelector {
		margin: 20px 0px 20px 20px;
	}
	.fixedTopSelector .selectorContainer {	 
		margin-right: 10px;
	}*/
	#myNavbar {
		margin-bottom: 30px;
	}
}

#myNavbar > .container-fluid {
	background-color: #1e0000;
}

#networkSelector {
	cursor: pointer;
}

.form-signin {
  max-width: 330px;
  padding: 15px 15px 0;
  margin: 0 auto -5px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.category_lnk:active,
.category_lnk:hover,
.category_lnk:visited,
.category_lnk:link,
.category_lnk {
    text-decoration: none;
    color: #FFFFFF;
}
.login-container {
    max-width:400px;
	background: #DADADA;
	border:7px solid rgba(255, 255, 255, 0.31);
	-webkit-background-clip: padding-box; /* for Safari */
	-moz-background-clip: padding-box; /* for old Firefox */
	-o-background-clip: padding-box; /* for old Firefox */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-bottom: 20px;
	align-items:center;
}
.login-container .bottom-row {
    position: fixed;
    bottom:0;
}

.login-logo {
	 text-align: center;
	 padding: 15px 0 10px;
     background-color: #161819;
}
 .img {
        float: center;
        opacity: 0.4;
    }
 .img .bar {
        display: block;
    }
.login-btn-primary{
	background-color: #161819;
	color:#fff;
	border-color: #161819;
}

.info,
.error {
	display: none;
	color: red;
	font-family: sans-serif,Arial,"Helvetica Neue",Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    padding-left: 20px;
}

.info {
	color: green;
}

.changepassword-container {
    max-width:700px;
	background: #DADADA;
	align-items: center;
	border:7px solid rgba(255, 255, 255, 0.31);
	-webkit-background-clip: padding-box; /* for Safari */
	-moz-background-clip: padding-box; /* for old Firefox */
	-o-background-clip: padding-box; /* for old Firefox */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-bottom: 20px;
}

#footer{color:#242526;left:0;margin:0 auto;position:relative;text-align:center;}
#footer hr{margin-top:25px;margin-bottom:10px;}
#footer ul li{float:left;list-style-type:none;padding-right:24px;}
#footer ul li a{color:#242526;text-decoration:none;}

#pagePanel {
    color: #000000;
    font-family: sans-serif,Arial,"Helvetica Neue",Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    min-height: 380px;
}
#pagePanel .personal-info .tab-content {
	color: #000000;
}

.personal-info .nav-tabs {
  float: left;
  border-bottom: 0;
  width: 200px;
}
.personal-info .nav-tabs li {
  float: none;
  margin: 0;
}
.personal-info .nav-tabs li a {
  margin-right: 0;
  margin-bottom: 2px;
  border: 0;
  border-radius: 0 0 0 0;
}
.personal-info .nav-tabs .glyphicon { color: #fff; }
.personal-info .nav-tabs .active .glyphicon { color: #333; }
.personal-info .nav-tabs > li.active > a,
.personal-info .nav-tabs > li.active > a:hover,
.personal-info .nav-tabs > li.active > a:focus { border: 0; }
.personal-info .tab-content { margin-left: 0px; }
.personal-info-container .personal-info {
  background-color: #fff;
  padding: 1.6rem;
}
.personal-info .tab-content .tab-pane {
  display: none;
  background-color: #fff;
  padding: 1.6rem;
  overflow-y: auto;
}
.personal-info .tab-content .tab-pane.active { display: block; }

.field-hint {
	color: gray;
	display: block;
	position: relative;
	top: -4px;
}
/* Tablet Portrait Size to Tablet Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px){
	#login-block {	 
		margin: 0 auto;
		width: 420px;
	}
}

.center-form  {
	min-height: 100%; /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)       */
	display: flex;
	align-items: center;
	width: 90%;
	max-width: 700px;
	padding: 15px;
	margin: 0 auto;
}

#uploadForm .file-caption-name {
	max-width: 300px;
}

.browse-top-nav .btn {
	display: inline-block;
	margin: 10px 0px 10px 6px;
}
.browse-top-nav .navbar-nav {
	margin-left: 10px;
}

.browse-top-nav .navbar-brand {
	font-size: 36px;
	color: #FFFFFF;	
}
.navbar-default .navbar-nav>li>a{
	color: #FFFFFF;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #f0ad4e;
}
.browse-top-nav a.btn-circle {
	text-align: center;
	padding: 8px 8px;
	font-size: 12px;
	border-radius: 20px;
	width: 34px;
	margin: 0px;
	display: inline-block;
	margin-top: 8px;
}


@media (min-width: 768px)
.browse-top-nav .navbar-nav>li>a.btn-circle {
	padding: 6px 8px;
}

.dlg-ctrl-hint {
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	color: red;
	/*padding-top: 20px;
	padding-left: 20px;*/

	margin-top: 0px;
	margin-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;	
    position: relative;
    top: 10px;
    left: 0px;
}

.dlg-ctrl-warn {
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: red;
	/*padding-top: 20px;
	padding-left: 20px;*/

	margin-top: 0px;
	margin-bottom: 10px;
    padding-left: 0px;
    margin-right: 10px;
    padding-top: 0px;	
    position: relative;
    top: 10px;
    left: 10px;
}

.dlg-ctrl-info {
	text-align: center;
	font-weight: normal;
	font-style: italic;
	/*padding-top: 20px;
	padding-left: 20px;*/

	margin-top: 0px;
	margin-bottom: 10px;
    padding-left: 0px;
    margin-right: 10px;
    padding-top: 0px;	
    position: relative;
    top: 10px;
    left: 10px;
}

.input-group-addon.left-border-round,
.left-border-round {
	border-left: 1px solid #ccc;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#extendServiceDate {
	margin-right: 20px;
}

.navbar-root-lnk {
	color: #FFFFFF;
    font-size: 2.2em;
    margin: 6px 0px 10px;
}

.navbar-root-lnk>a:active,
.navbar-root-lnk>a:hover,
.navbar-root-lnk>a:visited,
.navbar-root-lnk>a:link,
.navbar-root-lnk>a {
    text-decoration: none;
    color: #FFFFFF;
}

.browse-top-nav .navbar,
.browse-top-nav .navbar-breadcrumb {
	margin-bottom: 0px;
}

.browse-top-nav .breadcrumb .bcitem:active,
.browse-top-nav .breadcrumb .bcitem:visited,
.browse-top-nav .breadcrumb .bcitem:link,
.browse-top-nav .breadcrumb .bcitem {
    text-decoration: none;
    color: #FEB96D;
    font-size: 1.2em;
}

.browse-top-nav .breadcrumb .active.bcitem:hover,
.browse-top-nav .breadcrumb .active.bcitem {
	color: #DCDCDC;
	text-decoration: none;
	cursor: default;
}

.browse-top-nav .breadcrumb .bcitem:hover,
.browse-top-nav .breadcrumb .bcitem:hover {
    text-decoration: underline;
    cursor: pointer;
}

.browse-top-nav .breadcrumb > li {
	height: 26px;
	padding: 0px;
	margin: 0px;
}

.browse-top-nav .breadcrumb {
	background-color: transparent;
	margin-bottom: 6px;
	padding: 8px 15px 0px 15px;
}

.browse-top-nav .breadcrumb .navbar-brand {
	height: 30px;
}

.file-lnk:active,
.file-lnk:visited,
.file-lnk:link,
.file-lnk {
	color: #FEB96D;
	text-decoration: none;
}

.file-lnk:hover {
	color: #FEB96D;
	text-decoration: underline;
}

.file-lnk[disabled=true]  {
	color: #C6A178;
	text-decoration: none;
	cursor: default;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #F5F5F5;
}
.table-hover tbody tr.active td, .table-hover tbody tr.active th {
	background-color: #F5F5F5;
}
.table-hover tbody tr.active:hover td, .table-hover tbody tr.active:hover th {
	background-color: #F5F5F5;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #F5F5F5;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 6px;
	line-height: 1;
	vertical-align: middle;
	border-top: 1px solid #0A455F;
}
	
.autoscroll-container {
	overflow: auto;
}

.delete-btn img {
	width: 16px;
	height: 16px;
}
/*
#modal {
	position: absolute;
}*/

.files-list-table {
	table-layout: fixed;
}
.files-list-table td {
	overflow: hidden;
	text-overflow: ellipsis;
}
.files-list-table .btn-xs, .btn-group-xs>.btn {
	line-height: 1.0;
}

.file-details-ext {
	display: none;
}
.file-type {
	white-space: nowrap;
}
@media only screen and (max-width: 480px) {
	.file-details-ext {
		display: block;
		padding-top: 6px;
	}
	.hidden-on-small-screen {
		display: none;
	}
}

video {
	max-width: 100%;
	height: auto;
}

.test-setup-container .tab-pane input {
	color: #063D54;
}
.test-setup-container .tab-pane {
	padding: 20px 0px 10px 0px;
}

#addTestSetupBtn {
	margin-left: 20px;
}

.del-tab-btn {
	margin-left: 10px;
	cursor: pointer;
}

#search-region,
#search-result-region {
	padding: 10px;
}

.bootstrap-datetimepicker-widget {
	color: #063D54;
}

li.disabled a {
   pointer-events: none;
   cursor: default;
}

a.prod-page-lnk.disabled {
   pointer-events: none;
   cursor: default;
}

a.page-lnk.disabled {
   pointer-events: none;
   cursor: default;
}

a.usr-page-lnk.disabled {
   pointer-events: none;
   cursor: default;
}

#hotspots option,
#hotspots {
	max-width: 200px;
	overflow: hidden;
}

.btn.btn-file {
	margin: 0px;
	padding: 0px;
}

.btn-file button {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;	
}

.upload-view .input-group-btn {
	top: -1px;
}

#extendServicePane .bootstrap-datetimepicker-widget td span {
	display: inline-block;
	width: 56px;
	height: 30px;
	line-height: 30px;
	margin: 2px 0px;
	cursor: pointer;
	border-radius: 4px;
}
#extendServicePane .bootstrap-datetimepicker-widget td {
	height: 30px;
	line-height: 30px;
	width: 54px;
}

.invisible-input {
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px solid transparent;
}

.confirm-text {
	display: inline-block;
	width: 100%;
	white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}

.upload-on {
	-webkit-animation: upload-progress 1s infinite;
	-moz-animation: upload-progress 1s infinite;
	-o-animation: upload-progress 1s infinite;
	-ms-animation: upload-progress 1s infinite;
	animation: upload-progress 1s infinite;
}

@-webkit-keyframes upload-progress {
    0% { color: #4D4D4D; }
    50% { color: #1C8F2D; }
    100% { color: #4D4D4D; }
}
@-moz-keyframes upload-progress {
    0% { color: #4D4D4D; }
    50% { color: #1C8F2D; }
    100% { color: #4D4D4D; }
}
@-ms-keyframes upload-progress {
    0% { color: #4D4D4D; }
    50% { color: #1C8F2D; }
    100% { color: #4D4D4D; }
}
@-o-keyframes upload-progress {
    0% { color: #4D4D4D; }
    50% { color: #1C8F2D; }
    100% { color: #4D4D4D; }
}
@keyframes upload-progress {
    0% { color: #4D4D4D; }
    50% { color: #1C8F2D; }
    100% { color: #4D4D4D; }
}

#transcodingList {
	position: fixed;
	bottom: 4px;
	right: 4px;
	display: none;
	max-width: 90%;
	height: 36px;
	
	color: #777;
	
	font-size: 0.9em;	
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 2px;
	box-shadow: 0px 0px 10px black;
}

#transcodingList .input-group {
	position: absolute;
	right: 2px;
	top: 0px;
}
#transcodingList .transcoding-details {
	position: absolute;
	right: 7px;
	top: 6px;
	text-decoration: none;
}
#transcodingList .input-group-addon {
	width: 16px;
	height: 16px;
	padding-bottom: 8px;
	padding-top: 8px;
}
#transcodingList .input-group-addon.trx-off {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.input-group .form-control .trx-short-text {
	display: inline-block;
	max-width: 240px;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 80px;
	text-overflow: ellipsis;
}
.transcoding-list {
	max-height: 200px;
	overflow-y: auto;
}

.transcoding-list .list-group-item {
	padding: 6px 15px;
}

.navbar-brand img {
  height: 36px;
  position: absolute;
  top: -7px;
}

#logoutLink:hover {
	cursor:pointer;
}

#forget-password:hover {
	cursor:pointer;
}

#support-link-list {
	font-size: 14px;
}

.common-dialog-template .close-dlg-btn {
	display: none;
}

.errorBox .common-dialog-template .close-dlg-btn {
	display: inline;
}
.errorBox .common-dialog-template #confirm-btn,
.errorBox .common-dialog-template .cancel-dlg-btn {
	display: none;
}

.table>thead>tr>th.select-all-btn {
	padding: 0px;
}
.table>thead>tr>th.select-all-btn div {
	min-height: 28px;
}
.select-all-btn .select-btn {
	margin-left: 0px;
}
.btn-sm, .btn-group-sm>.btn {
    padding: 4px 10px;
}

/* ==================================================== */
/*			Tree View 									*/
/* ==================================================== */
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:4px;
}
.indicator-open {
    margin-right:5px;
    margin-top: 7px;
    vertical-align: top;
    font-size: 0.7em;
    border: 1px solid grey;
    padding: 0px 1px 1px 1px;
}
.tree .indicator-load {
	background-image: url("../images/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 16px;
}

.tree li a {
    text-decoration: none;
    color:#369;
    padding-left: 5px;
    padding-right: 10px;
}
.tree li a.active {
	background-color: #0C5777;
	color: #fff;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
/* ==================================================== */

.modal-body .tree-container {
	overflow: auto;
}

.modal .modal-dialog .show-history{ width: 80%; }

.cc-exp-m-selector {
   padding-right: 2px;
}
.cc-exp-y-selector {
   padding-left: 2px;
}
.cc-cvv-selector {
   padding-left: 0px;
   padding-right: 0px;
}



.account-detail-view {
	overflow: auto;
}

#pagePanel {
	/*overflow: auto;*/
	position: relative;
}

#pageNavigation nav .pagination,
#pageNavigation .navbar-form {
	margin: 0px 0px 8px 0px;
}
#pageNavigation .navbar-form .navbar-text {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 8px;
    margin-bottom: 4px;
}

.form-horizontal.order-form .control-group {
  clear: both;
  margin-top: 20px;
}

.form-horizontal.order-form .form-input {
  min-width: 240px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #eee;
  vertical-align:  middle;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  height: 100%;
}
.form-horizontal.order-form .controls {
  margin-left: 200px;
  height: 30px;
}

@media (max-width: 600px) {
  .form-horizontal.order-form .control-label {
  width: 200px;
  }

  .form-horizontal.order-form .controls {
    margin-left: 0px;
  }
}