body{
	margin: 0px;
	padding: 0px;
}

.la-container {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1000px;
    width: calc(100% - 20px);
    margin: 0 auto;
}

.la-card {
    padding: 30px 30px; 
    border-radius: 5px;
    background-color: #fff;
}

/*
    COMPLEMENTOS
*/
.feedback-ok{
	color: green;
}
.feedback-error{
	color: red;
}
.feedback-await{
	color: orange;
}
/*
    SOBRESCRITAS
*/

editto-button-bar {
    position: fixed;
    top: 0;
    left: 0;
}

.la-avatar {
    border-radius: 100px;
    background-size: cover;
}

/*
    QUERIES
*/




/*
    LAYOUT
*/
dt {
    margin-top: 10px;
}

dd {
    font-weight: bold;
}


/*
*
* MARGIN
*
*/
.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt100 {margin-top: 100px;}
.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb100 {margin-bottom: 100px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml50 {margin-left: 50px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px !important; }
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr50 {margin-right: 50px;}


/*
* PADDING
*/

.nop {padding: 0!important;}

.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt50 {padding-top: 50px !important;}
.pt100 {padding-top: 100px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb100 {padding-bottom: 100px  !important;}

.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl50 {padding-left: 50px !important;}

.pr5 {padding-right: 5px  !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr50 {padding-right: 50px !important;}

.p5  {padding: 5px !important;}
.p7  {padding: 7px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p30 {padding: 30px !important;}
.p50 {padding: 50px !important;}

/* ----- WIDHT------- */
.w10 {width: 10%;}
.w50 {width: 50%;}
.w100 {width: 100%;}
.w99 {width: 99%;}
.w98 {width: 98%;}
.w100vw {width: 100vw;}

.text-semimuted { color: #555 !important; }
.text-muted { color: #aaa !important; }

/* ------- Tipografia -------  */
p, span { 
    margin:  0;
    padding: 0;
}

.text-normal-weight { font-weight: normal; }

.fs10px { font-size: 10px; }
.fs12px { font-size: 12px; }
.fs14px { font-size: 14px; }
.fs16px { font-size: 16px; }
.fs18px { font-size: 18px; }
.fs20px { font-size: 20px; }
.fs22px { font-size: 22px; }
.fs24px { font-size: 24px; }
.fs26px { font-size: 26px; }
.fs28px { font-size: 28px; }
.fs30px { font-size: 30px; }

/* Layout */
.box{    
    max-width: 100%;
    background-color: white;
    color: #333;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-top: 10px;    
}

.box-color--white{
    background-color: white;
}

.box-color--lightgray{
    background-color: #ddd;
    color: #555;
}

.box-color--black{
    background-color: black;
    color: white !important;
}

.box-color--primary{
    background-color: #009688;
    color: white !important;
}

.box-rad{
    border-radius: 8px;
}

.box-shadow{
    transition: all ease-out 0.5s;
    -webkit-box-shadow: 1px 1px 4px 0.2px rgba(0,0,0,0.06);
    -moz-box-shadow: 1px 1px 4px 0.2px rgba(0,0,0,0.06);
    box-shadow: 1px 1px 4px 0.2px rgba(0,0,0,0.06);
}

/* ------ DISPLAY ------- */
.display-icon {
    font-size: 7em;
    transform: translateX(-.4em);
}