/* here you can put your own css to customize and override the theme */
@font-face {
    font-family: 'Maven Pro';
    src: url('maven/mavenpro-regular-webfont.eot');
    src: url('maven/mavenpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('maven/mavenpro-regular-webfont.woff2') format('woff2'),
         url('maven/mavenpro-regular-webfont.woff') format('woff'),
         url('maven/mavenpro-regular-webfont.ttf') format('truetype'),
         url('maven/mavenpro-regular-webfont.svg#maven_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body, h1, h2, h3, h4, h5, h6{
	font-family: 'Maven Pro', helvetica, sans-serif;
}
html, body, table{
	font-size:13px;
	font-weight: 500;
}
.mar0{
	margin:0;
}
.mar-top0{
	margin-top:0;
}
.mar-bot0{
	margin-bottom:0 !important;
}
.mar-bot7{
	margin-bottom:7px !important;
}
.page-header-top{
	background:url(../img/bg_02.jpg);
	background-size: cover;
	background-position: center center;
}

/*ubah tema di sini*/
.page-header .page-header-menu {
    background: #C0392B;
	/*background: -moz-linear-gradient(left, rgba(250,179,15,1) 0%, rgba(253,214,22,1) 51%, rgba(250,179,15,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,179,15,1)), color-stop(51%, rgba(253,214,22,1)), color-stop(100%, rgba(250,179,15,1)));
	background: -webkit-linear-gradient(left, rgba(250,179,15,1) 0%, rgba(253,214,22,1) 51%, rgba(250,179,15,1) 100%);
	background: -o-linear-gradient(left, rgba(250,179,15,1) 0%, rgba(253,214,22,1) 51%, rgba(250,179,15,1) 100%);
	background: -ms-linear-gradient(left, rgba(250,179,15,1) 0%, rgba(253,214,22,1) 51%, rgba(250,179,15,1) 100%);
	background: linear-gradient(to right, rgba(250,179,15,1) 0%, rgba(253,214,22,1) 51%, rgba(250,179,15,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab30f', endColorstr='#fab30f', GradientType=1 );*/
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i{
	color:#fff;
	/*font-weight:bold;*/
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    color: #f1f1f1;
    background: #9A0A0E;
}
.dropdown-user{
	background: rgba(255,255,255,.5);
	padding: 0 10px !important;
	border-radius: 3px;
}
.dropdown-user a{
	background: none !important;
}
.box-flow{

	margin-right: 15px;
	margin-left: -15px;
	/*padding:10px;*/
	text-align:center;
}
#overlay    {
	background:rgba(0,0,0,.7);
	text-align:center;
	position: absolute;
	padding:0;
	top: 0;
	width:  100%;
	height: 100%;
	opacity:0;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	cursor: pointer;
}


.box-flow img{
	width:145px;
	cursor: pointer;
}

.item a:hover #overlay {
    opacity:1;
}

.step-item a:hover #overlay {
    opacity:1;
}

.step-number{
    text-align: center;
    background-color: #c0392c;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.img-step{
    width: 100%;
}

#plus{
	font-family:Helvetica;
	font-weight:900;
	color:rgba(255,255,255,.85);
	font-size: 60px;
	padding: 30px;
}
.box-flow .item{
	margin:15px;
	display: inline-block;
	vertical-align:middle;
	position:relative;

}
.box-flow .item  span{/* 
	background: url(../img/panah.png) no-repeat; */
    position: absolute;
    z-index: 2;
    width: 70px;
    right: -50px;
    top: 30%;
    height: 60px;
}
.box-flow .item  span.back{
	/* background: url(../img/panah-back.png) no-repeat; */
}
.box-flow .item  span.down{
	/* background: url(../img/panah-down.png) no-repeat; */
	left: 0;
    right: 0;
    margin: auto;
    bottom: -60%;
    height: 70px;
    top: auto;
}
.box-flow .bg-grey{	
	background:#EAEAEA;
	padding: 15px;
}
.page-header .page-header-menu .search-form .input-group .form-control, .page-header .page-header-menu .search-form .input-group{
	background:#fff;
}
.page-footer{
	background:#2E343B;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
      .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
		background: 2F2E2C !important;
}
.panel-heading{
	padding:10px;
}
.search{
	width:200px; display:inline; height:30px;
}
.table td, .table th, .table thead tr th{
	font-size:13px;
}
.table>tbody>tr.info>td, .table tr.info th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: #2E343B;
	color:#fff;
}
.table>tbody>tr>td.info2{
    background-color: #F1F4F7;
	border: 1px solid #E1E7EE;
}

.form-control{height:29px; margin-bottom:7px}
.pagination>li>a, .pagination>li>span{
	color:#2F2E2C;
}
.page-title{
	text-transform: uppercase;
	font-weight:bold;
	padding: 0 15px;
}
.panel-title{
	font-size:13px;
	font-weight:bold;
}
.table-scroll{
	max-width:100%;
	max-height:800px;
	overflow:scroll;
}
.table-scroll .table{
	width:1500px;
}
.table-scroll hr{
	margin: 10px 0;
}
.filter_dialog,filter_text {
	color : white;
	font-weight:bold;
	display : none;
	position : absolute;
	background-color: #00CC66;
	border:1px outset buttonface;
}

.filter_text
{
	border:1px groove buttonface;
	height:22px;
	background-color: #CCFFCC;
}


.checkboxes {
	display:block
}

.checkboxes input,checkboxes label
{
    float: left;
    vertical-align: middle;
}

.checkboxes label
{
    padding-left: 3px;    
}

.red_blink {
	color:red;
	text-decoration:blink;
}

.pop_window {
	background-color:#f4fbfd;
	border: 10px solid #fff;
	/* border-right:2px solid #777; */
	/* border-bottom:2px solid #777; */
	display:none;
	position:absolute;
	/* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); */  
	/* box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); */
	-webkit-box-shadow: 2px 2px 6px #ccc;  
	box-shadow: 2px 2px 6px #ccc;
}

.pop_window h3 {
	padding:3px;
}

.pop_windowtr {
	background-color:#959595;
}

#header_notifikasi {
	background-color:#cc3300;
	color:#fff;
	margin:7px;
	padding:5px;
	text-align:center;
	text-decoration:blink;
}

#filtertable_block {
	display:none;
	position:absolute;
}


/* menu body */

.menu-body {
	color:		Black;
	margin:		0;
	padding:	0;
	overflow:	hidden;
	border:		1px solid #666666;
	cursor:		default;
	background-color:#FFFFFF;
	
}

.ui-autocomplete-loading { background: white url('../images/loading.gif') right center no-repeat; }

.menu-body .inner-border {
	width:			100%;
	
	border:			1px solid #f9f8f7;
	border-width:	1px 0 1px 0;
	padding:		0 1px 0 1px;
	margin:			0;
	
}

/* menu body */

/*****************************************************************************/

/* menu items */

.menu-body td {
	color:			Black;
	cursor:	pointer;
}

.menu-body .hover td {
	background-color:	#b6bdd2;
}

.menu-body .disabled-hover td {
	background-color:	white;
}

.menu-body td.empty-icon-cell {
	padding:		2px;
	border:		0;
}

.menu-body td.empty-icon-cell span {
	width:	16px;
}

.menu-body td.icon-cell {
	padding:	2px;
	border:		0;
}


.menu-body td.icon-cell img {
	width:	16px;
	height:	16px;
	margin:	0;
	/* filter:	Alpha(Opacity=70); */
}

.menu-body .hover td.icon-cell img {
	filter:	none;
	position:	relative;
	left:		-1px;
	top:		-1px;
}


.menu-body .disabled-hover td.icon-cell img,
.menu-body .disabled td.icon-cell img {
	/* display:	static;
	filter:		Gray() Alpha(Opacity=40); */
}


.menu-body .disabled-hover td.empty-icon-cell,
.menu-body .hover td.empty-icon-cell,
.menu-body .disabled-hover td.icon-cell,
.menu-body .hover td.icon-cell {
	border:			1px solid #0A246A;
	border-right:	0;
	padding:		1px 2px 1px 1px;
}

.menu-body td.label-cell {
	width:		100%;
	padding:	2px 5px 2px 5px;
	border:		0;
}

.menu-body .disabled-hover td.label-cell,
.menu-body .hover td.label-cell,
.menu-body .disabled-hover td.shortcut-cell,
.menu-body .hover td.shortcut-cell {
	padding:		1px 5px 1px 5px;
	border:			1px solid #0A246A;
	border-left:	0;
	border-right:	0;
}

.menu-body td.shortcut-cell {
	padding:	2px 5px 2px 5px;
}

.menu-body td.arrow-cell {
	width:			20px;
	padding:		2px 2px 2px 0px;
}

/* end menu items */

/*****************************************************************************/

/* disabled items */

.menu-body .disabled-hover td.arrow-cell,
.menu-body .hover td.arrow-cell {
	padding:		1px 1px 1px 0px;
	border:			1px solid #0A246A;
	border-left:	0;
}

.menu-body #scroll-up-item td,
.menu-body #scroll-down-item td {
	text-align:		center;
	padding:		10px;
}

.menu-body .disabled td {
	color:				#cccccc;
}

.menu-body .disabled-hover td {
	background-color:	white;
	color:				#cccccc;
}

/* end disabled items */

/*****************************************************************************/

/* separator */

.menu-body .separator td {
	font-size:	0.001mm;
	padding:	1px 0px 1px 27px;
}

.menu-body .separator-line {
	overflow:		hidden;
	border-top:		1px solid #dbd8d1;
	height:			1px;
}

/* end separator */

/*****************************************************************************/

/* Scroll buttons */

.menu-body #scroll-up-item,
.menu-body #scroll-down-item {
	width:		100%;
}

.menu-body #scroll-up-item td,
.menu-body #scroll-down-item td {
	text-align:		center;
	padding:		1px 5px 1px 5px;
}

.menu-body #scroll-up-item .disabled-hover td,
.menu-body #scroll-up-item .hover td,
.menu-body #scroll-down-item .disabled-hover td,
.menu-body #scroll-down-item .hover td {
	border:		1px solid #0A246A;
	padding:	0px 4px 0px 4px;
}

/* End scroll buttons */

/*****************************************************************************/

/* radio and check box items */

.menu-body .checked {
	padding:	0px;
}

.menu-body .checked.hover {
	padding:	0px;
}

.menu-body .checked .check-box,
.menu-body .checked .radio-button {
	display:		inline-block;
	overflow:		hidden;
	color:			MenuText;
	text-align:		center;
	vertical-align:	middle;
	background-color:	#b6bdd2;
	border:				1px solid #0A246A;
}

.menu-body .check-box {
	width:			19px;
	height:			19px;
	font-size:		133%;
	padding-bottom:	5px;
	padding-left:	1px;
}

.menu-body .radio-button {
	width:			19px;
	height:			19px;
	font-size:		50%;
	padding:		5px;
}

/* end radio and check box items */

/*****************************************************************************/

/* Menu Bar */

.menu-bar {
	background:		yellow; 
	cursor:			default;
	padding:		1px;
	background:		#f9f8f7 url("background.gif") repeat-y;
}

.menu-bar .menu-button {
	background:	ButtonFace;
	color:		ButtonText;
	padding:	3px 7px 3px 7px;
	border:		0;
	margin:		0;
	display:	inline-block;
	white-space:	nowrap;
	cursor:			default;
}

.menu-bar .menu-button.active {
	background:		#dbd8d1;
	padding:		2px 6px 3px 6px;
	border:			1px solid #666666;
	border-bottom:	0;
}

.menu-bar .menu-button.hover {
	background:		#b6bdd2;
	padding:		2px 6px 2px 6px;
	border-width:	1px;
	border-style:	solid;
	border-color:	#0A246A;
}

.sort_asc {
	background: url(../images/sortascending.gif) no-repeat left;
	padding:3px;
	padding-left:18px;
}

.sort_desc {
	background: url(../images/sortdescending.gif) no-repeat left;
	padding:3px;
	padding-left:18px;
}

.add_filter {
	background: url(../images/addfilter.gif) no-repeat left;
	padding:3px;
	padding-left:18px;
}

.remove_filter {
	background: url(../images/removefilter.gif) no-repeat left;
	padding:3px;
	padding-left:18px;
}
.caption-right{
	color: #fff;
	padding: 5px;
}
.portlet>.portlet-title>.caption>.caption-helper{
	line-height: 2;
	margin-left: 20px;
}
.modal, .modal .modal-dialog{
	z-index: 998 !important;
}
.modal-backdrop{
	z-index: 997 !important;
}
.ui-autocomplete{
	z-index: 999 !important;
}
.scroll-prob  .slimScrollBar {
	max-height:75px;
	width:10px;
}

/* text header */
	  .page-header .page-header-top .page-text {
      float: left;
      display: block;
      width: 500px;
      padding: 0px;
	  margin-left: 10px;
	  margin-top: 5px;
	  color:#fff;
      }
	  
/* logo footer*/
.logo-footer{
	float: right;
	padding: 0px 0px;
	bottom: 5px;}
	
/*paging*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{

    background-color: #C0392B;
    border-color: #C0392B;
}
.profile-usermenu ul li a{
	font-size:13px;
}
.form-group, .control-label{
	margin: 0;
}
.control-label{
	font-weight:bold;
	padding:0 !important;
}
td.left_column{
	font-weight:bold;
	width:20%;
}
.table>tfoot>tr>td, .table>tfoot>tr>th{
	padding: 6px;
}
.header-login {
	position: relative;
	margin-left: 75px;
	margin-right: 75px;
}
.text-login {
	position: relative;
	margin-left: 30px;
}

.logo-edlink{
	width: 145px;
}

.edlink-description{
	margin-bottom: 10px;
}

.blob {
	box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
	animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
	}
}