body {
  font-family: 'Roboto', sans-serif;
  margin: 0px!important;
}

#mainDiv {
  display: none;
}

#containerDiv {
  width: 400px;
  height: 600px; 
  border-style: none!important;
  display: inline-block;
}

iframe {
  border-width: 0px;
  border-style: none!important;
}

#tenantDiv {
  position: absolute;
  width: 400px;
  height: 600px; 
  border-style: none!important;
  display: inline-block;
  background: #f8f8f8;
}

#tenantDiv .header {
  height: 41px;
  background: rgb(74, 74, 74);
}

#tenantDiv .content {
  padding: 15px 25px 12px;
}

#tenantDiv .content .logo {
  padding: 0px 0px;
}

#tenantDiv .content .title {
  padding: 10px 0px 30px;
  border-bottom: 2px solid #282432;
}

#tenantDiv .content .title .customer {
  font-size: 20px;
  float:left;
  color: #3c3946;
  font-weight: bold;  
}

#tenantDiv .content .title .userType {
  font-size: 14px;
  color: #009CDC;
  float: right;
  padding-top: 5px;
  font-weight: bold;
}

#tenantDiv .content .fields {
  background-color: #fff;
  padding: 10px 20px 0px;
  height: 420px;
}

#tenantDiv .content .fields .field {
  padding: 10px 0 8px;
  border-bottom: 1px solid #939393;
}

#tenantDiv .content .fields .field .name {
  font-size: 14px;
  font-weight: bold;
  width: 50%;
  color: #282432;
  display: inline-block;
}

#tenantDiv .content .fields .field .value {
  font-size: 14px;
  color: #939393;
  padding-top: 5px;
  font-weight: 100;
  display: inline-block;
}

#tenantDiv .content .fields .field .blue {
  color: #009CDC!important;
  font-weight: 600!important;
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#loginDiv {
  text-align: center;
  padding-top: 100px;    
}

#loginDiv a {
  background-color: #009CDC;
  color: white;
  padding: 0.8em 3em;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  border-radius: 21px;
  position: absolute;
  left: 60px;
  top: 40px;
}

#tenantDiv a {
  background-color: #009CDC;
  color: white;
  padding: 0.8em 3em;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  border-radius: 21px;
  position: absolute;
  left: 100px;
  bottom: 50px;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}