﻿
body {
    padding-bottom: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    height:100%;
}
/*MAIN MENU*/
.navbar-custom {
    color:#fff;
    background-color:#0875c9;
    border-radius:0;
    min-height:30px;
    margin-bottom:0;
}
/*NEWS*/
.custab{
    border: 1px solid #ccc;
    padding: 5px;
}
/*TINYMCE*/
div.mce-fullscreen {
    z-index:1001;
}
/*CUSTOM BOOTSTRAP*/
.navbar-collapse {
    padding-left:0;
}
.navbar-default .navbar-nav>li>a {
    color:#fff;
}
.navbar-default .navbar-nav>li>a:hover {
    background:#fff;
    color:#0875c9;
}
.navbar-nav>li>a {
    padding:10px 8px;
}
.dropdown-menu {
    padding:0;
}
.dropdown-menu>li>a {
    color:#0875c9;
    background:#d1e5f5;
}
.dropdown-menu>li>a:hover {
    color:#d1e5f5;
}
.hidden{display:none;}

table .collapse.in {
	display:table-row;
}
/* Sử dụng ace Theme
    .modal-footer {
    border-top: 1px solid #e5e5e5;
    margin-top: -24px;
    padding: 3px 21px 20px;
    text-align: right;
}*/
#datepicker { position: relative; z-index: 1000; }

.form-create label {
    font-weight:bold;
}

.form-create input,textarea {
    margin-bottom: 14px;
}

.light-login {
    background: #dfe0e2 url(../images/backgroupAdmin.jpg) repeat;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 6px;
    padding-right: 6px;
}

/*Tablle responsive*/
@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { 
        border: 1px solid #ccc; 
        border-bottom: 1px solid #ab1515;
	}
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 38%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
    .topic-title{
            padding-left: 23pt !important;
            padding-top: 4pt !important;
    }
    .topic-title a{
        font-weight:bolder;
    }
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 6px;
    }
}
/*End Table responsive*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
}
.page-header h1 {
    font-size: 18px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    color: black;
    width: 100%;
}