html,body {height:100%;background:#5d5d64;}
html{ overflow: auto;}
body{/*font:small Arial, Helvetica, sans-serif;*/color:#000;margin:0;padding:0;}
/*a{color:#C21515;text-decoration:none;}*/
a{text-decoration:none;}
a:hover{color:#C21515;text-decoration:none;}
#header{/* background:#364aa5; */}
#header h1{color:#fff;padding:0;margin:0;}
.head-l {width:300px;float:left;}
.head-r {width:660px;float:right;text-align:right;}
.head-m {float:right;margin-top:5px;margin-bottom:7px;text-align:right;}
.head-s {clear:right;}
.logo {margin:0;float:left;position:relative;}
.logo img {vertical-align:bottom}
.logo span {position:absolute;top:54px;left:100px;font-size:11px;color:#fff;}
#menu {
    float: left;
    width: 100%;
    height: 55px;
}
.menu-container{

	/*background:url('../images/bg-menu.png')*/
	background-image: linear-gradient(0deg, #c00 10%, #f66);

	}

#submenu {background:#f1f1f3;padding:3px 10px}
#submenu ul {list-style-type:none;margin:0;padding:0;overflow:hidden;}
#submenu li {float:left;}
#submenu li a {display:block;padding:3px 8px;margin:0 5px;}
#submenu li a:hover {background:#ddd;-moz-border-radius:5px;border-radius:5px;}
#submenu li.active a {background:#666;-moz-border-radius:5px;border-radius:5px;color:#fff;}

#topmenu {float: right;}
#topmenu ul {list-style-type:none;margin:0;overflow:hidden;background:#f1f1f3;padding:3px 10px 3px 0;-webkit-border-radius:5px 0 0 5px;-moz-border-radius5px 0 0 5px;border-radius:5px 0 0 5px;}
#topmenu li {float:left;}
#topmenu li span, #topmenu li a {display:block;padding:3px 8px;margin:0 5px;}
#topmenu li a {background:#ddd;-moz-border-radius:5px;border-radius:5px;}
#topmenu li a:hover {background:#666;color:#fff;-moz-border-radius:5px;border-radius:5px;}
#topmenu li.active a {background:#666;-moz-border-radius:5px;border-radius:5px;color:#fff;}

#wrap {
    background:#fff;
    min-height: 98%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -30px;
}
#push,#footer {height:30px;}
#footer {background:#5d5d64;}
#maincontent{background:#e8e8e8;padding:5px;}
#container{background:#fff;}
.container{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: 0px;
}

.mod-action {padding:10px;margin-bottom:10px;text-align:right;background:#fff url('../images/bg-mod-action.png') repeat-y right;}
.mod-title {display:block;padding:4px 10px;color:#628100;font-size:16px;font-weight:bold;}
.mod-title-box {background:url('../images/bg-menu-title.png');border-bottom:1px solid #d9dad9;}

.table-list {width:100%;font-size: small;text-align: left;border-collapse: collapse;border:1px #ccc solid;}
.table-list thead {border:1px solid #ececec;}
.table-list th {border-left:1px solid #ccc;font-size: small;font-weight: bold;padding: 8px;background: #F1F1F3 url('../images/bg-table-list-th.png') repeat-x;}
.table-list tbody .odd {background:#f9f8f8}
.table-list tbody tr {border-bottom:1px solid #ccc;}
.table-list tbody tr td {border-left:1px solid #ccc;}
.table-list tbody tr:hover td {background: #d0dafd;color: #339;}
.table-list td {padding: 4px;}
.table-list td a {color:blue;text-decoration:underline;}
.table-list tfoot tr td {background: #e8edff;font-size:small;}

/*.table-list tbody tr.nohover, .table-list tbody tr.nohover:hover td {color: #000;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}*/
.table-list tbody tr.nohover td:hover {background:#ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

.table-form {width:100%;font-size:small;text-align:left;border-collapse:collapse;}
.table-form thead {border:1px solid #ececec;background: #F1F1F3 url('../images/bg-table-list-th.png') repeat-x;}
.table-form th {font-size: small;font-weight: bold;padding: 6px;text-align: center;}
.table-form tbody .odd {background:#f9f8f8}
.table-form tbody tr {border-bottom:1px solid #ccc;}
.table-form tbody tr:hover td {background: #d0dafd;color: #339;}
.table-form td {padding: 5px;}
/*.table-form td input[type=text] {width:300px;border:1px solid #ccc;}
.table-form td input, .table-form td select, .table-form td textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:2px;
	border: 1px solid #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 3px 5px 0px 0px;
}
.table-form td input[type=submit] {padding:5px 10px;border:1px solid #ccc;}
.table-form td input:hover, .table-form td select:hover, .table-form td textarea:hover {background-color: #FFFF99}*/
.table-form tfoot {border:1px solid #ececec;background: #F1F1F3 url('../images/bg-table-list-th.png') repeat-x;}
.table-form tfoot tr td {font-size:small;font-weight:bold;}

.table-search {margin:0 auto;font-size:small;text-align:left;border-collapse:collapse;}

input[type=text],
input[type=password]{
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
}
input[type=text]:focus,
input[type=password]:focus{
	border-color:#093c75;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}

input[readonly]::-moz-focus-inner, input[readonly]:focus, input[readonly] {-moz-box-shadow:none;-webkit-box-shadow:none;background:none;border:none;border-bottom:1px solid #ccc;padding:0;outline:0;}
input[readonly]:focus {cursor:none}

#form_cari input[type=text]{
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:1px;
}
#form_cari {width:100%;font-size: small;text-align: left;border-collapse: collapse;}
#form_cari th{border:1px #ccc solid;}
#form_cari td{ padding:5px;border-top:none;border-right:none;border-left:none}

#form_cari2 input[type=text]{
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:1px;
}
#form_cari2 {width:100%;font-size: small;text-align: left;border-collapse: collapse;}
#form_cari2 th{border:1px #ccc solid;}
#form_cari2 td{ padding:5px;border-top:none;border-right:none;border-left:none}

select{
	cursor:pointer;
	padding:3px;
	-moz-box-shadow:0 0 3px #aaa;
	/*-webkit-box-shadow:0 0 3px #aaa;*/
}
select:active,
select:focus{
	border:1px solid #093c75;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none;
}
input[type=submit],input[type=button]{
	background:#ddd;
	background:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	/*margin-left:120px;*/
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
input[type=submit]:hover,input[type=button]:hover{
	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;
}
input[type=submit]:active,
input[type=submit]:focus,
input[type=button]:active,
input[type=button]:focus{
	background:#ccc;
	background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
	border-color:#093c75;
	outline:none;
}

.icon-edit {background:transparent url('../images/icon_edit.png') center right no-repeat;display:inline-block;line-height:16px;padding-right:16px;}
.icon-delete {background:transparent url('../images/icon_delete.png') center right no-repeat;display:inline-block;line-height:16px;padding-right:16px;}
.icon-auth {background:transparent url('../images/icon_auth.png') center right no-repeat;display:inline-block;line-height:16px;padding-right:16px;}
.icon-search {background:transparent url('../images/icon_search.png') center right no-repeat;display:inline-block;line-height:16px;padding-right:16px;}
.icon-select {background:transparent url('../images/icon_select.png') center right no-repeat;display:inline-block;line-height:16px;padding-right:16px;}
.icon-add-file {background:transparent url('../images/icon_add_file.png') center right no-repeat;display:inline-block;line-height:16px;padding-right:87px;}

td a.icon-edit,
td a.icon-delete,
td a.icon-auth,
td a.icon-select,
td a.icon-add-file,
td a.icon-search {text-decoration:none}

#breadcrumb {
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('../images/bc_bg.png'); 
    background-repeat:repeat-x;
    height:20px;
    line-height:20px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li {
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumb a {
    height:20px;
    display:block;
    background-image:url('../images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
#breadcrumb a:hover {color:#35acc5;}
.home {border:none;margin: 8px 0px;}

label.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}

input.error {
	border: 2px solid red;
}

td.field input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select {
	border: 2px solid red;
	background-color: #FFFFD5;
	margin: 0px;
	color: red;
}

.pagination {
    background: white none repeat scroll 0 0;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
}
.pagination a {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #428bca;
    margin-left: -5px;
    padding: 5px 10px;
}
.pagination strong {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #428bca;
    margin-left: -5px;
    padding: 5px 10px;
}
.pagination a:visited {
    color: #337ab7;
}
.pagination a:hover {
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
}
.pagination strong {
    background-color: #337ab7;
    color: #fff;
    cursor: default;
}
.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.page:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

#login-container {
  display: table;
  width: 100%;
  height: 100%;
}
#login-position {
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

#container h1, h1 {margin:0;padding:10px;text-align:center;font-size:18px;}

.modButtonBox {margin:10px;text-align:center;}
.modButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}
.modButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
	text-decoration:none;
}
.modButton:active {
	position:relative;
	top:1px;
}
.modButtonSmall {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}
.modButtonSmall:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
	text-decoration:none;
}
.modButtonSmall:active {
	position:relative;
	top:1px;
}
.modButtonSmallRed {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}.modButtonSmallRed:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.modButtonSmallRed:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.modButtonSmallGreen {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #268a16;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:0px 0px 0px #aade7c;
}.modButtonSmallGreen:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.modButtonSmallGreen:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

/* This imageless css button was generated by CSSButtonGenerator.com */
.modButtonSmallYellow {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffee66;
}.modButtonSmallYellow:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.modButtonSmallYellow:active {
	position:relative;
	top:1px;
}
.modButtonSmallGrey {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
}.modButtonSmallGrey:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.modButtonSmallGrey:active {
	position:relative;
	top:1px;
}
.modButtonSmallPurple {
	-moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd) );
	background:-moz-linear-gradient( center top, #c123de 5%, #a20dbd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd');
	background-color:#c123de;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #a511c0;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:0px 0px 0px #9b14b3;
}
.modButtonSmallPurple:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de) );
	background:-moz-linear-gradient( center top, #a20dbd 5%, #c123de 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de');
	background-color:#a20dbd;
}
.modButtonSmallPurple:active {
	position:relative;
	top:1px;
}
td a.modButtonSmall, 
td a.modButtonSmallPurple,
td a.modButtonSmallRed,
td a.modButtonSmallYellow,
td a.modButtonSmallGreen {color:#fff;text-decoration:none;}
td a.modButtonSmallGrey {color:#000;text-decoration:none;}

.navigasi {
    height:50px;
    vertical-align:middle;
    width:100%;
	background: url('../images/bg-mod-action.png') repeat-y right;
    
}

.navigasi ul {
	font-size:12px;
	color:#333;
	list-style: none;
	overflow:hidden;
	margin:0px;	
	display:inline;	
	float:right;
	
}

.navigasi ul li{
	float:left;
	display:block;
	padding: 0px 5px 0px 0px;
}
	
.navigasi ul li a{
	color:#333;
    text-decoration:none;
}

.navigasi ul li a:hover #desc{
    text-decoration:underline;
}
.navigasi ul li a.active #desc{
    text-decoration:none;
    font-weight:bold;
	outline: none; 
	border-bottom:2px solid #CE1126;
}

.navigasi #add{
	background: url('../images/document_add.png') no-repeat top left !important;
	background: url('../images/document_add.jpg') no-repeat top left;
	height:32px;
	width:32px;
}
.navigasi #desc{
	text-align:center;
	width:32px;
	color:#ffffff;
}
.navigasi #list{
	background: url('../images/document_list.png') no-repeat top left !important;
	background: url('../images/document_list.jpg') no-repeat top left;
	height:32px;
	width:32px;
	position:relative;

}
.navigasi #refresh{
	background: url('../images/refresh.png') no-repeat top left !important;
	height:32px;
	width:32px;
	position:relative;

}
.navigasi #find{
	background: url('../images/document_find.png') no-repeat top left !important;
	background: url('../images/document_find.jpg') no-repeat top left;
	height:32px;
	width:32px;
	position:relative;

}
.navigasi #chart{
	background: url('../images/document_chart.png') no-repeat top left !important;
	background: url('../images/document_chart.jpg') no-repeat top left;
	height:32px;
	width:32px;
	position:relative;

}
.dialog{
	position: absolute;
	left:200px;
	top:150px;
	width:750px;
	height:auto;
	background-color:#f0f5FF;
	border: 1px solid #000;
	z-index: 60;
	display:none;
	font-size:12px;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	overflow-y:scroll;
	overflow-x:scroll;
}

.dialog #handle 
{
	font-size:14px;
	height:25px;
	background-color:#5588bb;
	text-align:center;
	font-weight:bold;
	color: #FFFFFF;
	vertical-align:middle;
	
}
.dialog #content {
	padding:5px;
}
.dialog .dialog_form{
	
	color:#333;
	text-align:justify;
	border:1px solid #7aa637;
	background: url('images/bg_form_01.jpg') repeat-x;
	padding:5px;
}

.dialog .dialog_form td{
	
	padding:2px;
}
.dialog #handle #close
{
	float:right;
	text-decoration:none;
	color:#FFFFFF;
}	
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	font-weight:bold;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 12px;
	font-size: 12px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
#horisontal label{
	display: block;
	float: left;
	font-weight:bold;
	margin: 5px 5px 0px 0px;
}
#horisontal input{
	display: block;
}
#horisontal select{
	display: block;
}
#horisontal textarea{
	display: block;
}
.wpp_layout{
	/* Firefox */
	display:-moz-box;
	-moz-box-align:center;
	
	/* Safari and Chrome */
	display:-webkit-box;
	-webkit-box-align:center;
	
	/* W3C */
	display:block;
	box-align:center;
} 
.wpp_layout #wpp_item{
	
}
.pickup_list{
	display:inline-block;
	margin-right:3px;
	font-size:13px;
}
.pickup_list .id{
	width:auto;
	border: 1px #cccccc solid;
	float:left;
	padding: 3px;
	
}
.pickup_list .hapus{
	width:auto;
	border: 1px #cccccc solid;
	float:left;
	padding: 3px;
	font-weight:bold;
	text-transform:lowercase;
	cursor:pointer;
}
.dpi_layout{
	/* Firefox */
	display:-moz-box;
	-moz-box-align:center;
	
	/* Safari and Chrome */
	display:-webkit-box;
	-webkit-box-align:center;
	
	/* W3C */
	display:block;
	box-align:center;
} 


.pangkalan_layout{
	/* Firefox */
	display:-moz-box;
	-moz-box-align:center;
	
	/* Safari and Chrome */
	display:-webkit-box;
	-webkit-box-align:center;
	
	/* W3C */
	display:block;
	box-align:center;
} 
/*.datepicker {
	position: absolute;
	-moz-border-radius:0px 15px 0px 15px; 
    -webkit-border-radius:0px 15px 0px 15px; 
	border-radius: 0px 15px 0px 15px;; 
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
	z-index:100;
}

.datepicker tr.controls th { height: 22px; font-size: 11px;width:190px;text-align:center;}
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #87ba51; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; 

	-moz-border-radius:0px 15px 0px 15px;
    -webkit-border-radius:0px 15px 0px 15px;
	border-radius: 0px 15px 0px 15px;; 
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
}
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #99ffff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }*/

.modButtonSubmit{
	background:#ddd;
	background:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	/*margin-left:120px;*/
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
.modButtonSubmit:hover{
	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;
}
.modButtonSubmit:active,
.modButtonSubmit:focus{
	background:#ccc;
	background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
	border-color:#093c75;
	outline:none;
}
.caption{
	border: 1px solid #ccc;
	border-bottom: none;
	font-size: small;
	font-weight: bold;
	padding: 8px;
	background: #F1F1F3 url('../images/bg-table-list-th.png') repeat-x;	
	/*padding:5px;font-weight:bold;background:#00B8B8;color:#fff;*/
}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:8031;
	}
.pointer{
	cursor:pointer;
}


/*--------------------------------------------------------------------------------------------------------------------
.navbar-nav a:hover, .navbar-nav a:focus{
	  color:#333;
}
.navbar-nav .open a
{
	 color:#333; font-weight: normal;
  }
	.navbar-nav .open a:hover,
  .navbar-nav .open a:focus {
	 color:#333; 
  }
  .navbar-nav .open .dropdown-menu > li > a{
	color:#333; background-color:#FFF
  }
.menu-container li a{
	color:#FFF;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #3C85C4;
}

.navbar-nav > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
  }*/
table.dataTable tbody td {
    padding: 4px 10px; 
}
.table {
  margin-bottom: 0px;
}
.form-group{
	margin-bottom:6px;
}
.bordered{
	border:#CCC 1px solid; padding:5px;
}
.tab-content > .tab-pane {
  padding:5px 0px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	font-weight:bold;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	line-height: 2;
}
.panel-default > .panel-heading{
	font-weight:bold; font-size:15px;
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.bold{
	font-weight:bold;
}
.ajax_loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -80px; /* -1 * image width / 2 */
}
#result_cari{
	position:relative;
}
/* ======= Custom Bootstrap Tabs ======= */
.nav-tabs{
  background-color:#fff;
}
.tab-content{
    background-color:#fff;
    color:#000;
    padding:5px
}
.nav-tabs > li > a {
  	border: medium none;
    background-color:#3e7ebc;
    color:#fff;
}
.nav-tabs > li > a:hover {
  background-color: #d0d7e9 !important;
    border: medium none;
    color:#000;
}
/* ======= Custom Bootstrap Tabs ======= */

.form-search {
	border: 1px solid #efefef;
	padding: 15px;
	margin-bottom: 20px;
}
.select2x{
	width:250px;
}
#header-container{
height: 110px;
  height: 110px;
  background: url(../images/bg-header.jpg) top right no-repeat #9cf;
  padding: 8px 10px 0 0px;
  top: 0;
  
background-position: 160% 10%;
}

  .navbar-default .navbar-nav > li > a {
  color: #fff; 
}
.container-fluid-header {
  height:110px;
  background:url(../images/bg-header.jpg) top right no-repeat #9cf;
  padding: 8px 10px 0 10px;
  top:0; 
}
.container-fluid {
    background-image: linear-gradient(0deg, #c00 10%, #f66);
}
.one-edge-shadow {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
	
.img-responsive {
  /*display: block;
  max-width: 100%;
  height: auto;
  z-index:100;*/
}
.img-right {
	left:auto; position:absolute;
	right:0; top:0;
	display:inline;
	z-index:10;
	margin: -7px 15px 0 0;
}
.navbar-toggle {
  margin-right:25px;
  padding:6px;
}
span.prop {
  color: #D11900;
  font-size: x-large;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-weight: bold;
  text-shadow: -1px 4px -1px #FFF;
  text-shadow: 1px 1px 0px #FFF;
  margin-top: 20px;
}
span.propname {
  font-weight: bold;
  text-transform: initial;
  letter-spacing: -0.5px;
  font-size: medium;
  text-shadow: 1px 1px 1px #FFF;
  padding-top: -18px;
  clear: both;
}
#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
		z-index: 2222;
}
.logo_container{
  /*overflow:hidden;
  width:70px;
  height: 100px; */
  position: absolute;
  margin-left: -60px;
  margin-top:-10px;
}
.logo_container img{
  /*position: relative;
  top: 50%;
  transform: translateY(-50%);*/
  width: 46px;
  height: 46px;
}
.panel-info > .panel-heading {
  background-color:#24813C;
}
.panel-title {
  color:#fff;
  font-weight:bolder;
}
.tolak_cabut{
	background-color:#C9302C; color:white
}
.ui-autocomplete{
	z-index:10000
}
.select2{
	width:250px;
}
.select2x{
	width:250px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	padding: 4px;
}
.input-sm{
	height: 25px;
}
.nav > li > a {
  padding: 4px;
  /*padding: 8px 10px;*/
  /* margin-right: 15px; */
}
#p_lanjutan{
	background-color:#5bc0de;
	color:white;
}
#p_lanjutan:hover{
	background-color:#e6e6e6;
	color:black;
}
.alertify-buttons{
	position:relative !important;
	background: white !important;
	left: 0px !important;
	width: auto !important;
}