html {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
    outline: none!important;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: #E9E9E9;
    color: #4e73df!important;
    font-weight: bold;
    outline: none!important;
  }

  #adminPostulacion{
    margin-left: 30px;
    margin-right: 30px;
  }

  #btningrecc{
    border-right: 1px solid rgba(0, 0, 0, .125);
  }

  #btnaprobcc{
    border-right: 1px solid rgba(0, 0, 0, .125);
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    border-left: 1px solid rgba(0, 0, 0, .125);
    border-right: 1px solid rgba(0, 0, 0, .125);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  
  /* Fade in tabs */
  @-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }

.panel-heading a:after {
    margin-top: -5px;
    font-size: 25px;
    content:"\2212";
    float: right;
    color: #4e73df;
}
.panel-heading a.collapsed:after {
    content:"\2b";
}

.panel-heading a:after {
  content:"\2212";
  float: right;
  color: #4e73df;
}
.panel-heading a.collapsed:after {
  content:"\2b";
}


#panelHeader{
  color: #4e73df!important;
  font-weight: bold;
  background: #E9E9E9;
  border-top-color: #C4C3C3;
}

#btn-panel{
    /*background:#fb872b; */
    margin-top:5px; 
    color:white;
    background: #57b846;
    border-color:#57b846;
    white-space: nowrap;
}


#btn-panel-delete{
    /*background:#fb872b; */
    margin-top:5px; 
    opacity:0.8;
    color:white;
    background: red;
    border-color: red;
    white-space: nowrap;
}

#datatableHeader{
    zoom:0.8;
    background: #E9E9E9;
}
#lateralAdmin{
 /* background-image: linear-gradient(180deg,rgba(58,52,226,0.93) 0%,rgba(73,108,220,0.7) 100%);
  background-color: rgba(255,255,255,0);*/

  background: #9053c7;
  background: -webkit-linear-gradient(-135deg, #c850c0, #4158d0);
  background: -o-linear-gradient(-135deg, #c850c0, #4158d0);
  background: -moz-linear-gradient(-135deg, #c850c0, #4158d0);
  background: linear-gradient(-135deg, #c850c0, #4158d0);

 }


#navigator-link{
    color: white;
}

#parraphLogo{
    color:white;
    border-bottom-color: #C4C3C3;
}

#navigator-child{
    color:white;
    zoom:0.8;
    margin-left:15px;
}

.page-item.active .page-link{
    background: #4e73df!important;
    color:white;
    border-color:  #4e73df!important;
  
}

#imgLateral{
    zoom:50%;
    margin-left:15px;
    margin-bottom:-15px;
}

#tdInfoLaboral{
    background-image: linear-gradient(180deg,rgba(58,52,226,0.93) 0%,rgba(73,108,220,0.7) 100%);
    background-color: rgba(255,255,255,0);
    color:white;
    zoom:0.8;
}

#gifLoading{
    zoom:25%;
}

#btnCloseModal{
    background: #fb872b;
    color:white;
    border-color:  #fb872b;
}

#inputSetting{
    background:white;
    border-color:  #4e73df!important;
}

h3.card-title{
    font-weight: bold;
    zoom:0.9;
}