@import url("https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,400,400i,700,700i&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext");

.swal-text{
	text-align:center;
}
.navbar{
	-webkit-box-shadow: 0 5px 10px -5px #050505;
	box-shadow: 0 5px 10px -5px #050505;
	font-size: 14px;
}
.dropdown-item{
	font-size: 14px;	
}
.dropdown-menu{
	padding: 0px !important;
}
.navbar-brand {
    font-family: Open Sans;
    line-height: .7em !important;
}
.navbar-projectname {
	font-weight: 300;
	letter-spacing: 2px;
}
.navbar-projectname strong {
    font-weight: 400;
}
.navbar-projectsubn {
    font-size: 10.5px;
    letter-spacing: 3px;
}
.breadcrumb{
	font-size: 14px;
}
.card-body{
	font-size: 14px;
}
.nav-tabs .nav-item .nav-link{
	color:#495057;
}
.text-300{
	font-weight: 300
}
.text-700{
	font-weight: 700
}
.text-xs{
	font-size: 12px;
}
.bt{
  border-top:.5px solid #EEEEEE;
}
.bb{
  border-bottom:.5px solid #EEEEEE;
}
.bl{
  border-left:.5px solid #EEEEEE;
}
.br{
  border-right:.5px solid #EEEEEE;
}
.photo{
	border-radius: 50%;
	background: rgba(255,255,255,.3);
	max-width: 200px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin: auto;
	display: block;
	transform: rotate(0deg);
	-webkit-box-shadow: 0 -5px 10px -5px #050505;
	box-shadow: 0 -5px 10px -5px #050505;
}
.card{
	-webkit-box-shadow: -2px 5px 10px -5px #050505;
    box-shadow: -2px 5px 10px -5px #050505;
}
.hover-card{
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
	color:#212529;
	text-decoration:none;
	background: #FFFFFF;
}
.hover-card a{
	color:#212529;
	text-decoration:none;
}
.hover-card:hover{
	background: #E9ECEF;
	cursor:pointer;
	color:#212529;
	text-decoration:none;
}
.hover-card:active{
	-webkit-box-shadow: 0 5px 10px -6px #050505;
    box-shadow: 0 5px 10px -6px #050505;
}
.hover-calendar{
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
	color:#212529;
	text-decoration:none;
	background: #FFFFFF;
}
.hover-calendar:hover{
	background: #E9ECEF;
	color:#212529;
	text-decoration:none;
}
.hover-calendar:active{
	-webkit-box-shadow: 0 5px 10px -6px #050505;
    box-shadow: 0 5px 10px -6px #050505;
}
.table-spotlight{
	-webkit-box-shadow: 5px 5px 10px -5px #050505;
	box-shadow: 5px 5px 10px -5px #050505;
}
.fa-asterisk{
	color:rgba(220,63,69,.7) !important;
	font-size: 7px !important;
}
.tooltip-inner{
	font-size: 12px;
}
.btn-group-sm>.btn, .btn-sm {
    /*border-radius: 0 !important;*/
}
.box-shadow{
	-webkit-box-shadow: 0 5px 10px -5px #050505;
    box-shadow: 0 5px 10px -5px #050505;
    border:0px solid #DDDDDD;
}
.swal-button{
	background-color:#34495E;
}
.content-table{
	overflow: hidden;
	overflow-x: auto;
}
.swal-content{
	font-size: 14px !important;
}
.card-title{
	border-radius: .5rem .5rem 0px 0px;
	background-color:#868E96;
	color:#FFFFFF;
	padding: .75rem 1.25rem;
	margin:0px;
}

/*Modal*/
.modal-dialog{
  -webkit-box-shadow: -50px 50px 100px -50px #000000;
  box-shadow: -50px 50px 100px -50px #000000;
}

/*Input Range*/

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 5px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: #dee2e6;
  border-radius: 10px;
  border: 0.4px solid #ffffff;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: #6A58E8;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #dee2e6;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: #dee2e6;
  border-radius: 10px;
  border: 0.4px solid #ffffff;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 15px;
  width: 1px;
  border-radius: 50px;
  background: #6A58E8;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #dee2e6;
  border: 0.4px solid #ffffff;
  border-radius: 20px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-fill-upper {
  background: #dee2e6;
  border: 0.4px solid #ffffff;
  border-radius: 20px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 15px;
  width: 1px;
  border-radius: 50px;
  background: #6A58E8;
  cursor: pointer;
  height: 5px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #dee2e6;
}
input[type=range]:focus::-ms-fill-upper {
  background: #dee2e6;
}

/*Cabeceros fijos de las tablas*/
.content-table-header{
  overflow: hidden;
  overflow-x: auto;
}
.content-table-header::-webkit-scrollbar {
  height: 0px;
  width:0px;
}
.content-table-header::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.content-table-header::-webkit-scrollbar-thumb {
  background: #888; 
}
.content-table-header::-webkit-scrollbar-thumb:hover {
  background: #555; 
}