/*
	ESTILO PROPIO PAGINA TICKETS SITCOM IT
	Fecha creacion: 	12/11/2015
	Autor: 				Mikel Parra

*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/*
	Solo permitir agrandar los textarea
	verticalmente
*/
textarea {
	resize: vertical;	
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

.background {
	background-image:	url(../img/bg.png);	
}

.navbar-brand {
	padding-top: 10px;	
}

.btn_sitcom {
	margin-right: 0.5em;
	text-transform: uppercase;
	border-radius: 0px;
	background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(56,116,180,1) 100%);
	color: white;
	font-weight: bold;
	padding: 0.7em;
}

.btn_sitcom:hover {
	color: white;	
}

.text_sitcom {
	color: rgba(56,116,180,1);	
}

/* OVERLAY LOADER */
#overlay {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: transparent radial-gradient(ellipse at center center , rgba(73,155,234,0.5) 0%, rgba(56,116,180,0.5) 100%) repeat scroll 0% 0%;
	transition: 1s 0.4s;
}

div#loader {
    display: block;
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background:url(../img/loader.GIF) no-repeat center;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    margin-left: -50px;
    margin-top: -50px;
    z-index:2;
    overflow: auto;
}
/* FIN OVERLAY LOADER */

.capa_login {
	margin-top: 2em;	
}

/* MODAL LOGIN */
.modal .modal-header {
    border: medium none;
    background: transparent linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(56,116,180,1) 100%) repeat scroll 0% 0% padding-box;
    color: #FFF;
    border-radius: 1px 1px 0px 0px;
}

.modal .modal-header .modal-title {
	font-weight: bold;
	font-size: 14px;
}

.close {
	color: #000;
	opacity: 1;
}

.close:hover {
	color: white;
}

.input-group {
	width: 100%;
	margin: 0;
	padding: 0.5em;
}

.input-group input[type="text"], input[type="password"], input[type="email"], input[type="time"], input[type="tel"] {
    box-shadow: none;
    padding: 11px 13px 13px 39px;
    height: auto;
	border-radius: 4px;
}

.input-group select {
	box-shadow: none;
    padding: 11px 13px 13px 13px;
    height: auto;
	border-radius: 4px;
}

.input_adjunto {
	padding: 11px 13px 13px 13px !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;	
}

.icono_form {
	color: rgba(0, 0, 0, 0.6);
	position: absolute;
	z-index: 99;
	font-size: 20px;
	padding: 12px 0px 13px;
	width: 50px;
	text-align: center;
	left: 2px;
}

#modal_msg .modal-header .close {
	margin-top: -10px;	
}
/* FIN MODAL LOGIN */

.btn-file {
	position: relative;
	overflow: hidden;
	padding: 0.86em;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}
input[readonly] {
	background-color: white !important;
	cursor: text !important;
}

#web_content {
	background-color: #FFF;
	box-shadow: 0px 0px 14px 1px #B5B5B5;
	border-radius: 14px;
	padding: 2em;
}

.estado_registrado {
	width: 100px;
	height: 50px;
	padding: 0.5em;
	background-color: gray;
	color: white;
	font-size: 11px;
}

.estado_progreso {
	width: 100px;
	height: 50px;
	padding: 0.5em;
	background-color: #61210B;
	color: white;
	font-size: 11px;
}

.estado_contestado {
	width: 100px;
	height: 50px;
	padding: 0.5em;
	background-color: blue;
	color: white;
	font-size: 11px;
}

.estado_respondido {
	width: 100px;
	height: 50px;
	padding: 0.5em;
	background-color: orange;
	color: white;
	font-size: 11px;
}

.estado_resuelto {
	width: 100px;
	height: 50px;
	padding: 0.5em;
	background-color: green;
	color: white;
	font-size: 11px;
}

.estado_reabierto {
	width: 100px;
	height: 50px;
	padding: 0.5em;
	background-color: black;
	color: white;
	font-size: 11px;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #F2F2F2;
}

#lista_acciones {
	margin-left: -5.5em;	
}

.align_center {
	text-align: center;
}

.red {
	color: red;
}

.yellow {
	color: yellow;
}

.green {
	color: green;
}

.black {
	color: black;	
}

.btn_cancelar {
	color:gray;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

.btn_cancelar:hover {
	text-decoration:none;
}

.enlace_sitcom {
	color:#337AB7;
	text-decoration:none;
	cursor:pointer
}

.enlace_sitcom:hover {
	text-decoration:underline;
}

/*Estados de los usuarios (borrado o activo)*/
.borrado {
	color: red;	
}

.no_borrado {
	color: green;	
}

.activo {
	color: green;	
}

.no_activo {
	color: red;	
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.datepicker {
	z-index: 9999 !important;	
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before {
	text-indent: 0px;	
}


/*MEDIA QUERIES PROPIAS*/

/* xs bootstrap */
@media (max-width:767px){
	
	.text-center-xs {
		text-align: center;	
	}
	
}

@media(min-width:768px){

}

@media(min-width:992px){
	
}

@media(min-width:1200px){
	
}