/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */
.sendButton {
	display: block;
	font-size: 16pt;
}

.powerdby {
	margin-right: 5px;
}

table {
	font-size: 14px;
}

video::-internal-media-controls-download-button {
	display: none;
}

video::-webkit-media-controls-enclosure {
	overflow: hidden;
}

/* video::-webkit-media-controls-panel { */
/* 	width: calc(100% + 30px); Adjust as needed */
/* } */
.btn.disabled, .btn[disabled] {
	background-color: grey !important;
}

.navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover {
	color: rgb(153, 153, 153) !important;
}

.ytCheckbox {
	margin: 0px;
}

.white-bold-text {
		color: white;
		font-weight: bold;
	}

.whiteFont {
	color: white !important;
}

.nextDisabled .icon-step-forward {
	color: grey !important;
}

.previousDisabled .icon-step-backward, .previousDisabled .icon-fast-backward
	{
	color: grey !important;
}

.masterAssetControl {
	border-radius: 17px 17px 17px 17px;
	-moz-border-radius: 17px 17px 17px 17px;
	-webkit-border-radius: 17px 17px 17px 17px;
	border: 1px solid #000000;
	margin-bottom: 5px;
	width: 100%;
	background-color: rgba(81, 163, 81, 0.1);
	border-collapse: initial;
}

.assetControl {
	border-radius: 17px 17px 17px 17px;
	-moz-border-radius: 17px 17px 17px 17px;
	-webkit-border-radius: 17px 17px 17px 17px;
	border: 1px solid #000000;
	margin-bottom: 5px;
	width: 100%;
	border-collapse: initial;
}

.videoControlSliderContainer .slider.slider-vertical {
	height: 50px !important;
}

.navbar-inverse .brand, .navbar-inverse .nav>li>a {
	color: #999;
	text-shadow: none !important;
	text-decoration: none !important;
}

.nohoverbrand:hover {
	color: #999 !important;
	text-shadow: none !important;
	text-decoration: none !important;
}

.slider-handle {
	position: absolute;
	width: 16px !important;
	height: 16px !important;
	/* 	background: */ /* 		url('assets/1441818027_f-circle_128.png'); */
	background-image: url('assets/26548.png') !important;
	filter: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	opacity: none !important;
	border: 0 solid transparent;
}

.labelnooverflow {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}

.slider-track {
	position: absolute;
	/*     cursor: pointer; */ /*     background: #9F9F9F; */
	cursor: pointer;
	background: #EEEEEE;
	background-image: none !important;
	background-image: none !important;
	background-repeat: none !important;
	filter: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 4px;
}

.slider.slider-vertical .slider-track {
	width: 5px !important;
}

.slider.slider-horizontal .slider-track {
	height: 5px !important;
}

.slider-selection {
	background: #FFFFFF;
	position: absolute;
	/*     cursor: pointer; */ /*     background: #9F9F9F; */
	background-image: none !important;
	background-image: none !important;
	background-repeat: none !important;
	filter: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 4px;
}

.greyBackground {
	background-image: url(assets/grey_wash_wall.png) !important;
	background-repeat: repeat;
}

.blackBackground {
	background-color: rgb(38, 38, 38);
}
/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.GWTUpld form, .GWTUpld .upld-form-elements {
	padding: 0;
	vertical-align: top;
	margin: 0px;
}

.smallerDG table {
	/* 	margin-right: 12px !important;  */
	
}

.modal-header h3 {
	font-size: 14px !important;
}

select{
	margin-bottom: unset !important;
}

.mvdg select {
	width: 160px !important;
	background-color: #fff;
	border: 1px solid #ccc;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
}

.hero-unit {
	background-color: #413D3D80 !important;
	padding: 40px !important;
	padding-bottom: 20px !important;
	
}

.hoverIcon {
	position: absolute;
	text-align: center;
	opacity: 0.5;
	margin: auto;
	color: silver !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: always;
	text-shadow: 1px 1px 3px #888888;
}

.lockIcon {
	position: absolute;
	text-align: right;
	pointer-events: none;
	right: 10px !important;
	color: red !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: always;
	text-shadow: 1px 1px 3px #888888;
}

.animatedBar {
	/* -webkit-animation: progress-bar-stripes 2s linear infinite; */
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

.btn-link{
	color: white !important;
	text-shadow: none !important;
}
.icon-volume-up {
	color: white;
}


.fileUpload {
	position: relative;
	overflow: hidden;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 !important;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.cursorNotAllowed {
	cursor: not-allowed;
	filter:
		url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%)
}

.cursorPointer {
	cursor: pointer;
}

.hoverIcon:hover {
	cursor: pointer !important;
	opacity: 0.95 !important;
	text-shadow: 0 0 0.2em #00a7e1, 0 0 0.2em #00a7e1, 0 0 0.2em #00a7e1;
}



.dialogVPanel {
	margin: 5px;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
	width: 95% !important;
}

.serverResponseLabelError {
	color: red;
}

input[type="text"] {
	margin-bottom: 0px !important;
	border-radius: 5px !important;
	margin-left: 30px;
}

.input-append, .input-prepend {
	display: inline-block;
	margin-bottom: 0px !important;
	font-size: 0;
	white-space: nowrap;
	vertical-align: middle;
}

.modal-body {
	max-height: 600px !important;
	vertical-align: middle !important;
}

.flagBox {
	padding-right: 10px;
}

.imgBox  td {
	margin-bottom: 6px;
	margin-top: 6px;
}

.addLanguageCombo {
	margin-left: 0px !important;
	margin-right: 5px !important;
}

.assetDatagrid {
	margin-right: 12px !important;
}

.assetDatagrid td div {
	/*     white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	/* 		margin-right: 12px !important; */
}

.com-github-gwtbootstrap-client-ui-DataGrid-Style-dataGridWidget .com-google-gwt-resources-client-CommonResources-InlineBlockStyle-inlineBlock
	{
	/* 	margin-right: 12px !important; */
	
}
/* .table-striped{ */
/* 	margin-right: 10px !important; */
/* } */
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th
	{
	background-color: #f9f9f930 !important;
	padding-bottom: 3px;
	padding-top: 3px;
}

select {
	/* 	width: 220px; */ /* 	background-color: #fff; */
	/* 	border: 1px solid #ccc; */
	margin-left: 30px !important;
	/* 	margin-right: 30px !important; */
}
.table-striped{
	color: #bebebe;
	font-weight: bold;
	
}
.table-striped tbody>tr:nth-child(even)>td, .table-striped tbody>tr:nth-child(even)>th
	{
	background-color: #f9f9f950 !important;
	padding-bottom: 3px;
	padding-top: 3px;

	/* 	height: 100px; */
}

.imgBox:hover {
	box-shadow: 3px 3px 3px #555555;
}

.imgBox {
	width: auto\9;
	height: auto;
	max-width: none !important;
	vertical-align: middle;
	box-shadow: 3px 3px 3px #888888;
	border-radius: 7px;
	-ms-interpolation-mode: bicubic;
	margin: 10px;
}

/* .imgBox:hover { */
/* 	background: */
/* 		url('assets/thumbnails/35224E86-5231-4F68-982E-CE5E271B4311.png'); */
/* 	opacity: 0.4; */
/* 	filter: alpha(opacity = 40); msie */
/* } */
input[type="password"] {
	margin-bottom: 0px !important;
	margin-left: 30px;
}

/* .thumb{ */
/*   width: auto\9; */
/*   height: auto; */
/*   max-width: 100%; */
/*   vertical-align: middle; */
/*    box-shadow: 2px 2px 3px #888888; */
/*   border: 0; */
/*   border: 2px solid #a1a1a1; */
/*   border-radius: 3px; */
/*   -ms-interpolation-mode: bicubic; */
/* } */
.dataGridHeader {
	text-shadow: none !important;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px !important;
	padding-bottom: 3px;
	padding-left: 0px !important;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgb(111, 114, 119);
}

.languageSelectAssetScreen {
	margin-left: 0px !important;
}

.mvheader {
	color: #bebebe;
	text-decoration: none;
	font-size-adjust: none;
	text-shadow: none !important;;
	text-transform: none;
	font-variant: normal;
	font-stretch: normal;
	font-style: normal;
	font-size: 15px;
	vertical-align: middle !important;
	text-align: center;
	font-weight: bold !important;
	background: transparent;
	padding-top: 0px !important;
	padding-right: 5px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

.smalltext {
	font-size: 13px !important;
	color: rgb(80, 80, 80); ! important;
	font-weight: normal !important;
	background: transparent; ! important;
	height: 100%; ! important;
	vertical-align: middle;
	!
	important;
}

.mvprogress {
	/* 	color: rgb(80, 80, 80);  */
	background-color: #646464 !important;;
	border-radius: 4px; ! important;
	background-image: linear-gradient(to bottom, #646464, #7F7F7F)
		!important;
	filter: none !important;
	/* 	background-repeat: repeat-x; */
	height: 100% !important;
	margin-right: 10px;
	margin-top: 17px;
}

.middle {
	
}

.sevPad i {
	min-width: 20px !important;
	width: 20px !important;
	max-width: 20px !important;
	display: block !important;
	float: left !important;
	text-align: center !important;
	margin: 1px 4px 0 0 !important;
}

.nav .dropdown-menu {
	min-width: 180px !important;
}

.nav .dropdown-menu i {
	min-width: 20px !important;
	width: 20px !important;
	max-width: 20px !important;
	display: block !important;
	float: left !important;
	text-align: center !important;
	margin: 5px 2px 0 0 !important;
}