body {
    font-family: 'OpenSansLight'; 
    /*font-family: 'Arial';*/ 
    /*font-family: 'OpenSans-Regular';*/
    /*background-image:url('../images/background.png');*/
    background-color: #F4F4F4;
    font-size: 14px;
}

.container-fluid {
    padding:0
}

.d_new_icon {
    height: 23px;
}


.d_relative {
    position: relative;
}

ul.d_ul{
    list-style: none;
    padding-left: 20px;
}

.d_ul li {
    /*padding-top:3px;*/
    padding-bottom:3px;
    text-align: justify;
}



.d_ul li:before {
    list-style: none;
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #D5290E;
    vertical-align: middle;
    margin-left: -15px;
    margin-right: 10px;
}


/* định dạng đường viền control khi focus */
.form-control:focus {
    border-color: #D5290E;
}


.d_nav_bg {
    background: url('../images/nav_bg.png') repeat-x;
}

.d_footer {
    background: #2D6EC3;
    color:#fff;
}


.d_color {
    color: #0061BC;
}


.d_link:link,
.d_link:visited {
    color: #3A3A3A;
    text-decoration: none
}
.d_link:hover{
    color: #0869D0;
}


.d_link_caption:link,
.d_link_caption:visited,
.d_link_caption:hover{
    padding: 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px
}
.d_link_caption:hover{
    /*color: #000;*/
    color: #0fcb02;
}.d_link_caption:active{
    /*color: #000;*/
    color: #0fcb02;
}



.d_asterisk {
    color:#ff0000;
}



.d_panel {
    border: none;
}

.d_panel .panel-heading {
    border-bottom: 3px solid #0A70DE;
    color: #0A70DE; 
    position: relative;
    background: url('../images/menu_background.gif') repeat-x;
    border-radius: 5px 5px 0px 0px;
}

.d_panel .panel-heading img {
    position: absolute;
    left: 5px;
    top: -2px;
}


.d_panel .panel-heading .panel-title {
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    /* padding-left: 40px; */
}
.d_panel .panel-heading i {
    margin-right: 5px;
}
.d_panel > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #0095EF;
}
.d_panel > .panel-heading .badge {
    color: #fff;
    background-color: #a94442;
}
.d_panel > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #0095EF;
}


.d_panel .panel-body {
    position: relative; 
}


.d_block {
    border: none;
    margin-bottom: 10px;
    
}
.d_block .panel-heading {
    position: relative;
    color: #fff; 
    /*padding-top:8px;*/
    background: url('../images/center_title_block.png') repeat-x;
    line-height: 35px;
    height: 35px;
}
.d_block .panel-footer {
    color: #0869D0; 
}
.d_block .panel-heading .panel-title {
    font-weight: bold;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
.d_block .panel-body {
    padding: 8px;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}











.d_component_block {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.d_component_block .panel-heading {
    position: relative;
    /*background: url('../images/center_title_component.png') repeat-x;*/
    background: #2D6EC3;
    padding-top:6px;
    padding-bottom: 4px;
    color: #fff;
}

.d_component_block .panel-heading img {
    position: absolute;
    left: 5px;
    top: -2px;
    width: 35px;
    height: 35px;
}


.d_component_block .panel-heading .panel-title {
    padding-left: 35px;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
}

.d_component_block .panel-heading .panel-title a:link,
.d_component_block .panel-heading .panel-title a:visited {
    color: #fff;
}

.d_component_block .panel-footer {
    color: #0869D0; 
    /*background: url('../images/footer_panel_bg.png') no-repeat;*/
}

.d_component_block .panel-body {
    padding: 8px 8px 8px 8px;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}










/*-------------------------
  ĐỊNH DẠNG CÁC KHOẢNG CÁCH 
  -------------------------*/
.d_divide1 {
    height: 1px;
    clear: both; 
    font-size: 0;
}
.d_divide2 {
    height: 2px;
    clear: both;  
    font-size: 0;
}
.d_divide3 {
    height: 3px;
    clear: both;   
    font-size: 0;
}
.d_divide4 {
    height: 4px;
    clear: both;   
    font-size: 0;
}
.d_divide5 {
    height: 5px;
    clear: both;  
    font-size: 0;
}
.d_divide6 {
    height: 6px;
    clear: both;  
    font-size: 0;
}
.d_divide7 {
    height: 7px;
    clear: both;  
    font-size: 0;
}
.d_divide8 {
    height: 8px;
    clear: both;  
    font-size: 0;
}
.d_divide9 {
    height: 9px;
    clear: both;  
    font-size: 0;
}
.d_divide10 {
    height: 10px;
    clear: both;  
    font-size: 0;
}
.d_divide20 {
    height: 20px;
    clear: both; 
    font-size: 0;
}
.d_divide30 {
    height: 30px;
    clear: both; 
    font-size: 0;
}














.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next {
    top: 400px;
}

.carousel.vertical .prev {
    top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0;
}

.carousel.vertical .active.left {
    top: -400px;
}

.carousel.vertical .active.right {
    top: 400px;
}

.carousel.vertical .item {
    left: 0;
}

.d_visit_total {
    font-weight: bold;
    color:#000;
    text-shadow: 1px 1px 0px #ADADAD;
}

.d_date {
    color:grey;
    font-style: italic;
}

.d_bold {
    font-weight: bold;
}


.d_background {
    background: #EA69CE;
}





.d_loading {
    background: #F9FAF6 url('../images/loading.gif') no-repeat center;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    opacity: 0.6;
    z-index: 999999;

}



.nav-tabs li a {
    padding: 5px; 
}



.d_info {
    margin: 0;
    position:absolute; 
    z-index: 99;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}


@media (min-width: 180px) {
    .d_padding{
        padding-right: 15px;
        padding-left: 15px;
    }     
    .d_padding_right{
        padding-right: 15px;
    }     
    .d_padding_left{
        padding-left: 15px;
    }     
}

@media (min-width: 280px) {
    .d_padding{
        padding-right: 15px;
        padding-left: 15px;
    }    
    .d_padding_right{
        padding-right: 15px;
    }  
    .d_padding_left{
        padding-left: 15px;
    }   
}

@media (min-width: 320px) {
    .d_padding{
        padding-right: 15px;
        padding-left: 15px;
    }   
    .d_padding_right{
        padding-right: 15px;
    }  
    .d_padding_left{
        padding-left: 15px;
    }   
}


@media (min-width: 480px) {
    .d_padding{
        padding-right: 15px;
        padding-left: 15px;
    }   
    .d_padding_right{
        padding-right: 15px;
    }  
    .d_padding_left {
        padding-left: 15px;
    }   
}


@media (min-width: 600px) {
    .d_padding{
        padding-right: 15px;
        padding-left: 15px;
    }   
    .d_padding_right{
        padding-right: 15px;
    }  
    .d_padding_left {
        padding-left: 15px;
    }
}


@media (min-width: 768px) {
    .container {
        width: 750px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .d_padding{
        padding-right: 15px;
        padding-left: 15px;
    }   
    .d_padding_right{
        padding-right: 15px;
    }  
    .d_padding_left {
        padding-left: 15px;
    }

}


@media (min-width: 992px) {
    .container {
        width: 980px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .d_padding{
        padding-right: 0;
        padding-left: 0;
    }  
    .d_padding_right{
        padding-right: 0;
    }  
    .d_padding_left {
        padding-left: 0;
    }
}



@media (min-width: 1200px) {
    .container {
        padding-right: 50px;
        padding-left: 50px;
        width: 1150px;
    }
    .d_padding{
        padding-right: 0;
        padding-left: 0;
    } 
    .d_padding_right{
        padding-right: 0;
    } 
    .d_padding_left {
        padding-left: 0;
    }
}