body {
    font-family: 'Noto Sans', sans-serif;
    background: #FEFEFE;
}

.title-card{
	font-size: 17px;
}

.title-card-sub{
	font-size: 15px;
	color: #515151;
}

.linkes{
  color: #3D3D3D;
  font-size: 22px !important;
}
.linkes:hover{
  font-weight: bold;
  color: black;
}

.title-detail{
	width: 100%;
	font-size: 13px;
	margin-left: 4px;
	color: #A3A3A3;
}

.action-detail{
	width: 100%;
	font-size: 14px;
	margin-left: 4px;
	color: #A3A3A3;
}

.nav-initial{
	background-color: #113D2D !important;
	color: #FEFEFE;
}

.red-color{
	color: #ff0000;
}

.gray-color{
	color: #4C4C4C;
}

.white-color{
	color: #FEFEFE !important;
}

.bordered-div{
	border: 1px solid #4E4E4E;
	background-color: #4E4E4E;
	border-radius: 4px;
	color: #F4F4F4;
}

.sub-bordered-div{
	margin-left: 20px !important;
	border-bottom: 1px solid #4E4E4E;
}

.ft-13{
	font-size: 13px;
}
.ft-12{
	font-size: 12px;
}
.ft-15{
	font-size: 15px;
}
.ft-16{
	font-size: 16px;
}
.ft-17{
	font-size: 17px;
}
.ft-18{
	font-size: 18px;
}

.files_:hover{
	font-weight: bold !important;
}


.btn-down { 
  color: #FEFEFE; 
  background-color: #4E4E4E; 
  border-color: #4E4E4E; 
} 
 
.btn-down:hover, 
.btn-down:focus, 
.btn-down:active, 
.btn-down.active, 
.open .dropdown-toggle.btn-down { 
  color: #FEFEFE; 
  background-color: #383838; 
  border-color: #4E4E4E; 
} 

.sub_border{
	width: 100%;
	border-bottom: 1px solid #4E4E4E;	
}
 
.btn-down:active, 
.btn-down.active, 
.open .dropdown-toggle.btn-down { 
  background-image: none; 
} 
 
.btn-down.disabled, 
.btn-down[disabled], 
fieldset[disabled] .btn-down, 
.btn-down.disabled:hover, 
.btn-down[disabled]:hover, 
fieldset[disabled] .btn-down:hover, 
.btn-down.disabled:focus, 
.btn-down[disabled]:focus, 
fieldset[disabled] .btn-down:focus, 
.btn-down.disabled:active, 
.btn-down[disabled]:active, 
fieldset[disabled] .btn-down:active, 
.btn-down.disabled.active, 
.btn-down[disabled].active, 
fieldset[disabled] .btn-down.active { 
  background-color: #4E4E4E; 
  border-color: #4E4E4E; 
} 
 
.btn-down .badge { 
  color: #4E4E4E; 
  background-color: #FEFEFE; 
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	background-color:#ff0000;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.my-float{
	margin-top:22px;
}

ul, #myUL {
  list-style-type: none;
  padding-left: 12px;
}

li{
	font-size: 14px;
}

#myUL {
  margin: 0;
  padding: 0;
}

.caret {
  cursor: pointer;
   font-weight: normal;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  -webkit-animation: rotate-90-left-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rotate-90-left-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.caret::before {
  content: "\25B6";
  color: black;
   font-weight: bold;
  display: inline-block;
  margin-right: 6px;
}

.caret-down::before {
	font-weight: bold;
  	-webkit-animation: rotate-90-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: rotate-90-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.nested {
  display: none;
  font-weight: normal;
}

.nested a{
	text-decoration: none;
	color: #4C4C4C;
}

.nested a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #113d2d;
}

.nested a:active{
	text-decoration: none;
	font-weight: bold;
	color: #113d2d;
}

.active {
  display: block;

}

.header_doc{
	width: 150px; height: 110px;
}

.update-text{
	font-size: 13px;
	color: #FEFEFE;
}

.color-back-inst{
	background: #113d2d;
}

.table-header{
	color: #FEFEFE;
	font-size: 13px;
}

.table-body{
	color: #353535; /*Color gris texto oscuro*/
	font-size: 13px;
}

.doc-foot{
	color: #353535; /*Color gris texto oscuro*/
	font-size: 14px;
}

.tb-1{
	width: 2%;
}

.tb-2{
	width: 7%;
}

.tb-3{
	width: 7%;
}

.tb-4{
	width: 38%;
}

.tb-5{
	width: 7%;
}

.tb-6{
	width: 18%;
}

.tb-7{
	width: 18%;
}

.tbp-2{
	width: 2%;
}
.tbp-7{
	width: 7%;
}
.tbp-10{
	width: 10%;
}
.tbp-15{
	width: 15%;
}
.tbp-20{
	width: 20%;
}
.tbp-25{
	width: 25%;
}
.tbp-30{
	width: 30%;
}
.tbp-35{
	width: 35%;
}
.tbp-40{
	width: 40%;
}
.tbp-45{
	width: 45%;
}
.tbp-50{
	width: 50%;
}
.tbp-55{
	width: 55%;
}
.tbp-60{
	width: 60%;
}



@-webkit-keyframes rotate-90-cw {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@keyframes rotate-90-cw {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}



@-webkit-keyframes rotate-90-left-ccw {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
@keyframes rotate-90-left-ccw {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}

.dropbtn {
  background-color: transparent;
  color: #DDDDDD;
  padding: 16px;
  font-size: 15px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #F1F1F1;
  min-width: 160px;
  width: 220px;
  font-size: 15px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
	font-weight: bold;
	color: #113D2D;
}

.dropdown:hover .dropdown-content {
	display: block;
	-webkit-animation: fade-in 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: fade-in 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

.dropdown:hover .dropbtn {
	background-color: #0F3628;
	font-weight: bold;
	color: #FFFFFF;
}


@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.carr-fade-h5{
	-webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.carr-fade-p{
	-webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/* Aparecer desde el centro */

@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

.text-sesion-start{
	color: #B58912;
	font-size: 13px;
	text-align: justify;	
}

.text-sesion-end{
	color: #696969;
	font-size: 13px;
	text-align: justify;
}

.tablas-sesiones{
	background-color: #E2E0E0;
}

.tabla-a{
	text-decoration: none;
}

.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none;
    margin-left:10px;
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fefefe !important;
    background-color: #5E5E5E;
    border-radius: 2px;
}

.nav-link {
    color: #474545 !important;
    text-decoration: none;
    background-color: transparent;
}

.panel-tree{
	background-color: transparent !important;
}