/* ======================================================================== *
 * filename		: css.css
 * modulename	: -
 * desc			: - 
				  -
 * Appname		: SIPPD TAPUT
 * Appver		: v1.0.0RC
 * Copyright	: 2015 @
 * create by	: Art of Silence - Anjur Octavia Sagala
 * modified by	: Art of Silence - Anjur Octavia Sagala
 * Last modify	: 20151101
 * email		: anjuros@gmail.com
 * ======================================================================== */

@import url(../../lib/jquery/jquery-ui-1.11.1.css);

/* ------------------ */
/*      LOADER        */
/* ------------------ */

#mplugin{/*donotdelete*/}

#tloadscr{
	position:fixed;
	width:100%;
	background:#217346 ; /*;url(../../images/loading.gif) top center no-repeat;*/
	top:50%;
}
	#tloadscr div{
		position:relative;
		height:180px;
		width:50%;
		margin: auto;
		padding-top:30px;
		
		border:none;
		background:url(../../images/loading2.gif) 0px 50px no-repeat;
		color:#fff;
		font-weight:100;
		font-family: erasmedium;
		font-size: 1.2em;
	}

#loadercontainer{
	position : fixed;
	top : 50%;
	width: 1050px;
}
#loadercontainer span{
	display : block;
	color : #3B5998;
	/*font-family : freightsansbolt;*/
}

#loadercontainer .loaderbox{
	margin:auto;
	top:130px;
	text-align:center;
	padding:10px;
}
.imgloader0{
	display : block;
	position:relative;
	height:32px;
	width:32px;
	margin: auto;
	background:url(../../images/loading3.gif) top center no-repeat;
}
.imgloader{
	display : block;
	position:relative;
	/*height:37px;
	width:257px;*/
	height:16px;
	width:224px;
	margin: 20px auto;
	background:url(../../images/progressBar.gif) -16px center no-repeat;
	color: #F0C869;
	text-align: center;
}
/* ---- end loader ---- */





/* ------------------ */
/*       CONTENT      */
/* ------------------ */

#master_wrapper{
	visibility:hidden;
}

.fwindow00{
	z-index: 21; position: fixed; width: 100%; top: 0px; bottom: 0px; background: transparent; display:none;
}
.fwindow01{
	/*border: thin solid #e2cb93; */
	border-top: thin inset #f0c869;
	border-left: thin inset #f0c869;
	border-bottom: thin outset #f0c869;
	border-right: thin outset #f0c869;
	max-width: 1366px; 
	width:550px; 
	background: #f0c869; 
	min-height: 99px; /*30*/
	margin: 85px auto 0px; /* posisi x y */
	overflow:hidden;
}
.fwindow02{	 
	/*border: thin solid #e9d096;*/ 
	border-top: thin outset #f0c869;
	border-left: thin outset #f0c869;
	border-bottom: thin inset #f0c869;
	border-right: thin inset #f0c869;
	background: #f0f0f0; 
	bottom: 0px; 
	position: relative; 
	min-height: 30px; 
	padding: 0px; 
	margin: 5px;
}
.fwindowicon{
	float: left; height: 17px; width: 20px; margin: 5px;border:none;
	background:url(../../images/sikap-20.png) 0px 0px no-repeat;
}
.fwindowtitle{
	float: none; margin: 0px 20px; text-align: center; font-size: 17px;
	/*text-transform: capitalize;*/
	text-transform: uppercase;
}

.fwindowcontainer{
	background: #fff;
	/*max-height:523px;/*400   572*/
	overflow:auto;
}
.fwindowbottom{
	padding: 10px 12px; border-top: thin solid #efefef; height: 30px;
}

.fwindowdialogicon{
	background:url(../../images/iconset.png) -34px 0px no-repeat;
	width: 35px;
	height: 35px;
	float: left;
}
.fwindowdialogtext{
	float: left;
	margin-left:6px;
}
.btnfwindow{
	/*display:none;*/
	float:right;
	height:24px;
	width:auto;
	min-width:80px;
	margin:4px;
	padding:2px;
	border:thin solid #cfcfcf;	

	text-align:center;
	background: linear-gradient(#efefef,#e6e6e6);
	background: -moz-linear-gradient(#efefef,#e6e6e6);
	background: -webkit-linear-gradient(#efefef,#e6e6e6);
	background: -o-linear-gradient(#efefef,#e6e6e6);
	color:#3B5998;
	font-size:12px;
	text-transform:capitalize;
}
.btnfwindow:hover{
	border:thin solid #b1d3f5
}

.fwindowdialogfileicon{
	background:url(../../images/xls_thumb.png) 0px 0px no-repeat;
	width: 108px;
	height: 108px;
	float: left;
}
.fwindowbclose{
	background: #c75050;; float: right; margin: 0px 5px; height: 20px; text-align: center; width: 50px; color: #fff;border:none;
}

.fwindowbclose:hover{
	background:#e04343;
}

.fwindowedit{
	display:block;
	float:right;
	width:50px;
	margin:4px;
	border:thin solid #cfcfcf;	

	text-align:center;
	background: linear-gradient(#efefef,#e6e6e6);
	background: -moz-linear-gradient(#efefef,#e6e6e6);
	background: -webkit-linear-gradient(#efefef,#e6e6e6);
	background: -o-linear-gradient(#efefef,#e6e6e6);
	color:#3B5998;
	font-size:12px;
	text-transform:capitalize;
}

.box01{
	background: rgb(241, 241, 241) none repeat scroll 0% 0%;
	height: auto;
	font-size: 12px;
}
.box02{
	padding-left:15%;
	height: 30px;
	background: #fff;
}
.box02 select{width: 70%;}
.box03{height: auto;}

.box04{
	width:80px;
	float:left;
	height: 300px;
	background: #f1f1f1;
	border: 1px solid #dbdbdb;
}
.box05{
	float:right;
	background: #fbfbfb;
	width:703px;
	height: 300px;
	border: 1px solid #dbdbdb;
	overflow-y: scroll;
}
.box05 table{width: 100%;}

.box05 table input{
    opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
}
.box05 table input:hover{
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.box05 table tr {
	padding:2px;
}
.box05 table tr th {
	background-color: #f3f3f3;
}
.box05 table tr th:hover {
	background-color: #FFFFFF;
}

.box05 table tr:hover{
	background: #FFC;
	cursor:pointer;
}

.box05 table tr td{
	white-space: nowrap;
}
.box05 table tr td div::before{
	content: " ";
	display: block;
	float:left;
	width:22px;
	height:22px;
	background:transparent url(../../images/xls_icons.png) 0px 0px no-repeat;
}

.box04icon{
	width:50px;
	height:50px;
	margin: 10px;
	background:transparent url(../../images/xls_thumb.png) 0px 0px no-repeat;
	background-size: contain;
}


.iconexel{
	width:108px;
	height:108px;
	background:transparent url(../../images/xls_thumb.png) top right no-repeat;
}
.iconrecycle{
	width: 34px;
	height: 34px;
	background:url(../../images/iconset.png) top right no-repeat;
}


/* ---- end content ---- */





/* ----------- jquery ui ------------------------------ */


.noclose .ui-dialog-titlebar-close{ 
    display:none;
}