.navbar-default{background: #fff;}

.header_inner {

  margin: 0 auto;

  position: relative;

  width: 80%;

}

.navbar-default{border: none !important;}

.logo {

  display: inline-block;

}

.logo img {

  max-width: 100%;

  margin-top: 1px;

  transition: opacity .25s ease-in-out;

  -moz-transition: opacity .25s ease-in-out;

  -webkit-transition: opacity .25s ease-in-out;

    padding: 5px 0;

    max-height: 60px;

}

.btn-login{color: #fff !important; background: #f80640; border-radius: 3px; padding: 10px 25px !important; text-transform: uppercase; font-size: 12px !important;}

.btn-login:hover{text-decoration: none !important; color: #fff !important; background: #f80640 !important;}

.menu-top-aff{text-align: right;}

.btn-signin{color: #40a6ab;}

.logo img:hover {

  opacity: 0.75;

}

.menu-top-aff{/* margin-top: 10px; margin-bottom: 10px; */ text-align: right;}

.menu-top-aff .navbar-nav li{font-size: 15px; font-weight: 600; text-transform: uppercase;}

.menu-top-aff .navbar-nav li a{padding: 10px 20px; font-weight: 600; font-size: 12px;}

.menu-top-aff .navbar-nav li a:hover{background: #288B92; color: #fff; border-radius: 4px;}

.signup_container nav{margin-bottom: 0 !important;}

.signup_container .item, .signup_container .login {

  display: inline-block;

  line-height: 29px;

  vertical-align: middle;

}

.signup_container .item a {

  font-weight: 200;

  border: 1px solid #3b3f44;

  padding: 8px 13px;

  border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  color: #333;

  text-decoration: none;

  font-size: 15px;

  transition: background .25s ease-in-out, border .25s ease-in-out;

  -moz-transition: background .25s ease-in-out, border .25s ease-in-out;

  -webkit-transition: background .25s ease-in-out, border .25s ease-in-out;

  margin-left: 3px;

}

.signup_container .login a {

  font-weight: 200;

  border: 1px solid #3b3f44;

  padding: 8px 23px 8px 13px;

  border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  color: #F5F5F5;

  text-decoration: none;

  font-size: 15px;

  transition: background .25s ease-in-out, border .25s ease-in-out;

  -moz-transition: background .25s ease-in-out, border .25s ease-in-out;

  -webkit-transition: background .25s ease-in-out, border .25s ease-in-out;

  margin-left: 5px;

  background-image: url(../../images/login.png);

  background-size: 17px 17px;

  background-repeat: no-repeat;

  background-position: 50px 11px;

}

.signup_container .item a:hover, .signup_container .login a:hover {

  background: #3b3f44;

  border: 1px solid #5e6164;

}

.signup_container .login a:hover {

  background-image: url(../../images/login.png);

  background-size: 17px 17px;

  background-repeat: no-repeat;

  background-position: 54px 11px;

}

.signup_container .current a, .signup_container .current a:active, .signup_container .current a:hover, .signup_container .current a:visited {

  background: #4a4e52;

  border: 1px solid #5e6164;

}

.main {

  background-position: bottom center;

  background-size: 1010px;

  margin-top: 60px;

}

.signup {

  display: block;

  height: 120px;

}

.signup a {

  transition: background .25s ease-in-out, border .25s ease-in-out, box-shadow .25s ease-in-out;

  -moz-transition: background .25s ease-in-out, border .25s ease-in-out, box-shadow .25s ease-in-out;

  -webkit-transition: background .25s ease-in-out, border .25s ease-in-out;

  color: #fff;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  text-decoration: none;

  background: #f77811 url(../../images/signup.png) no-repeat 150px 20px;

  background-size: 30px 30px;

  font-size: 21px;

  font-weight: 700;

  text-shadow: 1px 1px 1px #de6808;

  padding: 5px 20px 5px 20px;

  border: 1px solid #ffac69;

  text-transform: uppercase;

  display: inline-block;

  line-height: 40px;

  margin-top: 40px;

}

.signup a:hover {

  background-position: 155px 20px;

}

.menu-top-aff ul{padding: 10px 20px;}

.welcome-user:hover{text-decoration: none;}

.welcome-user span{position: relative; top: 5px; font-size: 12px; padding-right: 5px;}

.avatarImage{margin: 8px 0 0 0;border-radius: 50%; border: 2px solid #FFF;width: 35px; height: 35px;}

a.dropdown-toggle.welcome-user {

    display: block;

    margin-top: 5px;

    margin-bottom: 5px;

}

.navbar{margin-bottom: 0;}

.menu-user li a{text-transform: none; font-size: 14px; font-weight: 600; padding: 5px 0px;}

.btn-menu{display: none;}



/*---------------------------------Footer------------------------------------*/

.div_footer{

  width: 100%;

  background-color: rgb(45,43,44);

  border-top: 2px rgb(246,7,64);

  padding: 20px 0;



}

.title_footer{

  margin: 0 auto;

  padding-bottom: 20px;

  padding-top: 20px;

  width: 80%;

}

.title_footer a{

  color: #999 ;

}

.title_footer a:hover{

  color: white ;

  text-decoration: none;

}

.title_center{

  max-width: 800px;

  margin: 0 auto;

  padding: 10px;

}

.title_center h1{

  color: rgb(254,143,38);

  font-weight: bold;

  font-size: 30px;

}

.title_center p{

  color: white;

  font-size: 20px;

}

.tag_a_footer:hover{

  color: white;

}

.copyright {

  

}

.border-top{border-top: solid 1px #3f3f3f;}

.column-footer ul li p{color: #b0b0b0; font-size: 24px; font-weight: 600;}

.column-footer ul li, .contact-ft{color: #858585;}

.copyright{background: #1c1a1a; padding: 10px 0px;}

.copyright p{margin-bottom: 0; color: #3c3b3b;}

.tag_a_footer:hover{

  color: white;

}

.column-footer{margin-bottom: 10px;}

.btn-menu.navbar{min-height: 40px !important; margin-bottom: 0; display: none;}

#copyright{width: 80%; margin: auto;}

#copyright p{color: #fff;}

.content-detail ul li{list-style: inside;}

code, pre {

    background: #ffffff;

    background: -moz-linear-gradient(top,#ffffff 50%,#f2f2f2 50%);

    background: -webkit-linear-gradient(top,#ffffff 50%,#f2f2f2 50%);

    background: -o-linear-gradient(top,#ffffff 50%,#f2f2f2 50%);

    background: linear-gradient(top,#ffffff 50%,#f2f2f2 50%);

    background-size: 42px 42px;

    padding: 21px 15px 20px;

    margin: 15px 0;

    display: block;

    white-space: pre-wrap;

    white-space: -moz-pre-wrap;

    white-space: -pre-wrap;

    white-space: -o-pre-wrap;

    line-height: 21px!important;

    border-width: 1px;

    border-style: solid;

    font-family: monospace!important;

    color:#6d6b6c;

}

.content-blog table td{padding: 10px;}

.content-blog table td p{margin-bottom: 0;}



.btn-content{

    background: #0072C6;

    border: none;

    color: #fff;

    border-bottom: 3px solid rgba(0,0,0,0.4);

    display: inline-block;

    font-size: 12px;

    text-transform: uppercase;

    padding: 10px 35px;

    font-weight: bold;

    border-radius: 4px;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    font-family: 'Open Sans',sans-serif;

}

.btn-content:hover{background: #222935; color: #fff;}

.noidung-hoidap li a{cursor: pointer;}

#onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right{bottom:60px !important;}

@media screen and (max-width:991px){

    .menu-top-aff .user-panel, .menu-top-aff .navbar-nav, .header_inner {float: none !important; width: 100% !important;}

    .btn-menu.navbar{display: block;}

    .menu-top-aff ul{padding: 10px 0px;}

    .menu-top-aff ul li a{padding: 10px 10px;}

    .btn-menu{display: block;}

}

@media screen and (max-width:767px){

    .vendor-list{padding: 20px 10px;}

    .info-contact-footer{text-align: center;}

    .column-footer{margin-bottom: 10px;text-align: center;}

    .copyright{text-align: center;}

    .title_footer{width: 100%;}

}