html,
body {
  height: 100%;
}

body {
  font-family: Tahoma, sans-serif;
  color: #444; background-color: #fcfcfc; font-size: 13px; line-height: 1.5;
}

a{ text-decoration: none;}
a:hover{ text-decoration: none;}
.clear{ clear: both;}

.my_footer{ background: url(../img/bgr-my-footer.png) no-repeat center top; height: 239px; overflow: hidden;}
.my_header{ background-color: #444; color: #bfbfbf;}
.my_coppyright{ padding: 15px 0; border-top: 5px solid #fff; margin-top: 15px;}
.panel-heading-background{ background-color: #eee;}
.clear-radius{ border-radius: 0 !important;}
.panel-white{ background-color: #fff; margin: 15px 0px; border: 1px solid #ddd;}
.img-avata{ margin-right: 15px;}
.title-color{ color: #365899 !important; font-weight: bold; display: inline-block; margin-top: 8px;}
.clear-margin-p p{ margin-bottom: 0px !important;}

.img-border{ border: 1px solid #dedede;}
.img-full{ width: 100%; height: auto;}

.top_menu{ overflow: hidden; margin-bottom: 0; padding: 0;}
.top_menu li{ display: inline-block; margin-right: 3px;}
.top_menu li a{ display: block; line-height: 50px; border-bottom: 5px solid #444; text-transform: uppercase; font-size: 15px; padding: 0 10px 0 0; color: #bfbfbf;}
.top_menu li a:hover, .top_menu li a.active{ background-color: #292929; border-bottom: 5px solid #000; font-weight: bold;}

.banner-header{ min-height: 120px;}
.banner-header .top_logo{ height: 95px; width: auto; margin-top: 15px;}

.my_menu li{ display: block; float: left; padding: 0 8px; text-align: center; position: relative;}
.my_menu>ul>li{ height: 80px;}
.my_menu>ul>li:hover{ box-shadow: 0 0 2px #444;}
.my_menu li img{ height: 50px; width: 65px;}
.my_menu li a{ color: #888; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 600; display: block;}
.my_menu li:hover>a, .my_menu a.active{ color: green; }
.icon_menu{ font-size: 24px;}

.my_menu li ul{ display:none; padding: 0px; position: absolute; top: 80px; left: 0px; box-shadow: 0 0 3px #dedede; background-color: #fff; width: 250px; z-index: 999;}
.my_menu li ul li{ padding: 10px; text-align: left; display: block; float: none;}
.my_menu li ul li img{ display: none;}
.my_menu li ul li:hover{ background-color: #efefef;}
.my_menu li:hover ul{ display: block;}

.menu_mobile{ background-color: #fff; box-shadow: 0 0 3px #dedede; overflow: auto;}
.menu_mobile ul{ padding: 0;}
.menu_mobile li{ width: 100%; text-align: left; height: auto !important;}
.menu_mobile li ul{ display: block !important; width: 100%; text-indent: 0px; position: relative; top: 0; font-size: 13px;}
.menu_mobile li:hover{ background-color: #efefef;}
.menu_mobile li img{ float: left; width: 65px;}
.menu_mobile li a{ line-height: 50px; padding-left: 5px; text-transform: uppercase;}
.menu_mobile li li a{ line-height: 30px; text-transform: none;}

.content-wrapper .form-control{ border-radius: 0;}

.bgr-contact{ background: url(../img/bgr_hotline.png); width: 135px; height: 82px; position: relative;}
.bgr-contact span{ position: absolute; width: 100%; left: 3px; bottom: 15px; color: #fff; font-size: 13px; font-weight: bold; padding-left: 14px;}

.text-orange{ color: #ed6f25 !important;}
.text-blue{ color: #034694 !important;}
.text-black{ color: #474747 !important;}
.text-white{ color: #fff !important;}
.text-h1{ font-size: 21px; margin: 5px 0;}
.text-h4{ font-size: 17px; line-height: 1.3;}
.text-green{color: #006838 !important;}
.text-inline{ display: inline;}
.text-bold{ font-weight: bold;}
.text-double-h1{ font-size: 54px;}
.text-red{ color: #ff0000;}

.bgr-gray{ background-color: #eeeeee !important;}
.bgr-white{ background-color: #fff !important;}
.bgr-blue{ background-color: #2665a0 !important;}
.bgr-yellow{ background-color: #d8a62e !important;}
.bgr-register-info{ background: url(../img/bgr_step_box.png) repeat-x top left; border-top: 5px solid #005cc8;}
.bgr-register-info img{ padding-right: 20px;}
.bgr-right{ height: 200px; background: url(../img/vertical-line.png) no-repeat center right;}
.bgr-right .letter-spacing{ letter-spacing: -1px; padding-right: 20px;}
.bgr-right:last-child{ background: none;}
.bgr-link-info{ background-color: #005cc8;}

.box_home{ padding: 15px; border: 2px solid #999; border-radius: 5px; margin-right: 15px;}
.bgr-box-contact-index{ background-color: #dcf1ff; padding: 15px;}

.overflow{ overflow: hidden;}

.list-border{ border: 1px solid #dedede; border-radius: 5px;}
.list-menu-left li{ padding: 10px; border-bottom: 1px solid #dedede;}
.list-menu-left li>a{ font-size: 15px;}
.list-menu-left li:last-child{ border: none;}
.relative{ position: relative;}

.menu-faqs{ float: right; background-color: #333; width: 29%; margin-left: 1%; padding: 15px; border-radius: 5px 0 0 5px; margin-right: -15px;}
.menu-faqs h4{ border-bottom: 1px solid; padding-bottom: 5px;}
.menu-faqs ul{ padding: 0 10px;}
.menu-faqs ul li{ margin-bottom: 5px; color: #fff;}
.menu-faqs ul a{ line-height: 1.5; color: #fff; font-weight: bold; font-size: 12px;}

.back-link{ font-style: italic; border-bottom: 1px solid #dedede; display: inline-block; min-width: 33%;}
.back-link, .back-link *{ color: #ddd;}
.resize-image img{ max-width: 100% !important;}

.carousel-control > .fa { font-size: 40px; position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -20px;}
.carousel-caption{ font-size: 28px; padding-bottom: 0px; bottom: auto; top: 15%;}
.box-social{ white-space: nowrap;}
.box-social li{ background-color: #fff; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; text-align: center; font-size: 18px; margin-right: 5px;}

.popup-chat-footer{ background-color: #ed6f25; width: 250px; position: fixed; bottom: 0px; right: 10px; box-shadow: 0 0 2px #333;}
.popup-chat-footer .minimize{ height: 30px; cursor: pointer;}
.popup-chat-footer .minimize img.icon_chat{ float: left; margin-left: 40px;}
.popup-chat-footer .minimize .title{ text-align: center; line-height: 25px; color: #fff;}
.popup-chat-footer .minimize .close_chatbox{ float: right; color: #fff; margin-right: 5px; font-weight: normal;}
.popup-chat-footer .content-chatbox{ background-color: #fff;}
.popup-chat-footer .content-scroll-chatbox{ height: 150px; overflow: auto; padding: 0 10px;}
.popup-chat-footer .content-scroll-chatbox h5{ margin: 5px 0px;}
.popup-chat-footer .content-scroll-chatbox p{ padding: 5px; display: inline-block; border-radius: 3px;}
#popup_info{ position: fixed; bottom: 5px; right: 5px; width: 260px; box-shadow: 0 0 3px #333; padding: 15px; background-color: #fff; display: none;}
#close_popup_info{ position: absolute; top: -17px; right: -12px; font-weight: bold;}

.my_content{ border-radius: 10px; border: 3px solid #cacbcb; margin: 20px 0px; overflow: hidden; padding: 15px;}
.border-bottom{ border-bottom: 1px solid #999; padding-bottom: 30px; margin-right: 30px; margin-bottom:15px;}
.border-right{ border-right: 1px solid #999;}
.img-news-home{ width: 100%; height: 180px; margin-bottom: 30px;}
.padding-box{ padding-right: 30px;}
.margin-br{ margin-bottom: 20px;}
.padding-lg{ padding: 0 30px;}
#modalCreate{ background-color: rgba(0, 0, 0, 0.5);}

.template-content .form-group label{ text-transform: uppercase; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding: 10px 0; width: 100%;}

@media (max-width: 992px) {
	.text-center-md{
		text-align: center !important;
	}
  .border-bottom{ border-bottom: 0px solid #999; padding-bottom: 0px; margin-right: 0px; margin-bottom: 30px;}
  .border-right{ border-right: 0px solid #999;}
  .margin-bottom-mobile{ margin-bottom: 30px;}
  .img-news-home{ height: 140px;}
  .padding-box{ padding-right: 0px;}
  .my_content{ margin: 20px 0; }
  .padding-lg{ padding: 0 15px;}
}  

@media (max-width: 768px) {
	.text-center-sm{
		text-align: center !important;
	}
  .pull-none-sm{
    float: none !important;
  }
  .clear-border-right{ border-right: none !important;}
  .img-news-home{ height: auto;}
  .my_content{ border-radius: 0px; border: 0px solid #cacbcb; margin: 20px 0; overflow: none; padding: 0px;}
  .slimScrollDiv, .content-scroll{ overflow: none !important; height: auto !important;}
  .margin-br{ margin-bottom: 0px;}
}