$bg-link-delete: #F34336;
$bg-link-delete-hover: #DD2A2A;
$color-link-page: #2196F3;
$color-link-hover-page: #217ED3;
$color-link-close: #b5b5b5;
$bg-link-close: #E1E1E1;
$bg-link-close-hover: #CCC;

/*------------------------------ POPUP -------------------------------------------------------*/
.ribs-popup {
	position: fixed;
	z-index: 900;
	width: 100%;
	min-height: 100%;
	max-height: 100%;
	background-color: rgba(70, 70, 70, 0.9);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s linear;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	.content {
		position: relative;
		background-color: #fff;
		display: block;
		z-index: 100;
		margin: 10% auto;
		max-height: 60%;
		min-height: 102px;
		overflow-y: auto;
		padding: 10px;
		
		&.fixed-width {
			width: 60%;
			max-width: 1120px;
		}
		
		h2 {
			margin-bottom: 20px;
		}
		
		p {
			margin-bottom: 10px;
			font-size: 14px;
			color: #808080;
			
			&.warning {
				color: $bg-link-delete;
				font-weight: bold;
			}
		}
		
		ul {
			li {
				margin-bottom: 10px;
				font-weight: bold;
			}
		}
		
		.link {
			float: right;
			
			a {
				min-height: 36px;
				padding: 10px;
				color: $color-link-page;
				text-transform: uppercase;
				transition: 0.3s all ease;
				text-decoration: none;
				
				&.validate:hover {
					color: $bg-link-delete-hover;
				}
				
				&.cancel:hover {
					color: $color-link-hover-page;
				}
			}
		}
	}
	
	.close {
		position: sticky;
		top: 10px;
		right: 10px;
		float: right;
		background: $bg-link-close;
		color: $color-link-close;
		transition: 0.3s all ease;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		text-align: center;
		cursor: pointer;

		&:hover {
			background: $bg-link-close-hover;
		}

		@media screen and (max-width: 1024px) {
			width: 50px;
			height: 50px;
			line-height: 50px;
		}
	}

	.clear {
		clear: both;
	}
}

.ribs-displayed {
	transition: opacity 0.2s linear;
	visibility: visible;
	opacity: 1;
}

.ribs-popup-body {
	overflow: hidden;
	-webkit-overflow-scrolling: touch
}