
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.8;
  -webkit-font-smoothing: subpixel-antialiased;
}

i.web-icon-size {font-size:50px; color: #4CAF50;}
i.mobile-icon-size {font-size:50px; color: #3F51B5;}
i.erp-icon-size {font-size:50px; color: #FF9800;}
i.flow-icon-size {font-size:50px; color: #08195e;}
i.checklist-icon-size {font-size:50px; color: #FFFFFF;}
i.calendar-icon-size {font-size:50px; color: #E91E63;}
i.note-icon-size {font-size:50px; color: #FFA000;}

i.circle-icon {border-radius: 10px;}

i.btn-icon-size {font-size:40px;}
i.add-icon-size {font-size:30px; color: #757575;}

i.web-icon-color {font-size:40px; color: #4CAF50;}
i.mobile-icon-color {font-size:40px; color: #3F51B5;}
i.erp-icon-color {font-size:40px; color: #FF9800;}
i.flow-icon-color {font-size:40px; color: #08195e;}
i.calendar-icon-color {font-size:30px; color: #E91E63;}
i.note-icon-color {font-size:30px; color: #FFA000;}
i.language-icon-color {font-size:30px; color: #9C27B0;}

img.store-download {max-width: 250px; border-radius: 10px;}

.btn-section {width: 100px; border-radius: 40px; border-width: 0;}
.btn-width {width: 100px !important; border-radius: 10px; border-width: 0;}
.btn-download {padding-top: 10px; padding-bottom: 10px; border-radius: 40px; border-width: 0; font-size:14px;}

.text-thin {
  font-weight: 200;
}

.text-thicker {
  font-weight: 700;
  display:inline;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2 {
  margin-top: -0.5rem !important;
}
.mt-n3 {
  margin-top: -1.0rem !important;
}
.mt-n4 {
  margin-top: -1.5rem !important;
}
.mt-n5 {
  margin-top: -3.0rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}
.mb-n2 {
  margin-bottom: -0.5rem !important;
}
.mb-n3 {
  margin-bottom: -1.0rem !important;
}
.mb-n4 {
  margin-bottom: -1.5rem !important;
}
.mb-n5 {
  margin-bottom: -3.0rem !important;
}

.text-secondary2 {color: #d2d2d2}

.background-blue {background-color: #426ce6;}
.background-darkblue {background-color: #230070;}
.background-default {background-color: /*#FAFAFA*/ #FFFFFF;}
.background-light {background-color: #F5F5F5;}
.background-dark {background-color: #1D1E1F;}

.btn-light {background-color: #E0E0E0; border-color: #D6D6D6}

.apple-download-align { float: center; text-align: right;}
.google-download-align { float: center; text-align: left;}

@media screen and (max-width: 576px) {
  .apple-download-align { float: center; text-align: center;}
  .google-download-align { float: center; text-align: center;}
  img.store-download {max-width: 220px;}
}