/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/* Estilos nuevo título y reducción tamaño vertical *******************/
.page-content-wrapper .page-content {
padding: 5px 20px 10px 20px;
}

.page-title {
margin: 0px 0px 10px 0px;
}

.portlet.box > .portlet-title {
    padding: 11px 10px 0px 10px;
}

.portlet {
    margin-bottom: 10px;
}

.hr {
    margin: 10px 0px;
}

/* Nuevas reducciones tamaño vertical */
.nav>li>a
{
    padding: 8px;
}

.form-wizard .progress
{
    margin-bottom: 15px;
}

.form-wizard .steps
{
    margin-bottom: 5px;
}

.alert h4
{
    margin-bottom: 0px;
}

/********************************************************************/
.page-breadcrumb.breadcrumb {

background-color: #f0f0f0;
}

/* Color icono portlets *********************************************/
.portlet > .portlet-title > .caption > i {
  color: white;
}

/* Fix del footer estático ******************************************/
.page-footer-fixed .page-container {
    margin-bottom: 0px !important;
  }

/* modal ************************************************************/
.modal-header {
    background-color: #67809F;
    color: white;
}

.modal-title {
    font-weight: bold;
}

/* breadcrumb *******************************************************/
.page-breadcrumb.breadcrumb .dashboard-date-range {
    background-color: #22313f;
    font-size: 14px;
    text-shadow: none;
}

.page-breadcrumb.breadcrumb {

margin-top: 10px;
margin-bottom: 15px;
}

/* page header ******************************************************/
.page-header.navbar .page-logo .logo-default {
margin:  0;
height: 60px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username {
color: #eee;
}

/* page sidebar *****************************************************/
.page-sidebar .sidebar-toggler, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
}

/* front steps ***********************************************/
.front-steps-wrapper h2, .ecommerce .front-steps-wrapper h2 {
padding-top: 0px;
margin-top: 0;
}

.front-steps-wrapper h2,
.ecommerce .front-steps-wrapper h2 {
	color: #f0f0f0;
	font-size: 22px;
	line-height: 1.2;
	padding-top: 10px;
	margin-bottom: 5px;
}
.front-steps-wrapper .front-step1 h2,
.ecommerce .front-steps-wrapper .front-step1 h2 {
	color: #fefefe;
}
.front-steps-wrapper p {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;
}

.front-steps-wrapper .front-step-col {
	padding-left: 0;
	padding-right: 0;
}
.front-steps-wrapper .front-step-col:first-child {
	padding-left: 15px;
}
.front-steps-wrapper .front-step-col:last-child {
	padding-right: 15px;
}

.front-steps-wrapper .front-step {
	position: relative;
	padding: 15px 20px 33px;
}
.front-steps-wrapper .front-step1 {
	background: #E84D1C;
}
.front-steps-wrapper .front-step2 {
	background: #7c858e;
}
.front-steps-wrapper .front-step3 {
	background: #68727c;
}
.front-steps-wrapper .front-step4 {
	background: #636a72;
}
.front-steps-wrapper .front-step5 {
	background: #5e6369;
}
.front-steps-wrapper .front-step6 {
	background: #55585d;
}

.front-steps-wrapper .front-step:before {
	color: #fff;
	font: 300 125px 'Open Sans', sans-serif;
	font-weight: bold;
	display: block;
	position: absolute;
	right: -20px;
	bottom: -40px;
	opacity: 0.1;
}
.ie8 .front-steps-wrapper .front-step:before {
	display: none !important;
}
.front-steps-wrapper .front-step1:before {
	content: "1";
	opacity: 0.2;
}
.front-steps-wrapper .front-step2:before {
	content: "2";
	right: -15px;
}
.front-steps-wrapper .front-step3:before {
	content: "3";
}
.front-steps-wrapper .front-step4:before {
	content: "4";
}
.front-steps-wrapper .front-step5:before {
	content: "5";
}
.front-steps-wrapper .front-step6:before {
	content: "6";
}

.front-steps-wrapper .front-step:after {
	top: 50%;
	width: 0;
	height: 0;
	left: 100%;
	z-index: 2;
	content: " ";
	display: block;
	margin-top: -1em;
	position: absolute;
	border-left: 15px solid #EC7049;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.ie8 .front-steps-wrapper .front-step:after {
	display: none !important;
}
.front-steps-wrapper .front-step-col:last-child .front-step:after {
	display: none;
}
.front-steps-wrapper .front-step2:after {
	border-left-color: #899199;
}
.front-steps-wrapper .front-step3:after {
	border-left-color: #778089;
}
.front-steps-wrapper .front-step4:after {
	border-left-color: #727980;
}
.front-steps-wrapper .front-step5:after {
	border-left-color: #6E7278;
	top: auto;
	bottom: 10%;
}


/* ta ************************************************************************/
.ta-cabecera-titulo h2 {
	margin-top: 5px;
margin-bottom: 20px;
}

.ta-home-selector-pro .ta-home-box-producto h3 {
font-size: 15px !important;
top: -9px !important;
left: 10px !important;
}

.ta-home-selector-pro .ta-selector-particulares .ta-home-box-producto h3 {
font-size: 12px !important;
}

/* alerts *************************************************************************/
.dropzone.alert.alert-dropzone
{
    background-color:#c8d7df;
    border: 2px dotted #666666;        
    min-height:100px;
    color:black;
}
.dropzone.alert.alert-dropzone:hover
{
    background-color:#899199;
    border: 2px dotted #666666;        
    color:black;

}
.dropzone.alert-dropzone.dz-drag-hover
{
    background-color:#899199;
    border: 2px dotted #666666;        
    color:black;

}
/* alerts *************************************************************************/

.ta-pregunta-caja h2 {
font-weight: bold;
margin: 0;
}

/* ms *************************************************************************/
 .ms-container {
    width: 470px;
}


/* tables *********************************************************************/
.table-scrollable {
    overflow: auto;
}

.table-actionbutton-double {
    padding-bottom: 60px;
}

.table-actionbutton-triple {
    padding-bottom: 90px;
}
.table-actionbutton-quadruple {
    padding-bottom: 120px;
}
.table-actionbutton-fivefold {
    padding-bottom: 150px;
}

/* dropdownmenu ***************************************************************/
.dropdown-menu-actionbutton {
    min-width: 100px;
}

.dropdown-menu-actionbutton > li > a {
    padding: 5px 5px;
}

/* checkbox *******************************************************************/
.checkbox {
    padding-left: 20px;
}

.control-checkbox {
    padding-top: 8px;
}
.checkbox label {
    padding-left: 5px !important;
    padding-right: 10px !important;
}
/* errores ********************************************************************/
.page-404 .background-blue {
    font-size: 400px;
    color: #7bbbd6;
    opacity: 0.2;
    position: absolute;
    z-index: -1
}

.page-404 .background-red {
    font-size:400px;
    color:#ec8c8c;
    opacity:0.2;
    position:absolute;
    z-index:-1
}
/* validaciones ***************************************************************/
.has-error .bootstrap-select .btn {
  border-color: #a94442;
}

/******************************************************************************/

/*custom upload elements*/
.customfile-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999;  }

.customfile { width: 100%; background: #FFF;color:#777; cursor: pointer; overflow: hidden; padding: 2px; border: 1px solid #dbdbdb; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;  position: relative; }
.customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default;  }
.customfile-feedback { display: block; margin: 1px 1px 1px 5px; font-size: 1.2em; color: #777; font-style: italic; padding: .3em .6em; }
.customfile-feedback-populated { color: #777; font-style: normal; font-weight: 400; padding-left: 20px; }

.customfile-button {border: 1px solid transparent; border-width: 0;padding:7px 14px;font-size:14px;outline:none !important;background-image:none !important;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none; color: #fff; background-color: #3a9893;border-color:#307f7a; float: right; width: 100px; text-align: center; text-decoration: none;font-weight:400;line-height:1.4285;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none  }

.customfile-hover .customfile-button, .customfile-focus .customfile-button  { background-color:#307f7a; }
.customfile-focus .customfile-button { outline: 1px dotted #ccc;  }

/*file type icons*/
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp {}
.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v { }
.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit {}

label.myLabel input[type="file"] {
    position: fixed;
    top: -1000px;
}



/***** Example custom styling *****/
.myLabel {
    border: 2px solid #AAA;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 2px;
    background: #DDD;
    display: inline-block;
}
.myLabel:hover {
    background: #CCC;
}
.myLabel:active {
    background: #CCF;
}
.myLabel :invalid + span {
    color: #A44;
}
.myLabel :valid + span {
    color: #4A4;
}

/* Timeline ********************************************************************/
.timeline > li .timeline-time span.time {
  font-size: 18px !important;
}

/* The icons */
.timeline > li .timeline-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 5px 0 0 -20px;
}

/* The triangle */
.timeline > li .timeline-body:after {
  top: 11px;
}

/* Colors */
.timeline li.timeline-blue .timeline-body:after {
  border-right-color: #4b8df8;
}
.timeline li.timeline-blue .timeline-body {
  background: #4b8df8;
}
.timeline li.timeline-blue-steel .timeline-body:after {
  border-right-color: #4b77be;
}
.timeline li.timeline-blue-steel .timeline-body {
  background: #4b77be;
}
.timeline li.timeline-yellow .timeline-body:after {
  border-right-color: #ffb848;
}
.timeline li.timeline-yellow .timeline-body {
    background: #ffb848;
}
.timeline li.timeline-yellow-gold .timeline-body:after {
  border-right-color: #e87e04;
}
.timeline li.timeline-yellow-gold .timeline-body {
  background: #e87e04;
}
.timeline li.timeline-yellow-casablanca .timeline-body:after {
  border-right-color: #f2784b;
}
.timeline li.timeline-yellow-casablanca .timeline-body {
  background: #f2784b;
}
.timeline li.timeline-purple-seance .timeline-body:after {
  border-right-color: #9a12b3;
}
.timeline li.timeline-purple-seance .timeline-body {
  background: #9a12b3;
}

.timeline li.timeline-green-jungle .timeline-body:after {
  border-right-color: #26c281;
}
.timeline li.timeline-green-jungle .timeline-body {
  background: #26c281;
}

.timeline li.timeline-green-seagreen .timeline-body:after {
  border-right-color: #1ba39c;
}
.timeline li.timeline-green-seagreen .timeline-body {
  background: #1ba39c;
}
.timeline li.timeline-red-thunderbird .timeline-body:after {
  border-right-color: #d91e18;
}
.timeline li.timeline-red-thunderbird .timeline-body {
  background: #d91e18;
}
.timeline li.timeline-red-flamingo .timeline-body:after {
  border-right-color: #ef4836;
}
.timeline li.timeline-red-flamingo .timeline-body {
  background: #ef4836;
}

/* Eliminamos los spin buttons en los input de tipo numéricos */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

/**
 * Para poner los asteriscos de obligatoriedad por css, que es como se debe hacer
 */
.control-label.required:before {
    color: red;
    content: "*";
    position: relative;
    /*margin-left: -10px;*/
    margin-right: 5px;
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    font-size: 8px;
    top: 0px;
}
.form-group.required .control-label:before{
    color: red;
    content: "*";
    position: relative;
    /*margin-left: -10px;*/
    margin-right: 5px;
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    font-size: 8px;
    top: 0px;
}

#chartdiv {
    width: 100%;
    height: 500px;
    font-size: 11px;
}

#chartdiv2 {
    width: 100%;
    height: 500px;
    font-size: 11px;
}

.list-group-item a {
    float: right;
}

/** Botones de acción formularios *********************/

.btn-header-container
{
    padding-left: 10px !important;
}

.btn-header
{
    margin: 5px;
}

/** Configuración producto ***************************/

.policyholder-div
{
    margin-bottom: 5px;
}

/******************************************************/

.checkbox input[type=checkbox] {
    margin-left: -10px;
}

/** Fix Tooltip en modales **************************/
.tooltip
{
    z-index: 20000;
}

/** Fix bug dropdownlist options en modales (La lista de opciones del dropdown se esconde detrás del modal)*/
.bootstrap-select.btn-group.bs-container .dropdown-menu
{
    z-index:10050 !important; /* Este es el mismo valor que tiene definido el resto del modal*/
}

.tiles .gridster-tile .tile-body > a {
    text-decoration:none;
    color: #000000;
}

.tiles .gridster-tile .tile-object .name > a {
    color: #000000;
    font-weight: bold;
}

.bg-mi-perfil {
  border-color: #efeede !important;
  background-image: none !important;
  background-color: #efeede !important;
  color: white !important;
}

.bg-solicitudes {
  border-color: #d9e6dc !important;
  background-image: none !important;
  background-color: #d9e6dc !important;
  color: white !important;
}

.bg-foro {
  border-color: #ddd0cf !important;
  background-image: none !important;
  background-color: #ddd0cf !important;
  color: white !important;
}

.bg-tarificador {
  border-color: #c8d7df !important;
  background-image: none !important;
  background-color: #c8d7df !important;
  color: white !important;
}

.navbar-nav>li>a {
    line-height: 35px;
}

.list-group-item {
    height: auto;
    min-height: 40px;
    min-width: 100%;
    display: inline-table;
}

.note.note-danger {
    background-color: #ddd0cf;
    border-color: #ddd0cf;
    color: #000000;
}

.alert-danger {
    background-color: #ddd0cf;
    border-color: #ddd0cf;
    color: #000000;
}

.alert-success {
    background-color: #d9e6dc;
    border-color: #d9e6dc;
    color: #000000;
}

.alert-warning {
    background-color: #efeede;
    border-color: #efeede;
    color: #000000;
}

.alert-info {
    background-color: #c8d7df;
    border-color: #c8d7df;
    color: #000000;
}
/*** estilos para el comparativo de precios          */
.pe-comparativa-tabla {
	width: 100%;
	text-align: center;
	border-bottom: 3px double #ccc;	
	margin: 20px 0 20px 0;
}

.pe-comparativa-tabla .pe-ancho-columna {
	width: 250px;
}

.pe-comparativa-tabla thead{
	font-size: 11px;
	font-weight: 700;
}

.pe-comparativa-tabla thead tr td {
	border: none;
	height: 40px;
}

.pe-comparativa-tabla tbody tr td {
	vertical-align: middle;
	/*color: #888;*/
	font-size: 10px;
	line-height: 11px;	
	border: none;
}

.pe-comparativa-tabla thead tr td.pe-celda-precio {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -1px;
	padding: 0;
	color: #006C64;
}

.pe-comparativa-tabla thead .pe-celda-titulo {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.pe-comparativa-tabla tbody .pe-celda-titulo {
	font-size: 12px;
	text-align: left;
    line-height:1.25;
}

.pe-comparativa-tabla tbody .pe-celda-apartado {
	font-size: 12px;
	font-weight: 700;	
	text-align: left;
    line-height:1.5em;
}

.pe-comparativa-tabla tbody .pe-fila-separador {
	border-bottom: 2px solid #ccc;
	height: 32px;
}

.pe-comparativa-tabla tbody i {
	font-size: 22px;
}

.pe-comparativa-tabla tbody i.icon-ok {
	color: #52aca6;
}

.pe-comparativa-tabla tbody i.icon-remove {
	color: #D82828;
}


/******************* Estilo boton combo con imágenes **************/
   .arrow {
        font-size: 8px;
        line-height: 0%;
    }
.dropbtn {
    /*background-color: #4CAF50;*/
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width:170px;
    height:50px;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

.dropdownimg {
    position: relative;
    display: inline-block;
}

.dropdownimg-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9994;
}

.dropdownimg-content a {
    color: black;
    /*padding: 12px 16px;*/
    text-decoration: none;
    display: block;
}

.dropdownimg a:hover {background-color: #f1f1f1}

.show {display:block;}


/*Inicio DataTables-1.10.15*/
.dataTables_wrapper .dt-buttons {
  float:right;  
/*  margin-top: -46px;
  margin-left:30px;
    */
}
.dataTables_paginate {
  float: right !important;
}
.dataTables_filter {
  float: right !important;
}
.exportButton {
    height: 32px;
    z-index: 10040;
}

.dt-button-collection{    
    z-index:99999999 !important;
}
.dt-button-info{
    z-index:999999999 !important;
}
/*Fin DataTables-1.10.15*/

.fullWidth {
    width: 100%;
}
.form-control-inline{
    display:inline !important;
}
div.dropdown-menu.open {
    width: 100% !important;
}

ul.dropdown-menu.inner > li > a {
    white-space: initial !important;
}