﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-header{background-color:#0288d1;}
.navbar-collapse{background-color:#0288d1;}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/

.navbar-header {background-color:#0288d1}

/*.navbar-header a{}
.navbar-header a {
}
a {
    color: white;
    text-decoration: none;
}
a {
    background: #428bca;
}*/

.navbar-inverse {
    background-color: #0288d1;
    border-color: #0288d1;
}

.navbar-toggle {border:0px;}
.navbar-toggle:hover{
    background-color: #f2e7e7;
}

.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}



.field-validation-error {
    color: #b10000;
    font-size: smaller;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    /*border: 2px ridge #ff0000;*/
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.imageAction
{
display: block;
background: url(../content/logo.png) no-repeat;
}
.mt-0
{
    margin-top:0 !important;

}
.mt-1
{
    margin-top:.25rem !important;

}
.mt-2
{
    margin-top:.5rem !important;
}
.mt-3
{
    margin-top:1rem !important;
}
.mt-4
{
    margin-top:1.5rem !important;
}
.mt-5
{
    margin-top:3rem !important;
}
.mt-9 {
    margin-top:9rem !important;
}
.mt-auto
{
    margin-top: auto !important;
}

.mb-0
{
    margin-bottom:0 !important;

}
.mb-1
{
    margin-bottom:.25rem !important;

}
.mb-2
{
    margin-bottom:.5rem !important;
}
.mb-3
{
    margin-bottom:1rem !important;
}
.mb-4
{
    margin-bottom:1.5rem !important;
}
.mb-5
{
    margin-bottom:3rem !important;
}
.mb-9 {
    margin-bottom:9rem !important;
}
.mb-auto
{
    margin-top: auto !important;
}


.btn-facebook {
    background-color: #3b5998;              
}
.btn-google {
    background: #c32f10;
}
.btn-ttxvn {
    background:#0f317a;
}
.btn-social a  {
color:#ffffff;
}
.btn-social a:hover {
color:#ffffff !important;
}
    .btn-social a img {
        height:24px;
    }
.or-seperator{
    margin:30px 0 10px;
    text-align:center;
    border-top:1px solid #ccc;
}
.or-seperator i {
    padding: 0 10px;
    background: #f7f7f7;
    position: relative;
    top: -11px;
    z-index: 1;
}
.fa {
  padding: 20px;
  
  width: 50px;
  height:50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  line-height:0.75em !important;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}
.box-shadow {
    box-shadow: 0px 1px 5px 0 rgba(0,0,0,0.2);
}