.tptr-content-block {
    width: 34%;
    display: flex;
    margin: 5px auto 14px auto;
    position: relative;
}
.tptr-content-buttons {
    display: flex;
    justify-content: flex-end;
}

.tptr-error-message {
    text-align: center;
    color: #CA3636;
}

.info-id-face {
    height: 26px;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border-radius: 50%;
}

.btnLoaderHead {
	display: flex;
	align-items: center;
	justify-content: center;
}

.btnLoader {
	width: 10px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 0.25rem solid #FFFFFF;
	animation:
	  l20-1 0.8s infinite linear alternate,
	  l20-2 1.6s infinite linear;
}

@keyframes l20-1{
	0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
	12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
	25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
	50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
	62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
	75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
	100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-2{ 
	0%    {transform:scaleY(1)  rotate(0deg)}
	49.99%{transform:scaleY(1)  rotate(135deg)}
	50%   {transform:scaleY(-1) rotate(0deg)}
	100%  {transform:scaleY(-1) rotate(-135deg)}
}

#information-id-face {
    padding-left: 10px; 
    padding-right:10px; 
    display:none; 
    margin: 0 30px;
}

@media only screen and (max-width: 768px) {
    #information-id-face {
        margin: 0;
    }

    .tptr-content-block {
        width: 50%;
    }
}