/* Color de Error en el Login */
.error_login { color: #e81515 !important; font-size: 12px !important; text-align: center !important; font-weight: bold; width: 100%; display: block; }

/* Header */
.header-interno { background-color: #FFFFFF; border-top: 6px solid #54A7F5; }

/* Enlaces */ 
.enlace a { color: #54A7F5; font-weight: bold; }

/* Enlaces */ 
.no_cursor { cursor:default !important; pointer-events: none;}

/* Menu Item Perfil */
.titulo_capsula_perfil { font-size: 14px !important; color: #3a3a3a; font-weight: bold; text-decoration: none; }

/* Menu */
/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #ff5722; }
.nav-link { color: #3a3a3a; }
.nav-link:focus, .nav-link:hover { color: #3a3a3a; font-weight: bold; }
*/
.menu-principal .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link { color: #54A7F5; }
.menu-principal .nav-link:hover { color: #54A7F5; font-weight: bold;}
.menu-principal .nav-link { color: #FFFFFF }

/* Banner Interior Color Letra */
.banner-interiores .bajada-seccion { color:#F58F2E; }
/*.banner-interiores .bajada-seccion { color:#FF5722; }*/

/* Tile Items */
.tile { text-decoration: none; color:#fff; }
.tile:hover { font-weight: bold; color:#fff; }
.tile .icon { font-size: 2.3rem; color: #fff; }

/* Formularios */
.form-control:focus { color: #000 !important; background-color: #fff !important; }

/* Capsulas Home */
.margenes-capsula   { padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }
.fondo-capsula      { background: #ffffff; border-radius: 20px; padding-top: 20px; padding-bottom: 40px; }

/* Iconos Capsulas Home */
.icono_font                 { font-size: 60px; color: #54A7F5; }

/* Acordeon */
.accordion-button { background:#cecece; font-weight: bold;}
.grupo-accordion-1 .accordion-button:not(.collapsed) { color: #ffffff; background-color: #54A7F5;font-weight: bold; }

/* Tablas */
.tabla_docs td              { font-weight:normal; }
.tabla_docs .icono_archivo  { font-size: 20px; }

table.dataTable tbody th, table.dataTable tbody td { vertical-align: middle; }

/* Loader */
.lds-ripple     { position: relative; width: 80px; height: 80px; margin:0 auto;}
.lds-ripple div { position: absolute; border: 4px solid #54A7F5; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
.lds-ripple div:nth-child(2) { animation-delay: -0.5s; }

@keyframes lds-ripple {
    0%      { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; }
    4.9%    { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; }
    5%      { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; }
    100%    { top: 0px;  left: 0px;  width: 72px; height: 72px; opacity: 0; }
} 

/* Font Size */
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-22 { font-size: 22px !important; }
.fs-24 { font-size: 24px !important; }
.fs-26 { font-size: 26px !important; }
.fs-28 { font-size: 28px !important; }
.fs-30 { font-size: 30px !important; }
.fs-60 { font-size: 60px !important; }

/* Tiles */
.tile-info                  { background:#00bcd4!important }
.tile-alizarin              { background:#00626e!important }
.tile-white                 { background:#ffffff!important }
.tile-success               { background:#8bc34a!important }
.tile-danger                { background:#e51c23!important }
.tile-warning               { background:#ffeb3b!important }
.tile-primary               { background:#03a9f4!important }
.tile-inverse               { background:#9e9e9e!important }
.tile-midnightblue          { background:#37474f!important }
.tile-sky                   { background:#009688!important }
.tile-orange                { background:#ff9800!important }
.tile-indigo                { background:#3f51b5!important }
.tile-green                 { background:#4caf50!important }
.tile-blue                  { background:#2196f3!important }
.tile-magenta               { background:#e91e63!important }
.tile-purple                { background:#9c27b0!important }
.tile-brown                 { background:#795548!important }
.tile-grape                 { background:#cddc39!important }
.tile-toyo                  { background:#ffc107!important }
.tile-orange-dark           { background:#ff5722!important }
.tile-facebook              { background:#3b5998!important }
.tile-twitter               { background:#00aced!important }
.tile-dribbble              { background:#ea4c89!important }
.tile-vimeo                 { background:#aad450!important }

/* Txt-Color */
.txt-info                  { color:#00bcd4!important }
.txt-alizarin              { color:#00626e!important }
.txt-white                 { color:#ffffff!important }
.txt-success               { color:#8bc34a!important }
.txt-danger                { color:#e51c23!important }
.txt-warning               { color:#ffeb3b!important }
.txt-primary               { color:#03a9f4!important }
.txt-inverse               { color:#9e9e9e!important }
.txt-midnightblue          { color:#37474f!important }
.txt-sky                   { color:#009688!important }
.txt-orange                { color:#ff9800!important }
.txt-indigo                { color:#3f51b5!important }
.txt-green                 { color:#4caf50!important }
.txt-blue                  { color:#2196f3!important }
.txt-magenta               { color:#e91e63!important }
.txt-purple                { color:#9c27b0!important }
.txt-brown                 { color:#795548!important }
.txt-grape                 { color:#cddc39!important }
.txt-toyo                  { color:#ffc107!important }
.txt-orange-dark           { color:#ff5722!important }
.txt-facebook              { color:#3b5998!important }
.txt-twitter               { color:#00aced!important }
.txt-dribbble              { color:#ea4c89!important }
.txt-vimeo                 { color:#aad450!important }

/* Buttons */
.btn-default                { color: #455a64; background-color: #fafafa; border-color: #e0e0e0; }
.btn-primary                { color: #ffffff; background-color: #03a9f4; border-color: #039be5; }
.btn-success                { color: #ffffff; background-color: #8bc34a; border-color: #7cb342; }
.btn-info                   { color: #ffffff; background-color: #00bcd4; border-color: #00acc1; }
.btn-warning                { color: #ffffff; background-color: #ffeb3b; border-color: #fdd835; }
.btn-toyo                   { color: #ffffff; background-color: #ffc107; border-color: #ecb100; }
.btn-danger                 { color: #ffffff; background-color: #e51c23; border-color: #dd191d; }
.btn-inverse                { color: #ffffff; background-color: #9e9e9e; border-color: #757575; }
.btn-brown                  { color: #ffffff; background-color: #795548; border-color: #6d4c41; }
.btn-indigo                 { color: #ffffff; background-color: #3f51b5; border-color: #3949ab; }
.btn-orange                 { color: #ffffff; background-color: #ff9800; border-color: #fb8c00; }
.btn-teal                   { color: #ffffff; background-color: #009688; border-color: #00897b; }
.btn-midnightblue           { color: #ffffff; background-color: #37474f; border-color: #263238; }
.btn-pink                   { color: #ffffff; background-color: #e91e63; border-color: #d81b60; }
.btn-green                  { color: #ffffff; background-color: #4caf50; border-color: #43a047; }
.btn-purple                 { color: #ffffff; background-color: #9c27b0; border-color: #8e24aa; }
.btn-deeporange             { color: #ffffff; background-color: #ff5722; border-color: #f4511e; }
.btn-facebook               { color: #ffffff; background-color: #3b5998; border-color: #3b5998; }


.btn-default:hover          { background-color: #ededed; border-color: #cccccc; color:#fff;}
.btn-primary:hover          { background-color: #0398db; border-color: #0280bd; color:#fff;}
.btn-success:hover          { background-color: #7eb73d; border-color: #679537; color:#fff;}
.btn-info:hover             { background-color: #00a5bb; border-color: #008898; color:#fff;}
.btn-warning:hover          { background-color: #ffe821; border-color: #fdd00d; color:#fff;}
.btn-toyo:hover             { background-color: #ecb100; border-color: #ffc107; color:#fff;}
.btn-danger:hover           { background-color: #d0181e; border-color: #b81518; color:#fff;}
.btn-inverse:hover          { background-color: #919191; border-color: #616161; color:#fff;}
.btn-brown:hover            { background-color: #694a3e; border-color: #533a32; color:#fff;}
.btn-indigo:hover           { background-color: #3849a2; border-color: #2f3c8c; color:#fff;}
.btn-orange:hover           { background-color: #e68900; border-color: #d27500; color:#fff;}
.btn-teal:hover             { background-color: #007d71; border-color: #006056; color:#fff;}
.btn-midnightblue:hover     { background-color: #2d3940; border-color: #161c20; color:#fff;}
.btn-pink:hover             { background-color: #d81557; border-color: #b41650; color:#fff;}
.btn-green:hover            { background-color: #449d48; border-color: #37833a; color:#fff;}
.btn-purple:hover           { background-color: #89229b; border-color: #721d88; color:#fff;}
.btn-deeporange:hover       { background-color: #ff4408; border-color: #de3d0b; color:#fff;}





.alert.alert-icon-left      { border-left-width: 4rem; }
.alert-danger               { background-color: #ff909f!important; color: #960014!important; }
.alert-danger, .btn-danger  { border-color: #ff4961!important; }

.alert-danger               { border-color: #ff4961 !important; background-color: #ff909f !important; color: #960014 !important; }
.alert-danger .alert-link   { color: #6d000e !important; }
.alert                      { position: relative }
.alert .alert-link:hover    { text-decoration: underline }
.alert.alert-icon-left      { border-left-width: 4rem }
.alert.alert-icon-right     { border-right-width: 4rem }
.alert.alert-icon-left[class*=bg-] { border-left-color: rgba(0,0,0,.15)!important }
.alert.alert-icon-right[class*=bg-] { border-right-color: rgba(0,0,0,.15)!important }
.alert[class*=alert-icon-] .alert-icon {
    content: '\f2b2';
    font-family: LineAwesome;
    color: #fff;
    width: 4rem;
    left: -4rem;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.alert .close               { font-size: 2rem; line-height: 1rem }
.alert[class*=bg-],.alert[class*=bg-] .alert-link { color: #fff }
.alert[class*=bg-] .close   { color: #fff; opacity: 1; text-shadow: none }
.alert.alert-icon-right .alert-icon { left: auto; right: -4rem }

.alert[class*=alert-arrow-]:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    border-left: 8px solid;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left-color: inherit;
    margin-top: -8px
}

.alert.alert-arrow-right:before { left: auto; right: 0; border-left: 0; border-right: 8px solid; border-right-color: inherit }