/* ATTENTION!!! FOR PRD ENVIRONMENT is need to change url definition on background and background-image proprieties
 * ---- start OUT-BREAKPOINT definition ---- DEFAULT SETTINGS
 */
 
 	/* start Crypto Art layout */
 	
	.cryptoArtPurchaseValidation-video{
 		height: 100% !important;
		object-fit: cover;
		background: #81d742;
    }
    
    .cryptoArtPurchaseValidationContainer-panel{
		position: relative;
		height: 1200px;
		background: black;
	}
	
	.cryptoArtPurchaseValidationTitle-panel{
		position: relative;
		background: black;
		height: 300px;
		padding-left: 10% !important;
		padding-right: 10% !important;
		text-align: center;
	}
	
	.cryptoArtPurchaseValidationTitle-label{
		color: white;
		animation: cryptoArtPurchaseValidationTitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	@keyframes cryptoArtPurchaseValidationTitle-move {
	    from {top: 110px; opacity: 0;}
	    to {top: 140px; opacity: 1;}
	}
	
	.cryptoArtPurchaseValidationSubtitle-label{
		color: white;
		animation: cryptoArtPurchaseValidationSubtitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	@keyframes cryptoArtPurchaseValidationSubtitle-move {
	    from {top: 140px; opacity: 0;}
	    to {top: 170px; opacity: 1;}
	}
    
    .cryptoArtPurchaseValidationForm-panel {
    	padding-left: 25%;
    	padding-right: 15%;
    	text-align: justify;
    	background: black;
	}
	
	.cryptoArtPurchaseValidationGridContainer-panel{
		background: black;
		margin-top: 5px;
		margin-right: 16%;
    	padding-left: 11%;
		border-radius: 15px !important;
    	border: #81d7427a;
    	border-style: solid;
    	border-width: 2px;
	}
	
	.cryptoArtPurchaseValidation-grid{
		width: 100% !important;
	}
    
    .cryptoArtPurchaseValidationColumn-grid{
    	width: 90% !important;
    }
    
    .validationErrorIconColumn-grid{
    	width: 10% !important;
    }
    
    .cryptoArtPurchaseValidation-text{
		display: inline-block;
		font-family: GothamMedium !important;
		font-size: 10pt !important;
		color: #efe8e8 !important;
	}
	
	.cryptoArtPurchaseValidation-input{
		width: 95%;
		text-align: left;
		background:#252525 !important;
		border:1px solid !important;
		border-color: rgba(255,255,255, 0.15) !important;
		box-shadow: none !important; 
		padding-top: 12px !important;
    	margin-top: 12px !important;
	}
	
	/** Chrome and Safari **/
	::-webkit-input-placeholder {
		color: #888888 !important;
		font-weight: normal !important;
	}

	/** Firefox **/
	:-moz-placeholder {
		color: #888888 !important;
		font-weight: normal !important;
	}

	/** IE **/
	.ui-watermark {
		color: #888888 !important;
		font-weight: normal !important;
	}
	
	.cryptoArtPurchaseValidationKey-textarea {
		height: 100px;
	}
	
	.cryptoArtPurchaseValidation-checkbox {
		background: #252525 !important;
	}
	
	.ui-chkbox .ui-chkbox-box {
		border-color: rgba(255,255,255, 0.15) !important;
		background: #252525 !important;
		color: #81d742 !important;
	}
	
	.ui-chkbox .ui-chkbox-box.ui-state-active {
		border-color: rgba(255,255,255, 0.15) !important;
		background: #252525 !important;
		color: #81d742 !important;
	}
		
	.cryptoArtPurchaseValidationRequestButton-panel{
		margin-top: 35px !important;
	}
	
	.common-button{
		opacity: 0.8;
		color: #FFFFFF !important;
    	border-color: #81D742 !important;
    	background: #81d742 !important;
	}
		
	.common-button:hover{
		opacity: 1;
		background: #81d742 !important;
	}
			
 	
/*
 * ---- end OUT-BREAKPOINT definition ----
 */