@charset "UTF-8";

/*----------------------------------------*/
/*  01.01 - Padding top
/*----------------------------------------*/
.pt-0 {
  padding-top: 0px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-25 {
  padding-top: 25px !important; }

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

.pt-60 {
  padding-top: 60px !important; }

/*----------------------------------------*/
/*  01.02 - Padding bottom
/*----------------------------------------*/
.pb-0 {
  padding-bottom: 0px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

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

/*----------------------------------------*/
/*  01.03 - Padding right
/*----------------------------------------*/
.pr-0 {
  padding-right: 0px !important; }

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

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

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

.pr-20 {
  padding-right: 20px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pr-35 {
  padding-right: 35px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pr-45 {
  padding-right: 45px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pr-55 {
  padding-right: 55px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pr-65 {
  padding-right: 65px !important; }

.pr-70 {
  padding-right: 70px !important; }

.pr-75 {
  padding-right: 75px !important; }

.pr-80 {
  padding-right: 80px !important; }

.pr-85 {
  padding-right: 85px !important; }

.pr-90 {
  padding-right: 90px !important; }

.pr-95 {
  padding-right: 95px !important; }

.pr-100 {
  padding-right: 100px !important; }

.pr-105 {
  padding-right: 105px !important; }

.pr-110 {
  padding-right: 110px !important; }

.pr-115 {
  padding-right: 115px !important; }

.pr-120 {
  padding-right: 120px !important; }

.pr-125 {
  padding-right: 125px !important; }

.pr-130 {
  padding-right: 130px !important; }

.pr-135 {
  padding-right: 135px !important; }

.pr-140 {
  padding-right: 140px !important; }

.pr-145 {
  padding-right: 145px !important; }

.pr-150 {
  padding-right: 150px !important; }

.pr-155 {
  padding-right: 155px !important; }

.pr-160 {
  padding-right: 160px !important; }

.pr-165 {
  padding-right: 165px !important; }

.pr-170 {
  padding-right: 170px !important; }

.pr-175 {
  padding-right: 175px !important; }

.pr-180 {
  padding-right: 180px !important; }

.pr-185 {
  padding-right: 185px !important; }

.pr-190 {
  padding-right: 190px !important; }

.pr-195 {
  padding-right: 195px !important; }

.pr-200 {
  padding-right: 200px !important; }

/*----------------------------------------*/
/*  01.04 - Padding left
/*----------------------------------------*/
.pl-0 {
  padding-left: 0px !important; }

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

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

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

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

.pl-25 {
  padding-left: 25px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pl-35 {
  padding-left: 35px !important; }

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

.pl-45 {
  padding-left: 45px !important; }

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

.pl-55 {
  padding-left: 55px !important; }

.pl-60 {
  padding-left: 60px !important; }

.pl-65 {
  padding-left: 65px !important; }

.pl-70 {
  padding-left: 70px !important; }

.pl-75 {
  padding-left: 75px !important; }

.pl-80 {
  padding-left: 80px !important; }

.pl-85 {
  padding-left: 85px !important; }

.pl-90 {
  padding-left: 90px !important; }

.pl-95 {
  padding-left: 95px !important; }

.pl-100 {
  padding-left: 100px !important; }

.pl-105 {
  padding-left: 105px !important; }

.pl-110 {
  padding-left: 110px !important; }

.pl-115 {
  padding-left: 115px !important; }

.pl-120 {
  padding-left: 120px !important; }

.pl-125 {
  padding-left: 125px !important; }

.pl-130 {
  padding-left: 130px !important; }

.pl-135 {
  padding-left: 135px !important; }

.pl-140 {
  padding-left: 140px !important; }

.pl-145 {
  padding-left: 145px !important; }

.pl-150 {
  padding-left: 150px !important; }

.pl-155 {
  padding-left: 155px !important; }

.pl-160 {
  padding-left: 160px !important; }

.pl-165 {
  padding-left: 165px !important; }

.pl-170 {
  padding-left: 170px !important; }

.pl-175 {
  padding-left: 175px !important; }

.pl-180 {
  padding-left: 180px !important; }

.pl-185 {
  padding-left: 185px !important; }

.pl-190 {
  padding-left: 190px !important; }

.pl-195 {
  padding-left: 195px !important; }

.pl-200 {
  padding-left: 200px !important; }  

/*----------------------------------------*/
/*  01.05 - Margin top
/*----------------------------------------*/
.mt-0 {
  margin-top: 0px !important; }

.mt-6 {
  margin-top: 4rem !important; }

.mt-7 {
  margin-top: 5rem !important; }

.mt-8 {
  margin-top: 6rem !important; }

.mt-9 {
  margin-top: 7rem !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

/*----------------------------------------*/
/*  01.06 - Margin bottom
/*----------------------------------------*/
.mb-0 {
  margin-bottom: 0px !important; }

.mb-6 {
  margin-bottom: 4rem !important; }

.mb-7 {
  margin-bottom: 5rem !important; }

.mb-8 {
  margin-bottom: 6rem !important; }

.mb-9 {
  margin-bottom: 7rem !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

/*----------------------------------------*/
/*  01.07 - Margin left
/*----------------------------------------*/
.ml-0 {
  margin-left: 0px !important; }

.ml-6 {
  margin-left: 4rem !important; }

.ml-7 {
  margin-left: 5rem !important; }

.ml-8 {
  margin-left: 6rem !important; }

.ml-9 {
  margin-left: 7rem !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-25 {
  margin-left: 25px !important; }

.ml-30 {
  margin-left: 30px !important; }

/*----------------------------------------*/
/*  01.08 - Margin right
/*----------------------------------------*/
.mr-0 {
  margin-right: 0px !important; }

.mr-6 {
  margin-right: 4rem !important; }

.mr-7 {
  margin-right: 5rem !important; }

.mr-8 {
  margin-right: 6rem !important; }

.mr-9 {
  margin-right: 7rem !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mr-30 {
  margin-right: 30px !important; }

/*----------------------------------------*/
/*  01.09 - Padding 
/*----------------------------------------*/

.padding-5 {
  padding: 5px;
}

.padding-10 {
  padding: 10px;
}

.padding-15 {
  padding: 15px;
}

.padding-20 {
  padding: 20px;
}

/*----------------------------------------*/
/*  01.10 - Margin 
/*----------------------------------------*/

.margin-5 {
  margin: 5px;
}

.margin-10 {
  margin: 10px;
}

.margin-15 {
  margin: 15px;
}

.margin-20 {
  margin: 20px;
}

/*----------------------------------------*/
/*  02.01 - Scrollup
/*----------------------------------------*/
#scrollUp {
  text-align: center;
  bottom: 80px;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 999;
  border-radius: 50px 50px 4px 4px;
}
#scrollUp i {
  height: 42px;
  font-size: 24px;
  width: 42px;
  border-radius: 50%;
  line-height: 42px;
  transition: all 0.3s ease 0s;
  margin-left: 2px;
  box-shadow: 0 0 2px #54595F;
}
#scrollUp i:hover {
  background: #fff;
  color: var(--myphaminglotvn-theme-background-3);
  font-weight: 700;
}
#scrollUp.blue-color i {
  background: var(--myphaminglotvn-theme-background-1);
  color: var(--myphaminglotvn-theme-color-1);
}
#scrollUp.blue-color i:hover {
  background: #fff;
  color: var(--myphaminglotvn-theme-background-3);
  font-weight: 700;
}
#scrollUp.orange2-color i {
  background: #fd4a36;
}
#scrollUp.orange2-color i:hover {
  opacity: 0.8;
}
#scrollUp.paste-color i {
  background: #4caf50;
}
#scrollUp.paste-color i:hover {
  opacity: 0.8;
}

/*----------------------------------------*/
/*  03.01 - Row
/*----------------------------------------*/
.row-w-100 {
  width: 100px;
} 

.row-w-150 {
  width: 150px;
} 

.row-w-200 {
  width: 200px;
}

.row-w-300 {
  width: 300px;
}

.row-w-350 {
  width: 350px;
} 

.row-w-400 {
  width: 400px;
}

.row-w-450 {
  width: 450px;
}

.row-w-500 {
  width: 500px;
}     

.row-w-550 {
  width: 550px;
}   

.row-w-600 {
  width: 600px;
}

.row-h-50 {
  height: 50px!important;
}

.row-h-100 {
  height: 100px!important;
}

.row-h-150 {
  height: 150px!important;
}

.row-h-200 {
  height: 200px!important;
}

.row-h-250 {
  height: 250px!important;
}

.row-h-300 {
  height: 300px!important;
}      

.row-float-left {
  float: left;
}

.row-float-right {
  float: right;
}

.row-pos-fixed {
  position: fixed;
}

.row-pos-absolute {
  position: absolute;
}

.row-font-9 {
  font-size: 9px!important;
}

.row-font-10 {
  font-size: 10px!important;
}

.row-font-11 {
  font-size: 11px!important;
}

.row-font-12 {
  font-size: 12px!important;
}

.row-font-13 {
  font-size: 13px!important;
}

.row-font-16 {
  font-size: 16px!important;
}

.row-font-19 {
  font-size: 19px!important;
}

.row-font-22 {
  font-size: 22px!important;
}

.row-font-25 {
  font-size: 25px!important;
}

.row-d-inline-block {
  display: inline-block!important;
}

.row-d-inherit {
  display: inherit!important;
}

.row-d-none {
  display: none!important;
}

/*----------------------------------------*/
/*  04.01 - Font size
/*----------------------------------------*/
.font-12 {
  font-size: 12px!important;
}

.font-13 {
  font-size: 13px!important;
}

.font-14 {
  font-size: 14px!important;
}

.font-16 {
  font-size: 16px!important;
}

.font-18 {
  font-size: 18px!important;
}

.font-20 {
  font-size: 20px!important;
}

.font-22 {
  font-size: 22px!important;
}

.font-24 {
  font-size: 24px!important;
}

.font-26 {
  font-size: 26px!important;
}

.font-28 {
  font-size: 28px!important;
}

.font-weight-bold {
  font-weight: bold!important;
}

/*----------------------------------------*/
/*  05.01 - Text align
/*----------------------------------------*/
.text-left {
  text-align: left!important;
}
.text-right {
  text-align: right!important;
}
.text-justify {
  text-align: justify!important;
}

/*----------------------------------------*/
/*  06.01 - Line height
/*----------------------------------------*/
.line-h-1 {
  line-height: 1rem!important;
}
.line-h-2 {
  line-height: 1.5rem!important;
}
.line-h-3 {
  line-height: 2rem!important;
}
.line-h-4 {
  line-height: 2.5rem!important;
}
.line-h-5 {
  line-height: 3rem!important;
}