hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

#sidebar {
	background: #fafafa;
}

ul.sidebar-menu li ul.sub li {
	background: #fafafa;
}

ul.sidebar-menu li a {
	color: darkslategray;
}

ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
	background : lightgrey;
}
ul.sidebar-menu li ul.sub li a:hover,ul.sidebar-menu li ul.sub li.active a {
	background : lightgrey;
}

ul.sidebar-menu li ul.sub li a {
	color: darkslategray;
}

#sidebar-help {
	background: #fafafa;
}

#sidebar-help li {
	list-style: none;
}

#sidebar-help .dcjq-icon {
	margin-right:10px;
}

#sidebar-help .sub-menu>.sub li a {
    padding-left: 46px;
}

#sidebar-help .sub-menu2>.sub li a {
    padding-left: 56px;
}


/*.fc-toolbar {
	padding-bottom:35px;
}*/

.fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: 0px  !important;
}



.hpc-short-combo {
	width:220px;
}

.hpc-searchelemcombo {
	min-width: 250px;
}

.hpc-combo {
	width: 100%;
}

.hpc-panel {
	margin: 5px 0px;
	padding: 5px;
}

.hpc-summaryelem {
	margin: 10px 0px;
	padding: 10px;
}

.hpc-summaryelem h3 {
	text-align:center;
}
	
.hpc-img-16 {
	width: 16px;
	height: 16px;
}

.hpc-img-20 {
	width: 20px;
	height: 20px;
}

.hpc-img-25 {
	width: 25px;
	height: 25px;
}

.hpc-img-30 {
	width: 30px;
	height: 30px;
}

.hpc-img-50 {
	width: 50px;
	height: 50px;
}

.hpc-img-100 {
	width: 100px;
	height: 100px;
}

/*.hpc-dialog-size-small {
    width: 50%;
    height: 30%;
    top: 50%;
}

.hpc-dialog-size-small-medium {
    width: 60%;
    height: 30%;
    top: 50%;
}

.hpc-dialog-size-medium {
    width: 50%;
    height: 50%;
    top: 50%;
}

.hpc-dialog-size-medium-large {
    width: 70%;
    height: 50%;
    top: 50%;
}

.hpc-dialog-size-medium-wide {
    width: 75%;
    height: 60%;
    top: 50%;
}

.hpc-dialog-size-big {
    width: 80%;
    height: 80%;
    top: 50%;
}

.hpc-dialog-size-big-large {
    width: 80%;
    height: 80%;
    top: 50%;
}

.hpc-dialog-size-big-wide {
    width: 90%;
    height: 60%;
    top: 50%;
}

.hpc-dialog-size-big-wide-large {
    width: 90%;
    height: 80%;
    top: 50%;
}

.hpc-dialog-size-fullsize {
    width: 98%;
    height: 98%;
    top: 50%;
}*/

.hpc-searchelem {
	display:inline;
	white-space: nowrap;
	margin-right:5px;
	margin-bottom:5px;
	padding-left: 0px;
	padding-top: 5px;
}

.hpc-doctypelist {
	margin-bottom:5px;
	padding-left: 0px;
}

.hpc-pagination {
	margin: 0px 0px 0px 5px;
	}

.hpc-table-inbox tr td:hover {
    cursor:default;
}

.hpc-input-warn {
    border:1px solid red !important; 
    box-shadow:inset 0px 1px 3px red  !important;
    -webkit-box-shadow:inset 0px 1px 3px red !important;
    -moz-box-shadow:inset 0px 1px 3px red !important;
}

.hpc-agendapanel {
	margin-top : 10px;
}

.hpc-unit {
	margin-top : 5px;
	margin-bottom : 5px;
}

.hpc-unit-medium {
	margin-top : 10px;
	margin-bottom : 10px;
}

.hpc-unit-big {
	margin-top : 15px;
	margin-bottom : 15px;
}

.hpc-smallmargin {
	margin : 5px;
}

/*  */

	.hpc-dialog-size-small {
	    width: 95%;
	    height: 30%;
	    top: 20px;
	}
	
	.hpc-dialog-size-small-medium {
	    width: 95%;
	    height: 30%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium {
	    width: 95%;
	    height: 50%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium-large {
	    width: 95%;
	    height: 50%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium-wide {
	    width: 95%;
	    height: 60%;
	    top: 20px;
	}
	
	.hpc-dialog-size-big {
	    width: 95%;
	    height: 80%;
	    top: 20px;
	}
	
	.hpc-dialog-size-big-large {
	    width: 95%;
	    height: 80%;
	    top: 10px;
	}
	
	.hpc-dialog-size-big-wide {
	    width: 95%;
	    height: 60%;
	    top: 10px;
	}
	
	.hpc-dialog-size-big-wide-large {
	    width: 95%;
	    height: 80%;
	    top: 10px;
	}
	
	.hpc-dialog-size-fullsize {
	    width: 98%;
	    height: 98%;
	    top: 5px;
	}

@media (min-width: 768px) and (max-width: 991px) {
	.hpc-dialog-size-small {
	    width: 80%;
	    height: 30%;
	    top: 20px;
	}
	
	.hpc-dialog-size-small-medium {
	    width: 80%;
	    height: 30%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium {
	    width: 80%;
	    height: 50%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium-large {
	    width: 85%;
	    height: 50%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium-wide {
	    width: 85%;
	    height: 60%;
	    top: 20px;
	}
	
	.hpc-dialog-size-big {
	    width: 90%;
	    height: 80%;
	    top: 10px;
	}
	
	.hpc-dialog-size-big-large {
	    width: 90%;
	    height: 80%;
	    top: 10px;
	}
	
	.hpc-dialog-size-big-wide {
	    width: 90%;
	    height: 60%;
	    top: 10px;
	}
	
	.hpc-dialog-size-big-wide-large {
	    width: 90%;
	    height: 80%;
	    top: 10px;
	}
	
	.hpc-dialog-size-fullsize {
	    width: 98%;
	    height: 98%;
	    top: 5px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hpc-dialog-size-small {
	    width: 60%;
	    height: 30%;
	    top: 20px;
	}
	
	.hpc-dialog-size-small-medium {
	    width: 60%;
	    height: 30%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium {
	    width: 60%;
	    height: 50%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium-large {
	    width: 70%;
	    height: 50%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium-wide {
	    width: 75%;
	    height: 60%;
	    top: 20px;
	}
	
	.hpc-dialog-size-big {
	    width: 80%;
	    height: 80%;
	    top: 10px;
	}
	
	.hpc-dialog-size-big-large {
	    width: 80%;
	    height: 80%;
	    top: 10px;
	}
	
	.hpc-dialog-size-big-wide {
	    width: 90%;
	    height: 60%;
	    top: 10px;
	}
	
	.hpc-dialog-size-big-wide-large {
	    width: 90%;
	    height: 80%;
	    top: 10px;
	}
	
	.hpc-dialog-size-fullsize {
	    width: 98%;
	    height: 98%;
	    top: 5px;
	}
}

@media (min-width: 1200px) {
	.hpc-dialog-size-small {
	    width: 50%;
	    height: 30%;
	    top: 20px;
	}
	
	.hpc-dialog-size-small-medium {
	    width: 60%;
	    height: 30%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium {
	    width: 50%;
	    height: 50%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium-large {
	    width: 70%;
	    height: 50%;
	    top: 20px;
	}
	
	.hpc-dialog-size-medium-wide {
	    width: 75%;
	    height: 60%;
	    top: 20px;
	}
	
	.hpc-dialog-size-big {
	    width: 80%;
	    height: 80%;
	    top: 20px;
	}
	
	.hpc-dialog-size-big-large {
	    width: 80%;
	    height: 80%;
	    top: 10px;
	}
	
	.hpc-dialog-size-big-wide {
	    width: 90%;
	    height: 60%;
	    top: 10px;
	}
	
	.hpc-dialog-size-big-wide-large {
	    width: 90%;
	    height: 80%;
	    top: 10px;
	}
	
	.hpc-dialog-size-fullsize {
	    width: 98%;
	    height: 98%;
	    top: 5px;
	}
}

/*****************  Password strengh *******************/
#passwordStrength
{
	height:10px;
	display:block;
	float:left;
}

.strength0
{
	width:200px;
	background:#cccccc;
}

.strength1
{
	width:40px;
	background:#ff0000;
}

.strength2
{
	width:80px;	
	background:#ff5f5f;
}

.strength3
{
	width:120px;
	background:#FFCC33;
}

.strength4
{
	background:#4dcd00;
	width:160px;
}

.strength5
{
	background:#399800;
	width:200px;
}
/***************** END  Password strengh *******************/

.hpc-form-container {
	border:1px dashed lightgrey;
}

span.label {
	padding: 0.3em 0.5em;
	font-size: 85%;
}

.hpc-form-container label {
	margin-top:10px;
	}
	
.calendar-block {
	float:left !important;
	}	
	
.calendar-block .clndr-controls {
	margin: 0px !important;
	}	
	
.hpc-importantdata {
	/*background: #eee;*/ /* #f9e2dd; */
	/*margin: 0px;*/
	border: 1px solid silver !important;
	padding: 10px;
	border-radius: 8px;
	}	
	
.ui-autocomplete-loading {
    background: white url('/images/ajax-loader-small.gif') right center no-repeat;
}

.ui-autocomplete span.hl_results {
    background-color: #ffffcc /* #ffff66  <?php echo Hpc_Tools_Color::$okColor; ?> ; // #ffff66; */
}

.hpc-search-form .hpc-search-form-elem {
	padding-right:8px;
	padding-left:0px;
	}
	
/* Hide scrollbar on jqgrid */
.ui-jqgrid .ui-jqgrid-bdiv {
  position: relative; 
  margin: 0em; 
  padding:0; 
  /*overflow: auto;*/ 
  overflow-x:hidden; 
  overflow-y:auto; 
  text-align:left;
}

.hpc-colbtn {
	padding: 3px 5px 3px 5px;
}
	
.normal-avatar img {
	border-radius:50%;
    -webkit-border-radius:50%;
    width:70px;
    height:70px;
}

.cal-day {
    padding-bottom: 10px;
}

#bootbox-dialog-text {
	min-height: 200px;
}
	
.hpc-table-compressed {
	padding: 6px;
}	
	
.hpc-infopanel div {
	padding: 5px;
}

.hpc-nametitle {
	font-weight: bold;
}

.hpc-link {
	color: darkgreen;
	}

.breadcrumbs-alt {
	margin: 0px;	
}

.table-inbox tr td {
	padding: 10px !important;
}

.ui-jqgrid-btable .jqgrow td {
	padding: 8px;
	}
	
.grey-bg {
    background:lightgrey;
}

.calendar-block .clndr {
    margin: 10px 0;
}

.fc-nonbusiness {
    background: darkgrey; /* #d7d7d7; */
}

.dropdown-menu.extended {
    max-width: 400px !important;
    width: 320px !important;
}

.profile-information .profile-pic img {
    width: 130px;
    height: 130px;
    border: 7px solid #f1f2f7;
    margin-top: 0px;
}

.hpc-nopadding {
	padding:0px;
}

.hpc-paddingtop-sm {
	padding: 10px 0px 0px 0px;
}

.popover .arrow {
	/*display:none;*/
}

.hpc-fullwidth {
	width: 100%;
}

.hpc-search-form-elem .btn-group label {
	margin-right: 5px;
}

.fc-event-container .fc-time {
	display:inline;
	}
	
.form-control {
	color: black;
}

.wrapper {
	padding: 5px;
}

.panel-body-width {
    padding: 15px 0px 10px 0px;
}

.panel-body {
    padding: 10px;
}

.hpc-circular {
	-moz-border-radius: 50%;
	border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    text-align: center;
}

.hpc-circular-50 {
	width: 50px;
    height: 50px;
	-moz-border-radius: 25px;
	border-radius: 25px;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    text-align: center;
}

.hpc-circular-60 {
	width: 60px;
    height: 60px;
	-moz-border-radius: 30px;
	border-radius: 30px;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    text-align: center;
}

.hpc-circular-100 {
	width: 100px;
    height: 100px;
	-moz-border-radius: 50px;
	border-radius: 50px;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    text-align: center;
}

.hpc-greenborder {
	/*background: YellowGreen ;*/
	border: 2px solid YellowGreen;
	}
	
.back-to-top {
	 background: none;
	 margin: 0;
	 position: fixed;
	 bottom: 0;
	 right: 0;
	 width: 50px;
	 height: 50px;
	 z-index: 100;
	 display: none;
	 text-decoration: none;
	 color: #ffffff;
	 background-color: lightgrey;
	 text-align:center;
}
 
.back-to-top i {
  font-size: 50px;
}

.hpc_patientdoccounter {
	margin-right:15px;
	margin-top: 15px;
	margin-bottom: -15px;
}

.top-nav img {
	height: 40px;
	width: 40px;
}

a.logo {
	margin: 10px 0px 0px 10px;
}

.miniprofile-pic img {
    width: 70px;
    height: 70px;
    border: 2px solid #f1f2f7;
    margin-top: 0px;
    -webkit-border-radius: 50%;
}

.hpc-separation {
	padding: 5px;
}

.hpc-icon-envelope {
	background:url(/images/roster/mail.jpg) right no-repeat;
	background-size: 24px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
	}
	
.hpc-icon-signature-red {
	background:url(/images/roster/signature_red.png) right no-repeat;
	background-size: 24px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
	}	
	
.hpc-icon-signature-black {
	background:url(/images/roster/signature_black.png) right no-repeat;
	background-size: 24px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
	}	
	
.hpc-icon-signature-grey {
	background:url(/images/roster/signature_grey.png) right no-repeat;
	background-size: 24px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
	}	
	
.hpc-icon-signature-purple {
	background:url(/images/roster/signature_purple.png) right no-repeat;
	background-size: 24px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
	}	
	
.hpc-icon-signature-orange {
	background:url(/images/roster/signature_orange.png) right no-repeat;
	background-size: 24px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
	}

.hpc-icon-signature-yellow {
	background:url(/images/roster/signature_yellow.png) right no-repeat;
	background-size: 24px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
	}	
	
.hpc-icon-bonustype-1 {
	background:url(/images/numbers/1-64.png) right no-repeat;
	background-size: 30px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
}

.hpc-icon-bonustype-3 {
	background:url(/images/numbers/3-64.png) right no-repeat;
	background-size: 30px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
}

.hpc-icon-bonustype-6 {
	background:url(/images/numbers/6-64.png) right no-repeat;
	background-size: 30px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
}

.hpc-icon-bonustype-12 {
	background:url(/images/numbers/1C-48.png) right no-repeat;
	background-size: 30px;
	margin-right: 3px;
	padding-right: 3px;
	background-position: right 3px center;
}

.hpc-grid-bgwarn {
	background:lightsalmon;
}
.hpc-grid-warn {
	color:#C35817;
}

.hpc-grid-textok {
	color:darkblue;
}

.hpc_bold {
	font-weight: bold;
}
	
/* important for mobile devices */
.bootstrap-datetimepicker-widget {
	z-index: 999999;
}

.ui-autocomplete {
	z-index: 999999;
}

.form-hc {
	padding-top:5px;
}

.hpc-report-doctype {
	font-size: 120%;
	} 


.hpc-small-text4 {
	font-size:80%;
}

.hpc-small-text3 {
	font-size:85%;
}

.hpc-small-text2 {
	font-size:90%;
}

.hpc-small-text1 {
	font-size:95%;
}

.hpc-grid-deleted {
	color:darkgrey;
	text-decoration: line-through;
	background: lightgrey;
}

.hpc-grid-ok {
	background:#eafaea;
}

.hpc-calicon {
	padding: 1px 2px;
}

.form-signin h2.form-signin-heading {
	background : #6366F1;
	border-bottom: 10px solid #334155;
}

.mail-option {
	margin-bottom: 1px;
    display: inline-block;
    width: 100%;
}

.event-list li {
	padding:10px;
}

.fc-sun {
    background-color: #ffebe6 !important;
}

.pricing-table-open {
	background: lightgreen;
}

.btn-success {
	background-color : #9cd99c;
}

.has-switch span {
    padding-left: 5px;
    padding-right: 5px;
}

.notification-time {
	color: black;
}
.notification-info p {
	color: black;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .col-lg-4 .btn {
        /*font-size: 12px; *//* Ajusta el tamaño del texto */
        padding: 2px; /* Reducir el padding si es necesario */
    }

    .col-lg-4 .btn i {
        font-size: 10px; /* Ajustar tamaño del icono */
        margin-top: -5px;
    }
}