/*================ CSS ===================*/

/*================ CSS ===================*/


  img.img-error {
		/* content: url('../images/icon/re_image_no_photo_avail.jpg'); */
		opacity: 0.5;
		border: 0.5px solid rgba(0, 0, 0, 0.4);
	}

	.BodyContent img {
		width: 50% !important;
		height: auto !important;
	}

	#Result-Search .tc_small_img.tc_img,
	.list-news .item-news img.img-thum-news {
		border: 0.5px solid rgba(0, 0, 0, 0.4);
		background: white;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
		/*padding: 1px;*/
		text-align: center;
		vertical-align: middle;
		margin-top: 2px;
	}
	
	
	
	
	/* CONTENT */


/*================ LEFT PANEL ===================*/

.navbar{
	z-index: 0;
}

nav.sidebar, .main{
-webkit-transition: margin 200ms ease-out;
  -moz-transition: margin 200ms ease-out;
  -o-transition: margin 200ms ease-out;
  transition: margin 200ms ease-out;
}

.main{
padding: 10px 10px 0 10px;
}

@media (min-width: 765px) {

.main{
  position: absolute;
  width: calc(100% - 40px); 
  margin-left: 40px;
  float: right;
}

nav.sidebar:hover + .main{
  margin-left: 200px;
}

nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
  margin-left: 0px;
}

nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
  text-align: center;
  width: 100%;
  margin-left: 0px;
}

nav.sidebar a{
  padding-right: 13px;
  font-size: 14px;	
}

nav.sidebar .navbar-nav > li:first-child{
  border-top: 1px #e5e5e5 solid;
}

nav.sidebar .navbar-nav > li{
  border-bottom: 1px #e5e5e5 solid;
}

nav.sidebar .navbar-nav .open .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
  padding: 0 0px 0 0px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  color: #777;
}

nav.sidebar{
  width: 25%;
  height: 100%;
  /*margin-left: -160px;*/
  float: left;
  margin-bottom: 0px;
}

nav.sidebar li {
  width: 100%;
}

nav.sidebar:hover{
  margin-left: 0px;
}

.forAnimate{
  opacity: 0;
}
}

@media (min-width: 1330px) {

.main{
  width: calc(100% - 200px);
  margin-left: 200px;
}

nav.sidebar{
  margin-left: 0px;
  float: left;
}

nav.sidebar .forAnimate{
  opacity: 1;
}
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
color: #CCC;
background-color: transparent;
}

nav:hover .forAnimate{
opacity: 1;
}
section{
padding-left: 15px;
}
  
/*============== BODY =====================*/
#body {
	padding: 0 0 0 0;
	position:relative;
}

h1.title, h2.title {
	padding-bottom:10px;
	border-bottom:1px solid grey;
	margin-bottom:15px;	
}
.lnk-news {
	color:#666666;
	text-decoration:none;
}

.lnk-black {
	color:#333;
	text-decoration:none;
}

.lnk-more {
	color: #FA7D37;
}
.news-date {
	font-style:italic;
}
a.link-title {
	color:#333;
}
a.link-title:hover {
	text-decoration:underline;
}
.others {
	margin:15px;
}
h2.caption {
	background-color:#eee;	
	padding:15px;
}

.circle-border {
	margin-top:100px;
	border:8px solid #bb0030;
}

.quote {
	width:100px;
	height:100px;
	background-color:#bb0030;
	border-radius:50%;
	padding:10px 20px;
	color:black;
	font-size:60px;
	position:absolute;
	left:-60px;
}
.success-info {
	margin-left: 50px;
	margin-top: 50px;
}

h1.title, h2.title {
	padding-bottom:10px;
	border-bottom:1px solid grey;
	margin-bottom:15px;	
}

/*================ NEWS BOX ===================*/
.news-box-home {
	min-height:220px;
}
/*
.news-box-home img {
	border-bottom: 5px solid #bb0030;
}
*/

.news-box {
	border:1px solid #bbb;
	padding:20px;
	min-height:320px;
}
.news-box:hover {
	background-color:#fafafa;
	box-shadow:0 0 5px #999;
	cursor:pointer;
}
.news-box .date {
	margin:0px;
	padding:10px 0px;
}
.news-box .news-title {
	margin:0px;
}

/*============ ELEMENT =============================*/
.p10 { padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p50 {padding:50px;}
.pt0 {padding-top:0px;}
.pt30 {padding-top:30px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pr0 {padding-right: 0px;}
.pb30 {padding-bottom:30px;}
.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.w120 {width: 120px;}
.bold {font-weight: bold;}

.text-grey {color:#666;}
.text-red {color:#bb0030;}
.text-darkblue {color:#00134e}
.bg-white {
	background-color:white;
}
.bg-grey {
	background-color:#eee;
}

.absolute-top-right {
	position:absolute;
	top:25px;
	right:15px;
}

label.error {color:#bb0030;}
input.error, select.error, textarea.error {border:1px solid #D43F3A}

/*============= CONTACT ==========================*/
.contact-box {
	margin: 10px 0px;
	padding:10px 50px;
	background-color:#fafafa;
	box-shadow:0 0 5px #999;
}


/*================ MAIN CONTENT ===================*/
#main-content {
	position:relative;
	color:#666;
	padding:10px;
}
h1 {
	font-size:32px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:20px;
}
h4 {
	font-size:16px;
}
h5 {
	font-size:13px;
}
#main-content table td { padding:10px;}

.slidedown {
	list-style:none;
	margin-: 0;
	padding: 0;
}
.slidedown a.slidedown-header {
	text-decoration:none;
	color:#000f36;
}
.slidedown a.slidedown-header:focus {
	outline:none;
}

.slidedown .slidedown-header {
	color:#000f36;
	cursor:pointer;
}
.slidedown .slidedown-content {
	display:none;
}
.slidedown .slidedown-header:after {
	padding-left:5px;
	content: "\25BC\ ";
}
.slidedown .expanded:after {
	content: "\25B2\ ";
}
/*================ RIGHT PANEL ===================*/
.border-left {
	border-left:1px solid #bbb;
}
#right-panel {
	margin:15px 0;	
}
#right-panel h2.head {
	color:#666;
	background-color:#eee;
	padding:15px;
	margin-top:0px;
	font-size:20px;
}
#right-panel h3 {
	font-size:16px;
}
#right-panel p.date {
	font-style:italic;
	margin:0px;
}
#right-panel a {
	color:#666;
}

.event-calendar {
	box-shadow: 0 0 5px #999;
	margin-left:0px;
	margin-right:0px;
	margin-top:15px;
	background-color:#eee;
}
.event-info {
	float:left;
	width:40%;
	padding:10px;
}

#calendar {
	font-size:11px;
	background-color:#bbb;
	
	padding: 20px 5px;
	width:60%;
	float:right;
}
#calendar .ui-widget-content, #calendar .ui-widget-header, .ui-widget-content .ui-state-default {
	border:none;
	background:none;
}
#calendar .ui-datepicker-title, #calendar th {
	color:white;
}
#calendar tbody td a {
	color:white;
	text-align:center;
}
#calendar .ui-datepicker-today {
	background-color:#ccc;
}
#calendar .eventday a {
	color:#bb0030;
}
#calendar .currentevent {
	background-color: #bb0030;
}
#calendar .currentevent a {
	color: white;
}

#right-panel a.more {
	color:#006eeb;
	padding-bottom:3px;
}
#right-panel a.more i {
	font-size:11px;
}

/*================ EVENT ===================*/
#event {
	background-color:#eee;
	padding:45px 0;
}

.event-box {
	padding-bottom:15px;
}

.event-date {
	font-weight:bold;
	margin-bottom:0;
}
.event-time {
	font-style:italic;
	margin: 0;
}
.event-icon {
	display: inline-block;
	width:15px;
}
/*================= MEDIA ==================*/
#sgt-media {
	padding:45px 0;
	background:url(../img/video_bg.jpg) top center no-repeat;
}
#sgt-media h2 {
	color:#fff;
}
/* ======================= SUCCESS LINKS =========*/
.success-links {
	
}
.success-box {
	text-align:center;
	padding:10px 0;
}
/*================= LINKS =================*/
#links {
	background-color:#eee;
	padding:45px 0;
	color:#666;
}
.menu-bottom {
	margin:0;
	padding:0;
	list-style:none;
}
.menu-bottom li{
	padding:3px;
}

#links a {
	color:#666;
	text-decoration:none;
}
#links a:hover {
	color:#3b5998;
}

/*================ RIGHT PANEL ===================*/
.border-left {
	border-left:1px solid #bbb;
}
#right-panel {
	margin:15px 0;	
}
#right-panel h2.head {
	color:#666;
	background-color:#eee;
	padding:15px;
	margin-top:0px;
	font-size:20px;
}
#right-panel h3 {
	font-size:16px;
}
#right-panel p.date {
	font-style:italic;
	margin:0px;
}
#right-panel a {
	color:#666;
}

.event-calendar {
	box-shadow: 0 0 5px #999;
	margin-left:0px;
	margin-right:0px;
	margin-top:15px;
	background-color:#eee;
}
.event-info {
	float:left;
	width:40%;
	padding:10px;
}

#calendar {
	font-size:11px;
	background-color:#bbb;
	
	padding: 20px 5px;
	width:60%;
	float:right;
}
#calendar .ui-widget-content, #calendar .ui-widget-header, .ui-widget-content .ui-state-default {
	border:none;
	background:none;
}
#calendar .ui-datepicker-title, #calendar th {
	color:white;
}
#calendar tbody td a {
	color:white;
	text-align:center;
}
#calendar .ui-datepicker-today {
	background-color:#ccc;
}
#calendar .eventday a {
	color:#bb0030;
}
#calendar .currentevent {
	background-color: #bb0030;
}
#calendar .currentevent a {
	color: white;
}

#right-panel a.more {
	color:#006eeb;
	padding-bottom:3px;
}
#right-panel a.more i {
	font-size:11px;
}



/* Test */
#myList li{ display:none;
}
#loadMore {
    color:green;
    cursor:pointer;
}
#loadMore:hover {
    color:black;
}
#showLess {
    color:red;
    cursor:pointer;
}
#showLess:hover {
    color:black;
}

/* Youtube */
.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}