﻿body {
    padding-top: 0px;
    padding-bottom: 20px;
    background: #FFFFFF;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    background: #FFFFFF;
    padding: 5px 10px;
    border: 1px solid #d9d9d9;
}

.body-content .row {
    padding: 10px 0px;
}

.navbar-default {
    /*background-color: #fed014;
    border-color: #fed014;*/
	background: rgb(1, 95, 163);
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover {
    color: #4a4949;
    color: #FFFFFF;
    font-weight: bold;
}

.navbar-default .navbar-header > a,
.navbar-default .navbar-header > a:hover {
    color: #4a4949;
    color: #FFFFFF;
    font-weight: bold;
}

.navbar-static-top {
    z-index: 1;
}

.banner {
    height: auto;
    max-width: 100%;
    position: relative;
    background-color: #FFFFFF;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.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;*/
}

.page-title {
    color: #004275;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 3px 0;
    margin: 1px 0 15px 0;
    border-bottom: 1px solid #d9d9d9;
}

.col-xs-6.col-xs-radio-6 {
    bottom: 5px;
}

.vku-div-fieldset {
    padding-left: 10px;
    padding-right: 10px;
}

.vku-fieldset > legend {
    color: #808080;
    font-size: 14px;
    font-weight: bold;
    padding-top: 0px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #808080;
}

.vku-fieldset > legend.legend-caption {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    border-bottom: none;
}

.vku-border-bottom-dotted {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dotted #bbb;
}

.form-control-static {
    min-height: 26px;
    padding-top: 7px;
    padding-bottom: 0px;
    margin-bottom: 0;
}

/*Kích thước ảnh minh chứng*/
.img-proof {
    width: 130px;
    height: 150px;
}

.modal-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

#ajax-loader, #ajax-loader-modal {
    z-index: 999;
	display: none;
	position: absolute;
}

.quote-card {
    background: #fff;
    color: #222222;
    padding: 20px;
    padding-left: 50px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgb(34 34 34 / 12%);
    position: relative;
    overflow: hidden;
    min-height: 120px;
}

.quote-card.yellow-card {
    background: #fff0d9;
    color: #222222;
    box-shadow: 0 1px 2px rgb(34 34 34 / 12%), 0 2px 4px rgb(34 34 34 / 24%);
}

label {
    padding-top: 7px;
    margin-bottom: 0;
 }

ul.nav-wizard {
    margin-bottom: 15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}