especificos-videos/front/css/style.css

body,html{
	width: 100%;
	min-height: 100%;
	margin: 0px 0px;
	font-family: Century Gothic, sans-serif;
}
#uploadedTable .btn { padding: 2px 6px; }
#uploadedTable td {
	max-width:270px;
}
#uploadedTable td:nth-child(4) {
	font-size: 13px;
	
}
.modal-content { position:fixed !important; left: 5%; right: 5%; width: 90%; top: 5%; height: 90%; }
.modal-content > .ng-scope { background-color:white; }
.column { width:50%; float:left;}
div > .column::after{clear:both;}

.warn { background-color:#E7DFBB !important; color:black;}
a:focus{ color:white !important; }
.navbar{
	width: 100%;
/*	height: 60px;*/
	background-color: #324875;
	color: white;
	font-family: Century Gothic, sans-serif;
}

.nav-wrap{
	padding-top: 6px;
	padding-left: 10px;
}

.menu{
	float:right;
	margin-top: 14px;
	margin-right: 50px;
	text-transform: capitalize;
	font-size: 11pt;
}

.menu li{
	display: inline;
	list-style-type: none;
	margin-left: 10px;
}
.menu a{
	color: white;
	text-decoration: none;

}

.menu a:hover{
	color: #CCCCCC;
}
.clear{
	clear: both;
}

.container{
	width: 60%;
	min-width:1300px;
	height: 100%;
	margin: 0px auto;
	background-color: #F3F6F9;
	padding: 20px;
}

.columnas{ width:100%;  }
.columnLeft, .columnRight {
	width:47%;
	margin:1%;
	margin-left: 0px;
	float:left;
}
.labelblock label {
	display:inline-block;
	min-width: 90px;
	margin-bottom: 5px;
	font-size:15px;
}

.labelblock{
	margin-bottom: 10px;
}

#ex1, #ex2 {
	width: 80%;
	display:inline-block;
}

#ex1_value, #ex2_value{
	color: #324875;
	font-weight: bold;
	font-size: 12pt;
}
#cantidad { width:60px; }

.form-control{
    height: 25px;
    width: 100%;
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #324875;
    outline:0;
}

h1{
	color: #324875;
	font-size: 20pt;
	margin-top: 0px;
}

.best-table{
	width: 100%;
	font-size:15px;
	border-spacing:0px;
}
.best-table th{
	color: #324875;
font-weight: bold;
font-size: 11pt;
padding: 10px 8px;
text-transform: uppercase;
}

.best-table td{
	border-bottom: 1px solid #CCC;
color: #4D4D4D;
padding: 6px 8px;
text-align: center;
}

.best-table tr{
	border-bottom: 2px solid #6678B1;
}

.product-cell{
	width: 50%;
}

.delete{
	border: none!important;
	cursor:pointer;
	color: #324875;

}

.total-table{
	width: 60%!important;
	margin: 0px 45%!important;
	margin-top: 20px;
}

.css-button{
	text-transform: uppercase;
    text-decoration: inherit;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #3866A3;
    padding: 6px 14px;
    cursor: pointer;
    color: #FFFFFF;
    display: inline-block;
    background-color: #324875;
}

.css-button:hover {
    background-color: #56688C;
}

.css-button:active {
    position:relative;
    top: 1px;
}

.factura-datos{
	color: #324875;
	font-weight: bold;
	font-size: 12pt;
	padding: 10px 8px;
}

.preview{
	border: 1px solid #D6DAE3;
	padding: 20px;
	margin: 20px 0px;
}

.best-table img{
	width: 15px;
	cursor: pointer;
}

.best-table .tleft td { text-align:left !important;}
.left {float:left;}
.right{float:right;}

#camaras > img { max-width: 45%; }

@media print {
	.noimprimir { display: none; }
	a:after{ content: "" !important; }
	html, body {
		width: 210mm;
		height: 297mm;
		font-size: 10px !important;
	}

	table { table-layout: fixed !important; width: 95%; }
	td:first-child, th:first-child { width: 200px !important }
	table td, table th {
		margin:0px;
		border-spacing:0px;
		border: 0px;
		width: 100px;
		overflow: hidden;
		display: inline-block;
		white-space: nowrap;
	}
	@page {
		size: A4 portrait;
		margin: 6mm 6mm 6mm 6mm;

	}

}

ul.video-tabs{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	background-color: #324875;
	margin-bottom: 10px;
}

ul.video-tabs li {
    float: left;
}

ul.video-tabs li a {
	color: white;
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.video-tabs li a:hover {
    background-color: #337ab7;
}

ul.video-tabs li a.active-tab {
	background-color: #337ab7;
}

button.btn-send {
	background-color: #324875;
	color: white
}

button.btn-send:hover{
	background-color: #337ab7;
	color: white
}