html.popupOpened, html.popupOpened body, html.popupOpened .menuArea {
	overflow: hidden;
	position: relative;
    height: auto;
}

.popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;	
	display:none;
	z-index:100;
	color:white;
	overflow: auto;
	background: rgba(0,0,0,0.7);
}

.popup .btn-delete {
	margin: 5px !important;
	background-image: url('../images/close-white.png');
}

.popup .popupHeader .btn-delete {
	position: absolute;
    top: 0;
    right: 10px;
}

.popupBackground, .popupLoadingBackground {
    background: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index:-1;
	display: none;
}

#newRoomPopup input[type="file"] {
    display: inline-block;
}

#popupLoading {
	z-index: 120;
}
#popupLoadingContainer {
    color: white;
	position: absolute;
	top:50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	text-align: center;
    font-size: 30px;
}

#popupLoadingText {
	position: absolute;
	left: 0;
	right: 0;
	line-height: 50px;
	font-size: 20px;
}

.popupInner {
	background-color: white;
	color: #333;
	z-index:2;
	margin-top: 5%;
	margin-bottom: 5%;
}

.popupHeader, .popupContainer {
	margin-left: -15px;
	margin-right: -15px;
}
.popupHeader {
	background: #064351;
	color: white;
	min-height: 50px;
	line-height: 50px;
	padding: 0 50px 0 20px;
	position: relative;
}
.popupTitle {
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	margin: 0;
}

.popupContainer {
	padding: 20px;
}

.popupRow {
	min-width: 100%;
	margin-top:25px;
}
#popupUser .popupRow div, #popupRegister .popupRow div {
	display: inline-block;
}
.popup .btnLine {
	text-align: center;
	/*margin-top: 20px;
	margin-bottom: 20px;*/
	padding-bottom: 20px;
}

.btnPop {
	margin-top: 8px;
}
.popup label {
	display: inline-block;
	float: left;
	clear: both;
	position: relative;
	width: 100%;
}
.popup .mainData p {
	display: inline-block;
	margin-top: 10px;
}
.dataEditor {
	margin: 10px auto;
}
#image-cropper, .avatarPreview, .image-cropper {
	text-align: center;
}

.cropit-preview {
	width: 120px;
	height: 120px;
	position: relative;
	margin: 0 auto;
	
	cursor: move; 
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
input.cropit-image-input {
  visibility: hidden;
}
.cropit-preview-image-container {
	border-radius: 50%;
	border: 1px solid #222;
	z-index: 10;
}
.cropit-image-zoom-input {
	position: relative;
	margin: 0 auto;
}
.avatarPreview img {
	height: 120px;
	width: 120px;
	border-radius:50%;
}
.deleteLoading {
	height:40px;
	margin:10px;							
}

#image-cropper input, .image-cropper input {
	width: 120px;
}
#popupGroup input.inputTextarea, #popupRegisterGroup input.inputTextarea {
	border: 1px solid #999;
	height: 80px;
	width: 220px;
	line-height: 20px;
	padding: 0 5px;
}
#popupGroup select {
	height: 40px;
    line-height: 40px;
    min-width: 100px;
}
.btnSaveAvatar {
	content: "Salva";
}
.errorField {
    position: absolute;
    right: 25px;
    bottom: -12px;
    line-height: 12px;
    font-size: 10px;
    color: red;
    text-transform: uppercase;
}

#popupRegisterGroup input {
	width: 210px;
}
#popupRegisterGroup textarea {
	width: 100%;
}

.popup .btnLine {
	margin-top: 15px;
}

.dialogText {
	margin: 0 0 20px 0;
}
.userAssign {
    margin-top: 25px;  
}
.btnAssign {
    margin-top: -4px;
}
.counterRow {
    margin-top: 0px;
}


#popupAssociatedVTList .popupInner {
    margin-top: 10%;
}

.vtList {
    padding-bottom: 10px;
}

.periodicityDiv * {
    display: inline;
}

.btnPeriodReport {
    float: right;
    width: 120px;
    margin: 0 5px;
}

.selectReportPeriodicity {
    width: 150px;
    margin: 0 5px;
}

.selectReportPeriodicity option {
    text-align: left;
    
}

.barChartDiv {
    margin-bottom: 5%
}

.popup input[readonly] {
	border: none;
	color: black;
}
#hideShowNotAssigned {
    float: right;
}

.headerFixedAssigned {
    width: 90px !important;
}