body,html {
	 background-image: linear-gradient(to right, #FFC766 , #FFF6E5);
	 background-image: -moz-linear-gradient(to right, #FFC766 , #FFF6E5);
	 background-repeat:no-repeat;
	 background-position: center center;
	 background-attachment:fixed;
	 overflow:hidden;
	 margin: 0;
	 padding: 0;
	 font-family:ARIAL;
 }
 .sort-by-date,.sort-by-name {
	 text-decoration:none;
	 color:#42413E;
	 display:inline-block;
	 padding-left:20px;
	 background-repeat:no-repeat;
	 background-position:left;
	 background-size:12px 12px;
 }
 
  .sort-by-date.asc,.sort-by-name.asc {
	  background-image:url(images/up-arrow.png);
  }
  .sort-by-date.desc,.sort-by-name.desc {
	  background-image:url(images/down-arrow.png);
  }
  
 .border-radius5px {
	 border-radius:5px;
	 -moz-border-radius:5px;
 }
 .border-radius6px {
	 border-radius:6px;
	 -moz-border-radius:6px;
 }
 .border-radius10px {
	 border-radius:10px;
	 -moz-border-radius:10px;
 }
 .border-radius50 {
	 border-radius:50%;
	 -moz-border-radius:50%;
 }
 .progress {
	 position:fixed;
	 width:50px;
	 height:50px;
	 top:50%;
	 left:50%;
	 margin-top:-25px;
	 margin-left:-25px;
	 z-index:1005;
 }
 .progress img {
	 width:100%;
	 height:100%;
 }
 .dialog {
	 position:fixed;
	 width:500px;
	 border:none;
	 z-index:1000;
	 background:#FFF;
	 box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    -moz-box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
	top:50px;
	bottom:50px;
	left:50%;
	margin-left:-250px;
 }
 .dialog-1 {
	 width:800px;
	 top:25px;
	 bottom:25px;
	 margin-top:-10px;
	 margin-left:-400px;
 }
 .dialog .header {
	 position:absolute;
	 top:0;
	 left:0;
	 right:0;
	 height:40px;
	 border-bottom:solid 1px #CCC;
 }
 .dialog .footer {
	 position:absolute;
	 bottom:0;
	 left:0;
	 right:0;
	 height:60px;
	 border-top:solid 1px #CCC;
	 text-align:right;
 }
 .dialog .footer table {
	 position:absolute;
	 top:10px;
	 right:10px;
 }
 .dialog .header .title {
	 margin:10px;
	 font-weight:bold;
	 color:#42413E;
	 font-size:15px;
 }
 .dialog .header .close {
	 position:absolute;
	 top:8px;
	 right:13px;
 }
 .dialog .header .close a {
	 text-decoration:none;
	 color:#42413E;
 }
 .dialog .header .close a:hover {
	 opacity:0.75;
 }
 .dialog .body {
	 position:absolute;
	 left:0;
	 bottom:61px;
	 right:0;
	 top:41px;
	 overflow:auto;
	 background:#FFF;
 }
 .dialog .body select {
	 width:calc(100% - 25px);
 }
 .dialog .body input {
	 width:calc(100% - 25px);
 }
 .photo-container {
	 width:calc(100% - 25px);
	 min-height:150px;
	 border:dotted 1px #FFA200;
	 border-radius:10px;
	 -moz-border-radius:10px;
	 cursor:pointer;
	 position:relative;
	 text-align:center;
 }
 .photo-container .container {
	 position:absolute;
	 top:0;
	 bottom:0;
	 left:20px;
	 right:20px;
 }
 .photo-container img {
	 position:relative;
	 z-index:1001;
	 background:#FFF;
 }
 .photo-container .plus {
	 z-index:1000;
	 background-color:#D9D9D9;
	 padding:20px;
	 padding-top:15px;
	 border-radius:10px;
	 -moz-border-radius:10px;
	 color:#FFF;
	 font-weight:bold;
	 width:20px;
	 height:20px;
	 font-size:24px;
	 text-align:center;
	 margin:20px;
	 position:absolute;
	 top:50%;
	 left:50%;
	 margin-top:-30px;
	 margin-left:-30px;
 }
 .photo-container:hover {
	 background:#F5F5F4
 }
 .modal,.modal1 {
	 position:fixed;
	 top:0;
	 bottom:0;
	 left:0;
	 right:0;
	 z-index:999;
	 background:#ccc;
	 opacity:0.5;
 }
 .modal1 {
	 z-index:1004;
	 opacity:0.25;
 }
 .data-reporting {
	 position:relative;
 }
 .data-reporting .add-new-user {
	 position:absolute;
	 top:5px;
	 right:20px;
 }
 .paging {
	 margin:10px;
	 margin-left:20px;
 }
 .paging a {
	 display:inline-block;
	 padding:5px;
	 padding-top:3px;
	 padding-bottom:3px;
	 font-size:13px;
	 border:solid 1px #CCC;
	 margin:2px;
	 text-decoration:none;
	 color:#42413E;
	 border-radius:3px;
	 -moz-border-radius:3px;
 }
  .paging strong {
	 display:inline-block;
	 padding:5px;
	 padding-top:3px;
	 padding-bottom:3px;
	 font-size:13px;
	 border:solid 1px #FFF;
	 margin:2px;
	 text-decoration:none;
	 color:#42413E;
	 border-radius:3px;
	 -moz-border-radius:3px;
 }
 body input {
	 outline:none
 }
 select option {
	 text-indent: 15px;
 }
 .button-1,.button-2,.button-3,.button-4,.button-xls,.button-pdf {
	border:none;
	background:#2FBB56;
	border: none;
    margin: 0;
    padding: 10px;
	padding-left:10px;
	padding-right:10px;
    border-radius: 12px;
	-moz-border-radius:12px;
    font-size: 13px;
    color: #FFF;
    min-width: 100px;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
	-moz-box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
 }
 .button-2 {
	background:#0680CD; 
 }
 .button-3 {
	 background:#FF486A;
 }
 .button-4 {
	 background:#0680CD;
 }
 .button-xls,.button-pdf {
	 background:#FFF;
	 background-image:url(images/xlsx.png);
	 background-repeat:no-repeat;
	 background-position:center;
	 background-size:24px 24px;
	 border:solid 2px #FFA200;
	 min-width:70px;
 }
 .button-pdf {
	 background-image:url(images/pdf.png);
 }
  .button-1:hover,.button-2:hover,.button-3:hover,.button-4:hover,.button-xls:hover,.button-pdf:hover {
	  opacity:0.75
  }
  .penyakit-code {
	  display:inline-block;
	  padding:3px;
	  padding-left:5px;
	  padding-right:5px;
	  border-radius:5px;
	  -moz-border-radius:5px;
	  background-color:#0060FF;
	  color:#FFF;
	  text-decoration:none;
	  font-weight:bold;
  }
 .page-title {
	 position:absolute;
	 left:250px;
	 margin-left:10px;
	 top:75px;
	 color:#0680CD;
	 font-weight:bold;
	 font-size:16px;
 }
 .main-body {
	 position:absolute;
	 right:0;
	 bottom:0;
	 left:250px;
	 top:100px;
	 overflow:auto;
 }
 .td-result-detail {
	position:relative;	
 }
 .td-result-detail .container {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;	
	overflow:auto;
 }
 .rpt-result table tr:nth-of-type(1) td {
	 border:none;
	 color:#42413E;
	 font-weight:500;
	 font-size:13px;
	 /*border-bottom:solid 1px #CCC;*/
 } 
 .rpt-result table tr.body:nth-of-type(even) td {
	 border:none;
	 color:#42413E;
	 font-weight:normal;
	 font-size:14px;
	 background:#E2E1DF
 } 
 .rpt-result table tr.body:nth-of-type(odd) td {
	 border:none;
	 color:#42413E;
	 font-weight:normal;
	 font-size:14px;
	 background:#FFFFFF
 } 
 .rpt-result {
	 position:relative;
	 width:calc(100% - 20px);
	 min-height:100px;
	 margin:10px;
 }
 .rpt-result .left {
	 left:0;
	 top:0;
	 min-height:100px;
	 width:230px;
	 position:absolute;
	 border-right:solid 1px #AAA;
 }
 .rpt-result .right {
	 left:30px;
	 top:0;
	 bottom:0;
	 right:0;
	 position:absolute;
	 border-left:solid 1px #000;
 }
 .rangkuman-pasien,.data-pasien,.data-pie_chart,.d-reporting,.report-result {
	 min-height:110px;
	 background:#FFF;
	 margin:10px;
	 padding-top:10px;
	 padding-bottom:20px;
 }
 
 .data-pasien,.data-pie_chart {
	 min-height:380px;
 }
 .data-pie_chart {
	 text-align:center;
 }
 .data-pie_chart .chart-container {
	 width:570px;
	 min-height:500px;
	 float:left;
	 margin:5px;
	 margin-right:0;
 }
 .data-e_resep {
	 margin:10px;
	 min-height:50px;
	 border:solid 1px #000;
	 position:relative;
 }
 .data-e_resep .header,.data-e_resep .footer {
	 margin:0;
	 min-height:10px;
	 border-bottom:solid 1px #999;
	 padding:10px;
 }
 .catatan-pemeriksaan-container .data-e_resep tr td {
	 padding:0;
	 margin:0;
 }
 .catatan-pemeriksaan-container .data-e_resep tr td .a {
	 margin:4px;
	 margin-left:10px;
 }
 .catatan-pemeriksaan-container .data-e_resep tr td .b {
	 margin:4px;
	 margin-left:10px;
	 font-weight:bold;
 }
  .catatan-pemeriksaan-container .data-e_resep tr.c td {
	 
 }
 .catatan-pemeriksaan-container .data-e_resep tr.d td {
	 font-weight:500;
	 text-align:right;
	 padding:5px;
	 border-top:solid 1px #999;
 }
 .catatan-pemeriksaan-container .data-e_resep tr.e td {
	 border-bottom:solid 1px #999;
 }
 .catatan-pemeriksaan-container .data-e_resep tr.e td .main {
	 min-height:200px;
	 text-align:left;
 }
 .data-e_resep .header tr td,.data-e_resep .footer tr td {
	 padding:3px;
 }
 .data-e_resep .body .a {
	 text-align:right;
	 margin:10px;
	 font-weight:500;
	 font-size:13px;
 }
 .data-e_resep .footer {
	 position:absolute;
	 left:0;
	 right:0;
	 bottom:0;
	 border:none;
	 border-top:solid 1px #999;
 }
 .rangkuman-pasien .title, .data-pasien .title, .data-pie_chart .title,.d-reporting .title {
	font-size:17px;
	color:#044D7B;
	margin-left:10px;
	font-weight: bold;
}
.data-pie_chart .title {
	text-align:center;
}
.dashboard .rangkuman-pasien .b {
	margin:10px;
	height:45px;
}
.dashboard .rangkuman-pasien .c {
	margin:10px;
	font-size:14px;
	font-weight: 400;
	color:#044D7B;
}
.dashboard .rangkuman-pasien .content {
	margin-top:10px;
}
.dashboard .rangkuman-pasien .content .b1 {
	font-weight:bold;
	font-size:30px;
	color:#044D7B;
	float:right;
	text-align:left;
	width:80px;
}
.rangkuman-pasien .p-telemedicine,
.rangkuman-pasien .p-homecare,
.rangkuman-pasien .p-sendmedicine,
.rangkuman-pasien .p-consult,
.rangkuman-pasien .chat,
.rangkuman-pasien .homecare,
.rangkuman-pasien .e-resep,
.rangkuman-pasien .konsul-sp {
	border-left:solid 2px #68B2E1;
	float:left;
	width:170px;
	height:80px;
	background-repeat:no-repeat;
	background-position:24px 0;
	background-size:54px 54px;
}
.rangkuman-pasien .p-consult {
	border:none;
}
.rangkuman-pasien .rangkuman:nth-of-type(1) {
	border:none;
}
.rangkuman-pasien .p-telemedicine,.rangkuman-pasien .chat {
	background-image:url(../assets/images/p-telemedisin.png);
}
.rangkuman-pasien .p-homecare,.rangkuman-pasien .homecare {
	background-image:url(../assets/images/p-homecare.png);
}
.rangkuman-pasien .p-sendmedicine,.rangkuman-pasien .e-resep {
	background-image:url(../assets/images/p-sendmedicine.png);
}
.rangkuman-pasien .p-consult,.rangkuman-pasien .konsul-sp {
	background-image:url(../assets/images/p-consult.png);
}
table tr td.td-title {
	font-size:13px;
	color:#42413E;
	padding-left:10px;
}
.search-key .key {
	float:left;
	height:70px;
	width:200px;
	margin-left:10px;
	position:relative;
}
.search-key .key tr td {
	font-size:14px;
	color:#044D7B;
	padding-top:10px;
	padding-right:5px;
}
.d-reporting .search-key .key {
	height:40px;
}
.d-reporting .detail-container {
	margin:10px;
}
.detail-container .td-data-pasien div {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	border-bottom:solid 2px #FFA200;
	color:#FFA200;
	padding:5px;
}
.detail-container .td-catatan-pemeriksaan div {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	border-bottom:solid 2px #2FBB56;
	color:#2FBB56;
	padding:5px;
}
.title-rekam-medis {
	text-align:center;
	padding:3px;
	width:150px;
	margin:auto;
	font-size:13px;
}
.no-rekam-medis {
	text-align:center;
	padding:3px;
	border-bottom:solid 1px #FFA200;
	width:150px;
	margin:auto;
	font-size:13px;
}
.pasien-info-container {
	margin:auto;
	margin-top:20px;
	width:250px;
	min-height:50px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	-moz-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	padding:20px;
}
.pasien-info-container .name {
	font-weight:bold;
	font-size:16px;
	color:$42413E;
	margin-bottom:5px;
	min-height:26px;
}
.pasien-info-container .tgl-lahir {
	font-size:14px;
	color:$664100;
	padding-left:30px;
	background-image:url(../assets/images/name-icon.png);
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-position:left auto;
	min-height:23px;
	padding-top:3px;
	margin-bottom:5px;
}
.pasien-info-container .phone {
	font-size:14px;
	color:$664100;
	padding-left:30px;
	background-image:url(../assets/images/phone-icon.png);
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-position:left auto;
	min-height:23px;
	padding-top:3px;
	margin-bottom:5px;
}
.pasien-info-container .gender {
	font-size:14px;
	color:$664100;
	padding-left:30px;
	min-height:23px;
	padding-top:3px;
	margin-bottom:5px;
}
.gender.female {
	background-image:url(../assets/images/female-icon.png);
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-position:left auto;
}
.title-nik {
	margin-top:20px;
	margin-bottom:10px;
	color:#42413E;
	font-size:16px;
}
.title-nik-value {
	color:#42413E;
	font-weight:bold;
	border-bottom:solid 2px #FFA200;
	font-size:16px;
	padding-bottom:5px;
	min-height:15px;
}
.catatan-pemeriksaan-container {
	width:100%;
	min-height:500px;
	border:solid 1px #CCC;
}
.catatan-pemeriksaan-container .timeline {
	margin:5px;
	min-height:100px;
	background:#FFFBF3;
	overflow:auto;
	padding:10px;
	/*
	border-radius:5px;
	-moz-border-radius:5px; */
}
.catatan-pemeriksaan-container .data-penerimaan-obat {
	margin:5px;
	min-height:100px;
	background:#f3f8fb;
	overflow:auto;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
}
.catatan-pemeriksaan-container .data-result {
	min-height:10px;
	overflow:auto;
}
.catatan-pemeriksaan-container .data-telemidicine {
	margin:5px;
	min-height:100px;
	background:#ECFCF1;
	padding:10px;
}
.catatan-pemeriksaan-container .data-homecare {
	margin:5px;
	min-height:100px;
	background:#F3F8FA;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
}
.catatan-pemeriksaan-container .catatan-pemeriksaan-title {
	font-weight:bold;
	font-size:16px;
	color:#42413E;
	margin-bottom:10px;
}
.catatan-pemeriksaan-container .photo-container {
	position:absolute;
	bottom:10px;
	left:0;
	top:0;
	right:0;
	overflow-y:hidden; overflow-x:auto;
	/*overflow-y:hidden; overflow-x:auto;*/
}
.catatan-pemeriksaan-container .photo-container .photo {
	height:200px;
	width:1000px;
	border:solid 1px #000;
}
.catatan-pemeriksaan-container .photo-container img {
}
.catatan-pemeriksaan-container table tr td {
	font-size:13px;
	color:#42413E;
	padding:5px;
	padding-left:0;
	padding-top:0;
	position:relative;
}
select.sel-1 {
	width:100%;
	padding:5px;
	outline:none;
	border-radius:6px;
	border:solid 1px #0680CD;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	background-image:url(../assets/images/arrow-down.png);
	background-position:center right 5px;
	background-repeat:no-repeat;
	background-size:10px auto;
}
select.sel-2 {
	width:100%;
	padding:5px;
	outline:none;
	border-radius:6px;
	border:solid 1px #FFA200;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	background-image:url(../assets/images/arrow-down2.png);
	background-position:center right 5px;
	background-repeat:no-repeat;
	background-size:10px auto;
}
.date-multiple {
	cursor:default;
}
.date-multiple.type-1,.date.type-1 {
	width:200px;
	padding:5px;
	outline:none;
	border-radius:6px;
	border:solid 1px #FFA200;
	
	background-image:url(../assets/images/datepicker.png);
	background-position:center right 10px;
	background-repeat:no-repeat;
	background-size:10px auto;
	cursor:default;
}
.date-multiple.type-2,.date.type-2 {
	width:200px;
	padding:5px;
	outline:none; 
	border:none;
	border-bottom:solid 1px #FFA200;
	
	background-image:url(../assets/images/arrow-down3.png);
	background-position:center right 10px;
	background-repeat:no-repeat;
	background-size:10px auto;
	cursor:default;
}
.type-3 {
	width:200px;
	padding:5px;
	outline:none; 
	border:none;
	border-bottom:solid 1px #FFA200;
	cursor:default;
}
.report-result {
	overflow:auto;
}
table.tb-report tr td {
	text-align:center;
	padding:5px;
	border:solid 1px #ECEBEA;
	color:#FFF;
	background:#61605B;
	font-size:14px;
}
table.tb-report tr.a td,
table.tb-report tr.b td,
table.tb-report tr.c td {
	text-align:right;
	color:#42413E;
}

table.tb-report tr.d td {
	text-align:right;
	color:#42413E;
}
table.tb-report tr.e td,
table.tb-report tr.f td {
	text-align:right;
	color:#42413E;
}

table.tb-report tr.e:nth-of-type(odd) td,
table.tb-report tr.f:nth-of-type(odd) td,
table.tb-report tr.g:nth-of-type(odd) td,
table.tb-report tr.h:nth-of-type(odd) td {
	background:#F5F5F4; 
	text-align:right;
	color:#42413E;
}

table.tb-report tr.e:nth-of-type(even) td,
table.tb-report tr.f:nth-of-type(even) td,
table.tb-report tr.g:nth-of-type(even) td,
table.tb-report tr.h:nth-of-type(even) td {
	background:#FFF;
	text-align:right;
	color:#42413E;
}
table.tb-report tr.a td {
	background:#6CE08C;
}
table.tb-report tr.b td {
	background:#B5EEEA; 
}
table.tb-report tr.c td {
	background:#A6BAF8;
}
table.tb-report tr.d td {
	background:#FFCDD2;
}

.a-detail {
	text-decoration:none;
	color:#0680CD;
}
.a-detail:hover {
	text-decoration:underline;
}
select.sel-3 {
	width:200px;
	padding:5px;
	outline:none; 
	border:none;
	border-bottom:solid 1px #FFA200;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	background:none;
	background-image:url(../assets/images/arrow-down3.png);
	background-position:center right 10px;
	background-repeat:no-repeat;
	background-size:10px auto;
}
.data-pasien .search-result {
	margin:10px;
	height:250px; 
}
.data-pasien .legend tr td {
	font-size:14px;
}
.data-pasien .legend .l1 {
	width:15px;
	height:15px;
	border-radius:50%;
	background:#6CE08C
}
.data-pasien .legend  .key {
	float:left;
}
.data-pasien .legend .l2 {
	width:15px;
	height:15px;
	border-radius:50%;
	background:#B5EEEA
}
.data-pasien .legend .l3 {
	width:15px;
	height:15px;
	border-radius:50%;
	background:#A6BAF8
}
.data-pasien .legend .l4 {
	width:15px;
	height:15px;
	border-radius:50%;
	background:#FFCDD2;
}
 .main-menu {
	 position:absolute;
	 left:0;
	 top:0;
	 width:260px;
	 height:400px;
	 color:#42413E;
 }
 .main-body.portrait {
	 left:50px;
 }
 .page-title.portrait {
	 left:50px;
 }
 .main-menu.portrait {
	 width:70px;
 }
 .main-menu ul li a.portrait {
	 width:0;
	 padding-right:0;
 }
 .main-menu ul.portrait {
	 padding-left:5px;
	 margin-top:110px;
 }
 .main-menu ul {
	 list-style-type: none;
	 padding:0;
	 padding-left:10px;
	 padding-top:10px;
	 padding-bottom:30px;
	 margin:20px;
	 margin-left:0;
	 background:#FFF;
	 border-top-right-radius:10px;
	 border-bottom-right-radius:10px;
 }
 .main-menu ul li a {
	 display:inline-block;
	 padding:8px;
	 padding-left:40px;
	 text-decoration:none;
	 margin-bottom:10px;
	 width:165px;
	 border-radius:10px;
	 color:#42413E;
	 font-size:16px;
	 font-weight:bold;
 }
 .main-menu ul li a:hover {
	 text-decoration:underline
 }
 .main-menu ul li a.selected {
	 background:#6CE08C;
 }
 .main-menu ul li a.dashboard {
	 background-image:url(../assets/images/dashboard.png);
	 background-repeat:no-repeat;
	 background-position:5px 7px;
	 background-size:24px 24px;
 }
 .main-menu ul li a.reporting {
	 background-image:url(../assets/images/reporting.png);
	 background-repeat:no-repeat;
	 background-position:5px 7px;
	 background-size:24px 24px;
 }
 .main-menu ul li a.usermanagement {
	 background-image:url(../assets/images/usermanagement.png);
	 background-repeat:no-repeat;
	 background-position:5px 7px;
	 background-size:24px 24px;
 }
 .main-menu ul li a.db_medicine,.main-menu ul li a.medicine {
	 background-image:url(../assets/images/medicine.png);
	 background-repeat:no-repeat;
	 background-position:5px 7px;
	 background-size:24px 24px;
 }
  .main-menu ul li a.logout {
	 background-image:url(../assets/images/logout.png);
	 background-repeat:no-repeat;
	 background-position:5px 7px;
	 background-size:24px 24px;
 }
 .main-menu .title {
	 margin-top:25px;
	 font-size:20px;
	 font-weight:bold;
	 text-align:center;
 }
 .main-menu .user-name {
	 margin-top:20px;
	 font-size:18px;
	 font-weight:bold;
	 text-align:center;
 }
 .main-menu .button-menu {
	 position:absolute;
	 right:0;
	 top:15px;
	 width:40px;
	 height:40px;
 }
 .main-menu .button-menu.hide-the-menu {
	 left:20px;
 }
 .main-menu .button-menu.show-the-menu {
	 right:0;
 }
 .main-menu .button-menu a {
	 display:inline-block;
	 width:25px;
	 height:auto;
 }
 .main-menu .button-menu a:hover {
	 opacity:0.5;
 }
 .main-menu .button-menu .a {
	 background:#42413E;
	 height:3px;
	 border-radius:2px;
	 margin-top:5px;
	 margin-bottom:5px;
 }
 .main-header {
	 position:absolute;
	 top:0;
	 right:0;
	 width:360px;
	 height:80px;
	 
 }
  .main-header .user-info {
	  position:absolute;
	  top:20px;
	  right:20px;
	  width:300px;
	  height:40px;
	  background:#FFF;
	  border-radius:20px;
	  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	  -moz-border-radius:20px;
	  -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .main-header .user-info .info {
	  font-size:15px;
	  margin:12px;
	  margin-left:20px;
	  font-weight:bold;
	  color:#666;
  }
  .login-form.portrait { 
	  width: 300px;
	  min-height: 300px;
	  position:absolute;
	  left:50%;
	  top:50%;
	  margin-left:-150px;
	  margin-top:-150px;
	  border:none;
  }
  .login-form.landscape { 
	  width: 360px;
	  height: 280px;
	  position:absolute;
	  left:35px;
	  top:50%;
	  margin-top:-155px;
	  border:none;
  }
 .login-bg.landscape {
	 opacity:0.90;
	 position:absolute;
	 height:400px;
	 right:30px;
	 top:50%;
	 margin-top:-200px;
 }
 .login-bg.portrait {
	 opacity:0.90;
	 position:absolute;
	 width:350px;
	 top:50%;
	 left:50%;
	 margin-top:-150px;
	 margin-left:-175px;
	 z-index:-1;
 } 
 .login-form .title {
	font-family: 'Arial';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color:#FFF;
	margin:15px;
 }
 .login-form form {
	 text-align:center;
 }
  .login-form input[type=submit] {
	background:#2FBB56;
	border:none;
	margin:10px;
	padding:10px;
	font-size:16px;
	color:#FFF;
	width:150px;
	border-radius:25px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	-moz-border-radius:25px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  }
  .login-form input[type=submit]:hover {
	  text-decoration:underline;
	  opacity:0.75
  }
 .login-form input[type=text],.login-form input[type=password] {
	 border:none;
	 margin:10px;
	 margin-left:0;
	 margin-right:0;
	 border-bottom:solid 1px #FFF;
	 padding:10px;
	 padding-left:0;
	 padding-right:0;
	 font-size:18px;
	 background:none;
	 width:100%;
	 outline:none;
 }
 
  .login-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #FFF;
	  opacity: 1; /* Firefox */
	}
	.rpt-result.detail {
		  
	}
	table .column-title {
		padding:5px; font-size:13px
	}
	.tbl-scroll {
		width: calc(100% - 245px);
        overflow-x: scroll;
        margin-left: 236px;
        overflow-y: visible;
        padding: 0;
	}
	.tbl-scroll table tr:nth-of-type(1) td,.tbl-scroll table tr:nth-of-type(1) th {
		border: none;
		color: #42413E;
		font-weight: 500;
		font-size: 15px;
		border-bottom: solid 1px #CCC;
		text-align:left;
	}
	.tbl-scroll table tr.body:nth-of-type(even) td,.tbl-scroll table tr.body:nth-of-type(even) th {
		border: none;
		color: #42413E;
		font-weight: normal;
		font-size: 13px;
		background: #E2E1DF;
	}
	.tbl-scroll table tr.body:nth-of-type(odd) td,.tbl-scroll table tr.body:nth-of-type(odd) th {
		border: none;
		color: #42413E;
		font-weight: normal;
		font-size: 13px;
		background: #FFFFFF;
	}
	.tbl-scroll table {
		  border-collapse: separate;
		  border-spacing: 0;
	}
	.tbl-scroll table td,.tbl-scroll table th {
		  margin: 0;
		  white-space: nowrap;
		  border-top-width: 0px;
	}
	.headcol-offset {
		position: absolute;
		width: 65px;
		left: 30px;
		margin-left:20px;
		top: auto;
		text-align:left;
		font-weight:normal;
	}
	.headcol {
		  position: absolute;
		  width: 110px;
		  left: 115px;
		  margin-left:20px;
		  top: auto;
		  text-align:left;
		  font-weight:normal;
		}

		.headcol:before {
		 content: '';
		}

		.long {
		  letter-spacing: 0;
		}
	
	.system_status {
		padding:4px;
		border:none;
		height:15px;
		padding:4px;
		border-radius:6px;
		-moz-border-radius:6px;
		font-size:13px;
	}
	.system_status.aktif {
		color:#2FBB56;
		width:30px;
		background-color:#ECFCF1;
		box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
		-moz-box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
	}
	.system_status.tidak.aktif {
		color:#FF486A;
		width:65px;
		background-color:#FFF0F9;
	}
	.request_chat,.request_chat_specialist {
		color:#FFA200;
		border:solid 1px #FFA200;
		width:95px;
		background:#FFFBF3
	}
	.feedback_user {
		color:#FFA200;
		padding:4px;
		border:solid 1px #FFA200;
		border-radius:6px;
		-moz-border-radius:6px;
		font-size:13px;
		width:105px;
		background:#FFFBF3
	}
	.feedback_user .circle {
		width:5px;
		height:5px;
		border-radius:50%;
		-moz-border-radius:50%;
		background:#FFA200;
		float:left;
		margin:5px;
	}
	.request_chat_specialist {
		width:150px;
	}
	.request_chat .circle,.request_chat_specialist .circle {
		width:5px;
		height:5px;
		border-radius:50%;
		-moz-border-radius:50%;
		background:#FFA200;
		float:left;
		margin:5px;
	}
	
	.ongoing_chat {
		color:#3267E3;
		padding:4px;
		border:solid 1px #3267E3;
		border-radius:6px;
		-moz-border-radius:6px;
		font-size:13px;
		width:95px;
		background:#f0f3ff
	}
	.ongoing_chat .circle {
		width:5px;
		height:5px;
		border-radius:50%;
		-moz-border-radius:50%;
		background:#3267E3;
		float:left;
		margin:5px;
	}
	
	.finish_chat {
		color:#2FBB56;
		padding:4px;
		border:solid 1px #2FBB56;
		border-radius:6px;
		-moz-border-radius:6px;
		font-size:13px;
		width:95px;
		background:#ECFCF1
	}
	.finish_chat .circle {
		width:5px;
		height:5px;
		border-radius:50%;
		-moz-border-radius:50%;
		background:#2FBB56;
		float:left;
		margin:5px;
	}
	
	.request_e_resep {
		color:#E1D91A;
		padding:4px;
		border:solid 1px #E1D91A;
		border-radius:6px;
		-moz-border-radius:6px;
		font-size:13px;
		width:122px;
		background:#FFFCF3
	}
	.request_e_resep .circle {
		width:5px;
		height:5px;
		border-radius:50%;
		-moz-border-radius:50%;
		background:#E1D91A;
		float:left;
		margin:5px;
	}
	
	.creating_e_resep,.e_resep_sedang_dibuat,.kurir_menuju_alamat_pasien,.obat_telah_diterima_pasien {
		color:#32C3E3;
		padding:4px;
		border:solid 1px #32C3E3;
		border-radius:6px;
		-moz-border-radius:6px;
		font-size:13px;
		width:150px;
		background:#F0FDFF
	}
	.obat_telah_diterima_pasien {
		width:170px;
	}
	.kurir_menuju_alamat_pasien {
		width:180px;
	}
	.creating_e_resep .circle,.e_resep_sedang_dibuat .circle,
	.kurir_menuju_alamat_pasien .circle,
	.obat_telah_diterima_pasien .circle {
		width:5px;
		height:5px;
		border-radius:50%;
		-moz-border-radius:50%;
		background:#32C3E3;
		float:left;
		margin:5px;
	}
	
	.request_kurir {
		color:#FF7A00;
		padding:4px;
		border:solid 1px #FF7A00;
		border-radius:6px;
		-moz-border-radius:6px;
		font-size:13px;
		width:95px;
		background:#FFF9F3
	}
	.request_kurir .circle {
		width:5px;
		height:5px;
		border-radius:50%;
		-moz-border-radius:50%;
		background:#FF7A00;
		float:left;
		margin:5px;
	}
	
	.going_to_patient,.tim_homecare_menuju_alamat_pasien,.pasien_telah_dikunjungi {
		color:#CA32E3;
		padding:4px;
		border:solid 1px #CA32E3;
		border-radius:6px;
		-moz-border-radius:6px;
		font-size:13px;
		width:240px;
		background:#FCF0FF
	}
	.pasien_telah_dikunjungi {
		width:150px;
	}
	.going_to_patient .circle,.tim_homecare_menuju_alamat_pasien .circle,.pasien_telah_dikunjungi .circle {
		width:5px;
		height:5px;
		border-radius:50%;
		-moz-border-radius:50%;
		background:#CA32E3;
		float:left;
		margin:5px;
	}
	.request_homecare,.homecare_selesai {
		color:#00BDB0;
		padding:4px;
		border:solid 1px #00BDB0;
		border-radius:6px;
		-moz-border-radius:6px;
		font-size:13px;
		width:128px;
		background:#EAFBFA
	}
	.request_homecare .circle,.homecare_selesai .circle {
		width:5px;
		height:5px;
		border-radius:50%;
		-moz-border-radius:50%;
		background:#00BDB0;
		float:left;
		margin:5px;
	}
	.cat_penyakit_legend {
		width:12px;height:12px;margin:3px;float:left
	}
	.cat_penyakit_info {
		font-size:13px;color:#42413E;
		 text-overflow: ellipsis;
		  overflow: hidden; 
		  width: 150px; 
		  height: 1.2em; 
		  white-space: nowrap;
		  padding-top:2px;
	}
	.cat_penyakit_code {
		font-size:12px;color:#FFF;background:#0060FF;padding:3px;
		border-radius:4px;
		-moz-border-radius:4px;
	}
	#kategori-penyakit-legend,#penyebaran-penyakit-legend {
		min-height:300px;
		max-height:500px;
		overflow:auto;
	}
	.p-terlayani {
		border:solid 1px #CCC;
		float:left;
		width:200px;
		min-height:30px;
		margin:10px;
	}
	.p-terlayani.jam{
		width:300px;
	}
	.p-terlayani .cat-title {
		color:#42413E;
		border-bottom:solid 1px #ECEBEA;
		padding:5px;
		margin:10px;
		font-weight:bold;
	}
	.p-terlayani .cat {
		border-bottom:solid 1px #ECEBEA;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		padding:5px;
	}
	.p-terlayani .cat .a {
		float:left;
	}
	.p-terlayani .cat .b {
		float:right;
	}
	table#p-terlayani,table#p-jam_kerja {
		border:solid 1px #CCC;
	}
	table#p-terlayani .cat-title,table#p-jam_kerja .cat-title {
		color:#42413E;
		border-bottom:solid 1px #ECEBEA;
		padding:5px;
		margin-left:10px;
		margin-right:10px;
		font-weight:bold;
	}
	table#p-terlayani .cat,table#p-jam_kerja .cat {
		color:#42413E;
		border-bottom:solid 1px #ECEBEA;
		margin-left:10px;
		margin-right:10px;
		padding:5px;
	}
	table#p-terlayani .cat .a,table#p-jam_kerja .cat .a {
		float:left;
		width:100px;
	}
	table#p-terlayani .cat .b,table#p-jam_kerja .cat .b {
		float:right;
		width:50px;
		text-align:right;
	}