/*


  07.12.2023 Versionierung


  Bedingungen:
  keine

*/

/*
  * Copyright Gordon Wenk
  * Sulzbacher Straße 39 - 65760 Eschborn
  * phone (06196) 9676760 - E-Mail info@itconsult24.de
  * http://www.itconsult24.de
  *
  * Diese Datei ist urheberrechtlich geschützt und Gedankengut von Gordon Wenk. Sie ist Bestandteil
  * des Content Management Systems "activity" das ebenfalls von Gordon Wenk entwickelt wurde. 
  *
  * Kein unerlaubter Verleih, Verkauf oder andere Arten der Veräußerungen!
  * Verwendung nur zum Zweck der Anwendung zu der diese Datei vom Urheber in
  * Projekte eingebunden wurde!
  * Mit Herausgabe bzw. Einbindung in andere Projekte durch den Urheber,
  * werden ausschließlich Nutzungsrechte übertragen.
  * Dieser Urheberrechtsvermerk darf nicht verändert oder entfernt werden.
*/

.frames_border          
{
  left: 0px;
  top: 0px;
    
  width: 100%;
  height: 100%;
  /*
  border: 0px solid var(--background); 
  background-color: silver; 
  */
  border: 0px solid yellow; 
  background-color: rgba(0,0,0,0.5);
  overflow: hidden;
  display: none;
}

/* iframes für formulare   */
.frames_frame          
{
  width: 100%;
  height: 100%;
  /*
  border: 0px solid var(--background); 
  background-color: silver; 
  */
  /*
  border: 0px solid silver; 
  background-color: rgba(0,0,0,0.0.4);
  */
  
  overflow: auto;
}


.ui-messagebox
{

}

.ui-messagebox-icon
{
    float:left; 
    margin: 1em 2.5em 20px 0; 
    width: 3em; 
    height: 3em; 
    background: no-repeat center center; 
    background-size: cover;
}

.ui-messagebox-text
{

}

.ui-messagebox-text-enhanced
{
    color: red;
}

.ui-spinner-blocker
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /* background-color: var(--background);
    opacity: 0.8; */
  
    background-color: rgba(0,0,0,0.5);
    /* opacity: 0.3; */
    /* pointer-events:none;  */
}

.ui-spinner-circle 
{
  position: absolute;
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #34A0ff;  /* Blue */
  /* border-top: 16px solid #0000FF;*/ /* Blue */ 
  border-radius: 50%;
  left: calc(50% - 76px);
  top: calc(50% - 76px);
  width: 120px;
  height: 120px;
  opacity: 1;
  animation: ui-spinner-circle-animation 2s linear infinite;
}

@keyframes ui-spinner-circle-animation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.ui-spinner-percent
{
  display: flex;
  /* background-color: red; */
  color: white;
  font-size: 32px;
  /* font-weight: 600; */
  position: absolute;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  width: 100px;
  height: 100px;
  opacity: 1;
  justify-content: center;
  align-items: center;
}