@CHARSET "UTF-8";

/************
 * CONSULTA *
 ************/
/*.box_search {
	padding-left:5em; 
	padding-right:5em;	
	width:95%;
	margin:0px auto;
}
.box_search dl.right {
	float: right;
	margin-bottom: 10px;
}
.box_search dt {
	text-align: left;
	font: normal bold .85em verdana;
	color: #666666;
	width: 180px;
  	float: left;
	text-align: right;
}
.box_search dd {
	text-align: left;
	margin-left: 185px;
	margin-bottom: .25em;
}
.box_search .query {
	width: 80%;
}
.box_search .datepicker_container {
	float: left;
	width: 80%;
	padding-left: 8px;
}
.box_search .datepicker {
	width: 80px;
}
.box_search .operators {
}
.box_search .query:hover, .box_search .operators:hover {
	background-color:#f1f8fb;
}
.box_search .control {
	border-top: 1px solid #3D7BAD;
	border-right: 1px solid #3D7BAD;
	border-bottom: 1px solid #B7D9ED;
	border-left: 1px solid #B7D9ED;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: .1em;
	font: normal normal .85em verdana;
}
.box_search .button {
	border: 1px solid #4297d7; 
	padding: .4em;
	padding-left: 2em;
	padding-right: 2em;
	margin-left: 3em;
	background: transparent url(/icolombina/image/th.png) 50% 50% repeat-x;	
	font: normal bold .85em verdana;
	color:	#4297d7;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 	
	outline:none;
}
.box_search .button:hover {
	background: transparent url(/icolombina/image/th_hover.png) 50% 50% repeat-x;	
	color:	#2075b5;
}
*/

.box_search {
	padding-top:30px;
	padding-right:5% !important;
    padding-left:5% !important;
	/*background:#fff;*/
	background: #fff url(/icolombina/image/logo-colombina-1_blue.png) no-repeat 40px 40px;
	/*border-bottom:1px dashed #88918e;*/
	
	margin:0 auto !important;
	width:100% !important;	
}

.box_search .form-group {
	text-align:center;
	margin:0 auto;
}

/*
 * Search form controls
 */
.kn-form {
	max-width:900px;	
}

.kn-form input, 
.kn-form select {
    font-family: inherit;
   	/*font-size: inherit;*/
   	/*background-color: #fff;*/
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);    
    
    margin: 4px 0;
    /*padding: 0.45em 0.2em 0.5em 0.45em;*/    
    height: 2.25em;  
    
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
       
    /* Catedral de Sevilla */
    border: 1px solid #E4E4E4 !important;
    color: #777777;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 12px 14px;
    outline: none;
    color: inherit;
    margin: 0;
    font-size: 14px;
    /*background: transparent;*/
    background: #fbfbfb;
    min-height: 44px;
}

.kn-form select {
 	min-width:150px;
}

.kn-form .operator select {
	/*padding: 12px 0 12px 12px !important;
	width:58px;*/
	float:left !important;
	
	min-width:0;
}

.kn-form label {
	float:right;
	color: #666 !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	/*text-transform:uppercase;*/
}

.kn-form .form-group {
	margin-bottom:10px !important;
}

.kn-form .selectfield .input-group {
	float:right;
}

@media only screen and (max-width: 800px)
{
	.kn-form label {
		float:left;
	}
	.kn-form .xs-none {
		display:none;
	}
	.kn-form .selectfield .input-group {
		float:left;
	}
}

.kn-form-db .col-sm-2 {
	padding-right:0;
}
.kn-form-db .col-sm-7 {
	padding-left:0;
}
.kn-form-db label {
	border-bottom:1px solid #3a85c3;
	width:100%;	
	float:left !important;	
}
	
.kn-form-db select {	
	width:auto !important;
	float:right !important;	
	color: #666 !important;
	font-size:12px !important;	
}
	
@media only screen and (max-width: 800px)
{
	.kn-form-db select {
		float:left !important;
	}
}

.kn-form-db select option {	
	background-color:#f6f6f6 !important;
	border:1px solid #dadada !important;
	padding:15px !important;
}


/* select */
/*.select-style {
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}
*/

/* datepicker */
.kn-form .datepicker-wrapper {	
	text-align:left;
}
.kn-form input.datepicker {
	display:inline-block;
	width:100px !important;
}

/* Login */
.login .kn-form{
	max-width:250px;
}
.login .kn-form label {
    float:none;
}

/**************
 * RESULTADOS *
 **************/    
.box_results {
	padding: 30px 5% !important;
    /*margin-bottom: 44px;*/
}
.box_results table {
	border-collapse: collapse;
    background-color: #fff;
    /*box-shadow: 0 6px 15px rgba(36,37,38,.08);*/
    
	margin-bottom:6px !important;
}
.box_results th {
	/*border: 1px dashed #d5d5d5;*/
	border:1px solid #dedede;
	border-left:0;
	
	padding: 4px 15px;
	
	font-family:inherit;
	font-size:17px;
	font-style:normal;
	font-weight:700;
	letter-spacing: 1px;	
		
	white-space: nowrap;
	
	text-transform:uppercase;
	
	background:#fff;
	/*color:#C3A25F;*/
	color: #054477;
}
  
.box_results tr th:last-child, .box_results tr td:last-child {
	border-right:0;
}
.box_results th:hover {
	cursor: pointer;			
}
.box_results th:hover, .box_results th.ascending_order, .box_results th.descending_order {
	/*background-color:#00a7d4;*/
	background: transparent url(/icolombina/image/stripes.png) 50% 50% repeat;		
	color: #838383;
}
.box_results th .fa {
	font-size:17px;
	font-weight:400;
	padding-left:4px;	
	color: #838383;
}
.box_results tbody tr {
	background: white;
	/*border-top: 1px solid transparent;*/	   
}
.box_results tbody tr.odd {
	/*background: #eeeeee;*/
	background: #f9f9f9;	
	/*border-top: 1px solid transparent;*/	
}
.box_results tbody tr.highlight {
	background: #e1eaf1;
}
.box_results tbody tr:hover, .box_results tbody tr.odd:hover {
	/*background: #e1eaf1;	
	border-top: 1px solid #add8fd !important;
	border-bottom: 1px solid #add8fd !important;
	border-left: 0;
	border-right: 0;	
	
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;*/
	
	background:#f2efef;	
	/*border-top: 1px solid #dcdadb !important;*/
	/*border-bottom: 1px solid #dcdadb !important;*/
	
	cursor: pointer;	
}
.box_results tbody tr td {	
	/*border: 1px solid #e0dede;*/
	border: 1px solid #e4e4e4;
		
	padding: 1.2em 1em;
	/*font: normal normal 11px verdana;*/
	font-family:inherit;	
	font-size:14px;
	font-style:normal;
	font-weight: normal;	
}
.box_results tbody tr td.first, .box_results th.first {
	border-left: 0;
}

.box_results .field {
	display:none;
}

@media only screen and (max-width: 800px)
{
	.box_results .field {
		display:inline-block;
		font-weight:700;
		text-transform:uppercase;
	} 
	.box_results table th {
		display:none;
	}
	.box_results table tr td {
		display:block;
		border:none;
		padding-top:4px;
		padding-bottom:4px;
		margin-left:20px;		
	}
	.box_results table tr {
		border: 1px solid #e0dede;		
	}
	
	.box_results table tr td.first {
		position:absolute;
		vertical-align:top;
		
		
		margin-left:0;
	}
}


/*************
 * DOCUMENTO *
 *************/
/*
table.content {
	margin: 1em;
	padding: 0;
	color: #333333;
	font-family: Verdana;
	font-weight: normal;
	width: 100%;
}

table.content td.field {
	margin: 0px;
	padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px;	
	color: #666666;
	background: #e1eaf1;
	border: 2px solid #ffffff;
	font-family: Verdana;
	font-weight: bold;
	width: 120px;
	vertical-align: top;
}

table.content td.value {
	padding: 0 10px 0 5px;
	text-align: justify;
}

#body_document img {
	max-width: 800px;
}
*/

.box_document {
	padding: 30px 5% !important;
	/*
	padding-top: 30px;
    padding-right: 5% !important;
    padding-left: 5% !important;
    */

	font-family:inherit !important;
	font-size:inherit !important;
	font-weight:normal !important;
	color:inherit !important;
	text-align: justify;
    /*margin-bottom: 44px;*/
}

.box_document .row .field {
	color: #7777777 !important;
	border-bottom: 1px solid #e4e4e4 !important;
	background-color: #f8f8f8 !important;	
	font-size: 17px !important;
	text-align:left;
}
.box_document .row .text {
	font-size: 14px !important;
	background-color:#fff;
	border-bottom: 1px solid #f8f8f8 !important;
}
.box_document .row:first-child {
	border-top: 1px solid #f8f8f8 !important;
}
.box_document .text p:last-child {
	margin-bottom: 0px !important;
}
.box_document .row>div {
	padding: 10px 15px;
}
.box_document .text p {
	font-family:inherit !important;
	font-size:inherit !important;
	
	line-height:2.2;
}

.box_document ul {
	display:block;
}



@media (max-width: 575.98px) {
	.box_search {
		padding-bottom: 44px !important;
		background: none !important;
	}
	.box_results,
	.box_document {
    	margin-bottom: 44px !important;
	}
	.box_results,
	.box_document {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.box_search {
		padding-bottom: 44px !important;
		
	}
	.box_results,
	.box_document {
    	margin-bottom: 44px !important;
	}
}
@media (min-width: 576px) and (max-width: 800px) {
	.box_search {
		
		background: none !important;
	}
}