.navbar{
    height:8vh;
}

.footer-dark{
height:38vh;
}

.no-scroll-page{
    min-height:67vh;
    width:100%;
}

.no-scroll-body{
    min-height:67vh;
    width:100%;
}
.text-bold{
  font-weight: bold;
}
img {
  -webkit-backface-visibility: hidden;
}

.xxx {
  -webkit-backface-visibility: hidden;
}


  /*---------------- text-color ----------------*/

.text-light-gray{
  color:#4d5968;
}
.text-gray{
  color:#222;;
}
.text-dark-gray{
  color:#1f1f1f;
}
.text-red{
  color:rgb(235, 59, 90);
}
.text-blue{
  color: #2bcbba;
}
.text-indigo{
  color: rgb(65,86,111);
}

.text-black{
  color: rgb(0, 0, 0);
}

.text-green{
  color: #20bf6b;
}
.text-yellow{
  color:#fed330;
}




/*---------------- font-weight ----------------*/

/*----------------background-color ----------------*/

/*----------------background-color ----------------*/
.bg-white{
  background-color: #ffffff;
}
.bg-light-gray{
  background-color:#f0f0f0;
}
.bg-gray{
  background-color: rgb(245,245,245);
}
.bg-dark-gray{
  background-color: #282d32;
}
.bg-pink{
  background-color: rgb(255, 185, 189);
}
.bg-red{
  background-color: rgb(252,92,101);
}
.bg-sky-blue{
  background-color: #ddf1ff;
}
.bg-light-blue{
  background-color: #45aaf2;
}
.bg-blue{
  background-color: #2bcbba;
}
.bg-deep-blue{
  background-color: #4b7bec;
}
.bg-yellow{
  background-color: #fed330;
}
.bg-light-yellow{
  background-color: #fcf5de;
}
.bg-light-green{
  background-color: #26de81;
}
.bg-green{
  background-color: #20bf6b;
}
.bg-deep-orange{
  background-color: #fa8231;
}
.bg-orange{
  background-color: #fd9644;
}
.bg-light-orange{
  background-color: #f7b731;
}



/*---------------- Vertical-center ----------------*/

.vertical-wrap-rg{
  height:4vw;
  line-height:4vw;
}


/*---------------- radius ----------------*/
.radius-md {
   border-radius: 50px; 
}

/*---------------- line-height ----------------*/


.line-height-md{
    line-height:4vh;
}
.line-height-sm{
  line-height:1.8;
}
.line-height-rg{
  line-height:2;
}
/*---------------- footer-fix ----------------*/



.max_250px{
  display: block;
  width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*----------------sidebar-fix ----------------*/
.sidebar_fixed {
  position: sticky;
  top: 10px;
}
.sidebar_content {
  margin-bottom: 100px;
}
/*----------------sidebar-fix ----------------*/
.manual-index{
  height:30px;
}

/*---------------- navbar ----------------*/

/*---------------- border-color ----------------*/

.border-blue{
  border-color:#2bcbbb33;
  border-width: 2px;
}

.border-gray{
  border-color:#a5b1c234;
  border-width: 2px;
}

.border-yellow{
  border-color:#fed13033;
  border-width: 2px;
}

/*---------------- equalize-height ----------------*/

.row-height {
  display: flex;
  flex-wrap: wrap;
}


.header-border-under {
  padding: 0.5rem 0.5rem;
  border-bottom: 3px solid #222;
}

.header-border-left {
  padding-left:1rem;
  border-left: 5px solid #222;
}


.zoom-img {
	overflow: hidden;
}
.zoom-img img {
	display: block;
	transition: 0.5s;
}
.zoom-img img:hover {
	transform: scale(1.1, 1.1);
}