body {
background-color: #3e596e !important;
background: linear-gradient(to bottom, #1e3c52 0%, #1e3c52 10%, #07253d 20%, #3e596e 60%, #3e596e 100%); /* W3C */
background-attachment: fixed;
}
.container {
background: #e7e7e7;
margin-top: -10px;
padding: 10px;
}
.container.header {
background: #1e3c52;
margin-top: 0px;
padding: 0px;
}
.bg-header{
background: linear-gradient(to bottom, #e7e7e7 0%, #a8a8a8 20%, #ebebeb 100%);
}
.bg-BlueClicou {
  background: #1e3c52 !important;
}
.bg-hover-BlueClicou:hover {
  background: #1e3c52 !important;
  color: #fff;
}
.fg-BlueClicou {
  color: #152b3b !important;
}
.op-BlueClicou {
  background-color: rgba(30, 60, 82, 0.7) !important;
}
.ol-BlueClicou {
  outline-color: #1e3c52 !important;
}
.img-Clicou:hover {
  outline: #fa6800 solid 3px;
}
.page-content {
    padding-top: 58px;
}

.tile .tile-label-clicou {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0rem;
  padding: .425rem .25rem;
  z-index: 999;
  background-color: rgba(30, 60, 82, 0.7) !important;
}

.app-bar.clicou {
  background-color: #1e3c52;
}
.app-bar.clicou .app-bar-element:hover,
.app-bar.clicou .app-bar-menu > li:hover,
.app-bar.clicou .app-bar-menu > li > a:hover,
.app-bar.clicou .app-bar-element:active,
.app-bar.clicou .app-bar-menu > li:active,
.app-bar.clicou .app-bar-menu > li > a:active {
  background-color: #fa6800;
}
.app-bar.clicou .app-bar-divider {
  background-color: #3b75a0;
}
.app-bar.clicou .app-bar-element .d-menu,
.app-bar.clicou .app-bar-menu > li .d-menu {
  background-color: #fa6800;
  border-color: transparent;
}
.app-bar.clicou .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.clicou .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.clicou .app-bar-element .d-menu li > a,
.app-bar.clicou .app-bar-menu > li .d-menu li > a {
  background-color: #fa6800;
  color: #ffffff;
}
.app-bar.clicou .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.clicou .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.clicou .app-bar-element .d-menu li > a:hover,
.app-bar.clicou .app-bar-menu > li .d-menu li > a:hover {
  background-color: #bf5a15;
  color: #ffffff;
}
.app-bar.clicou .app-bar-element .d-menu li:hover > a,
.app-bar.clicou .app-bar-menu > li .d-menu li:hover > a {
  background-color: #bf5a15;
}
.app-bar.clicou .app-bar-element .d-menu .divider,
.app-bar.clicou .app-bar-menu > li .d-menu .divider {
  background-color: #ffc194;
}
.app-bar.clicou .app-bar-element .d-menu .divider:hover,
.app-bar.clicou .app-bar-menu > li .d-menu .divider:hover {
  background-color: #ffc194;
}
.app-bar.clicou .app-bar-element .dropdown-toggle:before,
.app-bar.clicou .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.clicou .app-bar-element.disabled,
.app-bar.clicou .app-bar-menu li.disabled,
.app-bar.clicou .app-bar-element:disabled,
.app-bar.clicou .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.clicou .app-bar-element.disabled a,
.app-bar.clicou .app-bar-menu li.disabled a,
.app-bar.clicou .app-bar-element:disabled a,
.app-bar.clicou .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.clicou .app-bar-pullbutton:hover {
  background-color: #fa6800;
}
.app-bar.clicou .app-bar-drop-container {
  border: 2px solid #fa6800;
  background-color: #fa6800;
  color: #ffffff;
}
.app-bar.clicou .app-bar-drop-container:before {
  background-color: #fa6800;
  border-color: #fa6800;
}
.app-bar.clicou .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #fa6800;
  background-color: #fa6800;
}
.app-bar.clicou .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #fa6800;
}
.app-bar.clicou .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #fa6800;
  color: #ffffff;
}

.carousel .carousel-bullets .carousel-bullet.bullet-on {
  background-color: #fa6800;
}
.carousel .carousel-bullets {
  z-index: 990;
}

.listview .list {
  display: block;
  width: 100%;
  padding: 8px 8px 4px 88px;
  border: 1px transparent solid;
  cursor: pointer;
  height: 88px;
  border-bottom-color: #eeeeee;
  position: relative;
}

.listview .list .list-icon {
  position: absolute;
  left: 0;
  top: 0;
  margin: 8px;
  width: 70px;
  height: 70px;
  font-size: 70px;
  text-align: center;
}

.listview .list:hover {
  !background-color: #fa6800;
  background-color: #eeeeee;
  border-color: #1e3c52;
}

.listview .list-basic {
  display: block;
  width: 100%;
  padding: 8px 8px 8px 8px;
  border: 1px transparent solid;
  cursor: pointer;
  
  border-bottom-color: #eeeeee;
  position: relative;
}
.listview .list-basic:hover {
  !background-color: #fa6800;
  background-color: #eeeeee;
  border-color: #1e3c52;
}
.panel {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px transparent solid;
}
.panel-hover{
  display: block;
  position: relative;
  padding: 10px 10px 10px 10px;
  border: 1px transparent solid;
  background-color: #eeeeee;
  width: 100%;
}
.panel-hover:hover {
  !background-color: #fa6800;
  border-color: #1e3c52;
}
.pagination {
  width: auto;
  margin-bottom: 10px;
  display: inline-block;
}
.pagination > .item {
  display: block;
  float: left;
  margin-left: .0652rem;
  padding: 0.25rem .625rem;
  background-color: #1e3c52;
  cursor: pointer;
  border: 1px #eeeeee solid;
  text-align: center;
  font-size: .875rem;
  color: #ffffff;
}
.pagination > .item a{
  color: #ffffff;
}
.pagination > .item.current,
.pagination > .item.active {
  background-color: #fa6800;
  border-color: #59cde2;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.pagination > .item:hover {
  background-color: #fa6800;
  border-color: #75c7ee;
  color: #ffffff;
}
.pagination > .item.spaces {
  border: 0;
  cursor: default;
  color: #ffffff;
}
.pagination > .item.spaces:hover {
  background-color: #fa6800 ;
  color: #ffffff;
}
.pagination.no-border > .item:hover {
  color: #59cde2;
  background-color: #fa6800 ;
}
.pagination.no-border > .item.current:hover,
.pagination.no-border > .item.active:hover {
  background-color: #fa6800;
  border-color: #75c7ee;
  color: #ffffff;
}
.pagination.no-border > .item.spaces:hover {
  background-color: #fa6800 ;
  color: #ffffff;
}  
.v-menu {
  max-width: 100%;
}
.v-menu li a {
  color: #1e3c52;
}
.v-menu li.active {
  border-color: #1e3c52;
}
.v-menu li.active > a {
  background-color: #fa6800;
}
.v-menu li:hover {
  background: #fa6800;
}
.image-button {
  border: 1px solid;
}
.image-button:hover {
  border-color: #1e3c52;
}
.tabcontrol .tabs {
  border-bottom: 2px #152b3b solid;
}
.tabcontrol .tabs li a {
  color: #152b3b;
  font-size: .8875rem;
  text-transform: none;
}
.tabcontrol .tabs li.active a {
  background-color: #152b3b;
  color: #ffffff;
  text-shadow: none;
}
.tabcontrol .frames .frame {
  display: block;
  position: relative;
  width: 100%;
  padding: 20px;
  background-color: #eeeeee;
}
.button {
  background-color: #eeeeee;
  border: 1px #d9d9d9 solid;
  color: #152b3b;
  margin: 0;
}
.button.default {
  background-color: #1e3c52;
  color: #fff;
  border-color: #152b3b;
}
.button:hover {
  border-color: #152b3b;
}
.accordion > .frame > .heading {
  display: block;
  padding: 12px 16px 12px 20px;
  background-color: #1e3c52;
  cursor: default;
  font-size: .6875rem;
  text-transform: none;
  color: #fff;
  font-weight: bold;
  position: relative;
  border: 1px #eeeeee solid;
  overflow: hidden;
  z-index: 2;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.accordion > .frame > .heading:before {
content: none;
}
.accordion > .frame > .heading .icon {
  font-size: 2.5rem;
  width: 2.5rem;
  max-height: 2.5rem;
  z-index: -2;
}
.accordion > .frame > .heading:hover {
  background-color: #1e3c52;
}
.tag {
  display: inline-block;
  line-height: 1.5;
  font-size: 80%;
  padding: 1px 4px 2px;
  background-color: #dadada;
  border-radius: 2px;
  color: #152b3b;
  vertical-align: middle;
}
a.tag {
  text-decoration: none;
  cursor: pointer;
  color: #152b3b;
}
a.tag:hover {
  background-color: #999999;
  color: #ffffff;
}
.breadcrumbs {
  background-color: #e7e7e7;
  color: #152b3b;
  padding: 0.3rem;
}
.breadcrumbs > li:last-child {
  color: #152b3b;
  font-weight: bolder;
}
.breadcrumbs > li:hover {
  color: #1e3c52;
}
.sub-header-title {
  font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
  font-weight: 300;
  font-style: normal;
  width: 100%;
  display: block;
  color: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rating .star.on {
  color: #fa6800;
}
.rating .star.on.half:after {
  color: #fa6800;
}
.image-container .image-closed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  overflow: hidden;
  font-size: .875rem;
  line-height: 1rem;
  padding: 1em 1.5em;
  background-color: rgba(27, 161, 226, 0.7);
  color: #ffffff;
  text-align: center;
  border-radius: inherit;
  -webkit-transition: all 0.65s ease;
          transition: all 0.65s ease;
}

	.web{
		font-family:tahoma;
		size:12px;
		top:10%;
		border:1px solid #CDCDCD;
		border-radius:10px;
		padding:10px;
		width:38%;
		margin:auto;
	}
	.tLink{
		font-family:tahoma;
		size:12px;
		padding-left:10px;
		text-align:center;
	}
	#search_keyword_id
	{
	width:100%;
	border:solid 1px #CDCDCD;
	padding:10px;
	font-size:14px;

	}
	#result
	{
		position:absolute;
		z-index: 1050;
		width:320px;
		display:none;
		margin-top:-1px;
		border-top:0px;
		overflow:hidden;
		border:1px #CDCDCD solid;
		background-color: white;
	}
	.show
	{

		padding:10px; 
		border-bottom:1px #CDCDCD dashed;
		font-size:15px; 
	}
	.show:hover
	{
		background:#364956;
		color:#FFF;
		cursor:pointer;
	}
	
.notify-container {
  position: fixed;
  top: 50%;
  right: 50%;
  width: auto;
  z-index: 1061;
}