/* ========================================== CARD ================================== */
.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  /*height: 300px;*/
  margin: 1rem;
  position: relative;
  /*width: 300px;*/
  padding: 2px 4px 2px 4px; 
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.col-xs-12, .pright0{
	padding-right: 0px !important;
}
.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.btn-sm span{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


a .box > .icon { text-align: center; position: relative; }
a .box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #63B76C; vertical-align: middle; }
a .box > .icon:hover > .image { background: #333; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform:rotate(360deg) scale(1.2); -moz-transform:rotate(360deg) scale(1.2); -o-transform:rotate(360deg) scale(1.2); -ms-transform:rotate(360deg) scale(1.2); transform:rotate(360deg) scale(1.2); }
a .box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
a .box > .icon:hover > .image > i { color: white !important; }
a .box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }
a .box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
a .box > .icon > .info > h3.title { font-family: "Roboto",sans-serif !important; font-size: 16px; color: #222; font-weight: 500; }
a .box > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
a .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
a .box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
a .box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
a .box .space { height: 30px; }


h5 {
    font-size: 1.18571429em;
    font-weight: 700;
    line-height: 1.2857em;
    margin: 0 2px 0 3px;
    
	
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

/* ========================================== GRILLA ================================== */

tbody .grillaRojo td{
	color:#fff;
	background:#e91d1d;

}

.yadcf-filter {
	
}

/* ======================== MB ========================*/
div[class^=mb],div[class^=mt]{min-height:1px}
.mt0{margin-top:0!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt10-r{margin-top:-10px!important}
.mt15{margin-top:15px!important}
.mt15-r{margin-top:-15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt35{margin-top:35px!important}
.mt40{margin-top:40px!important}
.mt45{margin-top:45px!important}
.mt50{margin-top:50px!important}
.mt55{margin-top:55px!important}
.mt60{margin-top:60px!important}
.mt65{margin-top:65px!important}
.mt70{margin-top:70px!important}
.mt75{margin-top:75px!important}
.mt80{margin-top:80px!important}
.mt85{margin-top:85px!important}
.mt90{margin-top:90px!important}
.mt95{margin-top:95px!important}
.mt100{margin-top:100px!important}
.mt110{margin-top:110px!important}
.mt120{margin-top:120px!important}
.mt130{margin-top:130px!important}
.mt140{margin-top:140px!important}
.mt150{margin-top:150px!important}
.mt160{margin-top:160px!important}
.mt170{margin-top:170px!important}
.mt180{margin-top:180px!important}
.mt190{margin-top:190px!important}
.mt200{margin-top:200px!important}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.mb45{margin-bottom:45px!important}
.mb50{margin-bottom:50px!important}
.mb55{margin-bottom:55px!important}
.mb60{margin-bottom:60px!important}
.mb65{margin-bottom:65px!important}
.mb70{margin-bottom:70px!important}
.mb75{margin-bottom:75px!important}
.mb80{margin-bottom:80px!important}
.mb85{margin-bottom:85px!important}
.mb90{margin-bottom:90px!important}
.mb95{margin-bottom:95px!important}
.mb100{margin-bottom:100px!important}
.mb110{margin-bottom:110px!important}
.mb120{margin-bottom:120px!important}
.mb130{margin-bottom:130px!important}
.mb140{margin-bottom:140px!important}
.mb150{margin-bottom:150px!important}
.mb160{margin-bottom:160px!important}
.mb170{margin-bottom:170px!important}
.mb180{margin-bottom:180px!important}
.mb190{margin-bottom:190px!important}
.mb200{margin-bottom:200px!important}