:root {
  --border-color: #333333;
  --font-color: #333333;
  --border-radius: 0; 
  --icons-color:#224488;  
}



body {
  overflow-x: hidden;
  text-transform: uppercase;
}

.blockUI::before {
    
    -webkit-animation: none !important;
    animation: none !important;
    
    display: inline-block;
    content: url(../img/preloader.svg) !important;
    height: 80px !important;
    width: 80px !important;
    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px !important;
    margin-top: -40px !important;
    
}

.logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:250px;
}


.header-title{
	display: table;
    font-size: 19px;
    text-align: center;
    line-height: 25px;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;    
    margin-bottom: 20px;
}



.pc3d_tabcontent {
  display: none;
  width: 100%;
  padding: 10px 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  z-index:3;
}


.pc3d_ima_container {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  border: 2px dashed var( --border-color);
  border-radius: 10px;
  min-height:150px;
  display: grid;
  grid-template-columns: repeat(1, [col-start] 1fr);
}
.ima_container{
  padding:5px;
}

.ima_upload{
	cursor:pointer;
	width: 90%;
	margin-left: auto;
    margin-right: auto;
}

.pc3d_note{
  margin: 0;
  font-size: 14px;
  margin-bottom: 5px;
}

.pc3d_message{
  margin: 0;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: -5px;
  color: red;
}

.icons-lib-xl{
  width:120px;
  height:120px; 
    fill: url(#pc3d-icons-color) var(--icons-color);
    padding:10px;
}