@font-face {
	font-family: 'Roboto Medium';
	src: url('../fonts/Roboto-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style:normal;
}
@font-face {
	font-family: 'liberation_serifregular';
	src: url('../fonts/LiberationSerif-Regular-webfont.eot');
	src: url('../fonts/LiberationSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/LiberationSerif-Regular-webfont.woff') format('woff'),
	url('../fonts/LiberationSerif-Regular-webfont.ttf') format('truetype'),
	url('../fonts/LiberationSerif-Regular-webfont.svg#liberation_serifregular') format('svg');
	font-weight: normal;
	font-style: normal;

}
.img-preview {max-width:100px;max-height:30px;}
.img-preview2 {max-width:100px;max-height:60px;}
.img-preview3 {max-width:100px;max-height:100px;}
#nav-paging {text-align:center;}
.content-contract {min-height: 100px;padding: 15px;margin-right: auto;margin-left: auto;padding-left: 45px;padding-right: 45px;font-size:14pt;font-family:"liberation_serifregular",Arial,sans-serif;   text-align: justify;}
#btn-header,#btn-pasal1,#btn-pasal2,
#btn-pasal3,#btn-pasal4,#btn-pasal5,
#btn-pasal6,#btn-pasal7,#btn-pasal8,
#btn-pasal9,#btn-pasal10,#btn-tandatangan {font-family:Arial,Verdana,sans-serif;}
.save-contract {margin: 10px;}
.table-contract {border-collapse:collapse;width:100%;border:1px solid black;}
.table-contract th {text-align:center;border:1px solid black;}
.table-contract td {border:1px solid black;padding-left:8px;}
.cell1 {text-align:center;border:1px solid black;}
.cell2 {text-align:left;border:1px solid black;width:30%;padding-left:8px;}
.cell2a {text-align:left;border:1px solid black;}
.cell2b {text-align:left;border:1px solid black;background:black;}
.cell3 {text-align:left;border:1px solid black;padding-left:6px;}
.cell3a {text-align:left;border:1px solid black;padding-left:6px;vertical-align:top;}
.cell4 {text-align:left;border:1px solid black;padding-left:8px;}
.cell20 {text-align:center !important;border:1px solid black !important;width:20% !important;}
.cell30black {text-align:center;border:1px solid black;width:30%;background:black;}
.cell30 {text-align:center;border:1px solid black;width:30%;}
.cell30a {text-align:left;border:1px solid black;width:30%;padding-left:6px;}
.cell60 {text-align:center;border:1px solid black;width:60%;}
.profile-user-img {border: 3px solid #d2d6de;margin: 0 auto;padding: 3px;width: 100px;}
.btn-50 {display:block;width:49%;}

button.google-auth.google-dark {background: #4285f4;display: block;width: 100%;border-radius: 1px;padding: 0;white-space: nowrap;overflow: hidden;outline: none;cursor: pointer;border: #4285f4 solid 1px;box-shadow: 1px 1px 5px 0 #b7b7b7;text-align: left;}
span.google-icon {background-image: url('../images/google.svg');background-color: #fff;background-size: 18px;background-repeat: no-repeat;background-position: 50%;display: inline-block;vertical-align: middle;width: 40px;height: 40px;border-radius: 1px;margin-right: 16px;}
span.google-text {display: inline-block;vertical-align: middle;font-size: ratio(14);font-weight: 500;text-transform: uppercase;color: #fff;opacity: 1;font-family: 'Roboto', sans-serif;padding-right: 8px;}

body {font-family:"Helvetia Neue","Helvetica",sans-serif; font-size:16px;}
.bg-error   {background: #D32439 !important;}
.bg-green {background: #439C43 !important;}
.bg-grey  {background: #EBEDEE !important;}
.bg-darkgrey {background: #CACED0 !important;}
.bg-silver{background: whitesmoke !important;}
.bg-blue  {background: dodgerblue !important;}
.bg-brown {background: sandybrown !important;}
.btn-green-popup {background: #439C43 !important;border: 1px #419641 solid;color:#fff;}
.btn-green {background: #5CB85C !important;color:#fff;}
.btn-white-green {background: #fff;border:1px #5CB85C solid;color:#5CB85C;}
hr.line-silver {margin-top: 20px;margin-bottom: 20px; border: 0;border-top: 1px solid silver !important;}
hr.line-dark-grey {margin-top: 20px;margin-bottom: 20px; border: 0;border-top: 1px solid darkgray !important;}
.heading1 {color: darkslategray !important; font-size: 4.8rem;}
.heading2 {color: darkslategray !important; font-size: 3.6rem;}
a.cancel,button.cancel,
a.save,button.save {font-size:16px;}
.btn-cancel {background-color: white;border-color: #ddd !important;vertical-align: top;}
.btn-previous {background-color: white;border-color: dodgerblue !important;color:dodgerblue;vertical-align: top;}
.btn-previous:hover {color:#fff;background-color:#007bff; border-color:#007bff;}
#btn-next {padding-left:35px;padding-right: 35px;}
a.delete {font-size: 14px;text-decoration: underline;}
div.error{font-size:14px;color:#fff;background-color: rgba(208,2,27,0.85)}
.content-wrapper {background-color: #f8f9fa !important;font-size:18px;}
#step1 .form-group {margin-bottom:30px;}
#step1 .form-control,
#step3 .form-control {border-radius: 3px !important;}
.error-msg{color:red;font-size: 14px;}
#step2 {margin-bottom: 30px;}
.icheckbox_square-blue {margin-right:5px !important;}
.label-service{display:inline-block;padding-left: 5px !important;text-indent: -10px;}
.button-group {margin-top:20px;}
.curve {border-radius: 10px;}
.curve2 {border-radius: 3px;}
.curve3 {border-radius: 5px;}
.va-top { vertical-align: top; }
.btn-primary {
	color:#fff;
	background-color:#007bff !important;
	border-color:#007bff !important;
	box-shadow:0 1px 1px rgba(0,0,0,.075)
}
.btn-primary:hover {
	color:#fff;
	background-color:#0069d9 !important;
	border-color:#0062cc !important;
}
.btn-primary.focus,.btn-primary:focus {
	box-shadow:0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-secondary {
	color:#fff;
	background-color:#6c757d;
	border-color:#6c757d;
	box-shadow:0 1px 1px rgba(0,0,0,.075)
}
.btn-secondary:hover {
	color:#fff;
	background-color:#5a6268;
	border-color:#545b62
}
.btn-secondary.focus,.btn-secondary:focus {
	box-shadow:0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-success {
	color:#fff;
	background-color:#28a745;
	border-color:#28a745;
	box-shadow:0 1px 1px rgba(0,0,0,.075)
}
.btn-success:hover {
	color:#fff;
	background-color:#218838;
	border-color:#1e7e34
}
.btn-success.focus,.btn-success:focus {
	box-shadow:0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(40,167,69,.5)
}
.alert-danger2, .alert-danger2 a, .alert-error, .alert-error a,
.bg-danger, .bg-danger a, .label-danger, .label-danger a {
	color: #fff !important;
}
.alert-danger, .alert-error, .bg-danger {
	border-color: #d32535;
}
.alert-danger, .alert-error, .bg-danger, .label-danger {
	background-color: #dc3545 !important;
}
.btn-outline-primary {
	color:#007bff;
	background-color:transparent;
	background-image:none;
	border-color:#007bff
}
.btn-outline-primary:hover {
	color:#fff;
	background-color:#007bff;
	border-color:#007bff
}
.btn-outline-primary.focus,.btn-outline-primary:focus {
	box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-outline-secondary {
	color:#6c757d;
	background-color:transparent;
	background-image:none;
	border-color:#6c757d
}
.btn-outline-secondary:hover {
	color:#fff;
	background-color:#6c757d;
	border-color:#6c757d
}
.btn-outline-secondary.focus,.btn-outline-secondary:focus {
	box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-outline-success {
	color:#28a745;
	background-color:transparent;
	background-image:none;
	border-color:#28a745 !important;
}
.btn-outline-success:hover {
	color:#fff;
	background-color:#28a745;
	border-color:#28a745
}
.btn-outline-success.focus,.btn-outline-success:focus {
	box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
.role-name {padding-left:10px;font-size: 16px;}
.role-name2 {padding-left:0;font-size: 16px;}
.role-hour {text-align: right;font-weight: bold;font-size: 16px;}
.step3-caption {color:#c4c5c5;font-size: 14px;padding-left:10px;margin-bottom: 10px;}
.step3-desc {color:#c4c5c5;font-size: 14px;margin-bottom: 10px;}
.konten {
	padding:30px 25px 35px 25px;
	margin-left:auto;
	margin-right: auto;
}
.konten h3 {
	margin-bottom: 30px;
	font-weight: bold;
}
.tr-role {
	border-bottom: 2px solid #c4c5c5;
	background: #eceeef !important;
	margin-bottom: 5px;
	margin-top:5px;
	height:40px;
	vertical-align: middle;
}
.tr-empty {
	text-align:center;
	padding:10px 0;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px solid #c4c5c5;
}
.row-role,.row-supplier {
	margin-left:-10px !important;
}
.role-box {
	background: #cbcfd1 !important;
	padding:10px;
	width:320px;
	display: none;
	margin-bottom:10px;
}
.supplier-box {
	background: #cbcfd1 !important;
	padding:10px;
	width:450px;
	display: none;
	margin-bottom:10px;
}
.name-box {
	background: #cbcfd1 !important;
	padding:10px;
	width:450px;
	display: none;
	margin-bottom:10px;
}
.input-role-name,.input-supplier-name {
	margin-bottom: 10px;
}
.tr-hover,.tr-hover2 {
	padding-top: 5px;
}
.tr-hover:hover,.tr-hover2:hover{
	background: #cbcfd1 !important;
	height: 33px;
}

.btn-remove,.btn-remove2 {
	color:#EBEDEE;
	cursor: pointer;
}
.btn-remove:hover,.btn-remove2:hover {
	color:#dc3545 !important;
}
.row2 {
	margin-left:-5px !important;
}
.service-remarks,
.service-description {
	border-left: 5px solid #ccc;
	padding-left: 20px;
	font-size: 14px;
}
.service-remarks:hover,
.service-description:hover {
	border-left: 5px solid #dbddde;
}
.service-remarks-container,
.service-description-container {
	padding: 10px;
	margin-bottom: 30px;
	display: none;
}
.service-remarks-container:hover,
.service-description-container:hover {
	background: #cbcfd1;
}
.service-btn {
	padding-left: 20px;
	margin-bottom: 30px;
}
.role-btn {
	padding-left:20px;
	margin-top:10px;
	margin-bottom:20px;
}
.calculatebox {
	border-top:2px solid #ccc;
	height:80px;
	background: #EBEDEE;
	z-index:1000;
	position: fixed;
	bottom:0;
	width:100%;
	box-shadow: 0 -2px 4px #ccc;
}
/*
.skin-blue .main-sidebar {
	background: #fff !important;
}
.main-header .logo {
	height:52px !important;
}
.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
    color: #000 !important;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    color: #000 !important;
    background: #ccc !important;
}
.skin-blue .sidebar a {
    color: #333 !important;
}
*/
.tr-head {
	font-size:14px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 2px solid darkslategray;
	text-align: center;
}
.cost-box {
	border-bottom: 1px solid darkgray;
}
.tr-body {
	font-size:14px;
	margin: 10px auto 0;
	height: 80px;
	position: relative;
}
.tr-right{
	text-align: right;
	position: absolute;
	bottom:25px;
	min-width:140px;
}
.tr-right2{
	text-align: right;
	position: absolute;
	bottom: 25px;
	min-width: 130px;
	margin-bottom: -10px;
	padding: 10px 20px 10px;
}
.tr-right2a{
	text-align: right;
	position: absolute;
	bottom: 25px;
	width: 170px;
	margin-bottom: -10px;
	padding: 10px 20px 10px;
}
.tr-middle {
	position: absolute;
	top:20px;
}
.row3 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.tr-hover3:hover {
	background: #cbcfd1 !important;
	cursor: pointer;
	color:black;
	font-weight: bold;
}

.margin-box,.selling-box,.discount-box {
	background: #cbcfd1 !important;
	position: absolute;
	bottom:15px;
	padding:10px;
	display: none;
}
.margin-value2 {
	color: #919292;
	font-size: 14px;
}

.step3-space {
	margin-bottom: 30px;
}
#calc-service-name {
	padding-left:45px;
	font-size:14px;
	font-weight: bold;
	padding-top:20px;
}
#calc-cost,#calc-margin,
#calc-main-price,#calc-total {
	border-left: 1px solid #ccc;
	height: 80px;
	font-size:14px;
	padding-top:20px;
}
.input-middle {
	margin-top:-5px;
}
.desc-box,.remarks-box {
	background: #cbcfd1 !important;
	padding:10px;
	width:525px;
	display: none;
	margin-bottom:10px;
}
.note-box {
	background: #cbcfd1 !important;
	padding:10px;
	width:100%;
	display: none;
	margin-bottom:10px;
	margin-top:10px;
}
.step3-caption-box {
	color: #919292;
	font-size: 14px;
	margin-bottom: 10px;
}
.textarea-service {
	width:500px;
	height: 250px;
}
.sceditor-container {
	margin-bottom:10px !important;
}
.save-service-btn,.save-role-btn,.save-role-btn-new,
.save-service-name-btn,.save-supp-btn,.save-supp-btn-new,
.save-margin-btn,.save-selling-btn,.save-note-btn {
	margin-top: 10px;
}
.supp-btn {
	margin-bottom:10px;
}
.btn-close {
	vertical-align: -8px !important;
	cursor: pointer;
}
.delete-link {
	margin-top: 20px;
	text-decoration: underline;
	font-size: 14px;
	margin-right:10px;
	cursor: pointer;
}
.margin-value,.discount-value {
	font-size:14px;
	margin-top:5px;
	color:#c4c5c5;
}
#cost-value,
#main-price-value,#total-value {
	float: right;
	margin-right:20px;
}
#calc-total {
	font-weight: bold;
}
.tr-total {
	font-size:14px;
	margin: 10px auto;
	height: 45px;
	border-bottom: 1px solid darkgray;
	position: relative;
}
.tr-total-blank {
	font-size:14px;
	margin: 10px auto;
	height: 45px;
	position: relative;
}
.tr-right3{
	text-align: right;
	position: absolute;
	width: 170px;
	padding: 0 20px 10px;
}
#discount-row {
	height: 65px;
}
.tr-discount {
	font-size:14px;
	margin: 10px auto 0;
	height: 65px;
	position: relative;
}
.tr-grand {
	font-size:14px;
	padding-top:20px;
	height: 60px;
	border-bottom: 4px solid darkgray;
	position: relative;
	background: #cbcfd1 !important;
	font-weight: bold;
}
.tr-grand-blank {
	font-size:14px;
	height: 60px;
	position: relative;
}
.caption-note {
	font-size:16px;
	font-weight: bold;
}
#note-container {
	font-size:14px;
	margin-top: 20px;
}
#note-container ol {
	margin-left: -25px;
}
#note-container:hover {
	background: #cbcfd1 !important;
	cursor: pointer;
	padding: 10px;
	margin: 10px -10px -10px;
}
.alert-selling {
	padding:5px;
	font-size: 12px;
	margin-right:-116px;
	margin-top:55px;
	display: none;
	position: absolute;
	z-index:1;
}

.step5 {
	background: #fff;
	padding:5px;
}

.step5-service {
	background: #fff;
	padding:0 5px;
}

.subtotal {
	padding: 5px;
	background:#cbcfd1;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

.discount {
	padding: 5px;
	background:#fff;
	border-left: 1px solid #000;
}

.ppn {
	padding: 5px;
	background:yellow;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

.afterppn {
	padding: 5px;
	background:orange;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

.pe-note {
	font-size:10px;
}

.pe-note ul,.pe-note ol {
	margin-left:-26px;
}

.cell-right2 {
	padding:5px;
	border-left: 1px solid #000;
}

.cell-left {
	border-left: 1px solid #000;
}

.step5-caption {
	background: #fff;
	padding:10px 5px;
}

.step5-caption-service {
	background: #fff;
	padding:10px 5px 0 5px;
}

.step5-box {
	font-size:14px;
}
.cell {
	padding:5px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
.cell-right {
	padding:5px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.cell-title {
	text-align: center;
}

.cell-min {
	min-height: 132px;
}

.cell-top {
	border-top:1px solid #000;
}

.cell-bottom {
	border-bottom: 1px solid #000;
}

.bd-top {
	border-top:1px solid #000;
	border-right:1px solid #000;
}

.row5 {
	margin:0 auto;
}

.row-signature {
   padding:0;
   border-bottom: 1px solid #000;
}

.cell-signature-left {
	padding: 5px 0;
	text-align: center;
	border-right:1px solid #000;
	border-left: 1px solid #000;
	font-size: 11px;
}

.cell-signature-right {
	padding: 5px 0;
	text-align: center;
	font-size: 11px;
}
.cell-signature-empty {
	height:60px;
	text-align: center;
	font-size:11px;
	padding:5px 0;
}
.img-signature {
	height:60px;
	width:auto;
}
.cell-signature-center {
	border-left: 1px solid #000;
	border-top:1px solid #000;
	height:120px;
}
.name-signature {
	margin-bottom: -10px;
}
.position-signature {
	margin-left:-5px;
}

.row6 {
	margin-right:0;
}

.container2 {
	background: #99ccff;
	padding: 15px 30px;
    margin-right: auto;
    margin-left: auto;
    width:100%;
    min-height:100px;
    overflow: auto;
}
.container-note {
	background: #fff;
	padding:15px;
	border-radius: 5px;
	border:1px solid #c4c5c5;
}
#default-note-container {
	font-size:14px;
}
#default-note-container ol {
	margin-left: -15px;
}
#default-note-container:hover {
	background: #cbcfd1 !important;
	cursor: pointer;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.img-logo {
	height:80px;
	width:80px;
	margin-bottom:5px;
}
.tw-address {
	text-align: right;
	font-size:12px;
	margin-right:-10px;
}

ul.tr-header {
	font-size:0;
	margin-bottom:5px;
	border-bottom: 2px solid #c4c5c5;
	border-top: 3px solid #c4c5c5;
}
ul.tr-header li {
	font-size:14px;
	font-weight: bold;
	height:40px;
	padding-top:8px;
	width:13.3%;
	display: inline-table;
	text-align: center;
}

#tbl-user ul li {font-size: 14px;}
#tbl-user ul.tr-list li:first-child {width:70%;}
#tbl-user ul.tr-list li:nth-child(2) {width:8%;text-align: right;}
#tbl-user ul.tr-list li:nth-child(3) {padding-left:15px;}
#tbl-user ul.tr-list li i.icon {font-size:6px;vertical-align: middle;padding-bottom: 3px;}

#tbl-service ul li {font-size:14px;}
#tbl-service ul.tr-list li:first-child {width:60%;}
#tbl-service ul.tr-list li:nth-child(2) {width:8%;text-align: right;}
#tbl-service ul.tr-list li:nth-child(3) {width:32%;padding-left:15px;}
#tbl-service ul.tr-list li i.icon {font-size:6px;vertical-align: middle;padding-bottom: 3px;}

#tbl-role ul li { font-size:16px;}
#tbl-role ul.tr-header li:first-child { width:88%; }
#tbl-role ul.tr-header li:nth-child(2) {width:10%;}
#tbl-role ul.tr-list li:first-child { width:88%;}
#tbl-role ul.tr-list li:nth-child(2) { width:10%; text-align: right; /*padding-right:20px;*/}

#tbl-pe ul.tr-header li:first-child { width:22%; }
#tbl-pe ul.tr-header li:nth-child(2) { width:17%; }
#tbl-pe ul.tr-header li:nth-child(3) { width:12%; }
#tbl-pe ul.tr-header li:nth-child(4) { width:16%; }
#tbl-pe ul.tr-header li:nth-child(5) { width:4%; }
#tbl-pe ul.tr-header li:nth-child(7) { width:7%; }
#tbl-pe ul.tr-header li:nth-child(8) { width:8%; }
.tr-list-row {
	height: 37px;
    border-bottom: 2px solid #c4c5c5;
    margin-top: 5px;
}
ul.tr-list {
	font-size:0;
	margin-bottom: 0;
}
ul.tr-list li {
	margin-bottom: 0px !important;
	margin-top:5px;
	height:35px;
	vertical-align: top;
	font-size:12px;
	width:13.3%;
	display: inline-table;
}
ul.tr-list li .td-money {padding-right:20px;}
ul.tr-list li .td-center {text-align: center;}
#tbl-pe ul.tr-list li:first-child { width:22%; }
#tbl-pe ul.tr-list li:nth-child(2) { width:17%; }
#tbl-pe ul.tr-list li:nth-child(3) { width:12%; }
#tbl-pe ul.tr-list li:nth-child(4) { width:16%; text-align: center;}
#tbl-pe ul.tr-list li:nth-child(5) { width:4%; text-align: center;}
#tbl-pe ul.tr-list li:nth-child(6) { text-align: center;}
#tbl-pe ul.tr-list li:nth-child(7) { width:7%; text-align: center;}
#tbl-pe ul.tr-list li:nth-child(8) { width:8%; }
#tbl-pe ul.tr-list li i { padding-left:4px;cursor: pointer;}
#tbl-pe ul.tr-list .opn-file {cursor: pointer;}

.tr-list-hover {
	height:30px;
	overflow: hidden;
}
.tr-list-hover:hover {
  background: #cbcfd1 !important;
}
.btn-final {
	background-color: #f0ad4e;
	vertical-align: top;
	color:#fff;
	border-color: orange;
}
.btn-final:hover {
	color:#fff;
	background-color: orange;
}

.role-hover,.service-hover,.user-hover {
	cursor: pointer;
}

#add-role, #add-supplier {
	margin-left:10px;
	margin-top:10px;
}

#service-box {
	margin-top:10px;
}

#signature-wording {
	font-size:12px;
	margin-top:10px;
}

.rl-multi-step {
  margin: 0.5em 0;
}
.rl-multi-step-list {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
}
.rl-multi-step-list .rl-multi-step-item:first-child {
  margin-left: 0;
}
.rl-multi-step-list .rl-multi-step-item:last-child {
  margin-right: 0;
}
.rl-multi-step-item {
  position: relative;
  width: 100%;
  margin: 0 0.16666667em;
  z-index: 2;
  border-radius: 0.2em;
}

@media only screen and (max-width: 786px) {
  .rl-multi-step-item {
    margin: 0 0.16666667em;
  }
}
.rl-multi-step-item .rl-item-title,
.rl-multi-step-item .rl-item-subtitle {
  position: relative;
  margin: 0;
  z-index: 2;
}
@media only screen and (max-width: 786px) {
  .rl-multi-step-item .rl-item-subtitle {
    display: none;
  }
}
.rl-multi-step-item .rl-item-title {
  color: #4285f4;
  font-weight: 600;
  margin: 0;
}
.rl-multi-step-item.active:hover {
  cursor: pointer;
}
.rl-multi-step-item.current .rl-item-title,
.rl-multi-step-item.current .rl-item-subtitle {
  color: #fff;
}
.rl-multi-step-item.active.current:hover .rl-item-title,
.rl-multi-step-item.active.current:hover .rl-item-subtitle {
  color: #4285f4;
}
.rl-multi-step-item.error:after {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  right: .5em;
  font-family: FontAwesome;
  content: '\f071';
  color: #d50000;
}
.rl-item-wrap {
  padding: 0.5em;
  position: relative;
  height: 100%;
}
.rl-item-wrap:before,
.rl-item-wrap:after {
  position: absolute;
  left: 0;
  content: ' ';
  width: 100%;
  height: 50.5%;
  z-index: 1;
  background-color: #eee;
}
.rl-item-wrap:before {
  top: 0;
  transform: skew(20deg);
  border-radius: .2em .2em 0 0;
}
.rl-item-wrap:after {
  bottom: 0;
  transform: skew(-20deg);
  border-radius: 0 0 .2em .2em;
}
.current .rl-item-wrap:before,
.current .rl-item-wrap:after {
  background-color: #4285f4;
}
.active:hover .rl-item-wrap:before,
.active:hover .rl-item-wrap:after {
  background-color: #d8f1ff;
}
.rl-multi-step-item.error .rl-item-title,
.rl-multi-step-item.error .rl-item-subtitle {
  padding-right: 1em;
}
.rl-multi-step-item:first-child .rl-item-wrap,
.rl-multi-step-item:last-child .rl-item-wrap {
  width: 100%;
  border-radius: 0.2em;
}
.rl-multi-step-item:first-child .rl-item-wrap:before,
.rl-multi-step-item:last-child .rl-item-wrap:before,
.rl-multi-step-item:first-child .rl-item-wrap:after,
.rl-multi-step-item:last-child .rl-item-wrap:after {
  width: 50%;
}
.rl-multi-step-item:first-child .rl-item-wrap {
  background: linear-gradient(to right, #eee 95%, transparent 5%);
}
.rl-multi-step-item:first-child .rl-item-wrap:before,
.rl-multi-step-item:first-child .rl-item-wrap:after {
  left: 50%;
}
.active.rl-multi-step-item:first-child:hover .rl-item-wrap {
  background: linear-gradient(to right, #d8f1ff 95%, transparent 5%);
}
.current.rl-multi-step-item:first-child .rl-item-wrap {
  background: linear-gradient(to right, #4285f4 95%, transparent 5%);
}
.rl-multi-step-item:last-child .rl-item-wrap {
  background: linear-gradient(to left, #eee 95%, transparent 5%);
}
.rl-multi-step-item:last-child .rl-item-wrap:before,
.rl-multi-step-item:last-child .rl-item-wrap:after {
  right: 50%;
}
.active.rl-multi-step-item:last-child:hover .rl-item-wrap {
  background: linear-gradient(to left, #d8f1ff 95%, transparent 5%);
}
.current.rl-multi-step-item:last-child .rl-item-wrap {
  background: linear-gradient(to left, #4285f4 95%, transparent 5%);
}
.checked .rl-multi-step-item.completed:after {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  right: .5em;
  font-family: FontAwesome;
  content: '\f00c';
  color: #54b948;
}
.numbered .rl-multi-step-item {
  counter-increment: step-counter;
}
.numbered .rl-multi-step-item .rl-item-wrap {
  padding-left: 2.5em;
}
.numbered .rl-multi-step-item:before {
  content: counter(step-counter);
  position: absolute;
  top: 50%;
  left: .75em;
  transform: translateY(-50%);
  min-width: 1.65em;
  padding: 0.25em 0.5em;
  z-index: 2;
  font-size: .85em;
  background-color: #999;
  color: #fff;
  font-weight: 600;
  text-align: center;
  border-radius: 0.2em;
}
.rl-item-wrap .badge {
  position: absolute;
  right: .5em;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.error .rl-item-wrap .badge {
  right: 2em;
}
.error .rl-item-wrap .badge ~ .rl-item-title,
.error .rl-item-wrap .badge ~ .rl-item-subtitle {
  padding-right: 3em;
}
.rl-multi-step-loading {
  opacity: .75;
}
.current.rl-multi-step-loading:before {
  border-color: #fff;
  border-top-color: transparent;
  opacity: 1;
}
.rl-item-wrap .busy {
  display: none;
}
.busy-css {
  z-index: 3;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  border: 0.25em solid #333;
  border-top-color: transparent;
  animation: spin 1s infinite linear;
}
.rl-multi-step-loading:before {
  z-index: 3;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  border: 0.25em solid #333;
  border-top-color: transparent;
  animation: spin 1s infinite linear;
  opacity: 1;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#pe-list.dataTable thead th {
	font-size:12px;
}
#pe-list td {
	font-size:12px;
}
#pe-list td .opn-file {cursor: pointer;}
#pe-list.dataTable tbody td {	
	border-bottom: 1px solid;
}
#pe-list.dataTable.no-footer {border-bottom: 0;}
.animationload {
  background-color: rgba(0, 0, 0, 0.60);;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.osahanloading {
  animation: 1.5s linear 0s normal none infinite running osahanloading;
  background: #fed37f none repeat scroll 0 0;
  border-radius: 50px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  width: 50px;
}
.osahanloading::after {
  animation: 1.5s linear 0s normal none infinite running osahanloading_after;
  border-color: #85d6de transparent;
  border-radius: 80px;
  border-style: solid;
  border-width: 10px;
  content: "";
  height: 80px;
  left: -15px;
  position: absolute;
  top: -15px;
  width: 80px;
}
@keyframes osahanloading {
	0% {
	  transform: rotate(0deg);
	}
	50% {
	  background: #85d6de none repeat scroll 0 0;
	  transform: rotate(180deg);
	}
	100% {
	  transform: rotate(360deg);
	}
}

#tbl-pe .dataTables_scroll table th {
	font-size: 14px;
}