body {
  /*font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;*/

  line-height: 1.42857143;
  /*color: #333333;*/
  background-color: #ffffff;
}

/*input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}*/

a {
  color: #72C4FE;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #198764;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.fa-2 {
  font-size: 1.5em;
}
.fa-3 {
  font-size: 4em;
}
.fa-4 {
  font-size: 7em;
}
.fa-5 {
  font-size: 12em;
}
.fa-6 {
  font-size: 20em;
}
.fa-1,
.fa-2,
.fa-3,
.fa-4,
.fa-5,
.fa-6 {
  margin-right: 0.07142857em;
}
h1.info-class {
  font-size: 30px;
}

/* color */
.red{
  color:#E4007F;
}


/* margin */
.mt5{
margin-top: 5px !important;;
}
.mt10{
margin-top:10px !important;;
}
.mt15 {
margin-top:15px !important;;
}
.mt20 {
margin-top: 20px !important;;
}
.mt30 {
    margin-top: 30px !important;;
}
.mt40 {
    margin-top: 40px !important;;
}
.mr5{
margin-right: 5px !important;;
}
.mr10{
margin-right:10px !important;;
}
.mr15 {
margin-right:15px !important;
}
.mr20 {
margin-right: 20px !important;;
}
.mb5{
margin-bottom: 5px !important;;
}
.mb10{
margin-bottom:10px !important;;
}
.mb15 {
margin-bottom:15px !important;;
}
.mb20 {
margin-bottom: 20px !important;;
}
.mb30 {
    margin-bottom: 30px !important;;
}
.mb40 {
    margin-bottom: 40px !important;;
}
.ml5{
margin-left: 5px !important;;
}
.ml10{
margin-left:10px !important;;
}
.ml15 {
margin-left:15px !important;;
}
.ml20 {
margin-left: 20px !important;;
}
.ml40 {
margin-left: 40px !important;;
}
.ml50 {
margin-left: 50px !important;;
}
.mtb10 {
margin: 10px 0 !important;;
}

.m0{
    margin:0 !important;
}

/* padding */
.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;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr3 {
    padding-right: 3px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !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;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl3 {
    padding-left: 3px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pt10 {
    padding: 10px 0 !important;
}

.p0 {
    padding: 0px !important;
}

.p3 {
    padding: 3px !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.scroll{
    overflow-y: auto;
    height:200px;
    font-size:12px;
    border:1px solid;
    margin:5px;
}
@media screen and (min-width:768px){
    .scroll{
        height:300px;
    }
}

.align-center{
    text-align:center;
}
.scroll::-webkit-scrollbar{
    width: 8px;
    background: #3498db;
}
.scroll::-webkit-scrollbar-thumb{
    background: #435295;
    border-radius: 2px;
}
h3{
    font-size:16px;
    margin:5px 0 5px 0;
}
h4{
    font-size:14px;
    background-color: #eeeeee;
    padding-left:10px;
    margin:5px 0 5px 0;
}