.bg-black{background-color: #000000;}
.bg-white{background-color: #ffffff}


.no-ma{margin:0;}
.no-ma-v{margin-top:0;margin-bottom:0;}
.no-ma-h{margin-right:0;margin-left:0;}
.no-ma-t{margin-top:0;}
.no-ma-r{margin-right:0;}
.no-ma-b{margin-bottom:0;}
.no-ma-l{margin-left:0;}

.ma-t{margin-top:5px;}
.ma-t-1x{margin-top:10px;}
.ma-t-2x{margin-top:20px;}
.ma-t-3x{margin-top:30px;}

.ma-r{margin-right:5px;}
.ma-r-1x{margin-right:10px;}
.ma-r-2x{margin-right:20px;}
.ma-r-3x{margin-right:30px;}

.ma-l{margin-left:5px;}
.ma-l-1x{margin-left:10px;}
.ma-l-2x{margin-left:20px;}x
.ma-l-3x{margin-left:30px;}

.ma-b{margin-bottom:5px;}
.ma-b-1x{margin-bottom:10px;}
.ma-b-2x{margin-bottom:20px;}
.ma-b-3x{margin-bottom:30px;}

.ma-v{margin-top:5px;margin-bottom:5px;}
.ma-v-1x{margin-top:10px;margin-bottom:10px;}
.ma-v-2x{margin-top:20px;margin-bottom:20px;}
.ma-v-3x{margin-top:30px;margin-bottom:30px;}

.ma-h{margin-left:5px;margin-right:5px;}
.ma-h-1x{margin-left:10px;margin-right:10px;}
.ma-h-2x{margin-left:20px;margin-right:20px;}
.ma-h-3x{margin-left:30px;margin-right:30px;}

.no-pa{padding:0;}
.no-pa-v{padding-top:0!important;padding-bottom:0!important;}
.no-pa-h{padding-right:0;padding-left:0;}
.no-pa-t{padding-top:0;}
.no-pa-r{padding-right:0;}
.no-pa-b{padding-bottom:0;}
.no-pa-l{padding-left:0;}

.pa-l{padding-left: 5px;}
.pa-l-1x{padding-left: 10px;}
.pa-l-2x{padding-left: 20px;}
.pa-l-3x{padding-left: 30px;}

.pa-t{padding-top: 5px;}
.pa-t-1x{padding-top: 10px;}
.pa-t-2x{padding-top: 20px;}
.pa-t-3x{padding-top: 30px;}

.pa-b{padding-bottom: 5px;}
.pa-b-1x{padding-bottom: 10px;}
.pa-b-2x{padding-bottom: 20px;}
.pa-b-3x{padding-bottom: 30px;}

.pa-r{padding-right: 5px;}
.pa-r-1x{padding-right: 10px;}
.pa-r-2x{padding-right: 20px;}
.pa-r-3x{padding-right: 30px;}

.pa-v{padding-top:5px;padding-bottom:5px;}
.pa-v-1x{padding-top:10px;padding-bottom:10px;}
.pa-v-2x{padding-top:20px;padding-bottom:20px;}
.pa-v-3x{padding-top:30px;padding-bottom:30px;}

.pa-h{padding-left:5px;padding-right:5px;}
.pa-h-1x{padding-left:10px;padding-right:10px;}
.pa-h-2x{padding-left:20px;padding-right:20px;}
.pa-h-3x{padding-left:30px;padding-right:30px;}

.v-align{
	float:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:-4px;
}

/* alinear verticalmente elementos */
.layout{height:100%; min-height:100%;}

.app, .item-panel{height:100%}

.item-panel{display:table; width:100%;}

.item-panel > .helper{display:table-cell;}
.item-panel > .helper{vertical-align:middle;}

.something-else-semantic{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.no-gutter>[class*="col-"]{padding-right:0;padding-left:0;}

.shadow{ 
    position: relative;
    box-shadow: -330px 30px 50px -350px #172d01, 330px 30px 50px -350px #172d01;
}

.change-color {
	-webkit-animation: color_change 1s infinite alternate;
	-moz-animation: color_change 1s infinite alternate;
	-ms-animation: color_change 1s infinite alternate;
	-o-animation: color_change 1s infinite alternate;
	animation: color_change 1s infinite alternate;
}


@-webkit-keyframes color_change {
	from { background-color: #005CB8; }
	to { background-color: #00b2e2; }
}
@-moz-keyframes color_change {
	from { background-color: #005CB8; }
	to { background-color: #00b2e2; }
}
@-ms-keyframes color_change {
	from { background-color: #005CB8; }
	to { background-color: #00b2e2; }
}
@-o-keyframes color_change {
	from { background-color: #005CB8; }
	to { background-color: #00b2e2; }
}
@keyframes color_change {
	from { background-color: #005CB8; }
	to { background-color: #00b2e2; }
}



.center-auto{margin: 0 auto;}