@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed');

html { /* overflow:hidden; */}
@media print {html { overflow:auto; } .no-print{display:none !important;}}
html, body {font-size: 1em !important; height:100%; background-color:#f9fbf8; color: #062339; font-family: 'Roboto', sans-serif !important;}
body {padding-top: 50px;}
/* a {color: white;} */
.navbar-fixed-top {border: 0; background: #062339; width:55px;	height:50px; transition: 0.5s; z-index: 999999;}
.sidebar {position: fixed;top:0;bottom: 0;left: 0;z-index: 99;display: block;padding: 10px 20px;/* Scrollable contents if viewport is shorter than content. */background-color: #062339; transition:0.5s; width: 55px; }
.nav-sidebar > li > a > span {display: none;}
.mobile-menu {display:none; position:fixed; background: #062339; top:50%; left:180px; color: white; padding:5px 10px; cursor:pointer; transform: rotate(270deg); -webkit-transform: rotate(270deg);z-index:9999; transition: 0.5s}
.sidebar .badge{font-size:11px!important;font-weight:300;height:18px;color:#fff;padding:3px 6px;-webkit-border-radius:12px!important;-moz-border-radius:12px!important;border-radius:12px!important;text-shadow:none!important;text-align:center;vertical-align:middle; top: 22px; position: absolute;}
nav.navbar > div {padding:0; text-align: center;}
nav.navbar > div > div#logo {width: 100%;}

.nav-sidebar {margin:0 -20px 20px;}
.nav-sidebar > li > a {padding: 15px; color:white; height: 50px;}
.nav-sidebar > .active > a,.nav-sidebar > .active > a:hover,.nav-sidebar > .active > a:focus {color: #fff;background-color: #0582ca;}
.nav-sidebar > li > a:hover, .nav-sidebar > li > a:focus {background-color: #1da8f8;}
.nav-sidebar li > a > [class^="icon-"] {margin-right: 7px;}
.nav-sidebar #unprocessedNumber {top:5px; right:5px; display: block;}
.nav>li {background-color:#062339;}
.container-fluid .main {padding: 20px 20px 20px 75px; min-width:1000px;}
.main .page-header {margin-top: 0;}
.open>.dropdown-menu {left: 0;}
#close-menu, #mobile-menu {display: none;}
.mobile-menu-bar {height: 40px; width: 50px; padding: 20px 10px 10px; position: absolute; display: none;}

h4, h5 {color:#0582ca;}
td > span.glyphicon-remove {color:red;}
td > span.glyphicon-ok {color:green;}
.hide {display:none !important;}
body#transactions .input-group .form-control {margin-bottom:20px;}
.page-footer {left:60px; bottom: 0; position: fixed; padding: 5px; font-size:70%; z-index: 9999;}
.table-data {padding:0; }
/* .table-data table tr > td:nth-child(3), .table-data table tr > td:nth-child(4) {text-transform: capitalize;} */
.table-hover > tbody > tr:hover {background-color:#e6f7ff !important;}
.table td, .table th { font-size: inherit; font-weight: normal;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding:5px 10px; border-top: none;}

table#customersTable tr > td:hover, table#receivedReferralTable tr > td:hover, table#companiesTable tr > td:hover, table#doctorsTable tr > td:hover {cursor:pointer;}
table#customersTable tr > td {text-transform: capitalize;}
.table-striped > tbody > tr:nth-of-type(2n+1){background: #ffffff;}
/* .table-striped > tbody > tr:nth-of-type(2n){background: #f1f8f8;} */

table#customersTable tr > th, body#transactions .portlet-body .table-data .input-group label {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.page-header.navbar {width:180px; height:auto;}
.page-header.navbar.navbar-fixed-top { z-index: 99; }
.page-header.navbar .page-top {height:100px; box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2); background:#062339;}
.page-content-wrapper .page-content {padding:0; margin-left: 180px; height:100%;}
.page-container-bg-solid .page-content {background:white;}
.page-header.navbar .page-logo {height:auto;}
.page-header.navbar .page-logo > .logo-image, .page-header.navbar .page-logo > a {width:100%;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {margin-top:-30px;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu{width: 175px;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding: 12px 6px; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {margin-top:0; width:20px; height:20px;}
.page-header-fixed .page-container {margin-top:0;}
#main-menu {top:100px; bottom:0; z-index:1;}
.page-sidebar {width:180px; background-color:#062339;}
.page-content-wrapper, .page-container{height:100%;}
.page-content-wrapper > .page-content > .row {margin:0; background: #f9fbf8;}
.page-content-wrapper .page-content {padding:0;}
.page-container-bg-solid .page-content {background:#f9fbf8 !important;}

.languages-select {position:fixed; z-index:95; top:5px; right:25px; padding:5px 10px;background: #fff}
.languages-select .open>.dropdown-menu {left: -100px;}
.languages-select > a, a#dLabel {padding:0 5px;}

.page-footer-fixed .page-footer {width:180px; height: 50px; z-index:1; padding: 5px 10px;}
.page-footer-fixed .page-container {margin-bottom:0 !important;}

.modal-dialog {width:95%; max-width:960px;}
.modal-intro {max-width: 600px;}
.modal-intro .modal-title {text-align: center;}
.modal-intro .modal-title img {height: 50px;}

.modal .modal-header{background: #f2fbff;}

.modal-body form > table > tbody > tr > td:nth-child(1), .modal-body form > table > tbody > tr > td:nth-child(4) {width:17%;}
.modal-body form > table > tbody > tr > td:nth-child(2), .modal-body form > table > tbody > tr > td:nth-child(5) {width:63%;}
.modal-body form > table > tbody > tr > td:nth-child(3), .modal-body form > table > tbody > tr > td:nth-child(6) {width:20%}

.modal-body form input, form select {border-top:none !important; border-left:none !important; border-right:none !important; background-color:transparent !important;}
.modal-body form .table > tbody > tr > td {border-top:none; vertical-align: middle;}
.modal-body form .table-striped > tbody > tr:nth-of-type(2n+1) {background:none;}

.modal .alert {text-align: center; background:white; border-width:5px;}
.modal .alert.alert-success {}
.modal .alert.alert-danger {}
.modal .alert.alert-warning {}

.top-alert {position: fixed; background:white; padding: 15px 20px 20px; z-index: 9999; margin: 0 50%; text-align: center; left: -37.5%; width: 75%; border: 5px orangered solid;}

form#editDoctorForm textarea {resize:none; max-height:150px;}

.dhx_cal_light {font-size:12px !important;}
.dhx_cal_light input, .dhx_cal_light select {border: none; border-bottom:1px solid #ccc; margin-top:3px; color:black !important; font-size:12px !important;}
.dhx_cal_light textarea {min-height:50px; max-height:100px;}
#apptcalendar .dhx_section_time {height:auto !important;}
.dhx_cal_ltitle { background: #f2fbff;color:#125fa7;font-size: 16px; padding:10px 15px;height: 50px; }
.dhx_cal_light_wide .dhx_cal_larea{padding:20px 30px 20px 0px}
#apptcalendar .dhx_cal_light.dhx_cal_light_wide{height: auto !important;padding-bottom: 20px;}
#apptcalendar .dhx_save_btn_set{margin-right:35px !important;}
#apptcalendar .dhx_cal_light_wide .dhx_section_time{float: left;margin-left:10px;}
#apptcalendar #errorMessage{color: red;display: block;padding: 10px;background: #f9e6e6;}
#apptcalendar .dhx_cal_light{font-family: 'Roboto', sans-serif !important;}
#apptcalendar .dhx_cal_light input[type="text"],
#apptcalendar .dhx_cal_light select{font-family: 'Roboto', sans-serif !important;}

.btn {border:none !important;}
#videobutton.btn.btn-success, #upcomingAppts .btn-info{margin-right: 10px;}
.input-group-btn button#searchButton, .input-group-btn button.btn.btn-default{margin-left: 1px;}

.btn-primary {background-color:#0582ca !important;}
.btn-danger { background-color: #e74e36; border-color:#e74e36; color:white;}
.btn-danger:hover {background:#f77d6a; border-color:#f77d6a;}

.dhx_cancel_btn_set { background-color: #cecece; border-color:#cecece; color:white;}
.dhx_cancel_btn_set:hover {background:#dcdcdc; border-color:#dcdcdc;}
.dhx_delete_btn_set{ background-color: #e74e36; border-color:#e74e36; color:white;}
.dhx_delete_btn_set:hover {background:#f77d6a; border-color:#f77d6a;}

.ui-tabs .ui-tabs-nav li {margin: 1px 0.5em 0 0;}
.btn-info, .dhx_save_btn_set, .video_btn_set { background-color: #0582ca; color:white; }
.btn-info:hover, .dhx_save_btn_set:hover, .video_btn_set:hover { background-color: #1da8f8; }
.btn-default {background-color:#eee;}
.btn-success, .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {background-color: #0582ca; border-color:#0582ca; color:white;}
.btn-success:hover, .btn-success.focus, .btn-success:focus, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover {background-color: #1da8f8; border-color: #1da8f8; /* #67cd67 */ }
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {background-color: #0582ca; border-color: #0582ca;  color: #fff;}


.btn-primary:hover {background-color:#1da8f8 !important;}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {color: #c9d4d1; background: #7ea6ac;}
.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover {color: #c9d4d1; background: #95c3ca;}

#mini_here .dhx_month_body {width:10% !important;}
#mini_here .dhx_scale_bar {display: inline-block; left: 0 !important; margin: 0; padding: 0; position: relative; width: 14.28% !important; color:#0582ca; font-weight:bold;}
#mini_here .dhx_cal_container table {width:100%;}
#services-list {overflow-y: auto;}

#loading {background:url(../img/loading.gif) no-repeat; background-size:contain; display: none; height: 10%; left: 42.5%; position: absolute; text-align: center; top: 45%; vertical-align: middle; width: 15%; z-index: 9; transition:1s;}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {margin-top: 8px; right: initial;}
.dropdown-menu > li > a > [class*=" glyphicon-"], .dropdown-menu > li > a > [class^="glyphicon-"] {color: #fafafa; text-shadow: 0 0 1px #aaa;}

.list-group .list-group-item {margin:0; border-top:none; border-right:none; border-left:none;}
.list-group .list-group-item p:before {content:" ";}

#imageModal .modal-dialog {width:auto; max-width:75%;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {padding-bottom:0 !important;}

#services > div > div > div:first-child, #services-list > div > div {border-radius:5px !important; vertical-align: top; color:#666; margin-right: 5px; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#allServiceEvents  {width:100%;}
#allServiceEvents > div {padding: 10px 0; border-bottom: none;cursor: pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.portlet.light > .portlet-title > .caption > .caption-subject, div#upcomingAppts h3, .main h1.page-header {color: #0582ca;font-size: 1.4em; line-height:1.2em; letter-spacing: -0.5px; font-weight: 700!important; text-transform: uppercase!important;}

.page-quick-sidebar-wrapper {height:100%;}
.page-sidebar .page-sidebar-menu {overflow-y:auto; font-size: 1em;}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover > i, .page-sidebar .page-sidebar-menu > li.active > a:hover > i, .page-sidebar .page-sidebar-menu > li.active.open > a:hover > i {color:white; transition:0.2s}
.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {font-size:1em !important;}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title {letter-spacing:-1px; display:inline;}
/* .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {white-space:nowrap; text-overflow: ellipsis; overflow: hidden;} */

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a:hover,.page-sidebar .page-sidebar-menu > li > a:hover { color: white; background: #1da8f8;}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,.page-sidebar .page-sidebar-menu > li.active > a:hover,.page-sidebar .page-sidebar-menu > li.active.open > a:hover {background: #1da8f8; color:white; }


.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i { color: white;}
.dropdown > ul > li >a[aria-selected="false"] {display:none;}

#scheduler_here {width:100%; height:100%; z-index:9; background-color:transparent;}
#scheduler_here select {height: 32px; padding: 5px; width: 100px; margin-top: 14px; margin-left: 20px;}

#services-list {max-height:40%; overflow-y:auto;}
#fullscreenButton, #normalscreenButton {font-size: 20px; font-weight: bold; height: auto; padding: 7px 10px 9px 6px; width:16px; position:absolute !important; right:1px; left:initial !important; top:14px !important; color:#747473; background-color: white !important; border: 1px solid #ccc;}
.dhx_cal_navline .dhx_cal_date {left:40px !important;}
.dhx_cal_next_button {right: 46px;}
.dhx_cal_prev_button {right:93px;}
.dhx_cal_today_button {right: 155px;}

.page-header.navbar .menu-toggler.responsive-toggler {background:#0582ca; height:auto; margin:0; padding:5px 0; width:100%; text-align:center; color:white; font-weight:bold; font-size:1em;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {background:transparent;}

/* UPLOAD STYLES */
.qq-gallery.qq-uploader {padding:10px !important; border-style: solid !important; border: none !important;}
.qq-gallery .qq-upload-list li {height:auto !important; max-width: none !important; min-width: 95% !important;}
.qq-gallery .qq-thumbnail-wrapper {display:none;}
.qq-progress-bar-container {float: right; margin-top: 20px; width: 50%;}
.qq-gallery .qq-upload-spinner {margin-left:25% !important; top: 20px !important;}
.qq-upload-pause {margin-top:-6px !important;}
.qq-gallery .qq-progress-bar {background:#00b5e5 !important;}

.tooltip {position: absolute;z-index: 1070;display: block;font-size: 14px;line-height: 1.42857143;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal; filter: alpha(opacity=0);opacity: 0;}
.tooltip.in {filter: alpha(opacity=90);opacity: .9;}
.tooltip.top {padding: 5px 0;margin:-30px -50px !important;}
.tooltip.right {padding: 0 5px;margin-left: 3px;}
.tooltip.bottom {padding: 5px 0; margin:-10px -50px !important;}
.tooltip.left {padding: 0 5px;margin-left: -3px;}
.tooltip-inner {max-width: 400px;padding: 3px 8px;color: #fff;text-align: center;background-color: #062339;border-radius: 4px; white-space: nowrap;}
.tooltip-arrow {position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid;}
.tooltip.top .tooltip-arrow {bottom: 0;left: 50%;margin-left: -5px;border-width: 0;border-top-color: #000;}
.tooltip.top-left .tooltip-arrow {right: 5px;bottom: 0;margin-bottom: -5px;border-width: 5px 5px 0;border-top-color: #062339;}
.tooltip.top-right .tooltip-arrow {bottom: 0;left: 5px;margin-bottom: -5px;border-width: 5px 5px 0;border-top-color: #062339;}
.tooltip.right .tooltip-arrow {top: 50%;left: 0;margin-top: -5px;border-width: 5px 5px 5px 0;border-right-color: #062339;}
.tooltip.left .tooltip-arrow {top: 50%;right: 0;margin-top: -5px;border-width: 5px 0 5px 5px;border-left-color: #062339;}
.tooltip.bottom .tooltip-arrow {top: 0;left: 50%;margin-left: -5px;border-width: 0;border-bottom-color: #062339;}
.tooltip.bottom-left .tooltip-arrow {top: 0;right: 5px;margin-top: 0;border-width: 0 5px 5px;border-bottom-color: #062339;}
.tooltip.bottom-right .tooltip-arrow {top: 0;left: 5px;margin-top: -5px;border-width: 0 5px 5px;border-bottom-color: #062339;}

/* DASHBOARD */
.mobile-cal {display:none; background: black none repeat scroll 0 0; color: white; padding: 5px 10px; position: absolute; z-index: 1;}
div#upcomingAppts {overflow-y: auto;}
div#upcomingAppts > div {}
div#upcomingAppts > div > div {border:none; margin:15px 0; padding: 10px 15px; clear:both; background: #bfe1e2;}
div#upcomingAppts > div > div > div {margin-bottom:5px;}
div#upcomingAppts > div > div > div {max-width:100%; text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
div#upcomingAppts > div > div > div > span {font-weight:bold; text-transform: capitalize;}
#upcomingAppts .event > div > div:nth-child(1) {text-transform: capitalize; font-weight: 600; font-size:120%; }
#mini_here {margin-top:26px;}
div#upcomingAppts h3 {text-transform: uppercase!important;font-weight: 700!important; font-size: 26px; padding: 10px 0 10px; border-bottom: 1px solid #eee;}
#dashboard .portlet.light.portlet-fit>.portlet-body { padding: 0 0 10px;}
#dashboard .appt-info {float: left; padding:15px 0; height: 241px;}
#dashboard .appt-info > div {width:340px; float:left; margin:0 0 0 15px; height:100%; background:#bfe1e2;}
#dashboard #upcomingAppts > div:nth-child(2) {padding-right: 0;}


/* SIDEBAR */
/* Quick sidebar toggler */
.page-quick-sidebar-toggler {overflow: hidden;z-index: 99999999;display: none;width: 32px;height: 32px;position: fixed;top: 20px;right: 20px;text-align: center;padding-top: 8px; }
.page-quick-sidebar-toggler:hover {background: #f77d6a; }
.page-quick-sidebar-open .page-quick-sidebar-toggler {display: inline-block; }
.page-quick-sidebar-open .page-quick-sidebar-toggler:hover {/*background: none;*/ }
.page-quick-sidebar-toggler > i {color: #99a8b5;font-size: 17px; }
.page-quick-sidebar-toggler > i:hover {color: #fff !important; }
.page-quick-sidebar-open .page-quick-sidebar-toggler > i:before {/*content: ""/*rtl:""*/; }

/* Quick sidebar wrapper */
.page-quick-sidebar-wrapper {z-index: 9999996;position: fixed;top: 0;bottom: 0;width: 100%;left:100%;overflow: hidden;color: #99a8b5;background: transparent; transition: 0.5s;}
.page-quick-sidebar-open .page-quick-sidebar-wrapper {transition: 0.3s;right: 0; }
.page-quick-sidebar-wrapper .page-quick-sidebar {background: #21282e;/* Quick sidebar tabs content *//* Quick sidebar general list heading *//* Quick sidebar general list-items *//* Inner content *//* Quick sidebar list *//* Quick sidebar list item *//* Quick sidebar list item shown *//* Quick sidebar chat *//* Quick sidebar alerts *//* Quick sidebar settings */ }


/* CUSTOMER EMR */
.error{ color:red; }
.ui-autocomplete { position: absolute; cursor: default;z-index:9100 !important;}
#med-info {position:absolute; top:0; bottom:0; left:0; right:0; background:transparent; z-index:9; height:100%; width: 100%;}
.close-info {display:none; position:absolute; top:15px; right:30px; background:#337ab7; padding:5px 10px; z-index:99; cursor: pointer; border-radius:50%; color:white; font-weight:bold;}
#emr_detail_frame {width:100%; transition:1s;}
/*#imageModal .modal-dialog  {max-height:90%;}*/

#imageModal { outline: none; background: rgba(0, 0, 0, 0.8); z-index: 99999; }
.input-group {width:100%;}

/* CUSTOMER LIST PAGE */
body#customers .table-responsive {overflow-y: hidden; position: relative; z-index:1;}
body#customers .table-responsive table {width: 100%; min-width:900px;}
body#customers .table-responsive thead, body#customers .table-responsive tbody, body#customers .table-responsive tr, body#customers .table-responsive td, body#customers .table-responsive th {display: block;}
body#customers .table-responsive tr:after { content: ' '; display: block; visibility: hidden; clear: both;}
body#customers .table-responsive thead th { height: 30px; /*text-align: left;*/ border-bottom: none;}
body#customers .table-responsive tbody {overflow-y: auto; border-top: 2px solid #ccc;}
body#customers .table-responsive thead { }
body#customers .table-responsive tbody td, body#customers .table-responsive thead th { width: 16.5%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
body#customers .table-responsive thead tr, body#companies .table-responsive thead tr, body#referral .table-responsive thead tr, body#staffs .table-responsive thead tr, body#transactions .table-responsive thead tr {background-color: rgba(191,225,226,0.3);}

body#customers .table-responsive thead th:hover {background-color: rgba(191,225,226,0.15);}





#checkupDiv {}
#checkupDiv > div {max-width:100%; overflow-x:auto;}
#checkupDiv > div > div {display:table-cell;padding:0; width:200px; margin-right: -1px; margin-top: -1px;}

#checkupDiv > div > div > span:first-child {padding:3px 5px; display:block; background-color:#f6f6f6; max-height:27px; text-overflow:ellipsis; white-space:nowrap; width:200px; border:1px solid #ccc;}
/* #checkupDiv > div > div > span:first-child:after {content:":";} */
#checkupDiv > #checkupDataInput_type1 > div > input[name="t1p5"] + span:last-child::after, #checkupDiv > #checkupDataInput_type1 > div > input[name="t1p6"] + span:last-child::after, #checkupDiv > #checkupDataInput_type1 > div > input[name="t1p7"] + span:last-child::after, #checkupDiv > #checkupDataInput_type1 > div > input[name="t1p8"] + span:last-child::after, #checkupDiv > #checkupDataInput_type1 > div > input[name="t1p9"] + span:last-child::after, #checkupDiv > #checkupDataInput_type1 > div > input[name="t1p10"] + span:last-child::after{content:"mm";}
#checkupDiv > #checkupDataInput_type1 > div > input[name="t1p11"] + span:last-child::after,#checkupDiv > #checkupDataInput_type1 > div > input[name="t1p12"] + span:last-child::after,#checkupDiv > #checkupDataInput_type1 > div > input[name="t1p13"] + span:last-child::after,#checkupDiv > #checkupDataInput_type1 > div > input[name="t1p14"] + span:last-child::after,#checkupDiv > #checkupDataInput_type1 > div > input[name="t1p15"] + span:last-child::after,#checkupDiv > #checkupDataInput_type1 > div > input[name="t1p16"] + span:last-child::after,#checkupDiv > #checkupDataInput_type1 > div > input[name="t1p17"] + span:last-child::after,#checkupDiv > #checkupDataInput_type1 > div > input[name="t1p18"] + span:last-child::after {content:"cm";}
#checkupDiv > #checkupDataInput_type1 > div > input[name="t1p19"] + span:last-child::after, #checkupDiv > #checkupDataInput_type1 > div > input[name="t1p20"] + span:last-child::after, #checkupDiv > #checkupDataInput_type1 > div > input[name="t1p21"] + span:last-child::after, #checkupDiv > #checkupDataInput_type1 > div > input[name="t1p22"] + span:last-child::after {content:"%";}

#med-container {}
#med-container > div {display:inline-block;}

#doctors table#doctorsTable tr td:nth-child(odd) {display:none;}

#staffs {}
#staffs #editStaffForm table td[colspan="2"] > div { display: inline-block; width: 20%;}
#staffs #editStaffForm table td[colspan="2"] input, #staffs #editStaffForm table td[colspan="2"] input + label {margin-top: 5px;}
#staffs #editStaffForm table td input + label{ margin-right:10px;}

/* PROFILE PAGE */
ul.dropdown-menu li {padding: 0;}
#profile form {}
#profile form input {border-top:none; border-left:none; border-right:none; border-bottom:1px solid #ccc; margin-bottom: 0; padding: 5px; margin-top:-5px; background:transparent; }
#profile form span, #home3 > div > span {padding: 0;}
#profile .nav-tabs {border-bottom: 1px solid #0082ce;}
#profile .nav-tabs > li > a:hover{}
#profile .nav-tabs > li > a{margin-right:0px; background-color: transparent; border: none}
#profile .nav-tabs > li.active > a{color: white;}
#profile ul.nav.nav-tabs li {background-color:#e9f5f5; border-bottom:3px solid #e9f5f5; width: 200px; text-align: center; margin-right: 7px;}
#profile ul.nav.nav-tabs li.active, #profile ul.nav.nav-tabs li:hover {background-color:#00a9fe; font-weight: normal; border-bottom:3px solid #0082ce; margin-bottom: 0;}
#profile .nav-tabs>li>a:hover {border-color: transparent; color: white;}
#profile .nav>li>a:focus, #profile .nav>li>a:hover {background-color: transparent;}
#profile .tab-content  {background: white; padding: 5px 30px; }
#profile .subscription-type {text-align: center;}
#profile .subscription-type > div {border: 1px solid #e2e2e2; margin:20px 15px 30px; padding: 22px 0 25px; border-radius: 10px !important; color: #b2babd; }
#profile .subscription-type > div > h4 {color: #b2babd; font-weight: bold;}
#profile .subscription-type > div:first-child {margin-left: 0;}
#profile .subscription-type > div.selected-plan {border: 1px solid #0281d0; color: #0481d5; padding-top:0; }
#profile .subscription-type > div.selected-plan > h4 {color: #05a6ff;}
#profile .subscription-type > div.selected-plan:before {content:"CURRENT"; background:white; position: relative; padding: 5px 10px; top:-12px; color: #05a6ff;}
#profile #cardType {margin-right: 5px;}
/*#basicInfoForm select, #profile select {padding: 5px 30px 5px 15px;  border-bottom: none; margin: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 2;}
#basicInfoForm span.selectedLocale, #profile .selectedProfile {background: #b6e2e3 !important;padding: 6px 0 7px; position: relative;}
#basicInfoForm span.selectedLocale:after, #profile .selectedProfile:after {content: "\e259"; color: #062339; right: 6px; top: 6px; font-family: 'Glyphicons Halflings'; height: 100%; position: absolute; z-index: 1}
#profile .selectedProfile {display: inline-block; padding: 0; height: 32px; overflow: visible; position: absolute; margin-top: -5px; max-width: 40%;}*/
/* #basicInfoForm span.selectedLocale:hover:after {content: "\e114";} */

#profile .container-fluid .tab-content h3{font-size: 20px; margin-bottom: 22px;}

#home2 .glyphicon { color: #bfe1e2; margin: 2px 5px 0 0; font-size: 24px; float: left;}
#clinicListDiv, #staffListDiv {margin-bottom:25px;}
#clinicListDiv > div > div, #staffListDiv > div > div {padding:8px 35px;}
#clinicListDiv > div > div:nth-child(2n), #staffListDiv > div > div:nth-child(even) {background: #e7f5f5;}
#clinicListDiv > div > div:nth-child(odd), #staffListDiv > div > div:nth-child(odd) {background:#f9fbf8;}
#clinicListDiv > div > div:nth-child(1), #staffListDiv > div > div:nth-child(1) {background: #f9f9f9;}
#clinicListDiv > div > div > div, #staffListDiv > div > div > div {display: inline-block;}
#clinicListDiv > div > div > div:nth-child(1) {width: 25%;}
#clinicListDiv > div > div > div:nth-child(2) {width: 50%;}
#staffListDiv > div > div > div:nth-child(1) {width: 25%;}
#staffListDiv > div > div > div:nth-child(2) {width: 25%;}
#staffListDiv > div > div > div:nth-child(3) {width: 30%;}
#profile #editStaffForm table td[colspan="2"] > div { display: inline-block; width: 20%;}
#profile #editStaffForm table td[colspan="2"] input, #staffs #editStaffForm table td[colspan="2"] input + label {margin-top: 5px;}
#profile #editStaffForm table td input + label{ margin-right:10px;}
#profile #s3UploadDiv {position: absolute; z-index: 2; top: 80px;}
#profile #PHpreview {position: absolute; width: 100%; height: 200px; z-index: 1; background: url(https://s3-us-west-2.amazonaws.com/www.corsiatech.com/images/upload-button.png) no-repeat; background-size: contain; background-position: left center; padding: 0;}
#profile #PHpreview:hover {background: url(https://s3-us-west-2.amazonaws.com/www.corsiatech.com/images/upload-button-hover.png) no-repeat; background-size: contain; background-position: left center;}
#profile #PHpreview > img {width: auto; height: 100%; border: 1px dotted #eee;}
#profile .form-row{padding-top:10px; clear:both;}
#profile .subscription-type{cursor: pointer;}
@media (max-width: 600px) {
    #clinicList,#staffListDiv{
        width: 100%;
        overflow-x: auto;
    }
    #clinicListDiv > div > div > div,
    #staffListDiv > div > div > div{
        display: table-cell;
        min-width: 120px;
        padding-left: 5px;
        font-size: 13px;
    }
    #clinicListDiv > div > div,
    #staffListDiv > div > div{
        padding: 8px 15px;
    }
}

#removeInsuranceDialog .modal-body > div, #paymentDialog .modal-body > div, #editInsuranceDialog .modal-body > div, #refundDialog .modal-body > div, #insuranceBillingDialog .modal-body > div, #insuranceUpdateDialog .modal-body > div {margin:10px 0;}

#transactions .table-responsive tbody > tr {transition:0.5s;}
#transactions .table-responsive tbody > tr[aria-expanded="true"] {background:rgba(69,185,230,0.2) !important;}
#transactions .table-responsive tbody > tr:nth-of-type(2n)[aria-expanded="true"] > td {padding:0;}
#transactions .table-responsive tbody > tr[aria-expanded="true"] > td > div {padding: 10px 0;}
#transactions .table-responsive tbody > tr[aria-expanded="true"] > td > div:nth-child(2) {background:rgba(255, 255, 255, 0.1);}
#transactions .table-responsive tbody > tr[aria-expanded="true"] > td > div:nth-child(3) {background:rgba(255, 255, 255, 0.2);}
#transactions .table-responsive tbody > tr[aria-expanded="true"] > td > div:nth-child(4) {background:rgba(255, 255, 255, 0.3);}
#transactions .table-responsive tbody > tr[aria-expanded="true"] > td > div:last-child {background:rgba(255, 255, 255, 0.4);}
#transactions .table-responsive tbody > tr:nth-of-type(2n+1){background: #fafafa;}
#transactions .table-responsive tbody > tr:nth-of-type(4n+1){background: #ffffff;}
#transactions .table-responsive tbody > tr:nth-of-type(4n+1)[aria-expanded="true"], #transactions .table-responsive tbody > tr:nth-of-type(2n+1)[aria-expanded="true"] {background:#0582ca !important; color:white;border-top: 1px solid #33a6d5; }
#transactions .table-responsive tbody > tr:nth-of-type(2n){background: #f1f8f8;}
#transactions #customersTable div > input {border-width:1px; border-style:none none solid; border-color:#45b9e6; padding: 5px 15px; background:transparent; font-weight:normal; text-shadow:none;}
#transactions #customersTable div > input[placeholder="Price"], #transactions #customersTable div > input[placeholder="Treatment name"] { background:transparent url(https://s3-us-west-2.amazonaws.com/www.corsiatech.com/images/edit2.png) no-repeat center right; background-size:24px; }
#transactions #customersTable div > input::-webkit-input-placeholder{color:rgba(6,35,57,0.8);}
#transactions #customersTable tr > td > div {margin:auto; border-bottom: 1px dotted white;}
#transactions #customersTable tr > td > div > div {}
#transactions #customersTable tr > td > div > div > div {}
#transactions #customersTable tr > td > div:nth-child(2) > div > div > input.col-xs-2 {background:none;}
#transactions #customersTable tr > td > div > div > div > button.btn {margin-bottom: 5px;}
#transactions #customersTable tr > td > div > div > div:last-child { }
#transactions #customersTable tr > td > div:nth-child(1) > div > div:last-child > div, #transactions #customersTable tr > td > div:nth-child(4) > div > div:last-child > div, #transactions #customersTable tr > td > div:nth-child(4) > div > div:last-child > input.col-xs-2 {color:darkred;}
/* #transactions #customersTable tr > td > div:nth-child(3) > div > div:last-child > div, #transactions #customersTable tr > td > div:nth-child(2) > div > div:last-child > div {color:#062339;} */
#transactions #customersTable tr > td > div > div > div > div {}
#transactions #customersTable tr > td > div > div > div > div > span.col-xs-2, #transactions #customersTable div > input.col-xs-2, #transactions #customersTable tr > td > div > div > div:last-child > div:last-child {text-align:right;padding-right: 30px; min-width: 145px;}
#transactions .table-responsive tbody > tr[aria-expanded="true"] > td > div:nth-child(2) > div:nth-child(2) > div > div:last-child { padding: 5px 15px;}
#transactions #customersTable tr > td > div > div > div > div > span {padding:5px 15px;}
#transactions #customersTable tr > td > div > div > div > div > span, #transactions #customersTable tr > td > div > div > div > div > div {height: 35px; display:inline-block;}
#transactions #customersTable tfoot > tr {background-color:#e6f5f8; color:#062339; border-top: 1px solid #ccc;}
#transactions #insuranceUpdateDialog input[type="radio"] {margin: 0 5px; vertical-align: middle;}

.yes-no{ width: 80px; height: 26px; background: lightgrey ; margin: 5px auto; position: relative; border-radius: 50px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);}
.yes-no:after { content: 'No';color: #000; position: absolute; right: 10px; z-index: 0; top:2px;}
.yes-no:before { content: 'Si'; color: #0582ca; position: absolute; left: 14px; z-index: 0; top:2px;}
.yes-no label { display: block; width: 34px; height: 20px; cursor: pointer; position: absolute; top: 3px; left: 3px; z-index: 1; background: #fcfff4; background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); transition: all 0.4s ease; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
.yes-no input[type=checkbox] { opacity:0; height:26px; width:80px; position:relative; z-index:99;}
.yes-no input[type=checkbox]:checked + label { left: 43px;}

/* OVERRIDES */
.portlet.light.portlet-fit>.portlet-title { padding: 15px 0 10px;}
.ui-tabs-tab .badge {padding:3px 5px 3px 0;}
.dhx_cal_light_wide .dhx_wrap_section {border:none !important;}
.dhx_cal_container.dhx_mini_calendar {box-shadow:none !important;}
.dhx_cal_tab, .dhx_cal_today_button, .dhx_cal_next_button, .dhx_cal_prev_button {background-color:white;}
.dhx_btn_set, .dhx_left_btn_set, .dhx_save_btn_set{text-shadow: none; border:none; font-weight: 500;}
.dhx_event_move.dhx_title {height:20px; padding-top: 4px;}
.dhx_event_move.dhx_title > a {position:absolute; left:5px; top:0; padding:3px;}
.dhtmlx_popup_button div {border:none;background: none;}
.dhx_now .dhx_month_head{ background-color: greenyellow; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:0.5em}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {visibility:hidden; pointer-events: none;}
#alert-red ~ .modal-backdrop.in {opacity:0;}
.carousel-control.left { background-image: linear-gradient(to right,rgba(5,130,202,.5) 0,rgba(5,130,202,.0001) 100%);}
.carousel-control.right { background-image: linear-gradient(to right,rgba(5,130,202,.0001) 0,rgba(5,130,202,.5) 100%);}
 /* .ui-widget.ui-widget-content {border:none;} */
.btn-group > .dropdown-menu::before, .dropdown-toggle > .dropdown-menu::before, .dropdown > .dropdown-menu::before{left:110px;}
.btn-group > .dropdown-menu::after, .dropdown-toggle > .dropdown-menu::after, .dropdown > .dropdown-menu::after{left:110px;}
.introjs-skipbutton {position: absolute; top: 0; right: 0;}
.introjs-tooltip {padding-top: 30px;}
.mfp-bg {z-index: 91042 !important;}
.mfp-wrap {z-index: 91043 !important;}
.introjs-bullets {display: none;}
.ui-widget {font-family: 'Roboto', sans-serif;}
.container-fluid {-webkit-overflow-scrolling: touch; width:100%; }
.mfp-wrap {left:55px !important; right: 0; width: auto !important;}


/*.introjs-helperLayer {border:2px solid white; background-color:transparent;}
.introjs-overlay {opacity: 0 !important;}*/
.introjs-fixParent {position:absolute !important;}
.introjs-helperNumberLayer {display: none !important;}
iframe#launcher {z-index: 99999999 !important;}

#apptcalendar .dhx_btn_set {float:right;}
#apptcalendar .dhx_left_btn_set, #apptcalendar .dhx_right_btn_set {margin:0 20px 0 0;}
#apptcalendar .dhx_cal_tab.active {text-shadow:none;}
#apptcalendar .dhx_cal_tab, #apptcalendar .dhx_cal_tab.active, #apptcalendar .dhx_cal_today_button {font-weight:normal;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{color: #fff !important; background-color: #bfe1e2 !important; border:solid 1px !important;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border: 1px solid !important;}


#dicomImage, #dicomImage > canvas {max-width:100%;}
.modal-intro .carousel-inner>.item {padding-bottom: 240px;}
.modal-intro .carousel-caption {color:#0582ca; text-shadow:none;}

@media (max-width: 524px) {
    .modal-intro .carousel-inner>.item {padding-bottom: 300px;}
}

.portlet.light {background-color:transparent;}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {background-color:#0582ca; font-weight:normal; color: #f9fbf8;}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover { background-color: #1da8f8; }
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i { color: #f9fbf8;}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {border-top: none;}

#mini_here .dhx_month_head.dhx_year_event {background-color: #e6e9ed;}
#mini_here .dhx_now .dhx_month_head, #mini_here .dhx_now .dhx_month_body, #mini_here .dhx_now .dhx_month_head{background-color:#a0d468;}
#mini_here .dhx_mini_calendar .dhx_calendar_click {background-color:#bfe1e2;}
.ui-tabs .ui-tabs-panel {padding:0 !important;}
#emrList .ui-tabs-panel {/* height:100% !important; */}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width:auto; max-width:300px;}

.alert {border-radius: 25px !important;}
.alert-warning{border-color:rgba(191,225,226, 0.3); color: #0582ca;}



/* LINE CLAMP. */
.line-clamp{display : block;display : -webkit-box;-webkit-box-orient : vertical;position : relative;line-height  : 1.2;overflow : hidden;text-overflow : ellipsis;padding : 0 !important;}
.active .line-clamp:after{content : '...';text-align : right;bottom  : 0;right : 0;width : 25%;display : block;position : absolute;height  : calc(1em * 1.2);background : linear-gradient(to right, rgba(5, 130, 202, 0), rgba(5, 130, 202, 1) 75%);}
@supports (-webkit-line-clamp: 1){.line-clamp:after{display : none !important;}
}
.line-clamp-1{-webkit-line-clamp : 1;height  : calc(1em * 1.2 * 1);}
.line-clamp-2{-webkit-line-clamp : 2;height  : calc(1em * 1.2 * 2);}
.line-clamp-3{-webkit-line-clamp : 3;height  : calc(1em * 1.2 * 3);}
.line-clamp-4{-webkit-line-clamp : 4;height  : calc(1em * 1.2 * 4);}
.line-clamp-5{-webkit-line-clamp : 5;height  : calc(1em * 1.2 * 5);}
/* End required CSS. */


@media (min-width: 769px) and (max-width:1280px) {
    .navbar-fixed-top, .sidebar {width: 55px;}
    .sidebar {top: 0;}
    .nav-sidebar > li > a > span {display: none;}
    .container-fluid .main {padding:20px 20px 20px 75px}
}

@media (min-width:992px) and (max-width: 1200px) {
    #scheduler_here {height:80%;}
    #services-list {height:30%;}
    .toggle-mobile {display:none;}
    table#customersTable tr > th, body#transactions .portlet-body .table-data .input-group label {max-width:150px;}
    html, body {font-size: 1em !important;}
    div#upcomingAppts > div:first-child > h3 {letter-spacing: -3.5px;}
}

@media (min-width:768px) and (max-width: 992px) {
    #scheduler_here {height:80%;}
    #services-list {height:30%;}
    .toggle-mobile {display:none;}
    .page-header.navbar .top-menu {position:absolute; top:0; right:0;}
    .page-header.navbar {width:100%;}
    .page-header.navbar .page-top { box-shadow: none;}
    .page-header.navbar .page-logo { height: 67px;}
    .page-sidebar-fixed .page-sidebar {  margin: 0 auto !important; top: 0;}
    .page-footer-fixed .page-footer {width:auto;}
    #main-menu{top:0;}
    /* html, body {font-size: 1em !important;} */
    .page-footer {display:none;}

    /* #medical_Events #detailContainer{top:50px; }*/
    div#upcomingAppts > div:first-child > h3 {letter-spacing: 0;}
}

@media (max-width:768px) {
    html, body {overflow:visible;}
    iframe{-webkit-overflow-scrolling:touch;}
    .navbar-fixed-top {height:30px;}
    .navbar-fixed-top, .sidebar {left:-55px; width: 55px;}
    .navbar .dropdown {position: absolute; right: 15px; top: 15px; z-index: 9;}
    .navbar .dropdown ul.dropdown-menu {right: 0; left:initial;}
    .navbar .dropdown ul.dropdown-menu:before { right:9px; left: auto;}
    .navbar .dropdown ul.dropdown-menu:after { left: auto;right: 10px;}
    .nav-sidebar > li > a > span {display: inline-block;}

    .container-fluid .main h1.page-header {padding-left:50px;}
    .dropdown, .dropup {/*position: absolute; left: 0; /*top: -50px;*/ z-index: 9}
    .open>.dropdown-menu { /*margin-left: -100px;*/}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {text-align: center;}
    #close-menu, #mobile-menu {display: block;}
    #scheduler_here {height:80%; overflow: visible;}
    .toggle-mobile, .dhx_cal_navline .dhx_cal_date, .hide-mobile {display:none;}
    .page-header.navbar {height:auto; width:100%; background:#062339;}
    .page-header.navbar .page-top {position:absolute; top:0; right:0; background:none;}
    .page-header.navbar .page-logo {height:50px;}
    .page-header.navbar .top-menu .navbar-nav > li.dropdown {height:50px;}
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding: 16px 0;}
    .page-header.navbar .page-top { box-shadow: none;}
    .page-sidebar-fixed .page-sidebar {  margin: 0 auto !important; top: 0; width:100%;}
    .page-footer-fixed .page-footer {width:auto;}
    .page-content-wrapper > .page-content > .row { margin: 0 -15px;}
    body#customers {overflow-y:hidden;}

    #medicaleventview #modulesDiv > div {/*background:white;*/}

    #detailContainer {transition:0.5s;}

    .dhx_cal_next_button {right: 44px;}
    .dhx_cal_prev_button {right: 75px;}
    .dhx_cal_today_button {right: 123px;}


    .page-footer {display:none;}
    .table-responsive {overflow:auto;}
    .portlet.light.portlet-fit > .portlet-title {padding:0 10px;}
    .portlet > .portlet-title {margin-bottom:0;}
    .page-content-wrapper .page-content {padding:10px !important;}
    div#upcomingAppts > div:first-child > h3 {letter-spacing:0;}
    /*.sidebar {left:-180px; top:50px;}*/
    /*.main {padding:60px 10px 10px 20px;}*/
    .page-header {margin:40px 0 0; border-bottom: none;}
    .languages-select {top:0; right: 0;}
    .container-fluid .main { padding: 20px 5px 10px; }
    .mobile-menu-bar {display: block;}
    div#upcomingAppts {margin-left: -20px;}.sidebar {display: block !important; top: 0;}
    .mfp-wrap {left:0 !important;}
    #intro-home {display: none;}
    #apptcalendar .dhx_btn_set {float:left;}
    #apptcalendar .dhx_left_btn_set, #apptcalendar .dhx_right_btn_set {margin:0 0 0 40px;}
    #profile ul.nav.nav-tabs li {width: 23%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .nav>li>a {overflow: hidden; text-overflow: ellipsis;}
    #profile-button span.glyphicon {line-height: 24px;}
}
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    html, body {overflow:visible;}
    .toggle-mobile, .dhx_cal_date {display:none;}
    .mobile-cal {display:block;}
}

@media only screen and (max-width: 430px) {
    #scheduler_here select {display: none;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .tooltip {display: none !important;}
    .container-fluid .main {min-width:initial;}
}

/*   IOS   */
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .backToEvent {display: block;}
    #emr-header #profile { left: 0;}
    .container-fluid .main {min-width:initial;}
}