/*.nav_nam{
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #333 !important; 
  background-repeat: repeat-x;
  
}
.nav_nam:before,
.nav_nam:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav_nam:after {
  clear: both;
}

.nav_nam .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #A5A5A5;
  text-decoration: none;

}


.nam1
	{	
    color: white;
		font-weight: bold;
	}*/
.menuclass1 > a {color:#FFffFF;background-color: #CFCFCF;}
.menuclass2
	{
    color: #FFFFFF;
    background-color: #08C;
	}
#main-body
	{
		padding-top :41px;
	}
.box-content1-frei {
	border:1px solid transparent;
	/*left:10px;top:50px;*/
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius: 6px ;
	background-color:#FFF;
	  -webkit-box-shadow:  3px 3px 10px 3px rgba(22, 22, 22, 0.45);
	         box-shadow:  3px 3px 10px 3px rgba(22, 22, 22, 0.45);
	margin: 10px 30px 50px 30px;
	padding-top: 0px;
 	/* height: 600px;*/
   	/* width: 750px;*/
    background-color:#fff;
    position:relative;
    overflow-y: auto;
}
.box-content1-header-black {
  	
  	border-bottom: 1px solid #ddd;
   	/*background-color: #f5f5f5;*/
   	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
   	color: #fff;
   	background-color: #0F0F0F;
   	-webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
  	*zoom: 1;
  	-webkit-box-shadow: inset 0 1px 0 #090808;
 	-moz-box-shadow: inset 0 1px 0 #090808;
  	box-shadow: inset 0 1px 0 #090808;

}
.box-content1-header-black h3{
   margin: 0px 10px;
   font-size: 24.5px !important;
   font-weight: bold !important;
}
.box-content1-bodyfrei {
	border:1px solid transparent;
  	margin-bottom: 0;
 	  max-height: 1500px;
  
  	overflow-y: auto;
  	/*float: left;*/
   	margin: 5px 5px 2px 10px;
    font-size: 14px;
}
.ispanleftpatienten {
  	width: 600px;
  	/* min-height: 430px; */
}
.ispanrightpatienten {
  	width: 650px;
  	/* min-height: 430px; */
}

.patienten_header1 {
  	padding: 4px 0 2px 12px;
   	background-color: #747070;
   	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
   	color: #fff;
   	/*background-color: #0F0F0F;*/
   	-webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
	width:610px;
	height:16px;
	float: left;
}

.patienten1 {
 	background-color: #FFFFFF;
    border: 1px solid slategrey;
    height: 270px;
    margin-bottom: 20px;
    padding: 10px 55px 55px;
    position: relative;
    width: 510px;
    float: left;
}

.patienten_header2 {
  	padding: 4px 0 2px 12px;
  	/*margin-top: 10px;*/
   	background-color: #747070;
   	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
   	color: #fff;
   	/*background-color: #0F0F0F;*/
   	-webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
	width:610px;
	position: relative;
	height:16px;
	float: left;
}

.patienten2 {
 	background-color: #FFFFFF;
    border: 1px solid slategrey;
    height: 270px;
    margin-bottom: 20px;
    padding: 10px 55px 55px;
    /*left: 21px;*/
    position: relative;
    width: 510px;
    float: left;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: auto;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 4px 6px;
    vertical-align: middle;
}

.ausklapp {
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 4px 6px;
    vertical-align: middle;
}




.feld63 {	width: 63px;}
.feld100 {	width: 100px;}
.feld330 {	width: 310px;}
.feld380 {	width: 360px;}
.feld415 {	width: 400px;}

/* CSS for all function of Dung */
.caos-msg-err {
  color: #ff0000;
  font-weight: bold;
}

.caos-msg-success {
  color: #077811;
  font-weight: bold;
}

.caos-validate-err {
  border-color: RED;
}

.modal-footer-login {
  background-color: #F5F5F5;
  border-radius: 0 0 6px 6px;
  border-top: 1px solid #DDDDDD;
  box-shadow: 0 1px 0 #FFFFFF inset;
  margin-bottom: 0;
  padding: 14px 15px 15px;
  text-align: justify;
}
.body {
  font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  margin:0px 0px 0px 0px;
}

.body h1 {
  margin:0 0 2em;
  padding: 0.5em;
  font-size: 1.3em;
}

.body p.description {
  font-size: 0.8em;
  padding: 1em;
  position: absolute;
  top: 1.2em;
  margin-right: 400px;
}

.body #calendar_selection {
  font-size: 0.7em;
  position: absolute;
  top: 1em;
  right: 1em;
  padding: 1em;
  background: #ffc;
  border: 1px solid #dda;
  width: 270px;
}

.body #message {
  font-size: 0.7em;
  position: absolute;
  top: 1em;
  right: 320px;
  padding: 1em;
  background: #ddf;
  border: 1px solid #aad;
  width: 270px;
}
.datatable td, th
    {
      border:1px solid black;
    }
.datatable   th
    {
      background-color:black;
      color:white;
    }
.wc-cal-event .shownUp {  background: url('../img/men.png') left center no-repeat !important;background-size:16px 16px !important; position: absolute; z-index: 100}
.wc-cal-event .notShownUp {  background: url('../img/mennot.png') left center no-repeat;background-size:16px 16px;}
.wc-cal-event .cancelled {  background: url('../img/mennot.png') left center no-repeat;background-size:16px 16px;}
.wc-cal-event .payed {  background: url('../img/payed.png') right center no-repeat !important;background-size:16px 16px !important; position: absolute; z-index: 100}
.wc-cal-event .schulden {  background: url('../img/schulden.png') left center no-repeat;background-size:16px 16px;}
.wc-cal-event .birthday {  background: url('../img/Rose.png') right center no-repeat !important;background-size:16px 16px !important; position: absolute; z-index: 100}

.wc-cal-event .eventIsOver {  background-color:#999;border:1px solid #888;}
.wc-cal-event .evLeft { height: 15px;width: 15px;position: absolute;top: 2px;left: 2px;}
.wc-cal-event .evRight { height: 15px;width: 15px;position: absolute;top: 2px;right: 2px;}
.wc-cal-event .title {
  display: inline-block;
  overflow: hidden;
  /* width: 60px; */
  text-overflow: ellipsis;
  white-space:nowrap;
  margin-top: 2px;
}
.wc-cal-event .wc-title {
  line-height: 20px;
  /* width: 60px; */
  text-overflow: ellipsis;
}

#PersonCancelled-form {display:none;}
#PersonPayment-form {display:none;}

#patientNeu, #patientInfo {
  margin-bottom: 5px;
}
#calendar .ui-widget-content.wc-header {
  background: #C9D6FF !important;
  border: 0px;
}
#calendar .ui-widget-header.wc-toolbar {
    background: #bbccff !important;
    border: 0px;
}

#calendar .wc-day-column-inner.wc-user-0
{
  background-color: #9AF0EA ;
  opacity: 0.75;
}
#calendar .wc-day-column-inner.wc-user-1 {
  background-color: #E6E6E6;
  opacity: 0.75;
}
#calendar .wc-day-column-inner.wc-user-2 {
  background-color: #F49D9D;
  opacity: 0.5;
}
#calendar .wc-day-column-inner.wc-user-3 {
  background-color: #DEEBFF;
  opacity: 0.5;
}
/*#patient{
    height:auto;
    width:auto;
    background-color:#AAA;
    position:absolute;
    top:45px;
    right:30px;
}*/

.ui-jqgrid .ui-pg-selbox {
  height: 23px !important;
}

.ui-jqgrid tr.jqgrow td {
  font-size: 14px !important;
}

select[name="ARZT_BEZEICHNUNG"] {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  font-size: 14px !important;
}

/*khanh begin*/
.navbar {
  padding-left: 20px;
  background-color:#333;
}

.navbar .nav > li > a {
  text-shadow: none;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
  color: white;
}
/*khanh end*/
.ui-button .ui-button-text {
    color: black;
}
form {
	margin:0;
}
.ui-timepicker-list {
	width: 16.5em;
}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}

.navbar .nav li.dropdown > a:hover .caret {
  border-top-color: white;
}
/* Account menu */
.navbar .account-menu{
  float: right;
  padding: 10px 15px 10px;
  font-size: 13px;
  color: #777777;
}

.navbar .account-menu:hover{
  text-decoration: none;
  color: #FFF;
}

.switch {
  font-size: 1rem;
  position: relative;
}
.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * .8) * 2);
  border-radius: calc(2.375rem * .8);
  height: calc(2.375rem * .8);
  line-height: calc(2.375rem * .8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}
.switch input + label::before, .switch input + label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * .8) * 2);
  bottom: 0;
  display: block;
}
.switch input + label::before {
  right: 0;
  background-color: #dee2e6;
  border-radius: calc(2.375rem * .8);
  transition: 0.2s all;
}
.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * .8) - calc(2px * 2));
  height: calc(calc(2.375rem * .8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
.switch input:checked + label::before {
  background-color: #08d !important;
}
.switch.switch-black input:checked + label::before {
  background-color: #363636;
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * .8);
}
.switch input:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, .25);
}
.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: #e9ecef;
}
.switch.switch-sm {
  font-size: 0.875rem;
}
.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * .8) * 2);
  height: calc(1.9375rem * .8);
  line-height: calc(1.9375rem * .8);
  text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
}
.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * .8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * .8) - calc(2px * 2));
  height: calc(calc(1.9375rem * .8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * .8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}
.switch.switch-lg input + label {
  min-width: calc(calc(3rem * .8) * 2);
  height: calc(3rem * .8);
  line-height: calc(3rem * .8);
  text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
}
.switch.switch-lg input + label::before {
  width: calc(calc(3rem * .8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * .8) - calc(2px * 2));
  height: calc(calc(3rem * .8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * .8);
}
.switch + .switch {
  margin-left: 1rem;
}
body {
  padding: 1rem;
}
.dropdown-menu {
  margin-top: 0.75rem;
}

.hrStaff{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.dropdown-account-menu{
  float:left;
  left:-70px;
}
.dropdown-account-menu::before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.dropdown-account-menu::after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.account-menu > a{
  color: #777777;
  text-decoration: none;
}

.trOldPass{
  display: none;
}

.trSamePass{
  display: none;
}

.account-menu > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.checkUsername{
  display: none;
}

.checkPassword{
  display: none;
}

.field-icon {
  margin-left: -25px;
  margin-top: -25px;
  padding-right: 10px;
  position: relative;
  z-index: 102;
}

.account-menu > a:hover{
  color:white;
}

.account-menu > a:hover .caret {
  border-top-color: white;
}

.input_container {
  position:relative;
}
.eye_of_sauron {
  position:absolute;
  bottom:2px;
  right:5px;
  width:24px;
  height:24px;
}

.black {background-color: Black  !important;}
.darkgray {background-color: DarkGray  !important;}
.white {background-color: White  !important;}
.navy {background-color: Navy  !important;}
.purple {background-color: Purple  !important;}
.violet {background-color: Violet  !important;}
.green {background-color: Green  !important;}
.yellowgreen {background-color: YellowGreen  !important;}
.yellow {background-color: Yellow  !important;}
.orange {background-color: Orange  !important;}
.red {background-color: Red  !important;}

.text-red {color: Red  !important;}


.wc-cal-event.history {
  background-color: rgb(170, 170, 170, .9) !important;
}
.wc-cal-event {
  background-color: rgb(104, 161, 229, .9);;
}
/* .patient_id_10374 {
  background-color: rgb(104, 161, 229, .9) !important;
} */