/*	BOTONES			->	22-sep-2018
	-------*/
.btn{
	position:relative;
	font-weight: 400;
	color:#444;
	text-align: center;
	vertical-align: middle;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
    border: 1px solid transparent;
    padding: 0.8rem 1rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-transform: uppercase;
    border: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    transition: color .4s, background-color .4s, border-color .4s, box-shadow .4s;
    cursor: pointer;
	display: inline-block;
	white-space: nowrap;
}
.btn:disabled{
	opacity: 0.65;
	cursor: not-allowed;
}
/*	PRIMARY
	-------*/
.btn.primary {
    color: #fff;
    background: #2196f3 linear-gradient(180deg, #42a6f5, #2196f3) repeat-x;
    border-color: #2196f3;
}
.btn.primary:hover {
	color: #fff;
  background: #0c83e2 linear-gradient(180deg, #3196e6, #0c83e2) repeat-x;
  border-color: #0c7cd5;
}
.btn.primary:active{
    color: #fff;
  background-color: #0c7cd5;
  background-image: none;
  border-color: #0b75c9;
}
.btn.primary:focus{color: #fff;
  background-color: #0c7cd5;
  background-image: none;
  border-color: #0b75c9;
}
/** PRIMARY AFTER **/
.btn.primary:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.primary:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.primary.disabled:after, .btn.primary[disabled]:after {
  display: none;
}
/*PRIMARY-OUTLINE*/
.btn.primary.outline {
  position: relative;
}
.btn.primary.outline:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.primary.outline:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.primary.outline.disabled:after, .btn.primary.outline[disabled]:after {
  display: none;
}
/*	SECONDARY
	---------*/
.btn.secondary{
    color: #212121;
    background: #fff linear-gradient(180deg, white, #fff) repeat-x;
    border-color: #fff;
}
.btn.secondary:hover {	
    background-color: #f0f0f0;
    color: #212121;
    background: #ececec linear-gradient(180deg, #efefef, #ececec) repeat-x;
    border-color: #e6e6e6;
}
.btn.secondary:active{
    color: #212121;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #dfdfdf;
}
.btn.secondary:focus{
    background-color: #fff;
    box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}
.btn.secondary:disabled{
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.4);
    opacity: 1;
}
.btn.secondary:not(:disabled):not(.disabled):active, .btn.secondary:not(:disabled):not(.disabled).active,
.show > .btn.secondary.dropdown-toggle {
  color: #212121;
  background-color: #e6e5e5;
  background-image: none;
  border-color: #dfdfdf;
}
.btn.secondary:not(:disabled):not(.disabled):active:focus, .btn.secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn.secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
/** SECONDARY AFTER **/
.btn.secondary:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #bbb 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.secondary:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.secondary.disabled:after, .btn.secondary[disabled]:after {
  display: none;
}
.btn.secondary.outline {
  position: relative;
}
.btn.secondary.outline:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #bbb 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.secondary.outline:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.secondary.outline.disabled:after, .btn.secondary.outline[disabled]:after {
  display: none;
}
/*	SUCCESS
	-------*/
.btn.success{
	color: #fff;
	background: #4CAF50 -webkit-gradient(linear, left top, left bottom, from(#67bb6a), to(#4CAF50)) repeat-x;
	background: #4CAF50 linear-gradient(180deg, #67bb6a, #4CAF50) repeat-x;
	border-color: #4CAF50;	
}
.btn.success:hover{
	color: #fff;
	background: #409444 -webkit-gradient(linear, left top, left bottom, from(#5da460), to(#409444)) repeat-x;
	background: #409444 linear-gradient(180deg, #5da460, #409444) repeat-x;
	border-color: #3d8b40;
}
.btn.success:active{
	color: #fff;
	background-color: #3d8b40;
	background-image: none;
	border-color: #39833c;
}
.btn.success:focus{
	-webkit-box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5);
}
/** SUCCESS AFTER **/
.btn.success:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.success:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.success.disabled:after, .btn.success[disabled]:after {
  display: none;
}
.btn.success.outline {
  position: relative;
}
.btn.success.outline:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.success.outline:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.success.outline.disabled:after, .btn.success.outline[disabled]:after {
  display: none;
}
/*	INFO
	----*/
.btn.info{
	color: #fff;
	background: #9C27B0 -webkit-gradient(linear, left top, left bottom, from(#ab47bc), to(#9C27B0)) repeat-x;
	background: #9C27B0 linear-gradient(180deg, #ab47bc, #9C27B0) repeat-x;
	border-color: #9C27B0;
}
.btn.info:hover{
	color: #fff;
	background: #802091 -webkit-gradient(linear, left top, left bottom, from(#9342a1), to(#802091)) repeat-x;
	background: #802091 linear-gradient(180deg, #9342a1, #802091) repeat-x;
	border-color: #771e86;
}
.btn.info:active{
	color: #fff;
	background-color: #771e86;
	background-image: none;
	border-color: #6e1b7c;
}
.btn.info:focus{
	-webkit-box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.5);
}
/** INFO AFTER **/
.btn.info:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.info:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.info.disabled:after, .btn.info[disabled]:after {
  display: none;
}
.btn.info.outline {
  position: relative;
}
.btn.info.outline:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.info.outline:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.info.outline.disabled:after, .btn.info.outline[disabled]:after {
  display: none;
}
/*	WARNING
	-------*/
.btn.warning{
	color: #fff;
	background: #ff9800 -webkit-gradient(linear, left top, left bottom, from(#ffa726), to(#ff9800)) repeat-x;
	background: #ff9800 linear-gradient(180deg, #ffa726, #ff9800) repeat-x;
	border-color: #ff9800;
}
.btn.warning:hover {
	color: #fff;
	background: #d98100 -webkit-gradient(linear, left top, left bottom, from(#de9426), to(#d98100)) repeat-x;
	background: #d98100 linear-gradient(180deg, #de9426, #d98100) repeat-x;
	border-color: #cc7a00;
}
.btn.warning:active{
	color: #fff;
	background-color: #cc7a00;
	background-image: none;
	border-color: #bf7200;
}
.btn.warning:focus{
	-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5);
}
/** WARNING AFTER **/
.btn.warning:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.warning:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.warning.disabled:after, .btn.warning[disabled]:after {
  display: none;
}
.btn.warning.outline {
  position: relative;
}
.btn.warning.outline:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.warning.outline:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.warning.outline.disabled:after, .btn.warning.outline[disabled]:after {
  display: none;
}
/*	DANGER
	------*/
.btn.danger{
	color: #fff;
	background: #e51c23 -webkit-gradient(linear, left top, left bottom, from(#e93e44), to(#e51c23)) repeat-x;
	background: #e51c23 linear-gradient(180deg, #e93e44, #e51c23) repeat-x;
	border-color: #e51c23;
}
.btn.danger:hover {
	color: #fff;
	background: #c4161d -webkit-gradient(linear, left top, left bottom, from(#cd393f), to(#c4161d)) repeat-x;
	background: #c4161d linear-gradient(180deg, #cd393f, #c4161d) repeat-x;
	border-color: #b9151b;
}
.btn.danger:active{
	color: #fff;
	background-color: #b9151b;
	background-image: none;
	border-color: #ad1419;
}
.btn.danger:focus{
	-webkit-box-shadow: 0 0 0 0.2rem rgba(229, 28, 35, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(229, 28, 35, 0.5);
}
/** DANGER AFTER **/
.btn.danger:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.danger:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.danger.disabled:after, .btn.danger[disabled]:after {
  display: none;
}
.btn.danger.outline {
  position: relative;
}
.btn.danger.outline:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 0;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-size: 1000% 1000%;
  background-position: 50%;
  border: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background .5s, opacity 1s;
  transition: background .5s, opacity 1s;
}
.btn.danger.outline:active:after {
  background-size: 0 0;
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s;
}
.btn.danger.outline.disabled:after, .btn.danger.outline[disabled]:after {
  display: none;
}
/*	LINK
	----*/
.btn.link{
	cursor: pointer;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	font-weight: 400;
	-webkit-box-shadow: none;
          box-shadow: none;
  	color: #2196F3;
	background-color: transparent;
}
.btn.link:hover {
	-webkit-box-shadow: none;
          box-shadow: none;
	color: #0a6ebd;
	text-decoration: underline;
}
.btn.link:disabled{
	color: #666;
	text-decoration: none;
}
/*	PRIMARY-OUTLINE
	---------------*/
.btn.primary.outline{
	color: #2196F3;
	background-color: transparent;
	background-image: none;
}
.btn.primary.outline:hover {
	color: #fff;
	background-color: #2196F3;
}
.btn.primary.outline:active{
	color: #fff;
	background-color: #2196F3;
}
.btn.primary.outline:disabled{
	color: #2196F3;
  background-color: transparent;
}
/*	SECONDARY-OUTLINE
	-----------------*/
.btn.secondary.outline{
	/* text-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); */
	color: #dee3ec;
	background-color: transparent;
	background-image: none;
	border-color: #fff;
}
.btn.secondary.outline:hover,
.btn.secondary.outline:active{
	color: #212121;
	background-color: #fff;
	border-color: #fff;
}
.btn.secondary.outline:focus{
	-webkit-box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.21);
	box-shadow: 0 0 0 0.2rem rgba(81, 81, 81, 0.21);
}
.btn.secondary.outline:disabled{
	color: #b5b5b5;
	background-color: white;
}
/*	SUCCESS-OUTLINE
	---------------*/
.btn.success.outline{
	color: #4CAF50;
	background-color: transparent;
	background-image: none;
	border-color: transparent;
}
.btn.success.outline:hover,
.btn.success.outline:active{
	color: #fff;
	background-color: #4CAF50;
	border-color: #4CAF50;
}
.btn.success.outline:focus{
	-webkit-box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5);
}
.btn.success.outline:disabled{
	color: #4CAF50;
	background-color: transparent;
}
/*	INFO-OUTLINE
	------------*/
.btn.info.outline{
	color: #9C27B0;
	background-color: transparent;
	background-image: none;
	border-color: transparent;
}
.btn.info.outline:hover,
.btn.info.outline:active{
	color: #fff;
	background-color: #9C27B0;
	border-color: #9C27B0;
}
.btn.info.outline:focus{
	-webkit-box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.5);
}
.btn.info.outline:disabled{
	color: #9C27B0;
  	background-color: transparent;
}
/*	WARNING-OUTLINE
	---------------*/
.btn.warning.outline{
	 color: #ff9800;
	background-color: transparent;
	background-image: none;
	border-color: transparent;
}
.btn.warning.outline:hover,
.btn.warning.outline:active{
	color: #fff;
	background-color: #ff9800;
	border-color: #ff9800;
}
.btn.warning.outline:focus{
	 -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5);
}
.btn.warning.outline:disabled{
	color: #ff9800;
	background-color: transparent;
}
/*	DANGER-OUTLINE
	--------------*/
.btn.danger.outline{
	color: #e51c23;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}
.btn.danger.outline:hover,
.btn.danger.outline:active{
	color: #fff;
  background-color: #e51c23;
  border-color: #e51c23;
}
.btn.danger.outline:focus{
	-webkit-box-shadow: 0 0 0 0.2rem rgba(229, 28, 35, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(229, 28, 35, 0.5);
}
.btn.danger.outline:disabled{
	color: #e51c23;
	background-color: transparent;
}
/*	SIZE
	----*/
.btn.large{
	padding: 0.5rem 1rem;
    font-size: 1.015625rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.btn.small{
	padding: 0.25rem 0.5rem;
	font-size: 0.7109375rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}
.btn.mini{
	font-size: 0.765rem;
	padding: 0.165rem 0.33rem;
	line-height: 1.5;
	border-radius: 0.16rem;
}
.btn.micro{
	font-size: 0.669rem;
	padding: 0.1rem 0.3rem;
	line-height: 1.5;
	border-radius: 0.128rem;
}
/*	MATERIAL-ICONS
	--------------*/
.btn i[class*="ic-"]{	
	vertical-align: middle;	
}
.btn .material-icons{
	vertical-align:middle;
}
.btn.small .material-icons{
	font-size: 1.4rem;
}
.btn span{
	display:inline-block;
	vertical-align: middle;
}
.btn.large .material-icons{
	font-size: 1.9rem;
	/* vertical-align: MIDDLE; */
}
.btn.mini .material-icons{
	font-size: 1.15rem;
	vertical-align: middle;
}
.btn.micro .material-icons{
	font-size: 1rem;
}
.btn:hover .ic-calendar_today{	
	background-image: url('action/ic_calendar_today_white_24dp.png');
}
/*	BOTON BLOQUE
	------------*/
.btn.block{
    display: block;
    width: calc(100% - 2rem);
}
/*  RESPONSIVE
     -------------*/
/* Hacemos que los botones de tamaño estándar (y large) se conviertan en bloque 
   en dispositivos móviles (hasta 768px) y se apilen. */
@media (max-width: 768px) {
    .btn:not(.small):not(.mini):not(.micro) {
        display: block;
        width: 100%;
        /* ¡Súper importante! Esto anula cualquier margen derecho (como tu mnR-rem-1) */
        margin-right: 0 !important; 
        /* Agregamos un margen inferior para separarlos al apilarse */
        margin-bottom: 0.75rem; 
    }
}