@charset "utf-8";
/*Editor Start*/
.modal.ba-modal-lg,
.ba-icons-wrapper .active.left,
.ba-icons-wrapper .active.right,
.ba-icons-wrapper .out-left,
.ba-icons-wrapper .out-right,
.ba-icons-wrapper .tab-content .tab-pane.active,
.ba-modal-lg:not(#code-editor-dialog) .active.left,
.ba-modal-lg:not(#code-editor-dialog) .active.right,
.ba-modal-lg:not(#code-editor-dialog) .out-left,
.ba-modal-lg:not(#code-editor-dialog) .out-right,
.ba-modal-lg:not(#code-editor-dialog) .tab-content .tab-pane.active {
    width: 1400px;
}
.modal.ba-modal-lg{margin-left: -700px;}

.CodeMirror-code * { font-size: 12px; line-height: 20px;}
.edit-settings i{font-size: 14px;line-height: 14px;width: 14px;padding: 6px;}
.side-navigation-menu .ba-edit-item:hover .ba-buttons-wrapper,
.ba-social-sidebar .ba-edit-item:hover .ba-buttons-wrapper,
.ba-item-tabs > .tabs-right ~ .ba-edit-item:hover .ba-buttons-wrapper,
.ba-item-scroll-to-top.scroll-btn-right .ba-edit-item:hover .ba-buttons-wrapper,
.sidebar-menu + .body .ba-wrapper .ba-row-wrapper .ba-grid-column-wrapper.span1:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper,
.sidebar-menu + .body .ba-wrapper .ba-row-wrapper .ba-grid-column-wrapper.span2:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper,
.sidebar-menu + .body .ba-wrapper .ba-row-wrapper .ba-grid-column-wrapper.span3:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper,
.sidebar-menu + .body .ba-wrapper .ba-row-wrapper .ba-grid-column-wrapper.span4:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper,
.ba-wrapper:not(.ba-container) .ba-row-wrapper .ba-grid-column-wrapper.span1:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper,
.ba-wrapper:not(.ba-container) .ba-row-wrapper .ba-grid-column-wrapper.span2:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper,
.ba-wrapper:not(.ba-container) .ba-row-wrapper:not(.ba-container) .ba-grid-column-wrapper.span3:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper,
.sortable-helper .ba-section > .ba-edit-item .ba-buttons-wrapper,
.ba-section > .ba-edit-item:hover .ba-buttons-wrapper {
    right: 5px;
    padding: 5px 20px 5px 10px;
}
.sortable-helper .ba-item > .ba-edit-item .ba-buttons-wrapper, 
.ba-item > .ba-edit-item:hover .ba-buttons-wrapper, 
.ba-row > .ba-edit-item:hover .ba-buttons-wrapper, 
.sortable-helper .ba-row > .ba-edit-item .ba-buttons-wrapper, 
.sortable-helper .ba-section > .ba-edit-item .ba-buttons-wrapper 
{padding: 5px 10px 5px 20px;}
.ba-buttons-wrapper i{padding: 5px;}

@media (max-width: 1024px)
{
  body.com_gridbox.gridbox .ba-section > .ba-edit-item {top: auto;bottom: -25px;}
}
.ba-section > .ba-edit-item .edit-settings {background: #4f2b4fb8 !important;}
.ba-item >.ba-edit-item .edit-settings {background-color: #2ecc719e;}
.ba-buttons-wrapper {background: #2d3e50b8;}
.blog-post-wrapper > .ba-section > .ba-edit-item .ba-buttons-wrapper .ba-edit-wrapper, .product-tour-add-section, .ba-add-section, .ba-edit-blog-post{bottom:20px;}
.blog-post-wrapper > .ba-section > .ba-edit-item .ba-buttons-wrapper .ba-edit-wrapper i, .product-tour-add-section i, .ba-add-section i.zmdi, .ba-edit-blog-post i.zmdi{padding:6px;}
/*Editor End*/

.close-menu, .open-menu{cursor:pointer;}
.jborder_all{border:1px solid gray;}
.jborder_left{border-left:1px solid gray;}
.jborder_right{border-right:1px solid gray;}
.jborder_top{border-top:1px solid gray;}
.jborder_bottom{border-bottom:1px solid gray;}
.jhidden{display:none !important;}
.no_minheight,.no_minheight .ba-section-items{min-height:0 !important;}
/**/
body.page .jfixedbottom{position:fixed;z-index:10;bottom:0;display:block !important;}
.jfixedbottom{position:relative;display:none !important;}
/**/
header:not(.fixed-header) .custom-header {
    background: transparent !important;
}

.fixed-header .custom-header {
    padding: 0 !important;
}
.ba-button-wrapper a {
    display: block;
}
.custom-header {
    transition: all .3s ease-in-out ;
    -webkit-transition: all .3s ease-in-out 
}
.table{margin-bottom:0;}
.table th, .table td{padding:8px;}
.pinjie_dentisttable {
    border: 1px solid #6ebbe1;
    color: #333;
  	margin-bottom:0px;
}
/* Dr. Schedule Color START*/
.pinjie_schedule{background:white;box-shadow:0px 0px 5px 0px rgba(128, 128, 128, 0.5);}
.pinjie_schedule .date,
.pinjie_schedule td:after
{background:whitesmoke;color:#b5b5b5;}
.pinjie_schedule .table_title,
.pinjie_schedule .table.title.date{background:whitesmoke;color:gray;}
td.jtoday:after {color: #ffffff;background: #73acf5;}
tr.jweeknow .date{color: #ffffff;background: #73acf5;}
.pinjie_schedule,
.pinjie_schedule td,
.pinjie_schedule th:first-child,
.pinjie_schedule th:nth-child(2)
{border-color: gainsboro;}

body.page .pinjie_schedule tr[class^=week]>td:hover:after{background:transparent;color:white;}
body.page .pinjie_schedule tr[class^=week] td:hover{ background-color: #6ecaf3; color: white;}
body.page .pinjie_schedule tr[class^=week] td:hover .dr_visit{ box-shadow: 0px 0px 2px 2px rgba(133, 210, 245, 0.88);}
.pinjie_schedule tr.jweeknow td {border-top: 1px solid #03A9F4;border-bottom: 1px solid #03A9F4;}
.pinjie_schedule tr.jweeknow td:last-child {border-right: 1px solid #03A9F4;}
.pinjie_schedule tr.jweeknow td:first-child,
.pinjie_schedule tr.jweeknow td:nth-child(2){border-left: 1px solid #03A9F4;}
/* Dr. Schedule Color END*/

.pinjie_schedule br{display:none;}
.pinjie_schedule table{margin-bottom:2px;}
.pinjie_schedule .table_title{width: calc(99% / 6);font-size: 12px;font-weight: bold;text-align: center;}
.pinjie_schedule .date{display: none;width:20px;padding: 2px 2px;font-size: 12px;}
.dr_visit{text-align:center !important;}
.holiday{background-color:#e91e63;color:white;}
.doctorhistory{
  padding:20px 0 0;
	min-height:180px;
	max-height:180px;
  overflow-y:auto;
}
.jfixed{
	position:fixed;
  bottom:0px;
  width:200px;
  z-index:999;
}

@media (max-width:480px){
	.table th, .table td{padding:4px;}
  .pinjie_schedule .table_title{font-size:12px;}
  .pinjie_schedule .date{width:30px;padding:0 !important;}
  .dr_visit,.pinjie_schedule .date{font-size:12px;}
  .joverscroll div{overflow-x:auto;overflow-y:hidden;}
}

.pinjie_schedule td{position:relative;}
.pinjie_schedule td:nth-child(1) li{display:none;}
.pinjie_schedule li {
    width: 22px !important;
    height: 18px;
    line-height: 14px;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ececec;
    color: #9E9E9E;
    border: 1px transparent !important;
    padding: 2px !important;
    font-family:  monospace;
}
.pinjie_schedule li.today{background-color: #00BCD4;color: white;}
.pinjie_schedule li:hover{background-color: #9E9E9E;color: white;}
.pinjie_schedule li .cld-number{
    text-align: center;
}

.pinjie_schedule td:nth-child(1):after{display:none;}
.pinjie_schedule tr[class^=week]>td:after
{
    content: attr(data-date);
    position: absolute;
    top: 0;
    left: 0;
    width: 18px !important;
    height: 14px;
    line-height: 16px;
    font-size: 16px;
    border: 1px transparent !important;
    padding: 2px !important;
    font-family:  monospace;
    font-weight: bold;
    z-index:1;
    text-align:center;
    letter-spacing: -1px;
}
.pinjie_schedule td {padding: 4px 6px;}
.pinjie_schedule tr[class^=week] td{
    padding-left: 20px;
	  padding-top: 20px;
    transition: all 300ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.pinjie_schedule tr[class^=week] td:nth-child(1){padding:2px;}

.pinjie_schedule .dr_visit,
.pinjie_dentisttable .dr_visit{
    padding: 2px 4px;
    font-size: 14px;
}

.morn_visit:before
{
    content:'';
    font-family:'Material-Design-Iconic-Font';
}
.noon_visit:before,
.night_visit:before,
.further_visit:before
{
    content:'';
    font-family: FontAwesome;
}
.morn_visit:before  {content:'\f1d6';}
.noon_visit:before  {content:'\f185';}
.night_visit:before {content:'\f186';}
.further_visit:before{content:'\f212';}

.morn_visit.no_visit,
.noon_visit.no_visit,
.night_visit.no_visit,
.morn_visit.no_visit:before,
.noon_visit.no_visit:before,
.night_visit.no_visit:before
{background-color: gray;color:white;}

.morn_visit{background-color: #8BC34A;color:#fdffed;}
.noon_visit{background-color: #ffdba5;color:#bd7100;}
.night_visit{background-color: #0b68b1;color:white;}
.further_visit{background-color: #ffffff;color: #00776c;}

.morn_visit:before{color: #ffeb3b;}
.noon_visit:before{color: #f5680e;}
.night_visit:before{color: #2bbdff;}
.further_visit:before {color: #009688;}

.morn_visit:before,
.noon_visit:before,
.night_visit:before,
.further_visit:before{margin-right: 4px;}

.dr_visit{margin-bottom:5px;}
.no_visit{display:none !important;}
.pinjie_schedule tr[class^=week] td .dr_visit{
    /*transition: all 550ms ease-out;*/
}

.pinjie_schedule tr[class^=week] td.morn_active .noon_visit,
.pinjie_schedule tr[class^=week] td.morn_active .night_visit,
.pinjie_schedule tr[class^=week] td.noon_active .morn_visit,
.pinjie_schedule tr[class^=week] td.noon_active .night_visit,
.pinjie_schedule tr[class^=week] td.night_active .morn_visit,
.pinjie_schedule tr[class^=week] td.night_active .noon_visit
{
  visibility: hidden;
  display:none;
}

.pinjie_schedule tr[class^=week] td .morn_visit,
.pinjie_schedule tr[class^=week] td .noon_visit,
.pinjie_schedule tr[class^=week] td .night_visit
{
    visibility: visible;
  	display:block;
}

.morn_visit:after {content: '早上診';}
.noon_visit:after {content: '下午診';}
.night_visit:after {content: '晚上診';}
.holiday:after {content: '國定假日';}
.further_visit:after {content: '進修';}

.jvisit_week_filter, .jvisit_time_filter{display: none !important;}
.jvisit_week_filter.active, .jvisit_time_filter.active{display: block !important;}
.jvisit_filter_control a:before{
    content:'';
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
  	left: 0;
  	right: 0;
	  margin: 0 auto;
    border-style: solid;
    border-width: 0 20px 10px 20px;
    border-color: transparent transparent #666666 transparent;
    -webkit-transition: all .3s ease-in-out;
}
.jvisit_filter_control a:hover:before{
    border-color: transparent transparent rgba(199, 18, 90, 1) transparent;
}

@media (max-width: 1024px){
  .home_section_service img{
    width:auto !important;
  	max-height:150px;
    overflow:hidden;
  }
}
@media (max-width: 768px){
    .ba-item-logo a:after {
    content: '品傑牙醫';
    color: #85c5e2;
    font-size: 20px;
	}
}

@media (max-width: 667px){

	.dr_visit{margin-bottom:2px;}
  .pinjie_schedule tr[class^=week]>td:after{
  	font-size:12px;
    line-height:14px;
    width: 100% !important;
    height: 14px;
    box-sizing: border-box;
    padding: 0 !important;
  }
  .pinjie_schedule tr[class^=week] td{
      padding: 2px 2px 0px 2px;
      padding-top: 16px;
  }
  .morn_visit:after {content: '早診';}
  .noon_visit:after {content: '午診';}
  .night_visit:after {content: '晚診';}
  .holiday:after {content: '放假';}
  .further_visit:after {content: '進修';}
}

@media (max-width: 414px){
  .home_section_service img{
    width:auto !important;
  	max-height:110px;
    overflow:hidden;
  }

  .morn_visit:after {content: '早';}
  .noon_visit:after {content: '午';}
  .night_visit:after {content: '晚';}
  .holiday:after {content: '假';}
  .further_visit:after {content: '修';}
  .pinjie_schedule .dr_visit,
  .pinjie_dentisttable .dr_visit{
      padding: 2px;
      font-size: 14px;
  }
}
/*Menu*/
@media (max-width: 768px){
    .ba-item-main-menu div {box-sizing: border-box;}
    .ba-hamburger-menu > .main-menu.visible-menu{top: 0px;right: 0;padding: 50px 30px 30px 30px;}
    .ba-hamburger-menu > .main-menu >.close-menu{
        margin: 0;
        padding: 0 20px;
        width: 100%;
        top: 0;
    }
    .ba-hamburger-menu > .main-menu .close-menu i{
        font-size: 0px;
        line-height: 50px;
        transition: all 300ms ease;
        transform: rotate(45deg);
    }
    .ba-hamburger-menu > .main-menu.visible-menu .close-menu i{
        font-size: 40px;
        line-height: 50px;
        transform: rotate(180deg);
        transition: all 300ms ease;
    }
    ul.nav-child{padding-top:0 !important;padding-bottom:5px !important;}

    .ba-hamburger-menu > .main-menu,
    .ba-hamburger-menu > .main-menu.visible-menu{
        width: 250px;
        height:100%;
    }
    .ba-hamburger-menu > .main-menu
    {transition:all 350ms,
                350ms width 100ms cubic-bezier(0, 0, 0.2, 1),
                100ms height 50ms cubic-bezier(0.4, 0, 1, 1),
                300ms top 100ms,
                200ms right 120ms;
    }
    .ba-hamburger-menu > .main-menu.visible-menu
    {transition:all 350ms,
                350ms width 50ms cubic-bezier(0.65, 0.05, 0.36, 1),
                250ms height 50ms cubic-bezier(0.4, 0, 1, 1),
                250ms top 200ms,
                280ms right 250ms;
    }

    .ba-hamburger-menu > .main-menu{
        top: 22px;
        right: 46px;
        width: 0px;
        height: 0px;
        padding: 0;
    }
    .ba-hamburger-menu > .main-menu ~ .open-menu .zmdi,
    .ba-hamburger-menu > .main-menu.visible-menu ~ .open-menu .zmdi{line-height:30px;transition: all 350ms;}
    .ba-hamburger-menu > .main-menu ~ .open-menu .zmdi{font-size:30px;}
    .ba-hamburger-menu > .main-menu.visible-menu ~ .open-menu .zmdi{font-size:30px;}
    
    .ba-hamburger-menu > .main-menu .integration-wrapper{opacity:0;transition: all 350ms;}
    .ba-hamburger-menu > .main-menu.visible-menu .integration-wrapper{opacity:1;transition:500ms all 350ms;}

  	.ba-hamburger-menu >.main-menu{width:250px;}
}
/*Menu*/
.jdrbold p{letter-spacing:2px;}
table.pinjie_schedule:before {
    content: attr(data-cldym);
    text-align: center;
    display: block;
    width:100%;
    position: absolute;
    top: 0;
    background: #03A9F4;
    color: white;
}
table.pinjie_schedule {
    padding-top:24px;
}
.fixbtm{
  position:fixed;
  bottom:0;
}