html * {
  box-sizing: border-box;
}
.header1
{
color:#25BEAB;
font-size:20pt;
font-family:serif, verdana, tahoma;
border-style:solid;
}
.header
{
color:#25BEAB;
font-size:20pt;
font-family:serif, verdana, tahoma;
left:350px;
top:10px;
}

.tblAddCase
{
border: 1px solid collapse;
text-align: left;
font-size:11pt;
background-color:lightgrey;
font-family:serif, verdana, tahoma;
}

.tblNewCase
{
width :65%;
border: 3px solid lightgrey;
text-align: left;
font-size:11pt;
background-color: white;
font-family:serif, verdana, tahoma;
}
	
.divC {
  border-radius: 25px;
  background-color: lightgrey;
  width: 110px;
  height : 20px;
  border: 0px solid green;
  text-align : center;
  padding: 0px;
  margin: 0px;
}
.imgTeeth
{
  filter: grayscale(100%);
  opacity: 1;
  width: 900px;
  height: 200px;
  object-fit: contain;
}
.imgText
{
  position: relative;
}
.imgText2
{
  position: absolute;
  bottom: 10px;
  left: 16px;
  font-size: 14px;
}
.footer
{
color:#25BEAB;
font-size:8pt;
font-family:serif, verdana, tahoma;
left:350px;
}

.home
{
background-color:#ADDFFF;
font-size:10pt;
border-color:#FFFFFF;
font-family:Tahoma,Verdana,Serif;
}
.tblHeader
{
background-color:#FFFFFF;
color:#000000;
font-size:10pt;
font-family:Tahoma,serif, verdana;
font-weight:bold;
border-style:none;
}

.tblDet
{
background-color:#FFFFFF;
color:#000000;
font-size:10pt;
font-weight : bold;
font-family:Tahoma,serif, verdana;
border-style:none;
height:30px;
}
.tblDet1
{
background-color:#cce6ff;
color:#000000;
font-size:10pt;
font-weight : bold;
font-family:Tahoma,serif, verdana;
border-style:none;
height:30px;
}

.tblMain
{
background-color:#e6ffff;
color:#001a1a;
font-size:12pt;
font-family:Tahoma, serif, Papyrus;
font-weight:bold;
border-style: collapse ;
height:30px;
}

input[type=text]:focus {
  background-color: #e6eeff;
  padding: 12px 20px;
  border: 1px solid #555;
}

input[type=password]:focus {
  background-color: #e6eeff;
  padding: 12px 20px;
  border: 1px solid #555;
}
.std
{
background-color:#FFFFFF;
color:#0000CC;
font-size:9pt;
font-family:Tahoma,serif, verdana;
}
a:link
{
color: #3366FF;
text-decoration: none;
}

a:visited {
color: #3366FF;
text-decoration: none;
}

a:active {
color: #3366FF;
text-decoration: none;
}

a:hover {
color: #FF9966;
text-decoration: none;
}

p {
  margin: 0;
}

.upload__box {
  padding: 40px;
}
.upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-align: center;
  min-width: 116px;
  padding: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid;
  background-color: #4045ba;
  border-color: #4045ba;
  border-radius: 10px;
  line-height: 26px;
  font-size: 14px;
}
.upload__btn:hover {
  background-color: unset;
  color: #4045ba;
  transition: all 0.3s ease;
}
.upload__btn-box {
  margin-bottom: 10px;
}
.upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.upload__img-box {
  width: 100px;
  padding: 0 10px;
  margin-bottom: 12px;
}
.upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}
.upload__img-close:after {
  content: "✖";
  font-size: 14px;
  color: white;
}

.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}

#tabs-1{font-size: 14px; }
  
.ui-widget-header {  
  background:lightblue;  
  border: 1px solid #b9cd6d;  
  color: black; 
  font-weight: bold;  
} 

#tabs1{font-size: 14px; }  

.container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width:100%;


  }

.ImgContainer {
  position: relative;
    margin:10px;
 }
 
.ImgContainer .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    background-color: #FFF;
    padding: 5px 2px 2px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    opacity: .2;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}
.ImgContainer:hover .close {
    opacity: 1;
}