@charset "utf-8";
/* CSS Document */
/* ------------ Reset ------------ */
@font-face {
    font-family: 'planer';
    src: url('../fonts/planer/Planer-Regular-webfont.eot');
    src: url('../fonts/planer/Planer-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/planer/Planer-Regular-webfont.woff2') format('woff2'),
         url('../fonts/planer/Planer-Regular-webfont.woff') format('woff'),
         url('../fonts/planer/Planer-Regular-webfont.ttf') format('truetype'),
         url('../fonts/planer/Planer-Regular-webfont.svg#planerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body, h1, h2, h3, h4, h5, h6 {
	/*font-family : 'planer' !important;*/
	font-family : 'planer';
}
body {
	overflow-x: hidden!important;
/*	font-family: 'Source Sans Pro', sans-serif;*/
	-webkit-font-smoothing: antialiased;
	height: 100%;
	background: #f9f9f9;
	font-size: 14px;
	background-image: url(../images/pattern/pat_03.png), url(../images/bg/bg_00.jpg);
    background-color: #40B1EE;
	background-repeat: repeat, no-repeat;
	background-position:0 0;
	background-size:5px 5px, cover;
	font-family: 'Rubik', sans-serif !important;
	color:#282828 !important
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Rubik', sans-serif !important;
	font-weight: normal !important;
}
.page-title{
	font-family: 'Rubik', sans-serif !important;
	font-weight: 500;
	letter-spacing: .3px;
}
.navbar-inverse{
	background: white !important;
	box-shadow: 0px 5px 9px rgba(0,0,0,.2) !important;
	border-bottom: 2px solid #6e6caa !important;
}
.navbar-inverse .navbar-nav > li > a{
	color: #2b2b2b !important;
}
.navbar-inverse .navbar-nav > li > a:hover{
	color: #000164 !important;
	font-weight: normal !important;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
	color: #fff !important;
	font-weight: normal !important;
	background: #2a2978 !important
}
.footer{
	background-color: #2a2978 !important;
	font-weight: normal !important;
}
.opensans{font-family: 'open_sanscondensed_light';}

.hide{display:none;}
.backwhite{background:#fff;}
.backblue{background:#40b1ee;}
.backorange{background:#f5eae0;}
.gra-bg{background-image: url(../images/gra-bg.png); background-position:top right; background-repeat:no-repeat;}
.grey1{background:#add3e6;}
.grey2{background:#9acde7;}
.grey1:hover,
.grey2:hover{background:#7ecffb /*url(../images/white10.png)*/;}
.border-all{border:1px solid #ddd;}
.padding-l-0px{padding-left:0px;}
.padding-0px{padding:0px !important;}
.padding-all{padding:15px;}

.margin-0px{margin:0;}
.margin-lr20px{margin:0px 20px;}

.teks-white {color:#FFF;}
.teks-bluedark {color:#196084;}

#wrap .box{float:left;}

textarea {
    border:1px solid #a7bcbe; 
}
.content{min-height:850px;}

select {
	height:23px;
}

input {
	border:0;
	color:#444;
	height:22px;
}

input[type=file], input[type=text], input[type=password] {
	border:1px solid #a7bcbe;
	color:#444;
}

input[type=file] {
	height:22px;
}

input[readonly] {background-color:#efefef;}

input[type=submit], input[type=button], button {
	border: 1px outset #777;
	cursor:pointer;
	/*height:22px;*/
}
div.clear{clear:both;}
input[type=checkbox] {
	border: 0;
}

table {
/*
	margin-left:auto;
	margin-right:auto;
*/	
	text-align:left;
}

td {
	vertical-align:middle;
}

table.data_grid
{
	background: white;
	border-collapse: collapse;
}

table.data_grid th, table.data_grid td
{
	
	padding: 0.5em;
}
table.data_grid th {border: 1px #A71423 solid;}
table.data_grid td {border: 1px #ccc solid;}

table.data_grid th
{
	background: #c92238; /* Old browsers */  background: -moz-linear-gradient(top,  #c92238 0%, #a80008 85%, #f70004 85%, #db3739 100%); 
	background: linear-gradient(to bottom,  #c92238 0%,#a80008 85%,#f70004 85%,#db3739 100%); /* W3C */  
	text-align: center;
	color:#fff;
}

table.data_grid th a
{
	color: #555;
	text-decoration: none;
}

table.data_grid th a:hover
{
	color: #333;
	border-bottom: 1px solid gray;
}
table.data_grid tr
{
	background: #EDEDED;
}

table.data_grid tr.odd
{
	background: #f8f8f8;
}

table.data_grid tr.bold
{
	color:#006633;
	font-weight:bold;
}

table.data_grid tr a
{
    color:#555;
}

table.data_grid tr.bold a
{
    color:#555;
    font-weight:bold;
}

table.data_grid tr:hover
{
    /*background-color:#DBF0F2;*/
    background-color:#f2dbdb;
}

table.data_grid td:hover a
{
    color:#650b01;
}

table.data_grid td
{
	text-align:left;
	vertical-align:top;
}

table tr.not_active {
	background-color:#bbb;
}
table tr.not_active > td{
	background-color:#bbb!important;
}

table tr.not_active.odd {
	background-color:#bbb;
}

table tr.not_active:hover {
	background-color:#bbb;
}

td.required {
	background: url('../images/centang.gif') no-repeat right;
}

.section .back-none{background:transparent none;}
.pattern-back{background: #CDCDCD url(../images/pattern/pat_01.png);margin-bottom: 10px;padding: 10px 15px;}

.span_red, .span_blue, .span_status {
	background-color: #fed7cf;
	color: red;
	padding:1px;
	padding-left:3px;
	padding-right:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
}

.bold {font-weight:bold;background-color:white}

label { width: 10em; }

label.error {
	color: #dd0000;
	padding-left: .5em;
	vertical-align: top;
}

.label_link {
    color: #3e6b75;
	cursor:pointer;
	text-decoration:underline;
}

.section h1{font-weight:600;color:#DB0000;}

#menucont .hide{display:none;}
/*
.info
{
	background: #AB040D  url(../images/pattern/pat_02.png);
	border-collapse:collapse;
	font-weight: 600;
	color: #fff;
	height: 22px;
	font-size:14px !important;
	padding: 0px 4px;
	vertical-align:middle;
	border-bottom: 1px solid #CAD8FA;
}
*/
.title-onpage h1{color:#02039b;}

.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;
}


/************/
/*  Calendar*/
/************/

table.calendar    { border-left:1px solid #999; width:100% }
tr.calendar-row  {  }
td.calendar-day  { min-height:80px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover  { background:#eceff5; }
td.calendar-day-np  { background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number    { background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }

.save-line {
	text-align:center;
	margin-top:10px;
	clear:both
}

ol{list-style-type:decimal;margin-left:2em;}
.code,code{font-family:Consolas,Monaco,monospace;}
kbd,code{padding:1px 3px;margin:0 1px;font-size:1px;}
textarea,input[type="text"],input[type="password"],input[type="button"],input[type="submit"],input[type="reset"],select{
	border-width:1px;border-style:solid;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
input[type="file"]{
	border-width:0; display:inline;
}
select option{padding:2px;}
.submit{padding:1.5em 0;margin:5px 0;-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;-khtml-border-bottom-left-radius:3px;-khtml-border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
form p.submit a.cancel:hover{text-decoration:none;}
.submit input,.button,input.button,.button-primary,input.button-primary,.button-secondary,input.button-secondary,
.button-highlighted,input.button-highlighted{
	text-decoration:none;
	font-size:12px!important;line-height:13px;
	padding:3px 8px;cursor:pointer;
	border-width:1px;
	border-style:solid;
	-khtml-border-radius:11px;-webkit-border-radius:11px;
	border-radius:11px;-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;-khtml-box-sizing:content-box;
	}


* html input {border-color:#999;}
textarea,input[type="text"],input[type="password"],input[type="file"],input[type="button"],input[type="submit"],input[type="reset"],select{
	border-color:#999;background-color:#fff;}
input[type="button"],input[type="submit"] {background-color:#efefef;}

kbd,code{background:#eaeaea;}
input[readonly]{background-color:#eee;}

a.page-numbers:hover{border-color:#999;}body,#wpbody,.form-table .pre{color:#000;}
body>#upload-menu{border-bottom-color:#fff;}

.button,.button-secondary,.submit input,input[type=button],input[type=submit]{border-color:#999;color:#464646;}
.button:hover,.button-secondary:hover,.submit input:hover,input[type=button]:hover,input[type=submit]:hover{
	color:#000;border-color:#999;background-color:#ddd;
}

.button,.submit input,.button-secondary{background:#f2f2f2 url(../images/white-grad.png) repeat-x scroll left top;text-shadow:rgba(255,255,255,1) 0 1px 0;}
.button:active,.submit input:active,.button-secondary:active{background:#eee url(../images/white-grad-active.png) repeat-x scroll left top;}
input.button-primary,button.button-primary,a.button-primary{border-color:#298cba;font-weight:bold;color:#fff;background:#21759B url(../images/button-grad.png) repeat-x scroll left top;text-shadow:rgba(0,0,0,0.3) 0 -1px 0;}
input.button-primary:active,button.button-primary:active,a.button-primary:active{background:#21759b url(../images/button-grad-active.png) repeat-x scroll left top;color:#eaf2fa;}
input.button-primary:hover,button.button-primary:hover,a.button-primary:hover,a.button-primary:focus,a.button-primary:active{border-color:#13455b;color:#eaf2fa;}
.button-disabled,.button[disabled],.button:disabled,.button-secondary[disabled],.button-secondary:disabled,a.button.disabled{color:#aaa!important;border-color:#ddd!important;}
.button-primary-disabled,.button-primary[disabled],.button-primary:disabled{color:#9FD0D5!important;background:#298CBA!important;}
a:hover,a:active,a:focus{color:#e51616;}
#wphead #viewsite a:hover,#adminmenu a:hover,#adminmenu ul.wp-submenu a:hover{color:#e51616;}
#side-sortables .category-tabs .tabs a,#side-sortables .add-menu-item-tabs .tabs a,.wp-tab-bar .wp-tab-active a{color:#333;}
#rightnow .rbutton{background-color:#ebebeb;color:#264761;}.submitbox .submit{background-color:#464646;color:#ccc;}


.checkbox {background-color:#fcfcfc;}
input:disabled {background-color:#ccc;}
input.disabled,textarea.disabled{background-color:#ccc;}
input.readonly,textarea.readonly{background-color:#ddd;}
input.selected, input.selected:hover {border:1px #cc0000 solid;}

input[type=button].book_take {background-color:#cc0000;border:0;color:white}
input[type=button].book_confirm {background-color:#33cc33;border:0;color:white}
input[type=button].book_notconfirm {background-color:#cc0000;border:0;color:white}

input[readonly].control_style {border:1px solid #a7bcbe;background-color:#efefef;}
input[readonly].control_err {border: 1px solid #cc3300;background-color: #fed7cf;color: #cc3300;}
input.control_err {border: 1px solid #cc3300;background-color: #fed7cf;color: #cc3300;}
.control_style {border:1px solid #a7bcbe;z-index: -10;}
.control_err {border: 1px solid #cc3300;background-color: #fed7cf;color: red;z-index: -10;}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #222;
}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size: 14px;
font-weight: bold;}
h5 {font-size:11px;}
h1.opensans {font-size:28px;}
h2.opensans {font-size:26px;}
h3.opensans {font-size:24px;}
h4.opensans {font-size:20px;font-weight:normal;}
h5.opensans {font-size:16px;}

.section-main{
	/*padding:7px;*/
	background:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	/*-moz-border-radius:4px;background:-moz-linear-gradient(bottom, #f2f2f2, #fff);*/
	/*border:1px solid #c4c4c4;
	/* -moz-box-shadow: 2px 3px 6px #ccc; 
	-webkit-box-shadow: 2px 2px 6px #ccc;
	box-shadow: 2px 2px 6px #ccc;*/
}

.info2
{
	background-color: #e6dd9d;
	border-collapse:collapse;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 4px;
	height: 22px;
	vertical-align:middle;
}

.info3
{
	background-color: #f5c896;
	border-collapse:collapse;
	color: #333;
	height: 22px;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 4px;
	vertical-align:middle;
}

.sub_block {
    background-color:#edf4fc;
	border:1px solid #b4d2f3;
    padding:1px;
    width:100%;
}

.sub_header {
    background-color:#bae7e4;
	border:1px solid #6dcdc6;
	color:#3a7689;
    font-size:15px;
	font-weight:bold;	
	margin-bottom:10px;
    padding:3px;
}

.sub_header2 {
    background-color:#959595;
    /*background-color:#bae7e4;*/
	color:#fff;
	/*color:#316475;*/
    font-size:13px;
	/*font-weight:bold;*/
    padding:2px;
}

.CommentLeft {
	border:1px solid #999999;
	padding:7px;
	position:relative;
}

.CommentLeft:before {
	content:"";
	position:absolute;
	top:-10px;
	left:5px;
	border-width:0 10px 10px;
	border-style:solid;
	border-color:#999999 transparent;
	display:block; 
    width:0;
}

.CommentLeft:after {
	content:"";
	position:absolute;
	top:-9px;
	left:10px;
	border-width:0 9px 9px;
	border-style:solid;
	border-color:#edf4fc transparent;
	display:block; 
    width:0;
}


.CommentRight {
	border:1px solid #999999;
	padding:7px;
	position:relative;
}

.CommentRight:before {
	content:"";
	position:absolute;
	top:-10px;
	left:845px;
	border-width:0 10px 10px;
	border-style:solid;
	border-color:#999999 transparent;
	display:block; 
    width:0;
}

.CommentRight:after {
	content:"";
	position:absolute;
	top:-9px;
	left:841px;
	border-width:0 9px 9px;
	border-style:solid;
	border-color:#edf4fc transparent;
	display:block; 
    width:0;
}
.login_wrapper{
	width:400px;
	margin:auto;
}
.login_main{ 
	background: #fff;
	border-bottom: 1px solid #F2F2F2;
    float: left;
    padding:40px;
}
.login_logo{
	width:395px;
	height:178px;
}
.login_logo .img-login{width:100%;}
.login_title{
	float: right;
padding-top: 33px;
margin-right: 15px;
color:#fff;
}
.login_support{
	background: #f4f4f4;
    float: left;
    padding:10px;
	width:375px;
	text-align:right;
}
.login_support p{
	margin: 0;
padding: 0;
color: #36A17C;
}
.login_logo .title-name{display:inline-block;position: absolute;
margin-left:10px;}
.login_logo .title-name p{color:#16347A; font-size:14px; line-height:1;}
.login_form{
	float:left;
	width:315px;
	padding-top:5px;
}
input[type="text"].login_input, input[type="password"].login_input{
	background-color:#fff;
    border: 1px solid #fff;
    border-radius: 6px;
	-webkit-border-radius:4px;
    color: #4480a0;
    font-size: 12px;
    height: 36px;
    padding: 5px 5px 5px 30px !important;
	width:100%;
	-webkit-box-shadow: 0 1px 2px 0 #888;
	box-shadow: 0 1px 2px 0 #888;
}
input[type="text"].login_input:hover, input[type="password"].login_input:hover{
	-webkit-box-shadow: 0 1px 2px 0 #555;
	box-shadow: 0 1px 2px 0 #555;
}
input[type="text"].userinput{
	background-color:#fff;
	background-image: url(../images/username.png), url(../images/gra.png);
	background-repeat:no-repeat, repeat-x;
	background-position:10px center, left bottom;
}
input[type="password"].passinput{
	background-color:#fff;
	background-image: url(../images/password.png), url(../images/gra.png);
	background-repeat:no-repeat, repeat-x;
	background-position:10px center, left bottom;
}
input[type="button"].login_submitbutton{    
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;height: 100%;
	width: 100%;
}
input[type="button"].login_submitbutton:hover {
    color: #fff;
	background-color: #d2322d;
	border-color: #ac2925;
}
input[type="button"].login_submitbutton:active {
    color: #fff;
	background-color: #d2322d;
	border-color: #ac2925;
}
input[type="button"].login_submitbuttonG{    
	color: #fff;
	background-color:#ee9a50;
	background-image: url(../images/o.png), url(../images/gra-btn.png);
	background-repeat:no-repeat, repeat-x;
	background-position:25px center, top center;
	width: 50px;
	height: 50px;
	padding-right:20px;
	margin:6px 7px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: 0 3px 0px 0 #b54705;
	box-shadow: 0 3px 0px 0 #b54705;
	border:0 none;
	overflow:hidden;
	text-shadow: none;
}
input[type="button"].login_submitbuttonG:hover {
    color: #fff;
	background-color:#e58e40;
	background-image: url(../images/o.png), url(../images/gra-btn.png);
	background-repeat:no-repeat, repeat-x;
	background-position:27px center, top center;
}
input[type="button"].login_submitbuttonG:active {
    color: #fff;
}
.login_misc{
	color:#fff;
}
.login_misc a{
	text-decoration:none;
	color:#fff;
}
.login_misc a:hover{
	text-decoration:underline;
	color:#ddd;
}

.header-title {height:auto;/*background-color:#333;*/color:#16347A;/*border-bottom:1px solid #fff;margin-bottom:1px;*/padding: 0px;
background-image: -moz-linear-gradient(left bottom, #0E3363 0%, #0C63C0 100%);
background-image: linear-gradient(to left bottom, #0E3363 0%, #0C63C0 100%);
}
.header-title .title-name{display: inline-block;
background: #fff;
padding: 10px;
font-size: 16px;
margin: 0;
height:65px;
}
.header-title .title-name p{color:#0B07A2; font-size:16px; line-height:1;}
/*.header-title .support {float:right; display:block;padding: 7px 20px;}
.header-title .support p {margin:0; padding:0; color:#fff;}*/
.icon-medium{font-size:1.25em;}
ul#notifikasi {z-index:1;padding:11px 0;}
ul#notifikasi li{display:inline-block; padding:0 15px;}
.badge {
position: relative;
font-size: 11px !important;
font-weight: 300;
top: -22px;
right: 61px;
text-align: center;
height: 12px;
background-color: #DC1900;
padding: 1px 5px;
-webkit-border-radius: 12px !important;
border-radius: 12px !important;
text-shadow: none !important;
color:#fff;
}
.mobile-menu-right {
    bottom: 40px;
    color: #21759b;
    float: right;
    padding: 6px 10px;
    position: relative;
	background:#ddd;
}
.mobile-menu-right a {
    color: #21759b;
    text-decoration: none;
}
.mobile-menu-right a:hover {
	color:#02039b;
    text-decoration: underline;
}
.table-navigasi {background-color: #FFBE00;
margin-bottom: 20px;
padding: 15px;}

.btn_group {
	background: url(../images/grouppegawai.png) no-repeat center;
	background-color: #eee;
	border:1px outset #777;
	cursor:pointer;
	height:20px;
	width:20px;
}
.padding-lr{padding:0px 15px;}
.header-logo{float: left;
background: url(../images/shadow-title.png) bottom right no-repeat;
display: block;
padding: 8px 25px 8px 10px;
margin: 5px 0;}
.header-logo img{background:#fff; float:left; height:65px;}
.user-info {float:right; color:#fff; font-size:14px; padding:10px}
.user-info img{float:left; height:70px; border:5px solid #2076cd; margin-right:10px;}
.user-info span{float:right;}
.user-info span a{color:#97C3EF; text-decoration:none;}
.user-info span a:hover{color:#97C3EF; text-decoration:underline;}
.user-info ul.menu{margin-top:6px;}
.user-info ul.menu a{color:#fff !important; text-decoration:none;}
.user-info ul.menu li:hover{background:#187BEA;}
.user-info ul.menu li{padding: 3px 5px; background:#1163BF;margin-bottom: 3px; }
.support{margin: 0;margin-top: -5px;}
.selengkapnya {
  position: relative;
  vertical-align: top;
  width: auto;
  padding: 5px 10px;
  font-size: 12px;
  color: white !important;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #2980b9;
  border: 0;
  border-bottom: 2px solid #2475ab;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #2475ab;
  box-shadow: inset 0 -2px #2475ab;
  float:right;
  margin:10px 0;
}
.selengkapnya:hover {background:#2E8ECE;}
.selengkapnya a{text-decoration:none; color:#fff !important}
.selengkapnya:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.footer{background: #272727;
bottom: 0;
width: 100%;
position: fixed;
padding: 10px !important;
color: #fff;}

.box{
	position:relative;
	height:250px;
}
.wrapPhoto{
	position:relative;
	width:100%;
	height:130px;
	display:block;
}
/* For Circle Photo */
.photo{
	position:absolute;
	width:140px;
	height:140px;
	left:120px;
	top:-28px;
	border:7px solid #fff;
	-webkit-border-radius: 163px;
	border-radius: 163px;
	-webkit-box-shadow: 0 1px 2px 0 #888;
	box-shadow: 0 1px 2px 0 #888;
	overflow:hidden !important;
	z-index: 99999;
}
.photo:hover{
	-webkit-box-shadow: 0 1px 2px 0 #555;
	box-shadow: 0 1px 2px 0 #555;
}
/* For Triangle */
.triangle{
	position:absolute;
	top:102px;
	left:146px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 15px 0 15px;
	border-color: #ffffff transparent transparent transparent;
	-moz-transform: rotate(25deg);
	-webkit-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
	z-index: 99999;
}

.wrap-chose{
	height:300px;
	/*overflow:hidden;*/
}

.chose{
	position:relative;
	height:50px;
	/*background:#EE9B53 url(../images/bgchose.png) repeat;*/
	background:#0180CD;
	overflow:hidden;
}
.chose h1{
	line-height:45px;
}

.content-chose{
	position:relative;
	padding:10px 15px;
}

.check{
	position:absolute;
	top	:20px;
	right:30px;
	width:30px;
	height:30px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	
	display: block;
	float: left;
	
	
}
.check label{
	display: block;
	float: left;

	width: 30px;
	height: 30px;
}
.check label:before {
	content: "";
	
	display: block;
	float: left;

	width: 30px;
	height: 30px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background:#fff;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.check input[type=radio]{
	display: block;
	width: 30px;
	height: 30px;
	margin-top:0px;
	background-color: green;
	display: block;
	float: left;
	
}
.check label:before {
	border-radius: 8px;
}
.check input[type=radio]:checked + label:before {
	content: "\2714";
	color: #40b1ee;
	font-size: 40px;
	text-align: center;
	line-height: 18px;
}

.content-chose .table tr td{padding:0;border:0 none;}

.navig{
	position:absolute;
	top:12px;
	right:20px;
}
.navig a{
	padding:6px 8px 8px 8px;
	margin:0;
	font-size:20px;
	line-height:12px;
	background:#e4730d;
	color: #ffdbbb;
	display:inline-block;
	text-align:center;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
.navig a.label{
	padding:6px 8px 8px 8px;
	margin:0;
	font-size:12px;
	line-height:12px;
	color: #fff;
	display:inline-block;
	text-align:center;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
.navig a.label-danger{background-color: #D43E3B;}
.navig a:hover,.navig a:focus{
	text-decoration:none;
	color: #f8b87d;
}

.border-none{border:0 none;}
.caroufredsel_wrapper{overflow:visible !important;}

.page-container {
	margin: 0;
	padding: 0;
	position: relative;
	background: #22262E;
}
.page-sidebar {
	background: #22262E;
	float: left;
	position: relative;
	margin-top: 48px;
	min-height: 600px;
	width:250px;
}
.sidebar {
	transition: 1s;
}
.page-content {
	margin-top: 50px;
	overflow: auto;
	position: relative;
	padding: 50px 20px 20px 20px;
	background-color: #e5e9ec;
	min-height:960px;
}
.header {
/*	background: #0091DE url(../images/pat_01.png) repeat;*/
	background-color:#1abc9c;
	border: none;
	height: 52px;
}
.header .logo {
	background: #0080C5;
	display: inline-block;
	padding: 10px 14px;
	height: 50px;
	width:250px;
}
.header .role {
	padding: 15px 14px 10px 14px;
	float: left;
	font-size:19px;
	color: #fff;
	font-weight:700;
}

.page-sidebar > ul, .page-sidebar ul li, .page-sidebar ul > li > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-sidebar > ul > li > a {
	display: block;
	position: relative;
	margin: 0;
	border: 0px;
	padding: 10px;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	color: #8b91a0;
	border-bottom: 1px solid #272c35;
}
.page-sidebar > ul > li > ul > li {
	margin: 0px;
	padding: 0px;
	margin-top: 1px !important;
}
.page-sidebar > ul > li > ul {
	background: #2D323D;
}
.page-sidebar > ul > li > ul > li > a {
	display: block;
	font-size: 14px;
	color: #e1eaf1;
	padding: 11.5px 31px 11.5px 31px;
	text-decoration: none;
	font-weight: 300;
	background: none;
}
.page-sidebar > ul > li > ul > li > ul {
	background: #383E4C;
}
.page-sidebar > ul > li > ul > li > ul > li > a {
	display: block;
	color: #e1eaf1;
	text-decoration: none;
	padding: 11.5px 10px 11.5px 50px;
	font-weight: 300;
	background: none;
}
.page-sidebar > ul > li a:hover {
	color: #fff !important;
	background-color:#2076CD;
}
.arrow {
	background: url(../images/arrow-right.png) no-repeat;
	background-position: right 15px bottom 20px;
}
.arrow.active > a {
	background: url(../images/arrow.png) no-repeat !important;
	background-position: right 15px bottom 15px !important;
}
.loginas {
	color: #fff;
}
.loginas h2 {
	margin-top: 15px;
	margin-left: 20px;
}
.loginas a {
	color: #fff;
}
.user-info {
	color: #fff !important;
}
.user-info button {
	background: none;
	border: none;
	color: #fff !important;
	font-size: 16px !important;
	background: url(../images/arrow-white.png) no-repeat !important;
	background-position: right 0px center !important;
	padding: 4px 15px;
}
.user-info button:hover, .btn-group.open .dropdown-toggle {
	color: #fff;
	box-shadow: none !important;
}
.user-info-wrapper {
	display: block;
	margin: 20px 30px;
	margin-bottom: 20px;
}
.user-info-wrapper .profile-wrapper {
	height: 50px;
	width: 50px;
	border-radius: 100px;
	overflow: hidden;
	display: inline-block;
	margin-right: 11px;
	float: left;
}
.user-info-wrapper .user-info {
	color: #fff;
	display: inline-block;
}
.user-info-wrapper .user-info .profile {
	float: right;
	display: inline;
}
.user-info-wrapper .user-info .username {
	font-size: 19px;
	text-transform: capitalize;
}
.user-info-wrapper .user-info .greeting {
	font-size: 14px;
	font-weight: 600;
	position: relative;
	top: 1.5px;
}
.welcome {
	float: left;
	font-size: 16px;
	padding: 4px 15px;
}
.profile-pic {
	display: inline-block;
	border-radius: 100px 100px 100px 100px;
	display: inline-block;
	height: 30px;
	overflow: hidden;
	width: 30px;
	float: left;
}
/*
.dropdown-menu {
	margin-top: 11px;
	left: auto;
	right: 0;
	margin-right: -15px;
	border: none;
	border-radius: 0 3px;
}
*/
.page-title {
	color: #2C3E50;
	display: block;
	/*font-weight: bold;
	font-size: 24px;
	font-family:'planer' !important;
	letter-spacing: -1px;*/
	margin-top:0;
	/* margin-bottom: 10px; */
	padding-bottom:10px;
}
div.button-right {
	float: right;
	text-align: right;
	margin: 15px;
}

.section.vertical.green {
	border-left: 4px solid #5CB85C;
	border-top: none !important;
}
.section .title {
	margin-top: 0;
	/*color: #505458;*/
	padding-bottom: 10px;
	border-bottom: 1px solid #e2e2e2;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	-webkit-appearance: none !important;
	color: #282323;
	outline: 0;
	line-height: 20px;
	font-size: 13px;
	font-weight: normal;
	vertical-align: top;
	background-color: #fff;
	min-height: 20px;
	height:24px;
	padding:3px;
	filter: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #C7D1D6;
	transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .m-uneditable-input:focus {
	border-color: #B8C5CB;
	background-color: #f2fdfd;
	outline: 0 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-inline {
	margin: 15px 0 !important;
}
.form-inline-group{
	margin: 5px 0 10px 0 !important;
}
.form-inline span.control-label {
	color: #55606e;
	display: inline-block;
	margin: 5px 10px 0 0;
	min-width: 80px;
}
/*
.navbar-toggle {
	position: relative;
	float: left;
	background-color: #16a085;
	border: none;
	border-radius: 0;
	
	height: 50px;
	margin: 0;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background:#fff;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #16A085;
}
*/
.table-responsive>.fixed-column {
	position: absolute;
	display: inline-block;
	width: auto;
	border-right: 1px solid #ddd;
}
.showingdata {
	border-right: 1px solid #999;
	float: right;
	color: #6F7B8A;
	padding: 0 10px;
	margin: 0 10px;
}
.box{padding:15px; color:#fff;min-height: 150px;}
.box .box-title {text-transform:uppercase; font-weight:bold;margin-bottom: 10px;}
.box.orange {
background-color: #EE9C54;
}

.box.emerald {
background-color: #0AA699;
}
.box.purple {
	background-color:#736086;
}
.box.green {
background-color: #0aa699;
}
.footer {
position: absolute;
bottom: 0px;
display: block;
padding: 20px;
background-color: #2D323D;
width: 100%;
color: #808285;
}
.btn a, .btn a:hover{color:#fff !important; text-decoration:none;}

/* Checkbox */
.checkboxs label.check-label {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding-left: 20px;
    position: relative;
}
.checkboxs input[type="checkbox"] {
    display: none;
}
.checkboxs label.check-label:before {
    background-color: #efefef;
    bottom: 1px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8); 
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-right: 5px;
    position: absolute;
    width: 16px;
}
.checkboxs label.check-label {margin-bottom: 5px;}
.checkboxs label.check-label:before {border-radius: 3px;top:2px; bottom:0;}
.checkboxs input[type="checkbox"]:checked + label:before {
    color: #0091DE;
    font-weight: bold;
    content: "\2713";
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */
}
body {
	/*padding-top: 70px;*/
	padding-top: 115px;
	background:#eee;
	/*background-image:url('../images/pattern8.png');*/
}
h5 {	font-weight:bold}
textarea.form-control {padding: 2px;}
.drag_handle {cursor: move}
label {font-weight:normal}
input[readonly] {background-color:#efefef;}
a.navbar-brand{padding: 5px 20px;
/*background: #34495e;*/}
.navbar-brand > span {
color: #ffffff;	
}
.navbar-inverse {
background-color: #86d7fb;
border-color: transparent;
/*border-bottom:3px solid #79C5E7;*/
}
.navbar-inverse2 {
/*background-image: linear-gradient(to right, #FFCF41 , #DE8806);*/
/*background-image: linear-gradient(to right, #EB9800 , #FFA500);*/
background-color: #ffffff;
/*border-bottom:3px solid #428bca;*/
border-bottom:3px solid #FFA500;
}
.navbar.navbar-inverse2.navbar-fixed-top {
    top: 50px;
	z-index : 3;
}
.navbar-inverse .navbar-nav > li > a {
    /*color: #999999;*/
	/*color: #2C3E50;*/
	/*color: #ffffff;*/color: #000164;
	/*font-weight: bold;*/
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    /*color: #e51616;*/
    color: #ffffff;
    background-color: transparent;
	font-weight: bold;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    /*color: #e51616;*/
	color: #ffffff;
	background-color: #428bca;
    /*background-color: #080808;*/
}
.navbar-inverse .navbar-toggle {
    border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #607d8bc7;
}
.logo-kanan-mobile{
	position: absolute;
    right: 0;
    top: 2px;
}
.logo-kanan-mobile img{
    width: 180px;
    height: 23px;
}
.user-small{display:none;}
@media (min-width: 830px) and (max-width: 1200px) {
	.user-wide{display:none}
	.user-small{display:block;}
}
@media (max-width: 768px) {
	.pop_window {
		width:100% !important;
		margin:0px;
	}
	.modal-dialog{
		width: 100% !important;
		margin: 0;
	}
	
}
@media (min-width: 768px) {
	.kolaps-xs.collapse{
		display:block;
	}
}
.tab-content{padding: 10px;
border: 1px solid #ddd;}
.nav-tabs {border:none;}
.nav-tabs a{ background:#E0E0E0}
/*.nav-tabs a:hover, .nav-tabs li.active a{background:#0091DE !important; }*/
.nav-tabs a:hover h3, .nav-tabs li.active a h3{color:#fff}
.footer{background-color: #34495e;
font-weight:bold;
padding: 10px;
font-size:13px;
border-top:1px solid #C7C7C7;
color:#fff;
position: relative;
bottom: 0px;}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.ui-datepicker{font-size:12px !important;}
.table.table-filter > tbody > tr > td {border-top:1px solid #bce8f1;}

.mobile-list{
	border-bottom:1px solid #D0D0D0; /*#ddd*/
	padding-bottom:10px;
	margin-left:-7px;
	margin-right:-7px;
	margin-top: 10px;
	position:relative;
}
.mobile-list a{
	color:#333;
}
.mobile-list a:hover, .mobile-list a:visited, .mobile-list a:active{
	text-decoration:none;
	color:#333;
	background:#EBF5FB;
}
.mobile-list hr{
	border-top: 1px solid #f2f2f2;
	margin-top:15px;
	margin-bottom: 5px;
}
/* wizard */


    .wizard .nav-tabs {
        position: relative;
        /* margin: 40px auto; */
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line4 {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 95%;
    margin: 0 auto;
    left: 0;
    /* right: 0; */
    top: 80%;
    z-index: 1;
}
.connecting-line4.active {
    background: #5CB85C;
}
.connecting-line3 {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 60%;
    margin: 0px 0px 0px 100px;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    border-radius: 100px;
    background: #f8f8f8;
    color: #ddd;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: -1px;
    text-align: center;
    font-size: 20px;
    top: -1px;
}
span.round-tab.active{
	color: #5CB85C;
	background: #fff;
	border: 2px solid #5CB85C;
} 
span.round-tab i{
    /* color:#555555; */
}
.wizard{
	z-index:3;
}
.wizard li.active span.round-tab {
    background: #5bc0de;
    border: 2px solid #46B8DA;
}
.wizard li.active span.round-tab i{
    color: #fff;
}

span.round-tab:hover {
    /* color: #333; 
     border: 2px solid #333;*/
}

.wizard .nav-tabs > li {
    width: 25%;
}



.wizard .nav-tabs > li a {
    width: 45px;
    height: 45px;
    /* margin: 20px auto; */
    border-radius: 100%;
    padding:0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}
.caroufredsel_wrapper, .caroufredsel_wrapper > .tabs{height:30px !important;}
small.grey{color: #909090;}
a.full-link > span  {
	position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index:1;
  box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
a.full-link{color: #000; }
.blink{
	position: absolute;
    right: 30px;
}
.color-icon{
	width: 15px;
	margin: -5px 0 0 5px;
}
.no-margin{
	margin:0;
 }
 .no-padding{
	padding:0;
 }
  .no-lpadding{
	padding-left:0;
 }
 .panel-body{
	padding:10px;
 }
 
.thumbnail:hover{
	background:#f2f2f2;
}
.well{
	border:none !important;
	box-shadow: 0 10px 17px rgba(0,0,0,.1);
}
.btn_teruskan {
	position: absolute;
	right: 50%;
}
/*===========================================*/
/*=============== RESPONSIVE ===============*/
/*===========================================*/

@media (max-width:768px){
	small{
		font-size:70%;
	}
	.well{		
		/*width:100%;*/
		/*overflow:hidden;*/
		margin: 15px !important;
	}
	#sevimalov_block{
		max-width:95% !important;
		left: 0 !important;
		top:0 !important;
		position: absolute !important;
		/*overflow-y: scroll;*/
	}
	#sevimalov_block table {
		width:100%;
		overflow:hidden;
	}
	textarea#perihal, input[type=file]{
		width:65% !important;
	}
	hr.visible-xs {
		display:block !important;
	}
	.btn_teruskan {
		position: unset;
		right: 0;
	}
	.navbar-inverse .navbar-brand{
		color: #fff;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
	    color: #fff;
	}
	.navbar-nav .open .dropdown-menu{
		background: #428bca !important;
	}
	.dropdown-menu{
		background-color: #fff !important;
	}
}