/*
Theme Name: Posgar
Theme URI: http://www.posgar.com
Version: 1.2.0
Posgar Theme © 2016-2021 Eka Haryanto
*/

/* reset */
*{
		color: #CFD8DC;

}
body,input{
	background	: #263238;
	color: #CFD8DC;


}
marquee{
//	background:none;
}
a{
	color 	: #CFD8DC;
}


/*start popup*/
/* expopup box style */
.expopup {
color:#ECEFF1;
    background-color: #37474F;
    background-color: rgba(0,0,0,0.7);
}

.expopup-content {
    background-color: #37474F;
}
.expopup-main-list li{
	color	: white;
	border-bottom: 1px solid #CCC;
}

.expopup-main-list li:hover{background-color: #263238}

/* style untuk tombol close */
.close {
    color: #ECEFF1;
}
.close:hover, .close:focus {
    color: #999999;
}
/*end popup*/
/* header */
header{
//	background	: #37474F;
//	border-bottom: 1px solid #607D8B;
}
.ex-nav-kat{
	color	: #37474F;
	background: #2196f3; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(-150deg, #64F087, #2196f3); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(-150deg, #64F087, #2196f3); /* For Firefox 3.6 to 15 */
	background: linear-gradient(-150deg, #64F087, #2196f3); /* Standard syntax */
}
.ex-nav-kat a{
	color	: #37474F;
}

.mainmenu-notif{
	color		: #37474F; 
	background	: red;	
}
.scrollbox{
	background	: #37474F;
	border		: 1px solid #455A64;
}
.scrollbox .link{
	color	: #CFD8DC;
	border-bottom: 1px solid #455A64;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.scrollbox li i{
	color	: #CFD8DC;
}
.scrollbox li.open .link{
	color	: #CFD8DC;
}

.scrollbox li.open i{
	color	: #CFD8DC;
}

.forgot-password{
    color	: rgb(104, 145, 162);
}
#boxalert{
	background: #333;
//	color	: #37474F;
}
#boxalertred{
	background: red;
	color	: #37474F;
}
#boxalertgreen{
	background: green;
	color	: #37474F;
}
#boxalerttop{
	background: #333;
	color	: #37474F;

}
/* style untuk tombol close */
.boxclose {
    color	: #37474F;
}
.boxclose:hover, .boxclose:focus {
    color	: #999999;
    text-decoration: none;
    cursor	: pointer;
}

/**
 * Submenu
 -----------------------------*/
.submenu{
	background	: #2196f3;
}

.submenu li{
	color	: #d9d9d9;
	border-bottom	: 1px solid #4b4a5e;
}

.submenu a{
	color: #d9d9d9;
}

.submenu a:hover{
  color: #37474F;
}
/* customize button */
.btn{
	color	: #CFD8DC;
}
.btn:active{
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.btn-primary,.btn-menucover{
    background-color: #37474F;
    border-color: #ccc;
}
.btn.btn-primary:hover{
    background-color: #263238;
}
.btn.btn-right{
    background-color: #37474F;
    border-color: #ccc;
}
.btn.btn-right:hover{
    background-color : #263238;
}
.btn.btn-left{
	padding	:8px 5px;
    background-color : #37474F;
    border-color : #ccc;
}
.btn.btn-left:hover{
    background-color: #263238;
}
.btn-coverother{
	padding	:14px 5px;
}
.btn.btn-respawn{
    background-color: #37474F;
    border-color: #ccc;
	min-width: 50px;
	font-size:22px;
}
.btn.btn-respawn:hover{
    background-color: #263238;
	border-radius:50%;
}
.btn.btn-mainmenu{
    background-color: #37474F;
    border-color: #ccc;
	color		: gray;
}
.btn.btn-mainmenu:hover{
    background-color: #263238;
}
.btn.btn-paging{
    background-color: #37474F;
	box-shadow	: 0 0px 1px 0 rgba(0,0,0,0.2),0 1px 10px 0 rgba(0,0,0,0.10);
}
.btn-custom1{
	background:none;
	border	: 1px solid #263238;
}
.btn-custom1:hover{
	background-color: #2196f3; /* For browsers that do not support gradients */
	background	: linear-gradient(to right bottom, #14AFFE, #64F087);
	color	: #37474F;
}
.btn.btn-paging:hover{
    background-color: #263238;
}
.btn.btn-view{
    border-color	: #ccc;
}
.btn.btn-view:hover{
    background-color: #37474F;
}

.btn.btn-expos{
    background-color: #37474F;
    border-color	: #ccc;
}
.btn.btn-expos:hover{
    background-color: #263238;
}

.btn.btn-responsif{
    background-color: #37474F;
    border-color	: #ccc;
}
.btn.btn-responsif:hover{
    background-color: #263238;
}

.icon-respawn :hover{
    background-color: #263238;
}

/* file upload */


.album_upload_icon{
	color:#37474F;
	background:#eaeaea;
}

.remove_thumb {
    background:#ECEFF1;
    color:#37474F;
}

#server{
  background:#666;
}
}
input.upload{
	background: #ECEFF1;
}
.temabg.default{
	background	: #37474F; 
	color		: #ECEFF1;
}
.temabg.red{
	background	: red; 
	color		: #37474F;
}
.temabg.blue{
	background	: rgb(50, 50, 100); 
	color		: #37474F;
}
.temabg.green{
	background	: green; 
	color		: #37474F;
}
.temabg.#ECEFF1{
	background: #ECEFF1; 
	color	: #37474F;
}

.textbox{
	border	: solid 1px #0FCFEB;
	color	: #FFF;
}
.ex-textbox{
//	color	: #37474F;
}
/*
.ex-textbox:-webkit-input-placeholder{
	color	: #37474F;
}

support mozilla
.ex-textbox:-moz-input-placeholder{
	color	: #37474F;
}

support internet explorer
.ex-textbox:-ms-input-placeholder{
	color	: #37474F;
}
/*search */
.search-textbox{
	background		: #37474F;
}
.search-textbox:hover{
	box-shadow: 0px 0px 2px #AAA;
	background: #37474F;
}
.search-btn{
    background-color: #37474F;
    border-color: #ccc;
	opacity		: 0.5;
}
.search-form{
	margin	: 10px 0 0 0;
}
.btn.search-btn:hover{
    background-color: #263238;
}

.ex-container-toolbar{
	background-color: #37474F;
}

/* Form expos Important code */

#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6{
	display: block;
}

#keterangan{
	background	: transparent;
}

.icontabs:hover{
	background: #263238;
}

.tabpost{
	background: #37474F; 
}

.btn-category {
	border	: 1px solid grey;
	color	:	white;
}

.btn-category:hover {
	text-decoration	: underline;
}

.input-category:checked + .btn-category {
	color	: #37474F;
	background-color: #2196f3; /* For browsers that do not support gradients */
	background	: linear-gradient(to right bottom,#14AFFE, #64F087);

}
/* style for masonry grid */
.ex-select{
	background: #37474F;
}
.profil img{
	-webkit-box-shadow: 10px 5px 7px #222;
/*	-moz-box-shadow: 10px 5px 7px #222; */
	box-shadow: 10px 5px 7px #222;
}
.profil-detail img{
	-webkit-box-shadow : 10px 5px 7px #222;
/*	-moz-box-shadow : 10px 5px 7px #222;*/
	box-shadow : 10px 5px 7px #222;
}
.ex-container-sampul{
	text-shadow: 0px 0px 30px #263238;
	background-position: top center;
	background-attachment: fixed;
}

.ex-container-adpos{
//	background:#37474F;
//	box-shadow	: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.ex-container-title{
	background: #37474F;
}
.ex-container-side-right{
	background: #37474F;
}
.ex-box{
//	background: #37474F;
	color: #CFD8DC;
}

.ex-box-detail{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	background : #37474F;
	color: #CFD8DC;
}
.ex-box-page{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.ex-box-profil-bottom{
	color	: #37474F;
}
.ex-box.users{
	background	: #14AFFE;
}
.ex-box-top{
	background	: #37474F; 
}
.content{
	
}
.content-lokasi {
	color 		: #bababa
}
.content-detail{
	color	: #CFD8DC;
}
.ex-box-bottom{
	background	: #37474F;
}
.ex-box-detail-bottom{
	background	: #37474F;
}
.ex-box-subbottom1, .ex-box-detail-subbottom1{
	color	: gray;

}
.ex-box-subbottom1 a{
	color	: #cacaca;
	text-shadow	: 0px 0px 20px #fafafa;
}
.ex-content-contributor a{
	font-size: 12px; 
	color	: #cacaca;
	text-shadow	: 0px 0px 20px #fafafa;
}
.ex-box-subbottom2{
	overflow: hidden;
	color	: #cacaca;
}
.ex-box-subbottom2 a{
	color	: #cacaca;
}

/* exnotif box style */
.exnotif {
	color	: #ECEFF1;
}

.exnotif-content {
    background-color: #37474F;
}
.exnotif-head{
//	border-bottom: 1px solid #CCC;
}
.exnotif-main-list li{
	color	: #000080;
//	border-bottom: 1px solid #CCC;
}

.exnotif-read{
	background-color: #263238
}

.footer{
	color: #888;
    background	: #37474F;
	background	: url(../images/bg1.png) repeat;
}

.footer-sub1{
	background: #2196f3; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(-150deg, #64F087, #2196f3); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(-150deg, #64F087, #2196f3); /* For Firefox 3.6 to 15 */
	background: linear-gradient(-150deg, #64F087, #2196f3); /* Standard syntax */
}
.footer-sub1 a{
	color: #37474F;
}

/*extractor*/
#review a {
	color: #333;
}
#review div {
	border: 1px solid #ddd;
	box-sizing: border-box
}
/*extractor*/


/*start icons*/