.img-square {
    position:relative;
    height:100px;
    width:100px;
    /*border:1px solid #000;*/
    margin-right:20px;
    float:left;
	background-size: cover;
	border-radius:10px
    
}
.img-square img {
    Position:absolute;
    margin:auto;
    top:0;
    right:0;
    left:0;
    bottom:0;
    max-height:100%;
    max-width:100%; 
    }
	
.ellipsis {
    overflow: hidden;
    /*white-space: nowrap*/
    text-overflow: ellipsis;
}

.ui-multiselect {
	/*border:0px!important;*/
	border-radius:10px!important;
	/*padding:10px;*/
	width:100%;
	height:350px!important;
}

.sidebar .sidebar-right{
	width:100%!Important;
	padding-right:10px!Important;
}

.divider {
	height:30px;
}

.media-left, .media > .pull-left {    padding-right: 10px!important;}

.datatable-basic thead > tr > th,.datatable-basic tbody > tr > td {
	padding:3px 5px 5px 3px!important;
}

div.AnyTime-win {z-index:9999}

.picker__holder {
    border: none;
    min-width: 260px;
    /*box-shadow: 0 0 0 6px #e20, 0 24px 54px 18px rgba(0,0,0,.2);*/
    border-radius: 0;
}
.picker__table{
	margin-bottom:5px;
	
}
.datepicker{z-index:1151 !important;}

/* ------------------------------------------------------------------------------
*
*  # Chart styling
*
*  Charts base - container and sizing setup
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
.chart-container {
  position: relative;
  width: 100%;
}
.chart-container.has-scroll {
  overflow-x: scroll;
  overflow-y: visible;
  max-width: 100%;
}
@media (max-width: 768px) {
  .chart-container {
    overflow-x: scroll;
    overflow-y: visible;
    max-width: 100%;
  }
}
.chart {
  position: relative;
  display: block;
  width: 100%;
  direction: ltr;
}
.chart.has-minimum-width {
  min-width: 600px;
}
.has-fixed-height {
  height: 400px;
}
.chart-pie {
  width: 100%;
  height: 400px;
  min-width: 500px;
}
/* ------------------------------------------------------------------------------
*
*  # C3 charts
*
*  Styles for C3.js visualization library
*
*  Version: 1.0
*  Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
.c3 svg {
  font-size: 12px;
}
.c3 path,
.c3 line {
  fill: none;
  stroke: #999999;
}
.c3 path.domain {
  shape-rendering: crispEdges;
}
.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges;
}
.c3-chart-arc path {
  stroke: #fff;
}
.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}
.c3-grid line {
  stroke: #aaa;
}
.c3-grid text {
  fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
  stroke-dasharray: 3 3;
}
.c3-text {
  font-weight: 500;
}
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}
.c3-line {
  stroke-width: 2px;
}
.c3-area {
  stroke-width: 0;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.c3-circle._expanded_ {
  stroke-width: 1.5px;
  stroke: #fff;
}
.c3-selected-circle {
  fill: #fff;
  stroke-width: 2px;
}
.c3-bar {
  stroke-width: 0;
}
.c3-bar._expanded_ {
  fill-opacity: 0.75;
}
.c3-chart-arcs-title {
  font-size: 1.3em;
}
.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #333333;
  font-size: 15px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max,
.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #999999;
}
.c3-chart-arc .c3-gauge-value {
  fill: #333333;
  font-size: 28px;
}
.c3-target.c3-focused {
  opacity: 1;
  filter: alpha(opacity=100);
}
.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}
.c3-target.c3-defocused {
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.c3-region {
  fill: #546E7A;
  fill-opacity: .1;
}
.c3-brush .extent {
  fill-opacity: .1;
}
.c3-legend-item {
  font-size: 12px;
}
.c3-legend-background {
  fill: #fff;
  stroke: lightgray;
  stroke-width: 1;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.c3-tooltip th {
  background-color: #333;
  padding: 4px 10px;
  text-align: center;
  color: #fff;
  border: 1px solid #333;
  font-weight: 500;
}
.c3-tooltip td {
  font-size: 12px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
.c3-tooltip td.value {
  text-align: right;
}
/* ------------------------------------------------------------------------------
*
*  # D3.js library
*
*  Basic styles for D3.js visualization library
*
*  Version: 1.1
*  Latest update: Apr 25, 2017
*
* ---------------------------------------------------------------------------- */
.d3-axis path {
  fill: none;
  stroke: #999999;
  shape-rendering: crispEdges;
}
.d3-axis line {
  stroke: #eeeeee;
  shape-rendering: crispEdges;
}
.d3-axis .tick,
.d3-axis .tick text {
  font-size: 12px;
  fill: #333333;
}
.d3-axis-solid path,
.d3-axis-solid line {
  stroke: #ccc;
}
.d3-axis-solid .tick {
  fill: #999999;
}
.d3-axis-solid .tick text {
  fill: #999999;
}
.d3-axis-strong path,
.d3-axis-strong line {
  stroke: #ccc;
}
.d3-axis-strong .tick {
  fill: #333333;
}
.d3-axis-strong .tick text {
  fill: #333333;
}
.d3-axis-transparent path {
  stroke: none;
}
.d3-axis-transparent line {
  stroke: #e5e5e5;
}
.d3-axis-transparent .tick {
  fill: #999999;
}
.d3-axis-transparent .tick text {
  fill: #999999;
}
.d3-tip {
  position: absolute;
  padding: 8px 15px;
  border-radius: 3px;
  background-color: #333;
  color: #fff;
  margin-bottom: -3px;
  font-size: 12px;
  z-index: 1070;
}
.d3-tip .d3-tip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.d3-tip.n .d3-tip-arrow {
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #333;
}
.d3-tip.e .d3-tip-arrow {
  top: 50%;
  left: -4px;
  margin-top: -4px;
  border-width: 4px 4px 4px 0;
  border-right-color: #333;
}
.d3-tip.w .d3-tip-arrow {
  top: 50%;
  right: -4px;
  margin-top: -4px;
  border-width: 4px 0 4px 4px;
  border-left-color: #333;
}
.d3-tip.s .d3-tip-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
  border-width: 0 4px 4px;
  border-bottom-color: #333;
}
.venntooltip {
  position: absolute;
  text-align: center;
  min-width: 60px;
  white-space: nowrap;
  background-color: #333;
  color: #fff;
  padding: 7px 12px;
  border-radius: 3px;
  display: none;
}
.d3-line {
  fill: none;
}
.d3-line-thin {
  stroke-width: 1px;
}
.d3-line-medium {
  stroke-width: 1.5px;
}
.d3-line-strong {
  stroke-width: 2px;
}
.d3-line-circle {
  fill: none;
  cursor: pointer;
}
.d3-line-circle-thin {
  stroke-width: 1px;
}
.d3-line-circle-medium {
  stroke-width: 1.5px;
}
.d3-line-circle-strong {
  stroke-width: 2px;
}
.d3-grid .tick line {
  stroke-width: 1px;
  stroke: #e5e5e5;
  shape-rendering: crispEdges;
}
.d3-grid .tick text {
  fill: #333333;
  stroke: none;
}
.d3-grid-dashed .tick {
  stroke-dasharray: 4,2;
  stroke-width: 1px;
  stroke: #e5e5e5;
  shape-rendering: crispEdges;
}
.d3-grid-dashed path {
  stroke-width: 0;
}
.d3-crosshair-overlay {
  fill: none;
  pointer-events: all;
}
.bullet-tick line {
  stroke: #999999;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
.bullet-tick text {
  fill: #999999;
  font-size: 12px;
}
.bullet-marker {
  stroke-width: 2px;
  shape-rendering: crispEdges;
}
.bullet-title {
  font-size: 13px;
  font-weight: 500;
}
.bullet-subtitle {
  fill: #999999;
}
.bullet-1 .bullet-range-1 {
  fill: rgba(96, 125, 139, 0.8);
}
.bullet-1 .bullet-range-2 {
  fill: rgba(96, 125, 139, 0.4);
}
.bullet-1 .bullet-range-3 {
  fill: #607D8B;
}
.bullet-1 .bullet-measure-1 {
  fill: rgba(84, 110, 122, 0.9);
}
.bullet-1 .bullet-measure-2 {
  fill: #fff;
}
.bullet-1 .bullet-marker {
  stroke: #37474F;
}
.bullet-2 .bullet-range-1 {
  fill: rgba(255, 112, 67, 0.6);
}
.bullet-2 .bullet-range-2 {
  fill: rgba(255, 112, 67, 0.3);
}
.bullet-2 .bullet-range-3 {
  fill: #FF7043;
}
.bullet-2 .bullet-measure-1 {
  fill: rgba(244, 81, 30, 0.9);
}
.bullet-2 .bullet-measure-2 {
  fill: #fff;
}
.bullet-2 .bullet-marker {
  stroke: #D84315;
}
.bullet-3 .bullet-range-1 {
  fill: rgba(102, 187, 106, 0.7);
}
.bullet-3 .bullet-range-2 {
  fill: rgba(102, 187, 106, 0.35);
}
.bullet-3 .bullet-range-3 {
  fill: #66BB6A;
}
.bullet-3 .bullet-measure-1 {
  fill: rgba(67, 160, 71, 0.9);
}
.bullet-3 .bullet-measure-2 {
  fill: #fff;
}
.bullet-3 .bullet-marker {
  stroke: #2E7D32;
}
.counter-icon {
  font-size: 32px;
  position: absolute;
  left: 50%;
  margin-left: -16px;
}
.chart-widget-legend {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 12px;
  text-align: center;
}
.chart-widget-legend li {
  margin: 5px 10px 0;
  padding: 7px 8px 5px;
  display: inline-block;
}
/* ------------------------------------------------------------------------------
 *
 *  # Sparklines library
 *
 *  Generate sparklines (small inline charts) directly in the browser
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */
.jqsfield {
  font-size: 12px !important;
  font-family: 'Roboto', sans-serif !important;
}
.jqstooltip {
  font-size: 12px !important;
  font-family: 'Roboto', sans-serif !important;
  padding: 7px !important;
  line-height: 1.6666667 !important;
  border: 0 !important;
  border-radius: 3px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* ------------------------------------------------------------------------------
 *
 *  # Customización volcan SEGUROS
 *
 *  Version: 1.0
 *  Latest update: 02-07-2020
 *
 * ---------------------------------------------------------------------------- */
.no-link{
	cursor:default;
}
@font-face {
  font-family: PoppinsRegular;
  src: url(fonts/TitilliumWeb-Regular.ttf);
}

@font-face {
  font-family: PoppinsMedium;
  src: url(fonts/TitilliumWeb-SemiBold.ttf);
}

@font-face {
  font-family: PoppinsBlack;
  src: url(fonts/TitilliumWeb-Black.ttf);
}

@font-face {
  font-family: PoppinsBold;
  src: url(fonts/TitilliumWeb-Bold.ttf);
}

@font-face {
  font-family: PoppinsLight;
  src: url(fonts/TitilliumWeb-Light.ttf);
}

body {
	font-family: PoppinsRegular;
}

div{
	font-family: PoppinsRegular;
}
input{
	font-family: PoppinsRegular;
}
label{
	font-family: PoppinsRegular;
	text-transform:uppercase;
	color:#666;
	font-size:10px;
}
.text-volcan-regular{
	font-family: PoppinsRegular
}

.text-volcan-bold{
	font-family: PoppinsBold
}

.text-volcan-thin{
	font-family: PoppinsLight
}

.sidebar-content {
    margin-top: 2px;
}

.text-volcan-blue{
	color:#2D6BB2
}

.text-volcan-lightblue{
	color:#9FBEE3
}

.bg-volcan-blue{
	background-color:#2D6BB2;
	color:#FFF
}

.text-volcan-green{
	color:#008E39
}

.text-volcan-red{
	color:#E52C37
}

.text-volcan-yellow{
	color:#FFD700
}

.text-volcan-bajada{
	color:#333;
	font-family:PoppinsLight;
	text-transform:uppercase;
}

.title-icon-modal{
	color: #2D6BB2;
	font-size:50px;
	margin-right:10px;
}

.close-volcan-blue{
	color:#2D6BB2
}
/*########################POPOVER ############################*/
.popover-content {
	font-size: 10px!important;
    padding-top: 0px!important;
	padding-bottom:5px!important;
	font-family: PoppinsRegular
}
.popover-title {
    font-size: 12px!important;
    padding: 11px 5px 0 5px;
	font-family: PoppinsBold
}
/*########################SIDEBAR ############################*/
.navigation > li > a {
    padding: 5px 20px;
    min-height: 34px;
    font-weight: 500;
}

.navigation li a > i {
	margin-top:5px;
	color:#666
}

.nav-tabs.nav-tabs-highlight > li.active > a, .nav-tabs.nav-tabs-highlight > li.active > a:hover, .nav-tabs.nav-tabs-highlight > li.active > a:focus{
	border-top-color: #2D6BB2;
}

/*########################DROPZONE ############################*/

.dropzone {
    min-height: 200px!important;
    height: 200px!important;
}

.dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename{
	font-size:10px!important;
}

.dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size {
    font-size:10px!important;
}

/*########################TABLAS ############################*/
.alpha-header {
  background-color: #eaeaea;
  border-color: #3949AB;
}

.alpha-footer {
  background-color: #C8C8C8;
  border-color: #3949AB;
}

 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th{
	padding:6px 10px!important;
	font-family:PoppinsBold;
	font-variant-ligatures: no-common-ligatures;
	text-transform:uppercase;
}
 .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding:6px 10px!important;
	font-family:PoppinsRegular;
	font-variant-ligatures: no-common-ligatures;
}

.apprectot-detalle{
	cursor:pointer;
}

.badge-small {
    padding: 0px 2px 0px 2px;
    font-size: 9px;
    letter-spacing: 0.1px;
    vertical-align: baseline;
    border-radius: 50px;
}

.file-input{
	float: right !important;
}
.file-input>.btn,.fileinput-remove-button,.fileinput-cancel-button,.fileinput-upload-button, .btn-wizard{
	padding: 4px 10px;
}

.datatable-dblclick>tbody>tr {
	-moz-user-select     : none;
	 -khtml-user-select   : none;
	 -webkit-user-select  : none;
	 -o-user-select       : none;
	 user-select          : none;
	cursor: pointer;
}

.modal-xlg {
    width: 90%;
}
@media (min-width: 1025px){
	.modal-xlg {
		width: 90%;
	}
}

body.stop-scrolling {
	height: auto!important;
	overflow: hidden!important;
}

.alert-volcan {
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 3px;
}

.alert-success {
    background-color: #E8F5E9;
    border-color: #4CAF50;
    color: #43A047;
}

.alert-success {
    background-color: #E8F5E9;
    border-color: #4CAF50;
    color: #43A047;
}

.alert-warning {
    background-color: #FFF3E0;
    border-color: #FF9800;
    color: #EF6C0
}

.selectboxit-btn {
    background-color: transparent;
    border: 0px solid transparent;
}

.popover-icon-close{
	cursor:pointer;
	margin-top:3px;
	margin-right:3px;
}

.dataTables_filter input.form-control {
    outline: 0;
    width: 200px !important;
    height: 36px;
    padding: 7px 12px;
    padding-right: 36px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: inline-block; /* útil si no quieres full width */
}

.dataTables_filter > label:after {
    content: "\e98e";
    font-family: 'icomoon';
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
    color: #999999;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #fffefe!important;
}


/* Borde rojo y padding */
.error-container {
    position: relative;
    outline: 2px solid #e74c3c !important;
    border-radius: 6px;
    padding: 6px 6px 4px 6px;
}

/* Etiqueta flotante */
.error-label {
    position: absolute;
    top: -20px;
    left: 10px;
    background: #e74c3c;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
    z-index: 20;
}