@charset "utf-8";

@media(max-width:767px){
	:root {
	  --input-group-addon-width: 150px;
	}
}

@media(min-width:768px){
	:root {
	  --input-group-addon-width: 105px;
	}
}

@media (min-width: 768px){
	.hideInMobile{ display:block;}
	.showInMobile{ display:none;}
}

@media (min-width: 768px){
	.uploadPage #page-wrapper { margin-left:0px;}
	.patientName{ width:260px; display:inline-block;}	
	.docType{ width:5%;}
	.docName{ width:80%;}
	.docOpt{ width:7%;}
	.letterSub input[type="text"]{ width:94%!important;}
	.memoSub input[type="text"]{ width:50%!important;}
	.selectPeriod{ float:right;}
	.patientBlock .select2-container{ min-width:180px;}
}


/*-- General --*/
body{ height:auto; /*font-size:15px;*/}

body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a, body.canvas-menu.mini-navbar .navbar-default .nav > li > a{ font-size:14px;}
h6{ font-weight:bold;}
.text-confirm{ color:#1ab394;}
.page-heading{ padding: 10px 0 0 5px;}
.page-heading h2{   line-height: 30px;  margin-top: 10px;}
.pageTitle{ margin-top:18px; margin-left:15px;}
.wordBreak{ word-break:break-all;}

/*-- Tabs --*/
.tabs-container .panel-body{ padding:10px;}
.wrapper-content{ padding: 10px 10px 40px;}

.clear{ clear:both;}
.space-top{ margin-top:10px;}
.space-bottom{ margin-bottom:10px;}

/*-- Input --*/
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background:#1ab394;}
.select2-container .select2-selection--single{ height:34px; padding-top:2px;}

/*-- Button --*/
.btn-default:active, .btn-default:hover, .btn-default:focus{ color:#f8ac59!important; background:white!important;}

/*-- Sidebar --*/
.sidebar-profile{ background:#1ab394!important; color:white;}

/*-- Top Menu --*/
.navbar-right{ float:right;}

/*-- ibox --*/
.ibox-content{ min-height:100px;}

/***------- Each Pages -------**/
/*-- Login --*/
/*-- Login --*/
.loginColumns{ max-width:600px;}
.loginPanel{ 
	width:100%;
	height:350px;
	padding:20px 50px; 
	background:url(../images/SGMedIntel.Clinic-Management-Software-System-Singapore-3.jpg) 60% 70%;
	position:relative;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
.loginPanel:before, .loginPanel:after{
    position: absolute;
    content: "";
    top: 280px;
    bottom: 5px;
    left: 27%;
    right: 30px;
    z-index: -1;
    border-radius: 200px/13px;
    width: 50%;
}
.loginPanel .ibox-content{ background-color:rgba(255,255,255,0.8)}

/**-- Login_new --**/
@media (min-width: 0px) {
      .marketing {
        background-image: none;
    }
}
@media (min-width:800px) {
	.login-marketing{ 
		background:url(../images/login_bg.jpg) no-repeat; background-size:cover;
	}
}

@media (min-width: 0px) {
	.login-marketing .loginPanel{ 
		background:rgba(255,255,255,0.8); 
		padding:20px 20px; 
		box-shadow:0px 0px 5px #999;
		height:400px;
		margin-left:0;
	}
}
@media (min-width: 800px) {
	.login-marketing .loginPanel{ 
		background:rgba(255,255,255,0.8); 
		padding:20px 30px; 
		box-shadow:0px 0px 5px #999;
		height:400px;
		margin-left:0;
	}
}
.login-marketing .loginColumns{ padding-top:50px;}
.login-marketing .ibox-content{ border-top:none; background:transparent;}
.login-marketing .text-title{ font-weight:bold; font-size:24px;}
.login-marketing .text-subtitle{ color:#2f4050; margin-top:10px;}
.login-marketing h4.portal-feature{ text-align:center;}
#carousel {
	width:100%;
	height:100px;
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0;
	margin-top:10px;
}
#carousel img {
	visibility:hidden; /* hide images until carousel can handle them */
	cursor:pointer; /* otherwise it's not as obvious items can be clicked */
	border:1px solid #aaa;
}
.carousel_caption{}

.period, .patient{ display:inline-block; width:200px;}
.dropzone{ position:relative; padding:0;}
.dropzone .btnUpload{ position:absolute; top:-43px; left: 285px; margin-left: 0;}
.dropzone .dz-default.dz-message { background-image:none;}
.dropzone .dz-default.dz-message span{ display:inline-block; margin-left:80px; font-size:14pt;}
.uploadPage .select2-container { width:80%!important;}
.bigdrop { width: 250px !important; max-height:300px!important;}
.bigdrop .select2-results__options{ max-height:250px!important;}
.contact{ margin-top:10px; margin-bottom:10px;}
.label-block{	display: inline-block;}
/*-- Memo --*/
.memoIbox{ padding-top:0px;}

/*-- Consultation Note --*/
.notePage{ padding:0 15px;}
.summernote.consult, .summernote.summary{ padding:0 5px;}
.summernote{ min-height:30px;}

/*-- Referral Letter --*/
.mail-box-header{ padding-top:20px;}
.letterSub{ width:100%!important;}
.editLetter, saveLetter, saveEditLetter,closeEditLetter{ display:inline-block;}
.note-editor .note-editable{ min-height:120px; border:1px solid #E7EAEC;}
.closeEditLetter{
margin-left: 5px;
}
.letterTool{ margin-top:-10px; margin-right:-10px;}

/*-- Patient --*/
.periodBlock .select2-container--default .select2-selection--single{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	margin-top:1px;	
}
.btnSearch{
	margin-left:-4px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}
.text-edit{
	 resize: none;
}
.reminder-edit{
	color:#676a6c;
	font-size: 13px;
	min-height:80px;
}
/*-- Calendar --*/
.ibox-calendar{ padding:10px!important;}
.fc-event, .fc-agenda .fc-event-time, .fc-event a{ padding:3px;}
.fc-day-grid-event > .fc-content{ white-space:normal; overflow:visible; font-size:10px;}

@media (max-width: 767px) {
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-left:10px;
		padding-right:10px;	
	}
	.patientName{ width:200px; display:inline-block;}/*-- Patient Profile --*/
	.docType{ width:15%;}
	.docName{ width:70%;}
	.docOpt{ width:15%;}
	.doctor, .visitDate, .template, .subject, .form-group{ width:100%;}
	.selectPeriod{ float:left;}
	.patientBlock .select2-container{ min-width:240px;}
	.ibox-calendar{ min-height:470px;}
}
/*-- Display Item Rule --*/
@media (max-width: 767px){
	.hideInMobile{ display:none;}/* hidden in mobile device*/
	.showInMobile{ display:block;}
	.tabs-container .nav-tabs > li{
	float:left!important;
	}
	
}

.fc-event, .fc-agenda .fc-event-time, .fc-event a{ padding:3px;}
.fc-day-grid-event > .fc-content{ white-space:normal; overflow:visible; font-size:10px;}

/*-- Easy UI- Combogrid --*/
.textbox{ 
	border:1px solid #e5e6e7;
	border-radius:1px;
	background-color:#FFFFFF;
	padding: 2px 12px;
    width: 100%;
    font-size: 14px!important;
	font-family:"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}
.textbox-focused{ box-shadow:none; border-color:#1ab394;}
.textbox:focus{ border-color:#1ab394 !important; outline:none;}
.textbox .textbox-text{ font-size:14px;}
.combo-arrow{ height:25px!important; background:url(../css/images/combo_arrow.png) no-repeat center center!important;}
.combo-arrow:hover{ background-color:transparent;}
.datagrid-header-inner{ background-color:#F5F5F6; font-weight:bold; border-bottom:1px solid #DDDDDD;}
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{ font-size:14px; padding:6px 10px;}
.datagrid-row-selected{ background-color:#1ab394; color:#FFF;}
.datagrid-row-over{ background-color:#f5f5f5;}

/*-- button drop down menu --*/
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.dropdown-menu {
    min-width: 0px !important;
}

/*-- jQ Grid --*/
.ui-jqgrid .ui-jqgrid-view {position: relative;left:0;top: 0;padding: 0;font-size: 13px;}
.ui-jqgrid .ui-jqgrid-htable th div {
	overflow: hidden; 
	position:relative; 
	height: 40px;	
	text-align: left; 
	padding-left: 5px;
	padding-top: 12px;}
.ui-jqgrid .ui-paging-info {
	font-weight: bold;
	height:19px; 
	margin-top:3px;
	margin-right:4px;}
.ui-jqgrid .ui-pg-table{
	font-size: 13px;
	padding-left: 3px !important;
	padding-right: 3px !important;
}

/*-- memo --*/
.memoSub{ width:100%!important;}
.memoSubCaption{ width:130px;}

.ibox-content > .sk-spinner { display: none; }
.ibox-content.sk-loading { position: relative; }
.ibox-content.sk-loading:after {
    content: '';
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}
.ibox-content.sk-loading > .sk-spinner {
    display: block;
    position: fixed;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}

.nav-tabs > li > a > .a-bgcolor {
	color:#fff;
	background-color: #2f4050;
}

/*-- print config --*/
.print-caption{
	margin-top:8px;
}

/* -- FullCalendarEvent -- */
.fc-event {
    border-width: 3px;
}

/* -- Bootstrap table-bordered -- */
table.table-bordered-prescription{
    border:1px solid #D4D4D4;
    padding: 5px;
  }
table.table-bordered-prescription > thead > tr > th{
    border:1px solid #D4D4D4;
    padding: 5px;
}
table.table-bordered-prescription > tbody > tr > td{
    border:1px solid #D4D4D4;
    padding: 5px;
}

.gird_select2{
	min-height: 31px !important;
	max-height: 31px !important;
}

.notbold{
    font-weight:normal
}​

/* -- jqgrid pop up dialog background color -- */
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content{
	background: #fefefe;
}

.sweet-alert.sweetalert-lg { width: 700px; !important}


.ui-jqgrid .form-control {
    height: 30px;
    padding: 10px 5px;
}

.widget .rf-label{
	font-weight:bold;
}

@media only screen and (max-width: 1400px) {
 .hideInPad{display:none;}
}


.bigdrop {
    width: 600px !important;
}
.bigdrop_row {
	width: 580px !important;
}

/*--01-11-2018--*/
#inventory-categories ul{ margin-bottom: -15px; }
#inventory-categories ul li{ display: inline-block; padding: 0 20px 15px 0; vertical-align: top; }
#inventory-categories ul li .inventory-category-box{ display: inline-block; width: 160px; min-height:100px; max-width:160px; padding:15px 10px 12px; text-align: center; border:#e7eaec 1px solid ; border-radius: 4px;  }
#inventory-categories ul li .hover-img{ display: none; }
#inventory-categories ul li p{ font-size: 15px; color:#000; font-weight: 400; text-transform: capitalize; padding-top: 5px; }
#inventory-categories ul li .inventory-category-img{ min-height: 45px }
#inventory-categories ul li .inventory-category-img img{ width:45px }
#inventory-categories ul li .inventory-category-box:hover img{ display: none; }
#inventory-categories ul li .inventory-category-box:hover img.hover-img{ display: inline-block; }
#inventory-categories ul li .inventory-category-box:hover p{ color:#fff;  }
#inventory-categories ul li .inventory-category-box:hover{ background:#1791a6; border-color:#1791a6;  }
.form-inline .form-control.inventory-category-search{ width: calc(100% - 50px); border-radius: 4px }
@media (max-width: 1024px){
	#inventory-categories ul{ margin: 0 -15px }
	#inventory-categories ul li{ width: 25%; margin: 0 -2px; padding: 0 15px 15px; text-align: center; }
	#inventory-categories ul li .inventory-category-box{ width: 100%; }
}
@media (max-width: 767px){
	#inventory-categories ul li{ width: 33.33%; }
	.form-inline .form-control.inventory-category-search{ width: 100% }
}
@media (max-width: 560px){
	#inventory-categories ul li{ width: 50%; }
}
@media (max-width: 400px){
	#inventory-categories ul li{ width: 100%; }
}
.zk_table_responsive{
	min-width: 100%;
	overflow-x: auto;
}

@media only screen and (max-width: 1250px) {
 .hideInPad-s{display:none;}
}
@media only screen and (max-width: 1367px) {
 .hideInPad-l{display:none;}        
}
@media only screen and (max-width: 1199px) {
 .hideInPad-md{display:none;}
}
@media only screen and (max-width: 991px) {
 .hideInPad-sm{display:none;}
}
@media only screen and (max-width: 767px) {
 .hideInPad-xs{display:none;}
}
@media only screen and (min-width: 1251px) {
 .showInPad{display:none;}
}

.mini-navbar .nav > li.has-menu-item > a::after{ display:none;}

/* zk_searching_bar */
.zk_searching_bar .input-group {
	padding : 0px;
}

.zk_searching_bar div[class^="col-lg"],
.zk_searching_bar div[class^="col-md"],
.zk_searching_bar div[class^="col-sm"],
.zk_searching_bar div[class^="col-xs"] {
	/*padding-top: 15px;
	padding-bottom: 15px;*/
}

.zk_searching_bar .input-group-addon-start{
    border-top: 1px solid #cbd5dd;
    border-left: 1px solid #cbd5dd;
    border-bottom: 1px solid #cbd5dd;
	min-width: var(--input-group-addon-width);
    border-radius: 4px 0px 0px 4px;
    text-align: left;
    min-width: var(--input-group-addon-width);
}
.zk_searching_bar .input-group-addon-end{
    border-top: 1px solid #cbd5dd;
    border-bottom: 1px solid #cbd5dd;
    border-right: 1px solid #cbd5dd;
	width: 40px;
    border-radius: 0px 4px 4px 0px; 
}

.zk_searching_bar .input-group {
	/* Comment by Willy on 2019/02/19 */
	/*padding-bottom: 10px;*/
}

.zk_searching_bar .zk_btn_group {
	/*padding-top: 10px;*/
	padding-bottom: 10px;
}

.zk_searching_bar .zk_btn_group .func_btn{
    margin-left: 1%;
    float: right;
}

.zk_searching_bar .input_group_flex{
	display: flex;
}

.zk_searching_bar .input_group_flex .zk_input_group_append button{
	border-radius: 0px 4px 4px 0px;
}

.zk_searching_bar .input_group_flex .input-group-prepend .input-group-addon-start{
	height: 34px;
}

.zk_searching_bar .input-daterange{
	width: 100%;
}

.zk_searching_bar .input-daterange .input-group-addon-start{
	width: var(--input-group-addon-width);
}

.zk_searching_bar .searching_bar_title{
	margin-bottom: 5px;
}

.zk_searching_bar .searching_bar_input{
	margin-bottom: 5px;
}

@media(min-width:768px){
	.zk_searching_bar .zk_btn_group .btn_pull_right_xs{
	    margin-left: 1%;
	    float: right;
	}
}
@media(min-width: 992px) {
 	.zk_searching_bar .zk_btn_group .btn_pull_right_sm{
	    margin-left: 1%;
	    float: right;
	}
}

/* For under col-lg */
@media(max-width:1199px){
	.zk_searching_bar .input-daterange .input-group-addon-date {
		padding: 4px 2px;
	}
}

/* General zksoft datatable styling */
@media(max-width:767px){
	.zk_datatable .dataTables_paginate ul
	{
		display: flex;
		
		flex-wrap: wrap;
		
		justify-content: center;
		
		align-content: space-between;
		
		height: 63px;
	}
	.zk_datatable .dataTables_filter input
	{
		width: 72%;
	}
	.zk_datatable .dataTables_length
	{
		margin: 10px 0;
	}
	
	.zk_datatable .dataTables_filter
	{
		margin: 10px 10px 10px !important;
	}
	.zk_datatable .dataTables_length
	{
		margin: 10px 10px 10px !important;
	}
	.zk_datatable .dataTables_filter
	{
		margin: 0px 0 10px;
		text-align: center !important;
	}
	.zk_datatable .dataTables_length
	{
		margin: 0px 0 10px;
		text-align: center !important;
	}
}

.zk_datatable .tbl_btn
{
	min-width: 130px;
}
.zk_datatable .dataTable thead tr th:after{
	top: 8px;right: 5px;
}
.zk_datatable .dataTables_paginate  ul li.active a,
.zk_datatable .dataTables_paginate  ul li a:hover,
.zk_datatable .dataTables_paginateul li a:focus {
     background-color: #1c84c6;     color: #fff; 
 }
.zk_datatable .dataTable thead {
     /*background-color: #e9ecef; */
 }
.zk_datatable .dataTables_length select {
 padding: 0px 12px; 
 } 
 /* nth-child(even) 為母元素之下的第幾的元素(even:偶數, odd:單數) */ 
.zk_datatable .dataTable>tbody>tr:nth-child(even){
     background-color:#f2f2f2;  
 }
.zk_datatable .dataTable tr th {
     /*border-top: 1px solid #8c8c8c!important;     
     border-bottom: 1px solid #8c8c8c; */ 
}  
.zk_datatable .dataTables_paginate{
     margin: 20px 0 0;  
     }  
.zk_datatable .dataTables_paginate ul{
	height: initial;  
}
 .zk_datatable .dataTables_length font
{
	padding: 0px 5px 0px 5px;
}
.zk_datatable .dataTables_length {
 	float: none;
}
.zk_datatable .table > thead > tr > th {
    border-bottom: 2px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px 5px;
    vertical-align: top;
}

@media(min-width:768px){
	.zk_datatable .dataTables_filter
	{
		margin: 0px 0 10px;
		text-align: left !important;
	}
	.zk_datatable .dt-buttons{
		text-align: right !important;
	}
	.zk_datatable .dataTables_length
	{
		margin: 0px 0 10px;
		text-align: right !important;
	}
}
@media(min-width:768px){
	.modal-dialog{
        width:630px;
    }
}

@media(max-width:767px){
	.modal-dialog{
        width:300px;
    }
}

.zk_no_wrap{
	white-space: nowrap !important;
}

/*For 'ACL' disabled button 20190315, by Willy*/
button[disabled]{  
    background-color: #c9c3c3 !important;
    border-color: #9b9b9b  !important;
    color: #474545  !important;
}
button[disabled]:hover{  
    background-color: #c9c3c3 !important;
    border-color: #9b9b9b !important;
    color: #474545 !important;
}

.row.tt-suggestion-header *[class^=col-], .row.tt-suggestion-header *[class^=col-], .row.tt-suggestion-header *[class^=col-] {
  background-color: #f2f2f2;
}

.typeahead-suggestion-code, .typeahead-suggestion-name {
  word-break: break-word;
}

.tt-menu {
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: auto;
}
.tt-menu .tt-suggestion.row, .tt-menu .tt-suggestion-header.row {
  padding-left: 0;
  padding-right: 0;
}