/* ============================================== */
/* TRANSITIONS */
/* ============================================== */

label[for="archivo"],
label[for="files"],
label[for="upload-image"],

.pagination ul li,
.img-gallery a,
.remove,
.btn-borrar-img,

#login form,
table tbody tr,

.white-box a.btn,
.navigation-aside ul li a:after,

/*-- hamburguer  --*/

.button span,

/*-- body  --*/

.body-active,
body,
nav .navigation-aside,
nav .navigation-aside-active,
.bg-overlay-page,
.bg-overlay-page-active,
nav .navigation-aside ul li a,
.navigation-aside-settings ul li a,
nav .navigation-aside ul li,
nav .navigation-aside ul li.li-active,

/*-- menu  --*/

.navigation-top ul li a,
nav .navigation-aside ul li span a,
nav .navigation-aside ul li span:hover a,
nav .navigation-aside ul li span:hover,
nav .navigation-aside ul li a,
nav,
.nav-active, 

/*-- section & footer  --*/

.section,
footer,
.section-active,
.footer-active,

/*-- btn --*/


.btn-borrar,
.btn-editar,
.btn-agregar,
input[type=submit]{

  -webkit-transition:all 125ms ease-in-out;
  -moz-transition:all 125ms ease-in-out;
  -ms-transition:all 125ms ease-in-out;
  transition:all 125ms ease-in-out;

}


/* ============================================== */
/* RADIOS */
/* ============================================== */


label[for="archivo"],
label[for="files"],
label[for="upload-image"],
.navigation-aside span,
.navigation-top span{
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.pagination ul li a,
.pagination ul li,

#login form,
.navigation-aside ul li.open .search-link button,

.alert-error,
.alert-success,
.alert-warning,

.navigation-top ul li a,

.btn-editar,
.btn-borrar,
.btn-agregar,
input[type=submit],

.img-gallery a,
.remove,
.thumb-img,
form.search-link,
.btn-borrar-img,

table td div,
.white-box a.btn,
.white-box ul li span{
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
}

.navigation-top-submenu ul{
  -webkit-border-radius:0 0 2px 2px;
  -moz-border-radius:0 0 2px 2px;
  -o-border-radius:0 0 2px 2px;
  border-radius:0 0 2px 2px;
}


/* ============================================== */
/* SHADOWS */
/* ============================================== */


.select-options,
.white-box ul li > span,
.btn-more,
.btn-cta,
.btn-outline,
input[type=submit],
#login form{

  -webkit-box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.1);

}

/*-- menu --*/
table td div,
.navigation-top-submenu ul,
nav .navigation-aside ul li span,
.navigation-top ul li a:hover{
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}

.alert-success,
.alert-warning,
.alert-error,
#login form{
  -webkit-animation: fadeLogin 0.30s both 0.30s;
  -moz-animation: fadeLogin 0.30s both 0.30s;
  -ms-animation: fadeLogin 0.30s both 0.30s;
  -o-animation: fadeLogin 0.30s both 0.30s;
  animation: fadeLogin 0.30s both 0.30s;
}

@keyframes fadeLogin {
    from { opacity: 0;}
    to   { opacity: 1;}
}

@-moz-keyframes fadeLogin {
    from { opacity: 0;}
    to   { opacity: 1;}
}

@-webkit-keyframes fadeLogin {
    from { opacity: 0;}
    to   { opacity: 1;}
}

@-ms-keyframes fadeLogin {
    from { opacity: 0;}
    to   { opacity: 1;}
}

@-o-keyframes fadeLogin {
    from { opacity: 0;}
    to   { opacity: 1;}
}