/*!
 * Start Bootstrap - SB Admin 2 v3.3.7+1 (http://startbootstrap.com/template-overviews/sb-admin-2)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html {background: linear-gradient(to right, #62aeae, #1f6a7b, #24447f); min-height: 100%;} 

body {
  background: transparent;
  font-family: 'Calibri', Sans-Serif; font-size:15px; color:black; margin:0; padding:0; 
  line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6{line-height: 1;color: #333;font-weight:400; padding:0;margin:0 0 10px 0;}
h1, h2,h3,h4,h5,h6{font-size:1.15em;}
h1{ font-size:1.8em; line-height:2.4em; font-weight:300;}
h2{ font-size:1.6em; line-height:2.2em;}
h3{ font-size:1.5em; line-height:2.1em;}
h4{ font-size:1.4em; line-height:2em;}
h5{ font-size:1.1em; line-height:1.6em; color: #0c5d86; text-transform: uppercase; font-weight: bold; margin-left: 0px;}
h6{ font-size:1em; line-height:22px;}
p{ padding:0 0 18px 0; margin:0;}
a{ color:#4085de; text-decoration:none;}
a:hover{ color:#2465ba; text-decoration:none;}
:focus,a:focus{outline: none; text-decoration:none;}
.link-primary{ display:inline-block; background-color:#f3bd00; color:#fff!important; font-size:1em; padding:0px 12px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;white-space: nowrap;}
.link-success{ display:inline-block; background-color:#72c644; color:#fff !important; font-size:1em; padding:0px 12px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px; white-space: nowrap;}
.link-warning{ display:inline-block; background-color:#60c0dc; color:#fff!important; font-size:1em; padding:0px 12px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;white-space: nowrap;}
.link-standard{ display:inline-block; background-color:transparent; color:#444 !important; font-size:1em; padding:0px 12px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px; white-space: nowrap;}
.link-secondary{ display:inline-block; background-color:#e9f2f7; color:#000 !important; font-size:1em; padding:0px 12px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px; white-space: nowrap;}
.link-inactive{ display:inline-block; background-color:#eee; color:#000 !important; font-size:1em; padding:0px 12px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px; white-space: nowrap;}

.modal-dialog-large {
  width: auto;
  margin-left: 2.5em;
  margin-right: 2.5em;
  margin-top: 1%;
  margin-bottom:1%;
  height: auto;
}

.modal-dialog-small {
  width: 20%;
  vertical-align: middle;
}

.modal-dialog-long {
  position: absolute;
  height: auto;
  width: auto;
  margin-bottom: 5px;
}

#wrapper {height: 100%; margin-left: 50px;}
#page-wrapper {padding:20px 15px 20px; background: transparent; position:relative;}
/*.page-content:before{ content:''; display:block; width:100%; height:100%; background-color:#3c90d830; position: absolute; top:0px; left:0; z-index:-1; width:100%; height:100vh;}*/
.navbar{min-height: 0px;}
.navbar-header{ float: none; display: none;}
.navbar-brand{ height:69px;}
.navbar-brand > img{ max-height:40px;}

.navbar-default{ background-color:#fff;}
.navbar-top-links {margin-right: 0; float:right;}
.navbar-top-links > li {display: inline-block; float:left;}
.navbar-top-links li:last-child { margin-right: 0;}
.navbar-top-links li a {padding:15px 10px; min-height: 50px;}
.navbar-top-links > li > a{color:#696969;}
.navbar-top-links > li > a:hover, .navbar-top-links > li > a:focus,
.navbar-top-links .open > a, .navbar-top-links .open > a:hover, .navbar-top-links .open > a:focus{ background-color:transparent; color:#000;}
.navbar-top-links .fa.arrow{ float:none; font-size:1.3em;}
.navbar-top-links .fa.arrow:before {content: "\f107";}
.navbar-top-links .active > a > .fa.arrow:before {content: "\f106";}
.navbar-top-links li.profile-nav a { padding:12px 10px;}
.navbar-top-links li.profile-nav .usertx{ margin-top:-5px;}
.navbar-top-links .dropdown-menu li {display: block;}
.navbar-top-links .dropdown-menu li:last-child {margin-right: 0;}
.navbar-top-links .dropdown-menu li a {padding: 3px 20px; min-height: 0;}
.navbar-top-links .dropdown-menu li a div {white-space: normal;}
.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks,.navbar-top-links .dropdown-alerts { width: 310px; min-width: 0;}
.navbar-top-links .dropdown-messages { margin-left: 5px;}
.navbar-top-links .dropdown-tasks {margin-left: -59px;}
.navbar-top-links .dropdown-alerts { margin-left: -123px;}
.navbar-top-links .dropdown-user { right: 0; left: auto;}
.navbar-toggle{ border:0px; margin-top:14px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:transparent;}
.navbar-top-links .i-bell{ margin-top:5px;}
.usertx{ display:inline-block; padding:0; vertical-align:middle;}
.userpic{ display:none; margin:0 5px; vertical-align:middle; width:40px; height:40px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; overflow:hidden;}
.sh-badge{ position:absolute; top:8px; right:2px; background-color:#4085de; min-width:22px; font-size:0.9em; font-style:normal; padding:5px 6px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

.sidebar .sidebar-nav.navbar-collapse {padding-left: 0; padding-right: 0;}
.sidebar .sidebar-search {padding: 15px;}
.sidebar ul li {border-bottom: 1px solid #d1dedf;}
.sidebar .nav > li > a{ color:#d1dedf; font-weight:600; padding:16px 10px 16px 20px; font-size:1.1em;}
.sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus{ background-color:#609395;}
.sidebar ul li a.active {background-color: #609395;}
.sidebar .nav > li > a.active:hover, .sidebar .nav > li > a.active:focus{background-color: #609395;}

.sidebar .nav > li > a i{ margin-right:5px;}
.sidebar .arrow {float: right;}
.sidebar .fa.arrow:before {content: "\f107";}
.sidebar .active > a > .fa.arrow:before {content: "\f106";}
.sidebar .nav-second-level li,.sidebar .nav-third-level li { border-bottom: none !important;}
.sidebar .nav-second-level li a { padding-left: 37px;}
.sidebar .nav-third-level li a { padding-left: 52px;}


.btn-outline {color: inherit;background-color: transparent;transition: all .5s;}
.btn-primary.btn-outline {color: #428bca;}
.btn-success.btn-outline {color: #5cb85c;}
.btn-info.btn-outline {color: #5bc0de;}
.btn-warning.btn-outline {color: #f0ad4e;}
.btn-danger.btn-outline {color: #d9534f;}
.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {color: white;}
.chat { margin: 0;  padding: 0;  list-style: none;}
.chat li {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999999;}
.chat li.left .chat-body { margin-left: 60px;}
.chat li.right .chat-body { margin-right: 60px;}
.chat li .chat-body p { margin: 0;}
.panel .slidedown .glyphicon,.chat .glyphicon { margin-right: 5px;}
.chat-panel .panel-body {height: 350px; overflow-y: scroll;}
.login-panel {margin-top: 25%; background-color: white !important}
.flot-chart {display: block; height: 400px;}
.flot-chart-content {width: 100%; height: 100%;}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {background: transparent;}
table.dataTable thead .sorting_asc:after {content: "\f0de"; float: right; font-family: fontawesome;}
table.dataTable thead .sorting_desc:after {content: "\f0dd"; float: right; font-family: fontawesome;}
table.dataTable thead .sorting:after {content: "\f0dc";float: right; font-family: fontawesome;color: rgba(50, 50, 50, 0.5);}
.btn-circle { width: 30px; height: 30px;  padding: 6px 0;  border-radius: 15px;  text-align: center; font-size:0.8em; line-height: 1.428571429;}
.btn-circle.btn-lg {width: 50px;height: 50px; padding: 10px 16px; border-radius: 25px; font-size:1.3em;line-height: 1.33;}
.btn-circle.btn-xl {width: 70px;height: 70px;padding: 10px 16px;border-radius: 35px;font-size:1.7em;line-height: 1.33;}
.show-grid [class^="col-"] {padding-top: 10px;padding-bottom: 10px;border: 1px solid #ddd;background-color: #eee !important;}
.show-grid {margin: 15px 0;}
.huge { font-size:3em;}
.panel-green { border-color: #5cb85c;}
.panel-green > .panel-heading {border-color: #5cb85c; color: white; background-color: #5cb85c;}
.panel-green > a {color: #5cb85c;}
.panel-green > a:hover {color: #3d8b3d;}
.panel-red {border-color: #d9534f;}
.panel-red > .panel-heading {border-color: #d9534f;color: white; background-color: #d9534f;}
.panel-red > a {color: #d9534f;}
.panel-red > a:hover {color: #b52b27;}
.panel-yellow { border-color: #f0ad4e;}
.panel-yellow > .panel-heading {border-color: #f0ad4e;color: white;background-color: #f0ad4e;}
.panel-yellow > a {color: #f0ad4e;}
.panel-yellow > a:hover {color: #df8a13;}
.timeline {position: relative; padding: 20px 0 20px;list-style: none;}
.timeline:before {content: " "; position: absolute;top: 0;bottom: 0; left: 50%; width: 3px; margin-left: -1.5px; background-color: #eeeeee;}
.timeline > li {position: relative; margin-bottom: 20px;}
.timeline > li:before,.timeline > li:after { content: " "; display: table;}
.timeline > li:after {clear: both;}
.timeline > li:before,.timeline > li:after {content: " "; display: table;}
.timeline > li:after {clear: both;}
.timeline > li > .timeline-panel {float: left;position: relative;width: 46%; padding: 20px;border: 1px solid #d4d4d4;border-radius: 2px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}
.timeline > li > .timeline-panel:before {content: " "; display: inline-block; position: absolute; top: 26px; right: -15px; border-top: 15px solid transparent;border-right: 0 solid #ccc;border-bottom: 15px solid transparent; border-left: 15px solid #ccc;}
.timeline > li > .timeline-panel:after {content: " "; display: inline-block; position: absolute;top: 27px;right: -14px;border-top: 14px solid transparent; border-right: 0 solid #fff; border-bottom: 14px solid transparent; border-left: 14px solid #fff;}
.timeline > li > .timeline-badge {z-index: 100;position: absolute;top: 16px;left: 50%;width: 50px;height: 50px;margin-left: -25px;border-radius: 50% 50% 50% 50%; text-align: center;font-size:1.4em;line-height: 50px; color: #fff;background-color: #999999;}
.timeline > li.timeline-inverted > .timeline-panel {float: right;}
.timeline > li.timeline-inverted > .timeline-panel:before { right: auto;left: -15px;border-right-width: 15px;border-left-width: 0;}
.timeline > li.timeline-inverted > .timeline-panel:after { right: auto;left: -14px;border-right-width: 14px;border-left-width: 0;}
.timeline-badge.primary {background-color: #2e6da4 !important;}
.timeline-badge.success { background-color: #3f903f !important;}
.timeline-badge.warning {background-color: #f0ad4e !important;}
.timeline-badge.danger {background-color: #d9534f !important;}
.timeline-badge.info {background-color: #5bc0de !important;}
.timeline-title {margin-top: 0;color: inherit;}
.timeline-body > p,.timeline-body > ul { margin-bottom: 0;}
.timeline-body > p + p { margin-top: 5px;}

.i{ background-image:url(/static/images/i-vip.png?299ca8d8c6a9); background-position:0 0; background-repeat:no-repeat; display:inline-block; width:18px; height:18px; vertical-align:middle;}
.ism{ background-image:url(/static/images/i-vip.png?299ca8d8c6a9); background-position:0 0; background-repeat:no-repeat; display:inline-block; width:25px; height:25px; vertical-align:middle;}
.ilg{ background-image:url(/static/images/i-vip.png?299ca8d8c6a9); background-position:0 0; background-repeat:no-repeat; display:inline-block; width:42px; height:42px; vertical-align:middle; margin-right:5px;}
.i-user{ background-image:url(/static/images/i-user.png?299ca8d8c6a9);}
.i-pass{ background-image:url(/static/images/i-pass.png?299ca8d8c6a9);}
.i-repeat{ background-image:url(/static/images/i-repeat.png?299ca8d8c6a9);}
.i-add{ background-image:url(/static/images/i-add.png?299ca8d8c6a9);}
.i-minus{ background-image:url(/static/images/i-minus.png?299ca8d8c6a9);}
.i-view{ background-image:url(/static/images/i-view.png?299ca8d8c6a9);}

.i-bell{ background-image:url(/static/images/i-bell.png?299ca8d8c6a9);}
.i-billing{ background-image:url(/static/images/i-billing.png?299ca8d8c6a9);}
.i-masters{ background-image:url(/static/images/i-masters.png?299ca8d8c6a9);}
.i-patients{ background-image:url(/static/images/i-patients.png?299ca8d8c6a9);}
.i-report{ background-image:url(/static/images/i-report.png?299ca8d8c6a9);}
.i-setting{ background-image:url(/static/images/i-setting.png?299ca8d8c6a9);}
.i-note{ background-image:url(/static/images/i-note-2.png?299ca8d8c6a9);}
.i-htwt{ background-image:url(/static/images/i-htwt.png?299ca8d8c6a9);}
.i-wet{ background-image:url(/static/images/i-wet.png?299ca8d8c6a9);}
.i-bmt{ background-image:url(/static/images/i-bmt.png?299ca8d8c6a9);}
.i-waist{ background-image:url(/static/images/i-waist.png?299ca8d8c6a9);}
.i-tob{ background-image:url(/static/images/i-tob.png?299ca8d8c6a9);}
.i-smo{ background-image:url(/static/images/i-smo.png?299ca8d8c6a9);}
.i-alc{ background-image:url(/static/images/i-alc.png?299ca8d8c6a9);}

.i-lg-addpatients{ background-image:url(/static/images/i-lg-addpatients.png?299ca8d8c6a9);}
.i-lg-addinvestigation{ background-image:url(/static/images/i-lg-addinvestigation.png?299ca8d8c6a9);}
.i-lg-addtreatment{ background-image:url(/static/images/i-lg-addtreatment.png?299ca8d8c6a9);}
.i-lg-serach{ background-image:url(/static/images/i-lg-serach.png?299ca8d8c6a9);}
.i-lg-list{ background-image:url(/static/images/i-lg-list.png?299ca8d8c6a9);}
.i-lg-planlist{ background-image:url(/static/images/i-lg-planlist.png?299ca8d8c6a9);}
.i-lg-investigations {background-image: url(/static/images/medical-investigation.png?299ca8d8c6a9);}

#page-wrapper {/* position: inherit; min-height: 566px;*/ margin: 0 0 0 0px;padding: 0px 30px 0px;/*background-color:#eef7fa;*/border-left: 0px solid #e3eef2; height: 100%}
.sidebar {z-index: 10;position: fixed; width:175px; margin-top:1px;height: 100%; left: -125px; 
  background: linear-gradient(to right, #327080, #317a7d);
  border-right: 1px solid #e3eef2;
}

.sidebar ul li a.active .i-bell{ background-image:url(/static/images/i-bell-hov.png?299ca8d8c6a9);}
.sidebar ul li a.active .i-billing{ background-image:url(/static/images/i-billing-hov.png?299ca8d8c6a9);}
.sidebar ul li a.active .i-masters{ background-image:url(/static/images/i-masters-hov.png?299ca8d8c6a9);}
.sidebar ul li a.active .i-patients{ background-image:url(/static/images/i-patients-hov.png?299ca8d8c6a9);}
.sidebar ul li a.active .i-report{ background-image:url(/static/images/i-report-hov.png?299ca8d8c6a9);}
.sidebar ul li a.active .i-setting{ background-image:url(/static/images/i-setting-hov.png?299ca8d8c6a9);}

.form-control{ border:1px solid #fff; margin-bottom:15px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0,0);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);}
.form-control:focus {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0); box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0);border:1px solid #e5eff3;}
.input-lg{ font-size:1.4em;}
.btn{ background-color:#3a6b90; color:#fff;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border:0px solid #fff; font-size:1.15em; font-weight:600; box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.4)}
.btn-form{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; min-width:120px; box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.4)}
.btn:hover, .btn:focus{color:#fff; background-color:#4a88b7;}
.btn-default{ background-color:#696969; min-width:120px;}
.btn-default:hover, .btn-default:focus{background-color:#595757;}

.form-group { position:relative; margin-bottom:10px; margin-top:20px;}
.tr-selectize ~ label {
  position: absolute; 
  top: -24px; 
  font-size:1em; 
  font-weight:bold !important;
  color: #000 !important; 
  transition: 0.3s;
  text-align:left;   
}
.form-group ~ label {
  position: absolute; 
  left: 0; 
  width: 100%; 
  top: 9px; 
  color:#fff; 
  text-align:left; 
  transition: 0.3s; 
  z-index:0; 
  font-size:1.3em; 
  font-weight:normal;  
}

/* Added by ved */

.form-group select{ position:relative; margin-bottom:25px; margin-top:-15px; -webkit-appearance: none; -webkit-border-radius: 0px; padding : 4px;}
.form-group .selectInp{ margin-top: 0px;}

.form-group .selectInp.ss{ margin-top: -24px;}

.form-group .selectInp label {
  position: absolute; 
  left: 0; 
  width: 100%; 
  top: 9px; 
  text-align:left; 
  transition: 0.3s; 
  z-index:0;
}

.fa-trash {
  float: right;
  margin-right: 5px;
  display:block; 
  background-color: white;
  color: black;
}

/* Removes the clear button from date inputs */
input[type="date"]::-webkit-clear-button {display: none; }

/* Removes the spin button */
input[type="date"]::-webkit-inner-spin-button {display: none; }

/* Always display the drop down caret */
input[type="date"]::-webkit-calendar-picker-indicator {color: #2c3e50; height:12px; width:12px; }



/*#printInfo{background:#eef7fa !important; padding: 20px;}
#printInfo input[type="text"]{font-weight:bold; background:#eee !important; }*/

#printCont{ padding: 20px;}
#therapeuticPlan{ overflow:hidden;}
#printCont input[type="text"]{ background:#eee !important; }
@media print { body{ -webkit-print-color-adjust:exact !important; } }

/* */

.input-group{margin-bottom:20px;margin-top:0px;}
.formfield{ 
  height:2em; 
  font-size:1em; 
  font-weight:300; 
  background-color: transparent; 
  color:#000; 
  position:relative; 
  z-index: 2;
  padding:6px 0; 
  border: 0; 
  border-bottom: 1px solid #d2dbdf; 
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  border-top: 0px !important; 
  border-left: 0px !important; 
  border-right: 0px !important; 
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1) !important;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1) !important;

}
.formfield:focus { 
  border:0px;
  border-bottom: 1px solid #4085de; 
  outline: 0; 
}
.formfield ~ .focus-border{
  position: absolute; 
  bottom: 0; 
  left: 0; 
  width: 0; 
  height: 2px; 
  background-color: #4085de; 
  transition: 0.4s;
}
.formfield:focus ~ .focus-border,.has-content.formfield ~ .focus-border{
  width: 100%; 
  transition: 0.4s;
}
.has-content.formfield, .formfield:focus ~ .input-group-addon, .has-content.formfield ~ .input-group-addon{
  border-bottom: 1px solid #4085de;
}
.has-content.formfield, .has-content.formfield ~ .input-group-addon{
  border-bottom: 1px solid #d2dbdf;
}
.formfield ~ label{
  position: absolute; 
  left: 0; 
  width: 100%; 
  top: 0.6em; 
  color:#fff; 
  text-align:left; 
  transition: 0.3s; 
  z-index:0; 
  font-size:1.3em; 
  font-weight:normal;
}
.formfield:focus ~ label, .has-content.formfield ~ label{
  top: -1.6em; 
  font-size:1em; 
  font-weight:bold;
  color: #fff; 
  transition: 0.3s;
}
textarea ~ label{top: -14px !important; font-size:1em !important; color: #fff; transition: 0.3s;}

.tr-modal-selectize .selectize-input , .tr-selectonly-selectize .selectize-input, .tr-selectize .selectize-input{
  border-top: 0px; border-left: 0px; border-right: 0px; 
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);}
.tr-modal-selectize ~ label, .tr-selectonly-selectize ~ label, .tr-selectize ~ label{
  position: absolute; 
  /*left: 0; 
  width: 100%; 
  text-align:left;  
  z-index:0; */
  top: -24px; 
  font-weight: bold;
  /*font-size:1em; 
  color: #fff; */
  transition: 0.3s;
}


.modal-divider{
  padding-top: 40px;
  /*border-top: 1px dashed black;*/
}
.selectize-dropdown-content .create {
  color: black !important;
}

.selectize-dropdown-content .active {
  background-color: #0c5d86 !important;
  color: white !important;
}

.selectize-control.single .selectize-input {
    height: 28px;
    font-size:1em !important;
    font-weight: 300;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
    box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
    background-color: white;
    background-image: -moz-linear-gradient(top, white, white);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(white));
    background-image: -webkit-linear-gradient(top, white, white);
    background-image: -o-linear-gradient(top, white, white);
    background-image: linear-gradient(to bottom, white, white);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
}




.login{ background-color:#487fc6; background-image:url(/static/images/login-bg.jpg?299ca8d8c6a9); background-position:center center; background-repeat:repeat-x;}
.login-wrap{padding: 0px 0px 0 0px;width: 100%;height:100vh;float: none;display: table;position: relative;}
.wrapbox{ display:table-cell; vertical-align:middle;}
.login-panel{ max-width:600px; margin:0 auto; position:relative; z-index:2;}
.login-panel h2{ text-transform:uppercase; text-align:center; position:relative; padding:10px 0; margin:0 0 20px 0;}
.login-panel h2:after{ content:''; display:block; width:50px; height:3px; background-color:#eee; position:absolute; bottom:0; left:50%; margin-left:-25px;}

.formwrap{ display:block; margin:0 auto; max-width:380px; text-align:center;}
.formwrap .formfield{ font-size:1.1em;margin-top:0;}
.formwrap .formfield ~ label{color:#696969;font-size:0.8em; transform: translateY(-70%);}
.formwrap .formfield:focus ~ label, .formwrap .has-content.formfield ~ label{top: -0.9em; font-size:0.8em; color: #696969;}
.formwrap .input-group-addon{ border: 0; border-bottom: 1px solid #d2dbdf; background-color: transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
background-image:url(/static/images/formfield-br.png?299ca8d8c6a9); background-position: 0 5px; background-repeat:no-repeat;}
.formwrap a{ font-size:1.15em;}
.formwrap .btn{ display:inline-block; text-transform:uppercase; margin:10px 0;}
.formwrap p{ padding:5px 0 2px 0 ;font-size:1em;}
.formwrap p a{ font-size:1em; color:#696969;}
.formwrap p a:hover{ color:#000;}

.search-group .form-control{ padding:10px 16px 10px 38px;}
.search-group .form-control::-moz-placeholder {color: #4085de;opacity: 1; font-size:1.1em;}
.search-group .form-control:-ms-input-placeholder {color: #4085de; font-size:1.1em;}
.search-group .form-control::-webkit-input-placeholder {color: #4085de; font-size:1.1em;}
.search-group .form-control::-ms-expand {background-color: transparent;  border: 0; font-size:1.1em;}
.search-input{ background-image:url(/static/images/i-ser.png?299ca8d8c6a9); background-position:6px 8px; background-repeat: no-repeat;}
.filter-input{ background-image:url(/static/images/i-filter.png?299ca8d8c6a9); background-position:6px 10px; background-repeat: no-repeat;}

.table{ color: #000 !important; background-color:#fff; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; margin-bottom:0; }
.table caption{ margin-top: 20px; color: white; text-align: center; font-size:1.4em; font-style: 600}
table{ font-size:1.15em;}
table tr:first-child th:first-child {border-top-left-radius: 6px;}
table tr:first-child th:last-child {border-top-right-radius: 6px;}
table tr:last-child td:first-child {border-bottom-left-radius: 6px;}
table tr:last-child td:last-child { border-bottom-right-radius: 6px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ border-top:0px solid #3c8fd9;}
.table > tbody > tr > td{ padding:10px 10px; min-width:70px; max-width:180px;}
.table > thead > tr > th{ background: linear-gradient(#daedf7, white); color:#000; border-bottom:1px solid #b9d4dc; padding:8px 10px; font-size:1em;white-space:nowrap;}
.table span{display:block;}
.table-bordered  {    border: 1px solid #3c8fd9;}
.table-striped   {    border: 1px dotted #daedf7;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{ border:1px solid #3c8fd9;}
.table-striped > tbody > tr:nth-of-type(2n+1){ background-color:#fff;}
.table-striped > tbody > tr:nth-of-type(even){ background-color:#daedf757;}
.table-hover > tbody > tr:nth-of-type(odd):hover,.table-hover > tbody > tr:nth-of-type(even):hover {background-color: #f0fce7;}
.table-responsive{ border:0px solid #ddd;}
.table .action{ display: inline-block; background-color:#fff; color:#4789df; width:28px; height:28px; margin:0 3px; padding:1px 5px;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.3);}
.table .action:hover{color:#2465ba;}
.table .action:hover i{ opacity:0.8;}
.table > tbody > tr > td.vlign{ vertical-align:middle; min-width:132px;}
.td-patient{ min-width:156px;}
.td-lastvisit{ min-width:110px;}
.pagination{ margin:10px 0 10px;}
.pagination > li > a, .pagination > li > span{ padding:3px 6px; border:0px solid #fff; background-color:#fff; color:#90a4ae; font-size:1.15em;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{border:0px solid #fff; background-color:#fff; color:#4085de;}
.pagination > li:nth-child(2) > a{ margin-right:10px;}
.pagination > li:nth-last-child(2) > a{ margin-left:10px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ color:#4085de; text-decoration: underline; background-color:transparent;}
.pagination a span{ font-size:1.8em; line-height:2.2em;}
.pagenav{ background-color:#fff;background:linear-gradient(white,#daedf7); margin-bottom:30px; padding:0 10px; border-top:1px solid #e9f1e4;
-moz-border-radius-bottomright: 6px;-webkit-border-bottom-right-radius: 6px;border-bottom-right-radius:6px;
-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;}
.pagenav:after{ content:''; clear: both; display:block; height:0;}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
.modal-header{ background-color:#3c90d8; color:#fff; display: none}
.modal-title{ color:#fff; font-size:1.5em;}
.modal-footer{ 
  /*background-color:#fff;*/
  border-top:0px solid #e9f1e4 !important; 
  text-align:center;
}
.modal-body {overflow: auto; padding:0; height: inherit; background: #135d84; color: #fff}
.modal-bodywrap{ padding:1em; height: inherit;}

.page-header{ padding:0px 0 20px; margin:0; border:0px;}
.headbox,.user-headbox{ display:block;}
.headbox:after,.user-headbox:after{content:''; clear:both; display:block;}
.user-headbox{ 
  background-color:#fff; 
  border-top:2px solid #3c90d8;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border-radius:3px; 
  margin-bottom:25px;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); 
  overflow:hidden;

}
.user-headbox h4{ font-size:1.5em; line-height:2em; padding:0; margin:0; }
.info-left{ display:inline-block; float:left;}
.info-right{ display:block; float:right;}
.labtest-right{ display:inline-block; float:right;width: 4em; text-align: right;line-height: 1.2em}
.labtest-left{ display:inline-block; float:left; width: 70px; }
.labtest-name{display:inline-block; width: 10em;}

.visitnav{ display:inline-block; padding-left:10px;padding-right :10px;}
.info-btn{ display: inline-block; float:right; padding:10px;}
.info-btn .btn{ margin:15px 5px;}
.infowrap:after,.info-left:after{content:''; clear:both; height:0; display:block;}
.infowrap .pic{display:inline-block; float:left; width:87px; height:86px; border-right:1px solid #edf4f6;/*  background-image:url(/static/images/i-biopic.jpg?299ca8d8c6a9); background-position:center center; background-repeat:no-repeat; */}
.infowrap .bioinfo{ display:inline-block; float:left; padding:5px 0 5px 15px;}
.biotitle{ display:inline-block;}
.biotitle:after{content:''; clear:both; height:0; display:inline-block;}
.biotitle h4{ float:left; color: black; text-transform: uppercase;}
.biotitle .notewrap{ float:left; margin:0.4em 0 0 1.1em; position:relative; cursor: pointer; }
.note{
  /* display:block;opacity:1;  position:absolute; */
  top:2.5em;
  left:-1.4em;
  z-index:10; 
  width:22em; 
  background-color:#fff; 
  padding:1em; 
  color:#989898; 
  font-size:1em;
  font-weight:300;
  line-height:1.3em;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  border:1px solid #eaeaea;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(150, 150, 150, 0.3);
  -moz-box-shadow: 0px 0px 6px 0px rgba(150, 150, 150, 0.3);
  box-shadow: 0px 0px 6px 0px rgba(150, 150, 150, 0.3);
}
.note h5 {
  text-transform: capitalize;
}
.note:after{ content:''; position:absolute; top:-10px; left:25px; display:block; width:15px; height:11px;background-image:url(/static/images/notearrow.png?299ca8d8c6a9); background-position:bottom center; background-repeat:no-repeat;}
/* .biotitle .i-note:hover .note{ opacity:1;-webkit-transition: opacity 0.6s ease-in-out;-moz-transition: opacity 0.6s ease-in-out;-ms-transition: opacity 0.6s ease-in-out;-o-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out;}*/.note h5{ font-size:1.3em; color:#4085de; font-weight:300; padding:0 0 5px 0; margin:0;}
.note-tx{ height:90px; overflow-x: hidden;overflow-y: auto;}
.perinfo{ color:#90a4ae; font-size:1.3em;}
.perinfo span{ display:inline-block; padding:0 3px;}
.perinfo span:after{ content:'/'; display:inline-block; margin:0 0 0 2px;}
.perinfo span:last-child:after{ content:'';}
.navinfo{ border-top:1px solid #edf4f6; padding:10px;}
.navinfo:after{content:''; clear:both; height:0; display:block;}
.nav-pills{ font-size:1.1em;}
.nav-pills > li{ padding:0 10px 0 10px; border-right:1px solid #edf4f6;}
.nav-pills > li:last-child{border-right:0px solid #edf4f6;}
.nav-pills > li > a{color:#90a4ae; padding:0px;}
.nav-pills > li > a:hover{color:#90a4ae; background-color:transparent;}
.nav-pills > li.title{ color:black;padding:0 10px 0 10px;border-right:0px solid #edf4f6; min-width:10em;text-transform: uppercase;}
.nav-pills > li.title > a{color:black; padding:0px;}
.nav-pills > li.title > a:hover{color:#4085de;}

.nav-pills .title{ 
  color:black;
  padding:0 10px 0 10px;
  border-right:0px solid #edf4f6; 
  min-width:10em;
  text-transform: uppercase;
  display: inline-block;
}
.nav-pills .title > a{
  color:black; 
  padding:0px;
}
.nav-pills .title > a:hover{
  color:#4085de;
}
.
.nav-pills span{ font-weight:bold;color:#333; display:inline-block; padding:0 2px 0 5px;}
.nav-pills i{ margin-right:4px;}

.fileinput{position:relative;}
.fileinput .thumbnail{ width:86px; height:86px; padding:0; margin:0; border:0px solid #fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-image:url(/static/images/i-biopic.jpg?299ca8d8c6a9); background-position:center center; background-repeat:no-repeat; }
.fileinput .thumbnail img{width:86px; height:86px;}
.fileinput .btn-file{ position:absolute; bottom:0; right:0; background-color:#fff; width:25px; min-width: inherit; height:25px; color:#4085de; font-size:1em; padding:3px 6px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}


.panel-head{ padding:20px 15px; background:#fff; text-align:center; border-bottom:1px solid #e8f2f5;}
.panel-tx{ padding:20px 15px;}
.panel-default{
  /*border-color:#e4ecef;*/
  background-color:transparent;
  /*-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); 
  overflow:hidden;*/
}
/*.panel-default:hover{
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); 
  overflow:hidden;
}*/
.panel-default > .panel-heading{ 
  background-color:transparent; 
  color:#fff; 
  font-size:1.2em; 
  font-weight:400; 
  text-transform: uppercase;
  text-align:left; 
  border:0px solid transparent; 
  padding-left: 0px;
  /*border-left:2px solid #3c90d8;
  border-bottom:1px solid #f2f2f2;
-webkit-box-shadow: 0px 2px 4px 0px rgba(150, 150, 150, 0.15);
-moz-box-shadow:    0px 2px 4px 0px rgba(150, 150, 150, 0.15);
box-shadow:         0px 2px 4px 0px rgba(150, 150, 150, 0.15);*/
}

.panel {
  border:0px solid transparent;
  margin-bottom: 40px;
}

.panel-body {
    background: white;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6); 
    overflow:hidden;
    cursor: pointer;
}
.panel-default > .panel-body:hover{
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); 
  overflow:hidden;
}
.panel-footer{ background-color:#fff; border-top:1px solid #e9f1e4; padding:15px; text-align:center;}
.panel-body .nav-tabs{ text-align:center; border-bottom:1px solid #e4ecef; padding:10px 0 15px 0;}
.nav-tabs > li{ float:none; display:inline-block; margin:0; border-right:1px solid #e4ecef;}
.nav-tabs > li:last-child{border-right:0px solid #e4ecef;}
.nav-tabs > li > a{ padding:2px 12px; font-size:1.15em; line-height:18px; color:#b4b4b4;border:0px;}
.nav-tabs > li > a:hover{background-color:transparent;border:0px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ color:#333; border:0px;}
.list-group{ margin-bottom:0;}
.list-group-item{ border:0px;border-bottom:1px solid black; margin-bottom:0; padding:10px 0; color:black; }
.list-group-item:first-child,.list-group-item:last-child{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.list-group-item:last-child{border-bottom:0px solid #e4ecef;}
.list-group-item h5{ margin:0; padding:0 0 5px 0;}
.list-group-item h6{ margin:0; padding:0 0 0 0; color:#90a4ae;}
.list-group-item p{ margin:0; padding:0 0 5px 0; font-size:1.1em;}

.dayprofile-reading{ margin-bottom:0;}
.dayprofile-reading > li { float:none; display:block; margin:0;}
.dayprofile-reading > li > span {  width: 90px; }

.investigation-title{ margin-top: 20px;  border-top:1px dotted #e4ecef; border-bottom:1px dotted #e4ecef;padding:5px 0px; color:black; list-style-type: none; font-weight: 600;}
.investigation-title {font-size:1em;}
.investigation-title:first-child,.investigation-title:last-child{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.investigation-title:last-child{border-bottom:0px solid #e4ecef;}
.investigation-title h5{ margin:0; padding:0 0 5px 0;}
.investigation-title h6{ margin:0; padding:0 0 0 0; color:#90a4ae;}
.investigation-title p{ margin:0; padding:0 0 5px 0; font-size:1.1em; line-height:18px;}

.master-list{ display:block;}
.master-list:after{content:''; clear:both; height:0; display:block;}
.master-left{ display:inline-block; float:left; width:50%;}
.master-status{display:inline-block; float:right; width:50%; text-align:right;}
.master-left p{ margin:0; padding:0; font-size:1.1em;}
.master-left p:before{ content:''; display: inline-block; vertical-align:middle; margin:0 5px 0 0; width:12px; height:12px;  background-color:#cbd5d9;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
p.status-func:before{background-color:#f3bd00;}
p.status-tri:before{background-color:#72c644;}
.btn-arro{ border:1px solid #90a4ae; padding:0px 5px 0 8px; display:inline-block; height:22px; background-color:#fff; position:relative; z-index:2;}
.btn-arro:before{ content:''; display: inline-block; width:15px; height:16px;border-bottom:1px solid #90a4ae;border-left:1px solid #90a4ae; background-color:#fff; padding:0; position:absolute; top:2px; left:-8px; z-index:-2; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.btn-arro:after{ content:''; display:block; width:2px; height:22px; position:absolute; top:0px; left:2px; background-image:url(/static/images/arrwdot.png?299ca8d8c6a9); background-position:0; background-repeat:no-repeat; }
.btn-act,.btn-act:before{border-color: #3c90d8;}
.btn-inact,.btn-inact:before{border-color: #4085de;}
.btn-anti,.btn-anti:before{border-color: #ff9c32;}
.planlist{ margin:0; padding:0; list-style-type: none;}
.planlist li{background-image:url(/static/images/arrwdot.png?299ca8d8c6a9); background-position:0 1px; background-repeat:no-repeat; padding:0 0 0 8px; font-size:1.15em;}
.therapeuticlist{ margin:2; padding:0; list-style-type: none;}
.therapeuticlist li{background-position:0 1px; background-repeat:no-repeat; padding:0 0 0 8px; }
.treatment-plan p{ padding:0; margin:0;}

.master-problem-list{ padding:0; list-style-type: none;}
.master-problem-list li{background-position:0 1px; background-repeat:no-repeat; padding:0 0 0 8px; color: black}

.lab-test-tab > li{  float:none; display:block; margin:10px;}
.lab-test-tab > li:last-child{ border-right:0px solid #e4ecef;}
.lab-test-tab > li > a{ padding:0px 5px; font-size:1.1em; line-height:25px; color:#000;border:1px 0px solid #000;}
.lab-test-tab > li > a:focus{ background-color:#ddd; color: #135d84; border:0px;}
.lab-test-tab > li > a:hover{background-color:#ddd; color: #135d84; border:0px;}
.lab-test-tab > li.active > a{ background-color:#135d84; border:0px; color: #fff}


.diagnostics-tab > li{  float:none; display:inline-block; margin:10px;}
.diagnostics-tab > li:last-child{ border-right:0px solid #e4ecef;}
.diagnostics-tab> li > a{ padding:0px 5px; font-size:1.1em; line-height:25px; color:#000;border:1px 0px solid #000;}
.diagnostics-tab > li > a:focus{ background-color:#ddd; color: #135d84; border:0px;}
.diagnostics-tab > li > a:hover{background-color:#ddd; color: #135d84; border:0px;}
.diagnostics-tab> li.active > a{ background-color:#135d84; border:0px; color: #fff}

.dayprofile-tab > li{  float:none; display:inline-block; margin:10px;}
.dayprofile-tab > li:last-child{ border-right:0px solid #e4ecef;}
.dayprofile-tab> li > a{ padding:0px 5px; font-size:1.1em; line-height:25px; color:#000;border:1px 0px solid #000;}
.dayprofile-tab > li > a:focus{ background-color:#ddd; color: #135d84; border:0px;}
.dayprofile-tab > li > a:hover{background-color:#ddd; color: #135d84; border:0px;}
.dayprofile-tab> li.active > a{ background-color:#135d84; border:0px; color: #fff}


.tab-pane .row {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

.range-item-0{  color:#e29313; list-style-type: none;}
.range-item-1{  color:#ce3636; list-style-type: none;}
.range-item-2{  list-style-type: none;}
.range-item-0 > span {  color:#e29313;}
.range-item-1 > span {  color:#ce3636;}

.range-item-0 > input {  background-color:#e29313 ; color:#fff;}

.nav-pills .range-item-0 {color:#e29313; padding:0px;}
.nav-pills .range-item-0 > li > a{color:#e29313 !important ; padding:0px;}
.nav-pills .range-item-0 > li > a:hover{color:#e29313 !important; background-color:transparent;}
.nav-pills .range-item-1 {color:#ce3636; padding:0px;}
.nav-pills .range-item-1 > li > a{color:#ce3636 !important; padding:0px;}
.nav-pills .range-item-1 > li > a:hover{color:#ce3636 !important; background-color:transparent;}
.nav-pills .range-item-2 > li > a{color:#0a7d24 !important; padding:0px;}
.nav-pills .range-item-2 > li > a:hover{color:#0a7d24 !important; background-color:transparent;}

#accordion{ margin-bottom:25px;}
#accordion .panel-default{ border-color:#f3f3f3; margin-bottom:15px;}
#accordion .panel-default > .panel-heading{color:#3e5561; font-size:1.5em; font-weight:400; text-align:left; border:0px solid #fff; border-left:0px solid #3c90d8;border-bottom:0px solid #f2f2f2; padding:0;
-webkit-box-shadow: 0px 2px 4px 0px rgba(150, 150, 150, 0);
-moz-box-shadow:    0px 2px 4px 0px rgba(150, 150, 150, 0);
box-shadow:         0px 2px 4px 0px rgba(150, 150, 150, 0);}
#accordion .panel-title{ padding:0;}
#accordion .panel-title a{color:#fff; font-size:1.15em; display:block; padding:13px 15px; background-color:#3c90d8; text-decoration:none; background-image:url(/static/images/i-accordion-hov.png?299ca8d8c6a9); background-position:98% 15px; background-repeat:no-repeat;}
#accordion .panel-title a.collapsed{ background-color:#fff;color:#3e5561; text-decoration:none;background-image:url(/static/images/i-accordion.png?299ca8d8c6a9);}

#tests-accordion{ margin-bottom:25px;}
#tests-accordion .panel-default{ border-color:#f3f3f3; margin-bottom:15px;}
#tests-accordion .panel-default > .panel-heading{color:#3e5561; font-size:1.3em; font-weight:400; text-align:left; border:0px solid #fff; border-left:0px solid #3c90d8;border-bottom:0px solid #f2f2f2; padding:0;
-webkit-box-shadow: 0px 2px 4px 0px rgba(150, 150, 150, 0);
-moz-box-shadow:    0px 2px 4px 0px rgba(150, 150, 150, 0);
box-shadow:         0px 2px 4px 0px rgba(150, 150, 150, 0);}
#tests-accordion .panel-title{ padding:0;}
#tests-accordion .panel-title a{color:#fff; font-size:1.4em; display:block; padding:13px 15px; background-color:#3c90d8; text-decoration:none; background-image:url(/static/images/i-accordion-hov.png?299ca8d8c6a9); background-position:98% 15px; background-repeat:no-repeat;}
#tests-accordion .panel-title a.collapsed{ background-color:#fff;color:#3e5561; text-decoration:none;background-image:url(/static/images/i-accordion.png?299ca8d8c6a9);}

.text-warning {color: #e29313;}

}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{ border-top:0px solid #fff; padding:20px 25px;}
.panel-nav{ padding:0 0 5px 0; margin:0;}
.panel-nav a{ margin-left:12px;}




/* Material Switch for Checkbox */

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.collapse-menu {
  display: block;
}
.collapse-menu.in {
  display: none;
}


/*.sidebar .sub-menu li,.sidebar .nav-third-level li { border-bottom: none !important;}
.sidebar .sub-menu li a.active { font-weight: bold;background: inherit;}*/
.sub-menu > li {margin-right: 15px; margin-left:-10px; margin-top: 5px; margin-bottom: 5px; border-bottom:none !important;}
.sub-menu > li > a{ font-weight:400; padding:5px 5px 5px 20px; font-size:0.9em;background-color: transparent;!important;color: #e3eef2;}
.sub-menu  > li > a:hover, .sub-menu > li > a:focus{ background-color:#609395 !important; color: #e3eef2}
.sub-menu  > li > a.active:hover, .sub-menu  > li > a.active:focus{ background-color: #609395; color: #e3eef2}


.accordion {
  margin: auto;
}
.accordion input {
  display: none;
}
.box {
  position: relative;
  background: white;
    height: 64px;
    transition: all .15s ease-in-out;
}
.box::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
}
header.box {
  background: #00BCD4;
  z-index: 100;
  cursor: initial;
  box-shadow: 0 -1px 0 #e5e5e5,0 0 2px -2px rgba(0,0,0,.12),0 2px 4px -4px rgba(0,0,0,.24);
}
header .box-title {
  margin: 0;
  font-weight: normal;
  font-size:16pt;
  color: white;
  cursor: initial;
}
header .row {
  margin: 0;
  font-weight: normal;
  font-size:16pt;
  color: white;
  cursor: initial;
}
.box-title {
  width: 100%;
  height: 64px;
  line-height: 64px;
  padding: 0 20px;
  display: inline-block;
  cursor: pointer;
  border-bottom: 1px solid rgba(0,0,0,.18);
  font-weight: normal;
  -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.box-content {
  width: 100%;
  padding: 10px 20px;
  font-size:11pt;
  color: rgba(0,0,0,.54);
  display: none;
}
.box-close {
  position: absolute;
  height: 64px;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
}
input:checked + .box {
  height: auto;
  margin: 16px 0;
    box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
}

input:checked + .box .row {
  border-bottom: 1px solid rgba(0,0,0,.18);
}


input:checked + .box .box-content,
input:checked + .box .box-close {
  display: inline-block;
}
.arrows section .box-title {
  padding-left: 44px;
  width: 100%;
}
.arrows section .box-title:before {
  position: absolute;
  display: block;
  content: '\203a';
  font-size:1.3empt;
  left: 20px;
  top: -2px;
  transition: transform .1s ease-in-out;
  color: rgba(0,0,0,.54);
}
input:checked + section.box .box-title:before {
  transform: rotate(90deg);
}

.email-date{ 
  padding: 15 15px;
  padding-left: 10px;
  display: inline-block;
  float: right;
  font-weight: normal;
}

.email-sender{ 
  padding-left: 30px;
  display: inline-block;
  float: left;
  font-weight: normal;
}

.email-subject{ 
  padding-left: 30px;
  display: inline-block;
  float: left;
  font-weight: normal;
}

.email-unread-ignore{ 
  padding: 15 15px;
  padding-left: 10px;
  display: inline-block;
  float: right;
  color: #4487db;
}

.email-replied{ background-color:#f5f5f5; font-size:10pt;}
.reply-pending{ background-color:#fff; font-weight: bold; font-size:10pt;}

.email-search-group .form-control{ padding:10px 16px 10px 38px;}
.email-search-group .form-control::-moz-placeholder {color: #4085de;opacity: 1; font-size:0.7em;}
.email-search-group .form-control:-ms-input-placeholder {color: #4085de; font-size:0.7em;}
.email-search-group .form-control::-webkit-input-placeholder {color: #4085de; font-size:0.7em;}
.email-search-group .form-control::-ms-expand {background-color: transparent;  border: 0; font-size:0.7em;}


.attachment-btn{ margin: 0px 10px;color:#fff; background-color:#4487db;border:0px solid #fff; font-size:1em; font-weight:600; width: 150px; text-align: center; float: right;}
.attachment-btn:hover, .attachment-btn:focus{color:#fff; background-color:#4487db;}

/*.reply-btn{background-color:#4487db; color:#fff; font-size:1em; line-height: 64px;text-align: center;}*/

.reply-btn {
  height: 64px;
  line-height: 64px;
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  color:#4487db; 
  -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}

.send-reply-btn{ background-color:#4487db; color:#fff;  font-size:1em; font-weight:600; width: 150px; text-align: center; }


div#editor {
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: left;
}

.modal-dialog-draft {
  position: relative;
  height: 90%;
  width: 90%;
  margin-bottom: 5px;
}

img[apple-inline] {
   height: 0px;
   visibility: hidden;
}

.attachment-thumbnail{
  display: block;
    float: left;
    width: 25%;
    height: auto;
    position: relative;
}

.attachment{
  display: block;
    float: left;
    width: 80%;
    height: auto;
    position: relative;
    margin: 20px 10%;
    border: 1px solid rgba(0,0,0,.18);
}


.report{
  display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 20px 0%;
    border: 1px solid rgba(0,0,0,.18);
}

.table > tbody > tr > td{
  font-size:1em;
}

.borderless {
    border: none;
}

.borderless > tbody > tr > td {
    border: none;
}

.table .formfield{ 
  height:2em; 
  font-size:1em; 
  font-weight:300; 
  background-color: transparent;  
  position:relative; 
  z-index: 2;
  padding:6px 0; 
  border: 0; 
  width: 100%;
  border-bottom: 1px dashed #d2dbdf; 
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.row .search-input{ background-image:url(/static/images/i-ser.png?299ca8d8c6a9); background-position:0px 0px; background-repeat: no-repeat; padding-left: 30px;}

.grouped {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.grouped li {
    float: left;
    margin-right: 5px;
    padding: 0;
    font-size:1em;
}

.grouped .btn {
  font-size:1em;
}

.modal-form{
  padding-right: 15px;
  padding-left: 15px;
  height: inherit;
}

.inline-form{
  display: block;
  margin:0; padding:0;
}

.nav-pills-form-li{
  overflow:hidden;
  float: none !important;

}

.nav-pills-formfield{
    font-weight: bold;
    color: #333;
     width:100%; 
     overflow:hidden;
     padding: 0 2px 0 5px !important;
    background-color: transparent;
    position: relative;
    z-index: 2;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
            box-sizing: border-box; /* css3 rec */
        -moz-box-sizing: border-box; /* ff2 */
        -ms-box-sizing: border-box; /* ie8 */
        -webkit-box-sizing: border-box; /* safari3 */
        -khtml-box-sizing: border-box; /* konqueror */

}

.modal-dialog-large .modal-footer{
   bottom:0;width:100%;
}

.modal-form  {
  overflow: -moz-scrollbars-vertical; 
  overflow-y: visible;
  overflow-x: visible;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}

.fixed-print-plugin {
    top: 25%;
}

.fixed-report-plugin {
    top: 30%;
}

.fixed-dayprofile-plugin {
    top: 35%;
}
.fixed-email-plugin {
    top: 40%;
}

.fixed-invite-plugin {
    top: 45%;    
}

.fixed-trial-plugin {
    top: 50%;    
}
.floater{
  position: fixed;
  right: 0;
  z-index: 1031;
  border-radius: 8px 0 0 8px;
  text-align: center;
  color: black;
  width: 60px;
  /*background: #0c5d86;*/
  background: linear-gradient( white,#0c5d86);

}

.no_show{display: none !important;}

div.fileinputs {
  position: relative;
}

div.fakefile {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

input.file {
  position: relative;
  text-align: right;
  -moz-opacity:0 ;
  filter:alpha(opacity: 0);
  opacity: 0;
  z-index: 2;
}

.fakefile .form-control[disabled] {
  background-color: #fff
}

.tab-pane-std-row {
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.hidden-item{
  display: none
}
.fill-width{
  width: 100%;
}

.dayprofilefield::placeholder {
  color: #ccc;
}


.dayprofiletable > thead > tr > th, 
.dayprofiletable > tbody > tr > th, 
.dayprofiletable > tfoot > tr > th, 
.dayprofiletable > thead > tr > td, 
.dayprofiletable > tbody > tr > td, 
.dayprofiletable > tfoot > tr > td{ border-top:0px solid #daedf757;}
.dayprofiletable > tbody > tr > td{ padding:2px 2px; min-width:10px; max-width:180px;}
.dayprofiletable > thead > tr > th{ 
  background-color:#daedf7; 
  color:#000; 
  border-bottom:1px solid #daedf757; 
  padding:0px 0px; font-size:0.9em;
  white-space:nowrap;
}
.dayprofiletable{ border: 0px solid #daedf757; font-size:0.8em}
.dayprofiletable > thead > tr > th, 
.dayprofiletable > tbody > tr > th, 
.dayprofiletable > tfoot > tr > th, 
.dayprofiletable > thead > tr > td, 
.dayprofiletable > tbody > tr > td, 
.dayprofiletable > tfoot > tr > td{ border-left:0px solid #daedf757; border-right:1px solid #daedf757;}
.dayprofiletable > tbody > tr:nth-of-type(2n+1){ background-color:#fff;}
.dayprofiletable > tbody > tr:nth-of-type(even){ background-color:#daedf757;}

.table > thead{
  background-color:#fff;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td{ border-top:0px solid black; color:#000; }
.table > tbody > tr > td{ padding:2px 2px; min-width:10px; max-width:180px;}
.table > thead > tr > th{ 
  background:#fff; 
  color:#000; 
  border-bottom:1px solid #333; 
  border-top:1px solid #333 !important; 
  border-left:0px solid transparent; 
  border-right:0px solid transparent;
  padding:5px 5px; font-size:1em;
  white-space:nowrap;
}
.table{ border: 0px solid transparent; font-size:1em}
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td{ 
  border-left:0px solid transparent; 
  border-right:0px solid transparent;
  border-top:0px solid #ddd; 
  border-bottom:1px solid #ddd; 

}
.table > tbody > tr:nth-of-type(2n+1){ background-color:#fff;}
.table > tbody > tr:nth-of-type(even){ background-color:#fff;}

.tabletop{padding-top: 20px}

.selectize-input, .selectize-control.single .selectize-input.input-active{
  background: inherit;
  /*border-color: #fff6;*/
}



.advanced-search .selectize-input, .advanced-search .selectize-control.single .selectize-input.input-active {
  background: #fff !important; 
}

/*.modal-body .btn{
    color: #3c90d8;
    background-color: #fff;
}*/

.close-btn{
  float:right;
  color: #000;
  background: inherit;
  border: 0px;
}

.btn-right{
  float:right;
}

.table .formfield{
  color:#000;
}

.instructionstab{
  padding-top: 30px;
  padding-left: 20px;

}


.modal-body{
  color: #000;
  font-weight: normal;
  background-color: #fff;
}

.modal-body ~ label {
  font-weight: normal !important;
  color: #000 !important;
}

.formfield ~ label{
  background: : black!important;
}

.formfield ~ label{
  color: black!important;
}

.report-heading {
  padding-top: 5px; 
  padding-bottom: 5px;
}

.report-list{
  padding: 0;
  list-style-type: none;
}

.report-edit-btn{
  padding: 1em;
  color: grey;
}

@keyframes flickerHeader {
    0%   {font-size:1.4em}
    100% {font-size:1.15em;}

}


.floater:hover{
  color: white;
  background: linear-gradient(#0c5d86, white);
}

.sidebar:hover {left: 0px;}

.collapse-link{
  font-size:0.8em;
  color: white;
}

.panel-header-item{
  font-size:0.8em;
  color: white;
  padding-left: 15px;  
  padding-right: 15px;  
}

.vert-center > tbody > tr > td{
  vertical-align: middle;
}

td .form-group {
  margin-top: 0px;
  margin-bottom: 0px;
}

.settings-body {

  max-width: 80%;
  margin: 0 auto;
  padding: 40px;
  vertical-align: middle;
}

.settings-card {

  background-color: white;
  margin: 0 auto;
  padding: 40px;
  vertical-align: middle;
}

.settings-body fieldset {
    display: block;
    padding: 25px 30px 5px;
    border: none;
    background: rgba(255, 255, 255, 0.9);
}

.settings-body section {
    margin-bottom: 20px;
}

.settings-body .checkbox {
  margin-bottom: 4px;
  padding-left: 27px;
  font-size:1.1em;
  line-height: 27px;
  color: #404040;
  cursor: pointer;
}


/**/
/* toggles */
/**/
.settings-body .toggle {
  margin-bottom: 4px;
  padding-right: 61px;
  font-size:1.1em;
  line-height: 27px;
  color: #404040;
  cursor: pointer;
}
.settings-body .toggle:last-child {
  margin-bottom: 0;
}
.settings-body .toggle input {
  position: absolute;
  left: -9999px;
}
.settings-body .toggle i {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  width: 49px;
  height: 17px;
  border-width: 2px;
  border-style: solid;
  border-radius: 12px;
  background: #fff;
}
.settings-body .toggle i:after {
  content: 'OFF';
  position: absolute;
  top: 2px;
  right: 8px;
  left: 8px;
  font-style: normal;
  font-size:0.75em;
  line-height: 13px;
  font-weight: 700;
  text-align: left;
  color: #5f5f5f;
}
.settings-body .toggle i:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  opacity: 1;
  transition: right 0.2s;
  -o-transition: right 0.2s;
  -ms-transition: right 0.2s;
  -moz-transition: right 0.2s;
  -webkit-transition: right 0.2s;
}
.settings-body .toggle input:checked + i:after {
  content: 'ON';
  text-align: right;
}
.settings-body .toggle input:checked + i:before {
  right: 36px;
}


.instructions{
  margin-top: 10px;
  margin-bottom: 10px;
}

.settings-panel {
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.settings-panel-body {
  padding: 15px;
  border: 1px solid #ddd;
}
.settings-panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.settings-panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.settings-panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size:1.15em;
  color: inherit;
}
.settings-panel-title > a,
.settings-panel-title > small,
.settings-panel-title > .small,
.settings-panel-title > small > a,
.settings-panel-title > .small > a {
  color: inherit;
}


.alert-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-error hr {
  border-top-color: #e4b9c0;
}
.alert-error .alert-link {
  color: #843534;
}

.masterdatatable{
  padding-top: 20px;
}

.shape-separator {
  position: relative;
  height: 48px;
}

.wizard-container .form-control {
  margin-top: 2px;
}

.wizard-container .control-label{
  font-size:1.1em;
}

.wizard-container .adjust-margin{
  padding-right: 60px;
}

.panel_toolbox {
    float: right;
    min-width: 70px
}
.panel_toolbox>li {
    float: left;
    cursor: pointer
}
.panel_toolbox>li>a {
    padding: 5px;
    color: #C5C7CB;
    font-size:1em
}
.panel_toolbox>li>a:hover {
    background: #F5F7FA
}

#time-range p {
    font-family:"Arial", sans-serif;
    font-size:1em;
    color:#333;
}
.ui-slider-horizontal {
    height: 8px;
    background: #D7D7D7;
    border: 1px solid #BABABA;
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    font-size:.7em;
    display: block;
    border: 1px solid #5BA8E1;
    box-shadow: 0 1px 0 #AAD6F6 inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #81B8F3;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
    background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}
.ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #F9FBFA;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
    background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: linear-gradient(top, #C7CED6, #F9FBFA);
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    border: none;
    cursor: pointer;
}
.ui-slider .ui-slider-handle:after {
    content:"";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background: #30A2D2;
    -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
    -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
    box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em;
}
.ui-slider a:focus {
    outline:none;
}

#slider-range {
  width: 60%;
  margin: 0 auto;
}
#time-range {
  width: 400px;
}

.master-header{
  padding-top: 20px;
}

.master-header > h1 {
  color: white;
}


/* On Off Slider */

.OnOffSlider > input[type=checkbox] {
  visibility: hidden;
}
.OnOffSlider {
  width: 8em;
  height: 2em;
  background: #fff;
  margin: auto;
  font-size:1em;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  position: relative;

  -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
  -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.OnOffSlider:after {
  content: 'OFF';
  color: #dc524a;
  position: absolute;
  top:4px;
  right: 5px;
  z-index: 0;
  font-weight: normal;
  text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.OnOffSlider:before {
  content: 'ON';
  color: #26a163;
  position: absolute;
  top:0.3em;
  left: 0.5em;
  z-index: 0;
  font-weight: normal;
}

.OnOffSlider label {
  display: block;
  width: 4em;
  height: 1.8em;

  -webkit-border-radius: 3.5em;
  -moz-border-radius: 3.5em;
  border-radius: 3.5em;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
  position: absolute;
  top: 1px;
  left: 3px;
  z-index: 1;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  background: #fcfff4;

  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.OnOffSlider input[type=checkbox]:checked + label {
  left: 4em;
}

td .OnOffSlider {
  margin: 0px 0px;
}

#pages .focus {
  background-color: #3c8fd9;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
}

#pages {
  background-color: white;
  padding:10px;
  margin: 20px auto;
}

.selected {
  background-color: #3c8fd9;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
}

.pageNumber {
  padding: 5px;
  font-size:2.5 em;
  display: inline !important;
}

.patientlist {
  background-color: transparent;
}
.patientlist> thead {
  display: none;
}
.patientlist > tbody > tr{
  cursor: pointer;
}
.patientlist > tbody > tr:nth-of-type(2n+1),
.patientlist > tbody > tr:nth-of-type(even) {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: transparent;
}

.patientlist .fa-trash {
  vertical-align: middle;
  font-size:1.4em;
  color: grey;
  float: left;
}

.patientlist > tbody > tr > td {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 10px;
  background-color: white;
  border-top: 25px solid transparent; /* [2] */
  border-bottom: 25px solid transparent; /* [2] */

  background-clip: padding-box; /* [4] */
  -webkit-box-shadow:  0 -4px 6px -6px black inset;
     -moz-box-shadow:  0 -4px 6px -6px black inset;
          box-shadow:  0 -8px 6px -10px black inset;
}

.patientlist tr:last-child td:first-child , 
.patientlist tr:last-child td:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.master-section {
  background-color: transparent;
}

/*.master-section .table {
    font-size:1.15em !important;

}

.master-section .table > thead > tr > th{
    font-size:1.2em !important;

}*/
.master-section .table > tbody > tr:nth-of-type(2n+1),
.master-section .table > tbody > tr:nth-of-type(even) {
  background-color: transparent;
}

.master-section .table > tbody > tr > td {
  background-color: white;
  /*font-size:1.15em;*/
  padding: 15px;
}

.collapse,
.collapse .in{
  list-style-type: none;
}

.patient-name{
  font-size: 1.15em;
  font-weight: bold
}

.select2-container--default .select2-selection--single {
  border: 0; 
  border-bottom: 1px dashed #d2dbdf; 
}


.table-borderless > tbody > tr > th, 
.table-borderless > tfoot > tr > th, 
.table-borderless > thead > tr > td, 
.table-borderless > tbody > tr > td, 
.table-borderless > tfoot > tr > td {
  border: 0px solid transparent;
}

#rootwizard {
  margin: 40px;
}
.wizard-tabs {font-size:1.1em; padding-top: 50px;padding-bottom: 50px;}
.wizard-tabs > li{ padding:0 10px 0 10px; color: black ; border-right:0px solid #edf4f6;}
.wizard-tabs > li:last-child{border-right:0px solid #edf4f6;}
.wizard-tabs > li > a{color:black; padding:10px;}
.wizard-tabs > li > a:hover{color:#90a4ae; background-color:transparent;}
.wizard-tabs > li.title{ color:black;padding:0 10px 0 10px;border-right:0px solid #edf4f6; min-width:10em;text-transform: uppercase;}
.wizard-tabs > li.title > a{color:black; padding:0px;}
.wizard-tabs > li.title > a:hover{color:#4085de;}
.wizard-tabs span{ font-weight:bold;color:#333; display:inline-block; padding:0 2px 0 5px;}
.wizard-tabs i{ margin-right:4px;}

.all-copy {  
  -webkit-user-select: all;  /* Chrome all / Safari all */
  -moz-user-select: all;     /* Firefox all */
  -ms-user-select: all;      /* IE 10+ */
  user-select: all;          /* Likely future */   
}

.whiteLabel{
  color: white;
}

.mt20{
  margin-top: 20px;
}

/* .nav-pills > li{ padding:0 10px 0 10px; border-right:1px solid #edf4f6;}
.nav-pills > li:last-child{border-right:0px solid #edf4f6;}
.nav-pills > li > a{color:#90a4ae; padding:0px;}
.nav-pills > li > a:hover{color:#90a4ae; background-color:transparent;} */

.parentfill{
  display: inline-block;
  flex-wrap: wrap;
  padding:0 10px 0 10px;
  border-right:1px solid #edf4f6;
}

.parentfill > a{color:#90a4ae; padding:0px;}
.parentfill > a:hover{color:#90a4ae; background-color:transparent;}

.mandatory-warn {
  border: 1px solid #ce3636;
}

.anthros{
  display: inline-block;
}

@media (min-width: 768px) {
  .navbar-collapse.collapse.in {display: block !important;border-top: 1px solid #e7e7e7;}
  .navbar-toggle {display: block;}
	.modal-bodywrap{ padding:15px 25px;}
}

@media (min-width: 981px) {
  .navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks,.navbar-top-links .dropdown-alerts {margin-left: auto;}
  .panel-nav{ margin:-35px 0 0 0;}
  .navbar-collapse {width: auto;border-top: 0;-webkit-box-shadow: none;box-shadow: none;}
  .navbar-collapse.collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}
  .navbar-collapse.in {overflow-y: visible;}
  .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {padding-right: 0;padding-left: 0;}
  .navbar-toggle {display: none;}
  #accordion .panel-body{ min-height:275px;}
  .modal-header,.modal-wrap{ padding:15px 45px;}
  .addModal .row{ margin-left:-35px; margin-right:-35px;}
  .addModal [class*="col-"] { padding-left:35px; padding-right:35px;}
}

@media (min-width: 992px){
  .modal-lg {
      width: 900px;
  }
}

@media (min-width: 1800px)
{
  .sidebar {
    width: 250px;
    left: -200px;
  }
}

@media (min-width: 1920px)
{
  body
  {
    font-size:18px;
  }
  .labtest-right
  {
    width:5em;
  }
  .modal-lg {
    width: 1200px;
  }
}

@media (min-width: 2048px)
{
  body
  {
    font-size:32px;
  }
  .labtest-right
  {
    width:6em;
  }
  .modal-lg {
    width: 1200px;
  }
}

@media (min-width: 2560px)
{
  body
  {
    font-size:24px;
  }
  .labtest-right
  {
    width:6em;
  }
  .modal-lg {
    width: 1800px;
  }
}

@media (max-width: 1440px) {
  body
  {
    font-size:14px;
  }
}

@media (max-width: 1200px) {
  body
  {
    font-size:12px;
  }
  .labtest-right
  {
    width:3em;
  }
}

@media (max-width: 1024px) {
  body
  {
    font-size:11px;
  }
  .labtest-right
  {
    width:3em;
  }
}
@media (max-width: 900px) {
  body
  {
    font-size:10px;
  }
}

@media (max-width: 767px) {
  body
  {
    font-size:10px;
  }
  .labtest-right
  {
    width:4em;
  }
  .navbar-collapse {display: block;}
  .navbar-collapse.collapse.in {display: block !important;border-top: 1px solid #e7e7e7;}
  .navbar-toggle {display: block;}

  ul.timeline:before {left: 40px;}
  ul.timeline > li > .timeline-panel {width: calc(10%); width: -moz-calc(10%); width: -webkit-calc(10%);}
  ul.timeline > li > .timeline-badge {top: 16px;left: 15px;margin-left: 0;}
  ul.timeline > li > .timeline-panel {float: right;}
  ul.timeline > li > .timeline-panel:before {right: auto;left: -15px;border-right-width: 15px;border-left-width: 0;}
  ul.timeline > li > .timeline-panel:after {right: auto;left: -14px;border-right-width: 14px;border-left-width: 0;}

}


@media (max-width: 640px) {
	.nav-pills > li.title{ float:none;}
	.nav-pills > li{ padding:0 8px; margin-bottom:5px;}
	.note:after {top:36px;  left: 280px;}
	.note {left:inherit; right: 0;}
}

@media (max-width: 480px) {
	.usertx{ display:none;}

}

@media (max-width: 322px) {
	.navbar-top-links li.profile-nav a{ padding:10px 6px;}
	.userpic{ width:34px; height:34px;}
	.userpic img{ width:100%; height:100%;}
}