.total{
    box-sizing: border-box;
    color: #212529; 
    font-size: 100%; 
    font-weight: 400; 
    text-align: center; 
    background: #89cbd6; 
    margin: 0 0 25px; 
    overflow: hidden; 
    padding: 5px; 
    border-radius: 35px 0px 35px 0px; 
    -moz-border-radius: 35px 0px 35px 0px; 
    -webkit-border-radius: 35px 0px 35px 0px; 
    border: 2px solid #36d2de;
    height: 40px;
}

.inicio{
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.sidebar{
    background-color: #0a83d7;

    color: #562017;
}

.nombre{
    text-transform: capitalize;
}

.sidebar{
    background-color: #0a83d7;
}
[class*=sidebar-dark-] .sidebar a {
    color: #fff;
}
.badge-danger {
    color: #fff;
    background-color: #da5e03;
}
.main-sidebar, .main-sidebar::before {
    transition: margin-left .3s ease-in-out,width .3s ease-in-out;
    width: 270px;
}
.navbar-light .navbar-nav .nav-link {
    font: 20px "Comic Sans MS", cursive;
    color: #0a83d7;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #da5c00;
}
.dropdown-item {
    font: 20px "Comic Sans MS", cursive;
    color: #0a83d7;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #da5c00;
    color: #fff;
}
.sidebar-icon{
    margin-left: .05rem;
    font-size: 1.2rem;
    margin-right: .2rem;
    text-align: center;
    width: 2rem;
    height: 2rem;
}
.img-tittle{
    width: 220px; height: 110px;
}

.btn-add{
    color: #fff;
    background-color: #da5c00;
    border-color: #ffb268;
}

.table-title {
    padding-bottom: 15px;
    background-color: #007bff;
    color: #fff;
    padding: 16px 30px;
    margin: -20px -25px 10px;
    border-radius: 1px 1px 0 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.247);
}

.alinear {
    display: flex;
 }
 .alinear a {
     margin-left: 0.5rem;
 }



.ring
{
  position:relative;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:170px;
  height:170px;
  background:transparent;
  border:3px solid #ffffff;
  border-radius:50%;
  text-align:center;
  line-height:150px;
  font-family:sans-serif;
  font-size:20px;
  color:#1470da;
  letter-spacing:4px;
  text-transform:uppercase;
  text-shadow:0 0 10px #1470da;
  box-shadow:0 0 20px rgba(255, 253, 253, 0.986);
}
.ring:before
{
  content:'';
  position:absolute;
  top:-3px;
  left:-3px;
  width:100%;
  height:100%;
  border:3px solid transparent;
  border-top:3px solid #1470da;
  border-right:3px solid #1470da;
  border-radius:50%;
  animation:animateC 1s linear infinite;
}
.loading
{
  display:block;
  position:absolute;
  top:calc(50% - 2px);
  left:50%;
  width:50%;
  height:4px;
  background:transparent;
  transform-origin:left;
  animation:animate 1s linear infinite;
}
.loading:before
{
  content:'';
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#1470da;
  top:-6px;
  right:-8px;
  box-shadow:0 0 20px #1470da;
}
@keyframes animateC
{
  0%
  {
    transform:rotate(0deg);
  }
  100%
  {
    transform:rotate(360deg);
  }
}
@keyframes animate
{
  0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}


.hide {
    max-height: 0 !important;
}

.dropdown{
	border: 0.1em solid transparent;
	width: 10em;
	margin-bottom: 1em;
}

.dropdown .title{
	margin: .3em .3em .3em .3em;	
	width: 100%;
}

.dropdown .title .fa-angle-right{
	float: right;
	margin-right: .7em;
	transition: transform .3s;
}

.dropdown .menu{
	transition: max-height .5s ease-out;
	max-height: 20em;
	overflow: hidden;
}

.dropdown .menu .option{
	margin: .3em .3em .3em .3em;
	margin-top: 0.3em;
}

.dropdown .menu .option:hover{
	background: rgba(0,0,0,0.2);
}

.pointerCursor:hover{
	cursor: pointer;
}

.rotate-90{
	transform: rotate(90deg);
}