*, html {margin: 0; padding: 0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem !important;}
.h6, h6 {font-size: 1.1rem;}
hr {color: #c2c2c2 !important;}
.sec_news a {color: #c48a18 !important;text-decoration: none !important;}
.sec_news a:hover {color: #0a58ca !important;}
.pagination a { color: #6c757d !important;}
.pagination .active a { color: #fff !important;}

.datepicker {
  z-index: 99999999 !important;
}

.add_medicine {margin: 0;}
.add_medicine code { font-size: 22px;}

/*.box_health {background-image: linear-gradient(to right top, #009c9f, #00a8ab, #00b5b8, #00c1c5, #00ced2);}*/
.box_health {background: #fff; width: 100%; height: auto; text-align: center; border-radius: 15px; margin: 20px auto; margin-bottom: 25px; padding: 30px; box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);}
.health_icon img { width:  auto; height: 100px; margin: 0 0 20px 0;}

.box_program { background: url("../../../images/monk.png") no-repeat 93% 100% #1a4688; padding: 60px 20px 60px 60px; border-radius: 10px 10px 0 0;}
.box_program h1 {color: #fff;}
.box_program span {font-size: 28px;}
.box_program_bottom { background: #dcc078; padding:30px 50px 20px; border-radius: 0 0 10px 10px;}
.box_program_bottom h4 { color: #5c450a; font-size: 20px; }

.health_care .alert-success { overflow: hidden}

.table h4 {
  font-size: 20px;
}

.name_monk {
  padding: 0;
  width: 100%;
  display: inline-block;
  font-size: 17px;
}
.modal-content {border: 0 !important;}
.modal-body {padding: 0 !important;}


.help-tip {
  position: relative;
  cursor: pointer;
	width: 100%;
display: inline-block;
}

.help-tip:before {
  content: '';
  font-weight: bold;
  color: #fff;
}

.help-tip:hover span {
  display: block;
  transform-origin: 100% 0%;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.help-tip span {
  display: none;
  text-align: left;
  background-color: #fff;
  padding: 1px;
  width: 400px;
  position: absolute;
  border-radius: 10px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  left: 120px;
  color: #FFF;
  font-size: 13px;
  line-height: 1.4;
	top:-15px;
	z-index: 99;
}

.help-tip span:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-right-color: #fff;
  left: -12px;
  top: 20px;
}

.help-tip span:after {
  width: 100%;
  height: 40px;
  content: '';
  position: absolute;
  top: -40px;
  left: 0;
}

.help_header { background: #C75959; padding: 15px; font-size: 20px; border-radius: 10px 10px 0 0;}
.help_body {color: #5a5a5a !important; padding: 15px; font-size: 16px;}
.help_body code {
  position: absolute;
  left: 200px;
}
.help_body p {margin: 0;}
#chkdata {
  cursor: pointer;
}








.bg_nav {width: 100%; height: 67px; background: url("../../../assets/img/bg_nav.jpg") ; background-size: cover; position: absolute;}
.bg_gold_top {width: 100%; height: 7px; background: url("../../../assets/carousel/line-top.jpg") ; background-size: cover; position: absolute;}
.breadcrumb a {text-decoration: none !important; color: #6c757d;}
.text-decoration-none a {
  text-decoration: none !important;
}
.text_blue { color: #2D58BF;}
.text_blue h1,.text_blue h2, .text_blue h3, .text_blue h4, .text_blue h5, .text_blue h6 {margin-bottom: 0 !important; padding-top: 10px !important;}
.text_red { color: #E60303;}
.col-form-label.text_red {color: #E60303 !important;}
.bg_gray { background: #F4F4F4 !important;}
.login_mobile { display: none;}
.radius_left { border-top-left-radius: 0.3rem;}
.radius_right { border-top-right-radius: 0.3rem;}
.medicine_list_left { background: #C75959; padding: 25px; border-radius: 0 25px 15px 0; color: #fff; margin-bottom: 20px;}
.medicine_list_left li {padding: 3px 0;}
.medicine_list_left hr { color: #EB9797 !important;}
.medicine_list_right { box-shadow: 0 .125rem 1.25rem rgba(0,0,0,.055); border-radius: 20px; margin-bottom: 50px; background: #fff;}
.medicine_list_right_top { background: #2D58BF; padding: 18px 25px 1px 20px; color: #fff; border-radius: 20px 20px 0 0;}
.medicine_list_right_top span { background: #FFC60B; border-radius: 30px; padding: 3px 15px; color: #2D58BF; margin-right: 10px;}
.medicine_list_right_body { padding: 30px 30px 0 30px; position: relative;}
.medicine_list_right_body li {list-style-type: none;}
.medicine_list_right_body span {
  position: absolute;
  left: 260px;
  color: #A8A8A8;
  padding-right: 40px;
}
.medicine_list_right_table {padding: 25px;}
.medicine_list_right_table th {
  background: #2D58BF !important;
  color: #fff;
}
.medicine_list_right_table h5 { color: #2D58BF;}
.medicine_list_right_table span, .medicine_list_right_body span { color: #A77E1F;}

/*------form-------*/

.form-group {
  margin: 0 0 10px 0 !important;
}


/*------end form-------*/

.btn-primary {color: #fff !important;}
.btn-primary:hover {color: #fff !important;}
.sec_news img {max-width: 100%; height: auto;}
.section { margin: 20px 0 60px;}
code {font-family: inherit !important;}
.right_nav_top {right: 0; position: absolute;}

.text_left {text-align: left;}
.text_right {text-align: right;}

.user {}
.user span > a { font-size: 14px; padding-right: 10px;}
.user h4, .user h5 { margin: 0 !important;}
.user a { color: #707070; text-decoration: none;}
.user img { width: 90px; height: auto; border: 1px solid #eee !important;}
.text-gold {color: #A77E1F;}


.header_left_icon { }
.header_left_icon code { font-size: 32px; margin-bottom: 5px; color: #2D58BF;}
.header_right a { color: #939393; padding-right: 10px; padding-left: 5px; border-right: 1px solid #ccc;}
.header_right a:last-child {border-right: none;}
.header_right a.active { color: #2D58BF;}
.box_icon { width: 40px; height: auto; text-align: center; margin-left: 10px; display: inline-block; font-size: 23px;}
.box_icon a { color: #939393; text-decoration: none;}
.box_icon a.active { color: #2D58BF;}
.box_icon p { font-size: 14px; margin: 0;}

.nav-tabs .box_icon { width: 40px; height: auto; text-align: center; margin-left: 0; display: inline-block; font-size: 23px;}
/*.nav-tabs .box_icon a { color: #939393; text-decoration: none;}
.nav-tabs .box_icon.active { color: #2D58BF;}*/
.nav-tabs .box_icon p { font-size: 14px; margin: 0;}
.table_health .nav-link {color: #939393 !important; padding: .0rem 1rem .1rem 1rem;}
.table_health .nav-link p {margin: 0;}
.table_health  .nav-tabs .nav-link.active {color: #2D58BF !important;}

.table_health [class^="bi-"]::before {vertical-align: -.425em;}
.header_left_icon [class^="bi-"]::before {vertical-align: -.425em;}


.none_padding { padding:0 !important;}
.img_100 img {width: 100%;}
.img_radius_right img {border-radius: 0 30px 30px 0; margin-bottom: 25px ; width: 100%; }

.about_top {position: absolute;width: 1320px !important; text-align: center;}
.sec_about { background: url("../../../assets/img/bg-lotus.jpg") no-repeat 0px 20px; height: auto; position: relative; padding-top: 60px; padding-bottom: 60px;}
.sec_about2 { background: url("../../../assets/img/bg-lotus.jpg") no-repeat 0px 120px; height: auto; position: relative; padding-top: 60px; padding-bottom: 60px;}
.bg_gray { background: #FAFAFA;}
.img_about {}
.img_about img { width: 500px; height: auto; margin-left: 50px; border-radius: 0 30px 30px 30px; }
.box_about {margin-top: 100px; padding: 220px 100px 50px; box-shadow: 0 .125rem 1.25rem rgba(0,0,0,.025) !important; border-radius: 2.5rem !important;}
.tx_about {background: url("../../../images/text-About.jpg") no-repeat 0px 20px ; width: 500px;
height: 200px;
background-size: 350px;
margin: 140px 0 0 30px;
}
.tx_about h3 {padding-top: 100px; margin-left: 40px;}
.readmore_icon {
  margin-bottom: 50px;
}

.home_news.sec_news .card-img {height: 240px;}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}
.cat {
  text-decoration: none;
  padding-left: 10px;
  border-left: 1px solid #ccc;
  margin-left: 10px;
}

.sec_news .card-content {
overflow: hidden;
margin: 0 0 25px 0;
height: auto;
	border-radius: 10px;
}
.sec_news .card-img {
	position: relative;
overflow: hidden;
width: 100%;
height: 275px;
}
.sec_news .card-img img { width: 100%;
height: auto;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
margin: auto; }

.list_noti {}
.list_noti li { content: ""; background: url("../../img/check.png") no-repeat; margin: 2px 0 0 -25px; list-style-type: none; padding: 4px 0 4px 38px; }

.head_icon_1::before { content: ""; background: url("../../img/icon_news-1.png") no-repeat 0 5px; width: 40px; height: 44px; display: inline-block; position: absolute; margin: -10px 0 0 0px;}
.head_icon_1 h4 { margin-left: 50px;}
.head_icon_2::before { content: ""; background: url("../../img/icon_news-2.png") no-repeat 0 5px; width: 50px; height: 44px; display: inline-block; position: absolute; margin: -10px 0 0 0px;}
.head_icon_2 h4 { margin-left: 55px;}

.alert hr {color: #658173 !important;}
.alert span { position: absolute; left: 280px; color: green;}
.personal_hea span { position: absolute; left: 200px; color: #A8A8A8; padding-right: 40px;}
.border_left_noti { border-left: 1px solid #a6c0b2 ;}
.border_left_noti li {list-style-type: none;}
.border_left_gray { border-left: 1px solid #E8E8E8 ; position: relative; }
.border_left_gray li {list-style-type: none;}
.box_card { box-shadow: 0 .125rem 1.25rem rgba(0,0,0,.055); padding: 30px; border-radius: 20px; margin-bottom: 50px; background: #fff;}

.box_register {}
.box_register h5 { margin:10px 0 0 0 !important; color: #A77E1F; font-size: 18px;}
.box_register .col-form-label {
  font-size: 1.1rem; color: #2D58BF;
}
.box_register .col-form-label span { color: red;}
.box_register .icon_star:first-child { content: ""; background: url("../../img/icon_star.png") no-repeat; width: 31px; height: 33px; position: absolute; margin: 2px 0 0 -25px;}
.sec_news { box-shadow: 0 .125rem 1.25rem rgba(0,0,0,.055); padding: 30px; border-radius: 20px; margin-bottom: 50px; background: #fff;}
.sec_news img { margin: 0 0 25px 0; border-radius: 10px;}
.readmore_icon a { color: #6C6C6C; text-decoration: none; }
.readmore_icon a::before { content: ""; background: url("../../img/icon_readmore.png") no-repeat; width: 31px; height: 33px; position: absolute;}
.readmore_icon p {
  margin-left: 40px;
  padding-top: 5px;
}
.box_register { box-shadow: 0 .125rem 1.25rem rgba(0,0,0,.055); padding: 30px 30px 30px 90px; border-radius: 20px; margin-bottom: 50px; background: #fff;}
.photo-gallery {}
.photo-gallery img { border-radius: 10px;}

.height_header { height: 100px;}
.icon_header h1::before { content: ""; background: url("../../img/icon_header.png") no-repeat 0 5px; width: 55px; height: 50px; display: inline-block; position: absolute; margin: 0 0 0 -60px;}
.icon_header h2::before { content: ""; background: url("../../img/icon_header.png") no-repeat; width: 55px; height: 50px; display: inline-block; background-size: 40px auto; position: absolute; margin: 0 0 0 -50px;}
.icon_header h3::before { content: ""; background: url("../../img/icon_header.png") no-repeat; width: 45px; height: 42px; display: inline-block; background-size: 35px auto; position: absolute; margin: 0 0 0 -40px;}
.icon_header h4::before { content: ""; background: url("../../img/icon_header.png") no-repeat; width: 45px; height: 42px; display: inline-block; background-size: 35px auto; position: absolute; margin: 0 0 0 -40px;}
.icon_header h1 { font-size: 3.2rem; padding: 0 0 0 60px;}
.icon_header h2 { font-size: 2.4rem; padding: 0 0 0 50px;}
.icon_header h3 { font-size: 2rem; padding: 0 0 0 40px;}
.icon_header h4 { font-size: 1.5rem; padding: 0 0 0 40px;}

.sec_video {}
.sec_video h5 a { text-decoration: none !important; color: #5a5a5a !important;}
.sec_video iframe { width: 100%; height: 277px;}
.attach_file {}
.attach_file a { margin: 0 5px;}

.sec_link {}
.sec_link p { margin: 0;}
.sec_tag {}
.sec_tag span {padding: 10px 20px;}
.tags {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.tags li {
  float: left; font-size: 14px;
}

.tag {
  background: #eee;
  border-radius: 3px 0 0 3px;
  color: #999 ;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.tags a {color: #999 !important;}
.tags a:hover {color: #fff !important; }

.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 16px;
}

.tag::after {
  background: #fff;
  border-bottom: 20px solid transparent;
  border-left: 15px solid #eee;
  border-top: 20px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover {
  background-color: #c48a18;
  color: #fff;
}

.tag:hover::after {
   border-left-color: #c48a18;
}


/*------table------*/
.table-striped > tbody > tr:nth-of-type(2n+1) {color: inherit !important;}
table {border-radius: 0.3rem;}
.container.section.table_health {padding: 0;}
.table_head { color: #2D58BF; background: #F4F4F4 !important; font-size: 1.3rem;}
.table_head_gold { color: #A77E1F; background: #F4F4F4 !important; font-size: 1.5rem;}
.table_health { box-shadow: 0 .125rem 1.25rem rgba(0,0,0,.10); border-radius: 0.3rem; margin-bottom: 80px;}

.table_health table {margin: 0; color: #939393; background: #fff; position: relative;}
.table_health th {
  background: #2D58BF !important;
  color: #fff;
	position: sticky;
top: 0px;
z-index: 9;
}
.table > :not(caption) > * > * {
  padding: 1rem 1.5rem !important;
}




.bg_footer {background: url("../../img/bg_footer.jpg") no-repeat center; position: absolute;}
.bg_footer p { margin-bottom: 0; padding: 10px 0; color: #7B5B1A;}
footer a { color: #43371e;}
footer a:hover { color: #f2be58;}


@media (max-width: 740px) {
	.login_mobile { display: inherit;}
  .img_about img { width: 100%; height: auto; margin-left: 0;}
  .sec_about .position-absolute {position: relative !important;}
	.about_top {width: 90% !important;}
	.tx_about {margin: 0 0 0 10px; width: 100%; background-size: 300px;}
	.box_about {padding: 280px 30px 50px;}

	.height_header {height: 100px;}
	.icon_header h3 {font-size: 1.2rem;}

	.table-responsive_mobile {overflow-x: auto;}
	.header_left_icon code {font-size: 22px;}
	.right_nav_top { position: relative;}
	.box_register {padding: 30px 30px 30px 50px;}

	.personal_hea span, .alert span {position: inherit;}
	.border_left_noti {border-left: none;}
  .table h4 {
    font-size: 17px;
  }
  .table > :not(caption) > * > * {
    padding: 1rem 0.5rem !important;
  }
	.text_blue {text-align: center; margin-bottom: 15px;}

  .w-100-mobile {width: 100%; display: inline-block;}

	.medicine_list_right_body {padding: 30px 10px 0 0px;}
	.medicine_list_right_body span {left: 200px;}

	.box_program {padding: 20px 20px 180px 20px;}
.box_program_bottom {padding: 20px;}
.sec_news .card-img, .sec_video iframe {height: 140px;}

}




.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 1rem !important; }

.mt-1,
.my-1 {
  margin-top: 1rem !important; }

.mr-1,
.mx-1 {
  margin-right: 1rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 1rem !important; }

.ml-1,
.mx-1 {
  margin-left: 1rem !important; }

.m-2 {
  margin: 1.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 1.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 1.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 1.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 1.5rem !important; }

.m-3 {
  margin: 3rem !important; }

.mt-3,
.my-3 {
  margin-top: 3rem !important; }

.mr-3,
.mx-3 {
  margin-right: 3rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 3rem !important; }

.ml-3,
.mx-3 {
  margin-left: 3rem !important; }

.m-4 {
  margin: 3.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 3.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 3.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 3.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 3.5rem !important; }

.m-5 {
  margin: 4rem !important; }

.mt-5,
.my-5 {
  margin-top: 4rem !important; }

.mr-5,
.mx-5 {
  margin-right: 4rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 4rem !important; }

.ml-5,
.mx-5 {
  margin-left: 4rem !important; }

.m-25 {
  margin: 0.25rem !important; }

.mt-25,
.my-25 {
  margin-top: 0.25rem !important; }

.mr-25,
.mx-25 {
  margin-right: 0.25rem !important; }

.mb-25,
.my-25 {
  margin-bottom: 0.25rem !important; }

.ml-25,
.mx-25 {
  margin-left: 0.25rem !important; }

.m-50 {
  margin: 0.5rem !important; }

.mt-50,
.my-50 {
  margin-top: 0.5rem !important; }

.mr-50,
.mx-50 {
  margin-right: 0.5rem !important; }

.mb-50,
.my-50 {
  margin-bottom: 0.5rem !important; }

.ml-50,
.mx-50 {
  margin-left: 0.5rem !important; }

.m-75 {
  margin: 0.75rem !important; }

.mt-75,
.my-75 {
  margin-top: 0.75rem !important; }

.mr-75,
.mx-75 {
  margin-right: 0.75rem !important; }

.mb-75,
.my-75 {
  margin-bottom: 0.75rem !important; }

.ml-75,
.mx-75 {
  margin-left: 0.75rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

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

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

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

.p-1 {
  padding: 1rem !important; }

.pt-1,
.py-1 {
  padding-top: 1rem !important; }

.pr-1,
.px-1 {
  padding-right: 1rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 1rem !important; }

.pl-1,
.px-1 {
  padding-left: 1rem !important; }

.p-2 {
  padding: 1.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 1.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 1.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 1.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 1.5rem !important; }

.p-3 {
  padding: 3rem !important; }

.pt-3,
.py-3 {
  padding-top: 3rem !important; }

.pr-3,
.px-3 {
  padding-right: 3rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 3rem !important; }

.pl-3,
.px-3 {
  padding-left: 3rem !important; }

.p-4 {
  padding: 3.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 3.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 3.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 3.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 3.5rem !important; }

.p-5 {
  padding: 4rem !important; }

.pt-5,
.py-5 {
  padding-top: 4rem !important; }

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

.pb-5,
.py-5 {
  padding-bottom: 4rem !important; }

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

.p-25 {
  padding: 0.25rem !important; }

.pt-25,
.py-25 {
  padding-top: 0.25rem !important; }

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

.pb-25,
.py-25 {
  padding-bottom: 0.25rem !important; }

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

.p-50 {
  padding: 0.5rem !important; }

.pt-50,
.py-50 {
  padding-top: 0.5rem !important; }

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

.pb-50,
.py-50 {
  padding-bottom: 0.5rem !important; }

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

.p-75 {
  padding: 0.75rem !important; }

.pt-75,
.py-75 {
  padding-top: 0.75rem !important; }

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

.pb-75,
.py-75 {
  padding-bottom: 0.75rem !important; }

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

.m-n1 {
  margin: -1rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -1rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -1rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -1rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -1rem !important; }

.m-n2 {
  margin: -1.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -1.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -1.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -1.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -1.5rem !important; }

.m-n3 {
  margin: -3rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -3rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -3rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -3rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -3rem !important; }

.m-n4 {
  margin: -3.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -3.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -3.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -3.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -3.5rem !important; }

.m-n5 {
  margin: -4rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -4rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -4rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -4rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -4rem !important; }

.m-n25 {
  margin: -0.25rem !important; }

.mt-n25,
.my-n25 {
  margin-top: -0.25rem !important; }

.mr-n25,
.mx-n25 {
  margin-right: -0.25rem !important; }

.mb-n25,
.my-n25 {
  margin-bottom: -0.25rem !important; }

.ml-n25,
.mx-n25 {
  margin-left: -0.25rem !important; }

.m-n50 {
  margin: -0.5rem !important; }

.mt-n50,
.my-n50 {
  margin-top: -0.5rem !important; }

.mr-n50,
.mx-n50 {
  margin-right: -0.5rem !important; }

.mb-n50,
.my-n50 {
  margin-bottom: -0.5rem !important; }

.ml-n50,
.mx-n50 {
  margin-left: -0.5rem !important; }

.m-n75 {
  margin: -0.75rem !important; }

.mt-n75,
.my-n75 {
  margin-top: -0.75rem !important; }

.mr-n75,
.mx-n75 {
  margin-right: -0.75rem !important; }

.mb-n75,
.my-n75 {
  margin-bottom: -0.75rem !important; }

.ml-n75,
.mx-n75 {
  margin-left: -0.75rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }
.badge-danger {
     color: #fff;
     background-color: #28a745;
  }