/*BASE*/
html::after {
  	content: "";
  	background-image: url('../img/loading.gif');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 400px auto;
  	opacity: 0.2;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: fixed;
  	z-index: 10;   
}

.loading body::after {
  	content: "";
  	content: "";
  	background-image: url('../img/loading.gif');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 400px auto;
  	opacity: 0.5;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: fixed;
  	z-index: 9999; 
  	background-color: black;
  	}

body
{
	//background: url('../img/background.jpg');
    background-size: auto auto;
	background-size: 500px 500px;
	cursor:auto!important;
}

.bg-dark::after 
{
	content: "";
  	background: url('../img/logo.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom right;
	background-size: auto 285px;
  	opacity: 0.5;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 10px;
  	position: fixed;
  	z-index: -1;  
}

#page-top::after 
{
	content: "";
  	background: url('../img/logoblack.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom right;
	background-size: auto 285px;
  	opacity: 0.1;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 10px;
  	position: fixed;
  	z-index: -1;  
}

#page-top .card
{
	background:transparent;
}


#logo
{
	width:170px;


}

footer.sticky-footer {

    height: 50px;

    background-color: #e9ecef99;
}
#wrapper #content-wrapper 
{
    padding-bottom: 50px;
}

#nav_logo
{
	background: url('../img/logo.png');
	background-repeat: repeat;
	background-size: auto 51px;
	background-repeat: no-repeat;
	background-position-x: 55px;
	height: 56px;
}

.navbar-brand
{
	color:#000000!important;
	font-weight: bold!important;
}

.number
{
	text-align: right;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  supported by Chrome and Opera */
}

.content-wrapper
{
	opacity:0;
}

/*IMAGES*/
	img 
	{
		image-orientation: from-image;
	}

/*ALIGN*/
	.align-right
	{
		text-align: right!important;
	}

	.align-center
	{
		text-align: center!important;
	}

/*CURSOR*/
	.cursor-pointer
	{
		cursor: pointer!important;
	}

/*LOGIN*/
	.logo-icon
	{
		color:white!important;
	}


/*TABLES*/
	.actions
	{
		text-align:right!important;
	}

	tr
	{
		height:57px!important;
	}



	thead tr th
	{
		border: 1px solid #dddddd;
	}

	.table thead .sorting, .table thead .sorting_asc, .table thead .sorting_desc
	{
		cursor:pointer!important;
	}

	.table thead .sorting_asc:before 
	{
	  content: "\f0de\0020";

	  font-family: 'Font Awesome\ 5 Free';
	  font-weight: 900;
	}
	.table thead .sorting_desc:before 
	{
	  content: "\f0dd\0020";

	  font-family: 'Font Awesome\ 5 Free';
	  font-weight: 900;
	}
	.table thead .sorting:before 
	{
	  content: "\f0dc\0020";

	  font-family: 'Font Awesome\ 5 Free';
	  color: rgb(180, 180, 180);
	  font-weight: 900;
	}


	.table>thead>tr>td.gray,.table>thead>tr>th.gray,.table>thead>tr.gray>td,.table>thead>tr.gray>th,.table>tbody>tr>td.gray,.table>tbody>tr>th.gray,.table>tbody>tr.gray>td,.table>tbody>tr.gray>th,.table>tfoot>tr>td.gray,.table>tfoot>tr>th.gray,.table>tfoot>tr.gray>td,.table>tfoot>tr.gray>th {
	 background-color:#e5e3e3;
	}
	.table-hover>tbody>tr>td.gray:hover,.table>tbody>tr>td.gray:hover,.table-hover>tbody>tr>th.gray:hover,.table>tbody>tr>th.gray:hover,.table-hover>tbody>tr.gray:hover>td,.table>tbody>tr.gray:hover>td,.table-hover>tbody>tr:hover>.gray,.table>tbody>tr:hover>.gray,.table-hover>tbody>tr.gray:hover>th,.table>tbody>tr.gray:hover>th {
	 background-color:#c4c4c4
	}




	.table>thead>tr>td.pink,.table>thead>tr>th.pink,.table>thead>tr.pink>td,.table>thead>tr.pink>th,.table>tbody>tr>td.pink,.table>tbody>tr>th.pink,.table>tbody>tr.pink>td,.table>tbody>tr.pink>th,.table>tfoot>tr>td.pink,.table>tfoot>tr>th.pink,.table>tfoot>tr.pink>td,.table>tfoot>tr.pink>th {
	 background-color:#ffd8fe;
	}
	.table-hover>tbody>tr>td.pink:hover,.table>tbody>tr>td.pink:hover,.table-hover>tbody>tr>th.pink:hover,.table>tbody>tr>th.pink:hover,.table-hover>tbody>tr.pink:hover>td,.table>tbody>tr.pink:hover>td,.table-hover>tbody>tr:hover>.pink,.table>tbody>tr:hover>.pink,.table-hover>tbody>tr.pink:hover>th,.table>tbody>tr.pink:hover>th {
	 background-color:#f2adf7
	}




	.table>thead>tr>td.orange,.table>thead>tr>th.orange,.table>thead>tr.orange>td,.table>thead>tr.orange>th,.table>tbody>tr>td.orange,.table>tbody>tr>th.orange,.table>tbody>tr.orange>td,.table>tbody>tr.orange>th,.table>tfoot>tr>td.orange,.table>tfoot>tr>th.orange,.table>tfoot>tr.orange>td,.table>tfoot>tr.orange>th {
	 background-color:#fff1d6;
	}
	.table-hover>tbody>tr>td.orange:hover,.table>tbody>tr>td.orange:hover,.table-hover>tbody>tr>th.orange:hover,.table>tbody>tr>th.orange:hover,.table-hover>tbody>tr.orange:hover>td,.table>tbody>tr.orange:hover>td,.table-hover>tbody>tr:hover>.orange,.table>tbody>tr:hover>.orange,.table-hover>tbody>tr.orange:hover>th,.table>tbody>tr.orange:hover>th {
	 background-color:#f9e0ae
	}




	.table>thead>tr>td.purple,.table>thead>tr>th.purple,.table>thead>tr.purple>td,.table>thead>tr.purple>th,.table>tbody>tr>td.purple,.table>tbody>tr>th.purple,.table>tbody>tr.purple>td,.table>tbody>tr.purple>th,.table>tfoot>tr>td.purple,.table>tfoot>tr>th.purple,.table>tfoot>tr.purple>td,.table>tfoot>tr.purple>th {
	 background-color:#dab5ff;
	}
	.table-hover>tbody>tr>td.purple:hover,.table>tbody>tr>td.purple:hover,.table-hover>tbody>tr>th.purple:hover,.table>tbody>tr>th.purple:hover,.table-hover>tbody>tr.purple:hover>td,.table>tbody>tr.purple:hover>td,.table-hover>tbody>tr:hover>.purple,.table>tbody>tr:hover>.purple,.table-hover>tbody>tr.purple:hover>th,.table>tbody>tr.purple:hover>th {
	 background-color:#be80fc
	}


	.table, .table tr, .table th, .table td
	{
		border-bottom: 2px solid #dddddd;
	}
	

/*INPUTS*/
	.form-group-button
	{
		width:100%;
	}

	.form-group-button input
	{
		width:calc(100% - 50px)!important;
		display:inline-block;
		padding-right:0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius:0px;

	}

	.form-group-button button
	{
		display:inline-block;
		border-top-left-radius: 0px;
		border-bottom-left-radius:0px;
		margin-left:0px;
		margin-bottom:2px;
	}


	.form-group-button button{
	    color: black;
	    background-color: #eeeeee;
	    border-color: #cccccc
	}

	.form-group-button button:active,
	.form-group-button button.active,
	.open>.form-group-button button.dropdown-toggle
	{
	    background-image: none
	}


	.form-group-button button.disabled,
	.form-group-button button.disabled:hover,
	.form-group-button button.disabled:focus,
	.form-group-button button.disabled:active,
	.form-group-button button.disabled.active,
	.form-group-button button[disabled],
	.form-group-button button[disabled]:hover,
	.form-group-button button[disabled]:focus,
	.form-group-button button[disabled]:active,
	.form-group-button button[disabled].active,
	fieldset[disabled] .form-group-button button,
	fieldset[disabled] .form-group-button button:hover,
	fieldset[disabled] .form-group-button button:focus,
	fieldset[disabled] .form-group-button button:active,
	fieldset[disabled] .form-group-button button.active{
	    background-color: #eeeeee;
	    border-color: #cccccc
	}


	.form-group-button button .badge
	{
	    color: #eeeeee;
	    background-color: white
	}

/*DATEPICKER*/
	.ui-widget-header 
	{
	    border: 1px solid #010101;
	    background: #46A1DA  url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x!important;
	    color: #ffffff;
	    font-weight: bold;
	}

	.ui-datepicker-calendar tr
	{
		height:auto!important;
	}

/*CHOSEN*/
	.chosen-single
	{

		height: 34px!important;
		padding: 6px 12px!important;
		font-size: 14px!important;
		line-height: 1.428571429!important;
		color: #555555!important;
		background-color: white!important;
		background-image: none!important;
		border: 1px solid #cccccc!important;
		border-radius: 4px!important;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)!important;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)!important;
		-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s!important;
		-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s!important;
		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s!important;
	}
	.chosen-container-single .chosen-drop
	{
		margin-top:0px!important;
	}

.no-padding
{
	padding:0px!important;
}
.col-lg-6.no-padding
{
	padding:0px!important;
	margin-left: 5px!important;
	margin-right: 5px!important;
	width: calc(50% - 10px)!important;
}


.ui-state-default.btn-danger
{ 
	color: white!important;
	background: #d9534f!important;
	border-color: #d43f3a!important;
}

.ui-state-default.btn-success
{ 
	color: white!important;
	background: #46A1DA !important;
	border-color: #17a689!important;
}

.alert 
{
	z-index:999999999999!important;
}

.display-inline-block
{
	display:inline-block!important;
}

.text-align-right
{
	text-align: right!important;
}


.btn-gray {
    color: black;
    background-color: #e5e3e3;
    border-color: #c4c4c4;
}


hr
{
	display: block;
	height: 1px;
	border: 0;
	    border-top-color: currentcolor;
	    border-top-style: none;
	    border-top-width: 0px;
	border-top: 1px solid #46A1DA ;
	margin: 1em 0;
	padding: 0;
	border-top: 1px solid #46A1DA;

margin: 1em 0;

padding: 0;

width: 100%;

color: #46A1DA;
}


.modal-dialog
{
	width:1000px!important;
	max-width:1000px!important;
}

.btn-danger.badge
{
	background:#d9534f!important;
}

.btn-warning.badge
{
	background:#eea236!important;
}

.inputerror
{
	border:1px solid red!important;
}


.bounce {
  display: inline-block;
  position: relative;
  -moz-animation: bounce 0.5s infinite linear;
  -o-animation: bounce 0.5s infinite linear;
  -webkit-animation: bounce 0.5s infinite linear;
  animation: bounce 0.5s infinite linear;
  colr:000;
}

@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em;transform: rotate(20deg);  }
    70% { top: -0.3em; }
    100% { top: 0;transform: rotate(-20deg); }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em;transform: rotate(20deg);  }
    70% { top: -0.3em; }
    100% { top: 0;transform: rotate(-20deg); }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em;transform: rotate(20deg);  }
    70% { top: -0.3em; }
    100% { top: 0;transform: rotate(-20deg); }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em;transform: rotate(20deg);  }
    70% { top: -0.3em; }
    100% { top: 0;transform: rotate(-20deg); }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em;transform: rotate(20deg);  }
    70% { top: -0.3em; }
    100% { top: 0;transform: rotate(-20deg); }
}


textarea { resize:none!important; }

.bg-primary,.bg-warning,.bg-success,.bg-danger
{cursor: pointer; }

.bg-opacity-0-5 .bg-primary{background:#007bff33!important; }
.bg-opacity-0-5 .bg-warning{background:#ffc10733!important; }
.bg-opacity-0-5 .bg-success{background:#28a74533!important; }
.bg-opacity-0-5 .bg-danger{background:#dc354533 !important; }
.bg-opacity-0-5 .bg-primary td,
.bg-opacity-0-5 .bg-warning td,
.bg-opacity-0-5 .bg-success td,
.bg-opacity-0-5 .bg-danger td
{border: 1px solid #dddddd!important;}

.disabled .bg-primary,.disabled .bg-warning,.disabled .bg-success,.disabled .bg-danger,.disabled .bg-info,.disabled .bg-orange,.disabled .bg-pink,.disabled .bg-purple
{background:#000000 !important; }


.btn-sm {width:32px;}

.bg-purple
{
	background-color: #b723d1 !important;
}

.bg-pink
{
	background-color: #e858bf !important;
}

.bg-orange
{
	background-color: #d88629 !important;
}


.border-bottom-primary
{
	border-bottom: 3px solid #007bff!important;
}



.chat
{
	border:1px solid black;
	min-height:740px;
	background:url('../img/fondo-chat.jpg');
	background-size: cover;
	border-radius:5px;
}

.chat-header
{
	height:70px;
	background: #46A1DA ;
	overflow: hidden;
}
.chat-header table
{
	width: 100%;
}

.chat-header-img
{
	height:50px;
	width:50px;
	border-radius: 100%;
	border:1px solid black;
	display: inline-block;
	top:-50px;
	margin-top: -24px;
	margin-left:10px;

}

.chat-header-nombre
{
	color:white;
	width:calc(100% - 200px);
	padding:10px;
	display: inline-block;
	height: 68px;

}


.chat-header-ultcom
{
	color:white;
	font-size: 10px;
	height: 68px;
}


.chat-header-telefono, .chat-header-menu, .chat-header-video
{
	border-radius:25px;
	height:40px;
	width:40px;
	border:0px solid transparent;
	background: #46A1DA ;
	color:white;
	cursor:pointer;
	display: inline-block;
	margin-top: -24px;
}



.chat-body
{
	height:600px;
	
	overflow-x:hidden;
	overflow-y: scroll;
}

.chat-body .fecha
{
	text-align:center;
	background: #614c2f ;
	color:white;
	width:100px;
	margin:5px;
	margin-left:calc( 50% - 50px);
	
	padding:7px;
	border-radius:5px;
	font-size:12px;
}

.chat-body .content_msg
{
	width:100%;
	float:left;

}

.chat-body .origen_1,.chat-body .origen_2
{
	margin:5px;
	padding:10px;
	max-width:80%;
	word-wrap:anywhere;
}

.chat-body .origen_1
{
	
	float:left;
	background:#FFFFFF;
	border-radius:0px 7px 7px 7px;
}

.chat-body .origen_2
{

	float:right;
	background:#46A1DA;
	color:white;
	border-radius:7px 0px 7px 7px;
}


.chat-body .content_msg img, .chat-body .content_msg audio
{
	width:100%;
	border-radius:15px;
}

.chat-body .content_msg small
{
	float:right;
	margin-top:5px;
	margin-left:10px;
}

.chat-control
{

	height:60px;
	padding:10px;
}

.chat-control-white
{
	background: white;
	display:inline-block;
	border-radius:25px;
	width:calc(100% - 50px);
}

.chat-control-icon,.chat-control-camera, .chat-control-file
{
	border-radius:25px;
	height:40px;
	width:40px;
	border:0px solid transparent;
	background: #FFFFFF;
	cursor:pointer;
}

.chat-control-text
{
	height:40px;
	width:calc(100% - 65px);
	border:0px solid transparent;
}

.chat-control-file input
{
	display: none;	
}


.chat-control-sound
{
	border-radius:25px;
	height:40px;
	width:40px;
	background: #46A1DA ;
	color:white;
	border:0px solid transparent;
	cursor:pointer;
}



.filters
{
	text-align: right;
}

.filters .input-group
{
	width:300px;
	float:right;
	//margin-bottom:20px;
}

.btn-xs
{
	/*width: 30px;
	height: 30px;
	font-size: 20px;
	padding:0px;*/
}

.blink-icon .fas, .blink-icon .fa {
  animation: blink 1s linear infinite;
}

@keyframes blink {

     50% {
	    opacity: 0;
	  }

}

.hidden
{
	display:none!important;
}

.panel-footer
{
	text-align:right;
}
.pagination {
 display:inline-block;
 padding-left:0;
 margin:0px 0;
 border-radius:4px
}
.pagination>li {
 display:inline
}
.pagination>li>a,
.pagination>li>span {
 position:relative;
 float:left;
 padding:6px 12px;
 line-height:1.428571429;
 text-decoration:none;
 color:#46A1DA ;
 background-color:white;
 border:1px solid #dddddd;
 margin-left:-1px
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
 margin-left:0;
 border-bottom-left-radius:4px;
 border-top-left-radius:4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
 border-bottom-right-radius:4px;
 border-top-right-radius:4px
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
 color:#117964;
 background-color:#eeeeee;
 border-color:#dddddd
}
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
 z-index:2;
 color:white;
 background-color:#46A1DA ;
 border-color:#46A1DA ;
 cursor:default
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
 color:#999999;
 background-color:white;
 border-color:#dddddd;
 cursor:not-allowed
}
.pagination-lg>li>a,
.pagination-lg>li>span {
 padding:10px 16px;
 font-size:18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
 border-bottom-left-radius:6px;
 border-top-left-radius:6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
 border-bottom-right-radius:6px;
 border-top-right-radius:6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
 padding:5px 10px;
 font-size:12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
 border-bottom-left-radius:3px;
 border-top-left-radius:3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
 border-bottom-right-radius:3px;
 border-top-right-radius:3px
}
.pager {
 padding-left:0;
 margin:20px 0;
 list-style:none;
 text-align:center
}
.pager:before,
.pager:after {
 content:" ";
 display:table
}
.pager:after {
 clear:both
}
.pager li {
 display:inline
}
.pager li>a,
.pager li>span {
 display:inline-block;
 padding:5px 14px;
 background-color:white;
 border:1px solid #dddddd;
 border-radius:15px
}
.pager li>a:hover,
.pager li>a:focus {
 text-decoration:none;
 background-color:#eeeeee
}
.pager .next>a,
.pager .next>span {
 float:right
}
.pager .previous>a,
.pager .previous>span {
 float:left
}
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
 color:#999999;
 background-color:white;
 cursor:not-allowed
}

.fc-content .fc-title {
    color: white;
}

.datetimepicker
{
	/*transform: scale(0.7);
	transform-origin: 0 0;*/
}
.datetimepicker  table
{
	width:300px;
}
.datetimepicker  table tr
{
	height:20px!important;
}

.datetimepicker tfoot
{
	display:none;
}


.daterangepicker   table
{
	width:300px;
}
.daterangepicker  table tr
{
	height:20px!important;
}

.daterangepicker tfoot
{
	display:none;
}
.daterangepicker button
{
	width:auto!important;
}

.no_multiplo_15
{
	display:none;
}
.btn-primary {

    color: #fff;
    background-color: #46A1DA;
    border-color: #46A1DA;

}


.btn-primary:hover {

    color: #fff;
    background-color: #222;
    border-color: #222;

}

.body-panel .table-inputs td
{
	padding-right:25px;
}

.sticky-footer
{
	height: 30px!important;
}

#wrapper #content-wrapper 
{
    padding-bottom: 0px;
}


.menu-sidebar 
{
    background: #222;



background: rgba(10,10,10,1);


background: -moz-linear-gradient(top, #46A1DA 0%,#46A1DA 20%, #48A3DC 100%);
background: -webkit-linear-gradient(top, #46A1DA 0%,#46A1DA 20%, #48A3DC 100%);
background: -o-linear-gradient(top, #46A1DA 0%,#46A1DA 20%, #48A3DC 100%);
background: -ms-linear-gradient(top, #46A1DA 0%,#46A1DA 20%, #48A3DC 100%);
background: linear-gradient(to bottom, #46A1DA 0%,#46A1DA 20%, #48A3DC 100%);



    color:white;
}

.table-earning thead th {
    background: #46A1DA;
    }

   .login-content {
    background: #242424;
    background:transparent;
}

.menu-sidebar .logo 
{
    background: #46A1DA;
    color:white!important;
    border-right: 1px solid #46A1DA;
box-shadow:none!important;
}


.header-desktop 
{
    background: #46A1DA;
    color:white!important;
box-shadow:none!important;
}

.navbar-sidebar .navbar__list li a 
{
    color: #d5d5d5;
}
.navbar-sidebar .navbar__list li.active > a, .navbar-sidebar .navbar__list li a:hover
{
    color: #fff;
}

.account-item > .content > a
{
	color:white;
}


.page-content--bge5
{
	background-image: url('../img/background-login.png');
	background-size: cover;
}


.au-input 
{
    border-radius: 30px;
}




.au-btn {

    border-radius: 30px;
}


.au-btn--blue
{
	background: #307FE2;
}


.table--no-card
{
	background: #f5f5f5;
}

.main-content
{
	opacity:0;
}

#dataTable
{
	height:632.5px!important;
	overflow:hidden;
}




.cropper_div
{

	position: relative;
	width:100%; 
	height:215px; 
	border: 5px dashed #ccc;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 80%;
}
.cropper_div .sub_div
{
	background-color: #e3e3e3;
	border-radius:50px;
	width:50px;
	height:50px;
	line-height: 50px;
	margin:auto;
	margin-top: 65px!important;
	opacity:0.6;
	color:black;font-size:20px
}

.cropper_div input[type="file"]
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	cursor:pointer;
}


.cropper-container
{
	width: 568px; height: 446px;
}


.cropper-circle .cropper-view-box,.cropper-circle .cropper-face 
{
    border-radius: 50%;
}

.cropper_div.cropper-circle 
{
    border-radius: 50%;
    width:215px;
    background-size: 105% 105%;
}

.img-container
{
	margin: auto;
	width:100%!important;
}


.dot--purple {background: #9a52b6;}


.widget{display:none;}

#widgetDoughnutVisitas
{
	height:400px!important;
}

.recent-report, .chart-percent-card {margin-bottom: 0px!important;}


.header-mobile
{
	background:#000!important;
}

.header-button
{
	text-align: right!important;
}

.account-wrap {
    width: 100%;
}

@media only screen and (max-width: 990px) 
{

	.header-desktop
	{
		display:none!important;
	}
}


.hamburger.hamburger--slider.is-active .hamburger-inner 
{
    top: 0px!important;
}

@media only screen and (max-width: 1800px) 
{

	.hide_small
	{
		display:none!important;
	}
}

@media only screen and (max-width:1800px) and (min-width:1200px)  {
 .col-lg {
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -ms-flex-positive:1;
  flex-grow:1;
  max-width:100%
 }
 .col-lg-auto {
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:auto;
  max-width:none
 }
 .col-lg-1 {
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-lg-2 {
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-lg-3 {
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-lg-4 {
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-lg-5 {
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-lg-6 {
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-lg-7 {
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-lg-8 {
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-lg-9 {
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-lg-10 {
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-lg-11 {
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-lg-12 {
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .order-lg-first {
  -ms-flex-order:-1;
  order:-1
 }
 .order-lg-last {
  -ms-flex-order:13;
  order:13
 }
 .order-lg-0 {
  -ms-flex-order:0;
  order:0
 }
 .order-lg-1 {
  -ms-flex-order:1;
  order:1
 }
 .order-lg-2 {
  -ms-flex-order:2;
  order:2
 }
 .order-lg-3 {
  -ms-flex-order:3;
  order:3
 }
 .order-lg-4 {
  -ms-flex-order:4;
  order:4
 }
 .order-lg-5 {
  -ms-flex-order:5;
  order:5
 }
 .order-lg-6 {
  -ms-flex-order:6;
  order:6
 }
 .order-lg-7 {
  -ms-flex-order:7;
  order:7
 }
 .order-lg-8 {
  -ms-flex-order:8;
  order:8
 }
 .order-lg-9 {
  -ms-flex-order:9;
  order:9
 }
 .order-lg-10 {
  -ms-flex-order:10;
  order:10
 }
 .order-lg-11 {
  -ms-flex-order:11;
  order:11
 }
 .order-lg-12 {
  -ms-flex-order:12;
  order:12
 }
 .offset-lg-0 {
  margin-left:0
 }
 .offset-lg-1 {
  margin-left:8.333333%
 }
 .offset-lg-2 {
  margin-left:16.666667%
 }
 .offset-lg-3 {
  margin-left:25%
 }
 .offset-lg-4 {
  margin-left:33.333333%
 }
 .offset-lg-5 {
  margin-left:41.666667%
 }
 .offset-lg-6 {
  margin-left:50%
 }
 .offset-lg-7 {
  margin-left:58.333333%
 }
 .offset-lg-8 {
  margin-left:66.666667%
 }
 .offset-lg-9 {
  margin-left:75%
 }
 .offset-lg-10 {
  margin-left:83.333333%
 }
 .offset-lg-11 {
  margin-left:91.666667%
 }
}


.overview-item--c4 {
    background-image: -moz-linear-gradient(90deg, #00caff 0%, #5b70e3 100%);
	background-image: -webkit-linear-gradient(90deg, #00caff 0%, #5b70e3 100%);
	background-image: -ms-linear-gradient(90deg, #00caff 0%, #5b70e3 100%);
}




@font-face {
  font-family: "OpenSansCustom";
  src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");  // Give relative path to your css file.
}

*
{
	font-family: OpenSansCustom;
}

.colpick
{

	z-index:99!important;
	background: #080B0C!important;
	height: 178px!important;
}

.colpick .colpick_field_letter {

    width: 17px!important;
    }

    .colpick_hex_field 
    {
    	width: 129px!important;
    }


    .pcr-type.active
    {
    	display:none!important;
    }


    .pcr-button
    {
    	width:20em!important;
    }



    .pcr-button
    {
    	height:36px!important;
    }

    .pcr-app {

    background: #565656!important;
}

.pcr-app {

    width: 250px;
}

#descripcion_preview a
{
    color:white;
    font-weight:bold;
    text-decoration: underline white!important;
}


td
{
	cursor:context-menu!important;
}