@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Views
	1.1 Top Bar
	1.2 Login Page
	1.3 Dashboard
	1.4 Patient Detail
2.0 Overwrite

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Views
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Top Bar
--------------------------------------------------------------*/

/* BEGIN Logo FARABYTE */
/*.logo {
	width: 300px;
}
.layout-topbar .layout-topbar-left .layout-topbar-logo {
	width: 18rem;
	height: 100%;
	padding-right: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.follow-footer {
	font-family: 'Sacramento', cursive;
	font-size: 35px !important;
	color: #fff;
	position: absolute;
	top: 0.4rem;
	left: 16rem;
}

.layout-topbar .layout-topbar-left .layout-menu-button {
	position: absolute;
	top: 50%;
	left: 22.5rem;
	width: 2.5rem;
	height: 2.5rem;
	margin-top: -1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 50%;
}

.layout-topbar .layout-topbar-right .layout-topbar-actions-left {
	margin-left: 2.5rem;
}

.pages-body.login-page .pages-panel .pages-header {
	background: #0097A7;
}

*/

/* END Logo FARABYTE */

/* BEGIN Logo VIRTUDESTETICA */

.logo {
	width: 100%;
}

/*.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button {*/
/*	background-color: #e9628d!important;*/
/*}*/

.layout-topbar .layout-topbar-left .layout-topbar-logo {
	display: flex;
	width: 18rem;
	height: 100%;
	padding-left: 1rem;
	justify-content: start;
}

.follow-footer {
	font-family: 'Sacramento', cursive;
	font-size: 35px !important;
	color: #000000;
	position: absolute;
	top: 0.4rem;
	left: 4.6rem;
}

.layout-topbar .layout-topbar-left .layout-menu-button {
	display: flex;
	position: absolute;
	top: 50%;
	left: 14.5rem;
	width: 2.5rem;
	height: 2.5rem;
	margin-top: -1.2rem;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 50%;
}

.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button,
.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button:hover {
	background-color: rgb(245, 100, 49);
	color: #ffffff;
	transition: background-color 0.2s;
}

.layout-topbar .layout-topbar-right .layout-topbar-actions-left {
	margin-left: 2.5rem;
}

.pages-body.login-page .pages-panel .pages-header {
	background: #e9628d;
}

/* END Logo VIRTUDESTETICA */

/*--------------------------------------------------------------
1.2 Login Page
--------------------------------------------------------------*/

.pages-body .topbar {
	background-color: #1e1e1e;
}

.pages-body.login-page {
	background: transparent;
	background-color: whitesmoke;
} 

.logo-login {
	margin-top: 4px;
}

.follow-footer-login {
    font-family: 'Sacramento', cursive;
	font-size: 35px !important;
	color: #fff;
	position: absolute;
	top: 0.8rem;
	left: 16.5rem;
	justify-content: flex-end;
	display: flex;	
}

/*--------------------------------------------------------------
1.3 Dashboard
--------------------------------------------------------------*/
.vir-back-orange {
	background-color: #f56431;
}

.vir-back-cream {
	background-color: #f7e8d0;
}

.vir-back-pink {
	background-color: #e9628d;
}

.vir-back-black {
	background-color: #000000;
}

.vir-color-black {
	color: #000000;
}

/*--------------------------------------------------------------
1.4 Patient Detail
--------------------------------------------------------------*/
.alert-diseases {
	border: 3px solid red;
	border-radius: 4px;
}

.alert-age {
	border: 3px solid #f56431!important;
	border-radius: 4px!important;
}

.dialog-patient-detail {
	overflow-y: auto;
	max-height: 1000px;
	background-color: #f7f7f7!important;
}

.buttons-drawing {
	margin-right: 10px;
	border-radius: 8px;
	padding: 6px;
	border: 1px solid;
	cursor: pointer;
}

.canvas-container {
	background-color: #ffffff;
}

.dialog-patient-detail > .ui-dialog-content {
	background-color: #f7f7f7!important;
}

.ui-button-success {
	background-color: #e9628d!important;
}

.ui-radiobutton-box.ui-state-active {
	border-color: #f56431!important;
	color: #f56431!important;
}

.ui-radiobutton-box.ui-state-active .ui-icon-bullet {
	background: #f56431!important;
}

@media (min-width: 1200px) {
	.drawing-width {
		width: 500px;
		height: 500px
	}

	.canvas-container,
	.canva-size {
		width: 800px!important;
		height: 500px!important;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
	.drawing-width {
		width: 400px;
		height: 500px
	}

	.canvas-container,
	.canva-size {
		width: 800px!important;
		height: 500px!important;
	}

}

@media (max-width: 991px) {
	.drawing-width {
		width: 300px;
		height: 250px;
	}

	.dialog-patient-detail {
		overflow-y: auto;
		max-height: 1000px;
	}

}

@media (min-width: 576px) and (max-width: 991px) {

	.drawing-width {
		width: 500px;
		height: 500px
	}

	.canvas-container,
	.canva-size {
		width: 480px!important;
		height: 500px!important;
	}

}

@media (max-width: 575px) {

	.drawing-width {
		width: 500px;
		height: 500px
	}

	.canvas-container,
	.canva-size {
		width: 300px!important;
		height: 400px!important;
	}

}

/*--------------------------------------------------------------
2.0 Overwrite
--------------------------------------------------------------*/

.ui-button-warning {
	background: #f7e8d0!important;
}

body .ui-button {
	background: #f56431;;
}

.ui-button-secondary {
	background: #f7e8d0!important;
}

.layout-topbar-white .layout-topbar a {
	color: #000000;
}
/*.ui-state-hover {
	background: #f7e8d0!important;
	color: #000000;
}*/