.loginBox 
{
   max-width:350px; 
   margin:5% auto; 
    border: 3px solid #f1f1f1;
    background-color:#ccc;
}

input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

input[type="submit"],
    input[type="button"],button {
    background-color: #ffcc29;
    color: #000;
    font-weight:bold;
    padding: 10px 14px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

button:hover {
    opacity: 0.8;
}

.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
    color:#fff;
}

.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
}

img.avatar {
    width: 25%;
    border-radius: 50%;
    border:1px solid #ffca06;
}

.container1 {
    padding: 10px;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}

   .page-title {
    padding: 70px 0 10px 0;
}
    #pageContent
    {
        min-height:80.5vh;
        margin-top:60px;
        }
        .breadcrumbs 
        {
            padding:5px 0;
    margin-bottom: 10px;
}
.blink {

  background-color:#ffcc00;
  color:#000;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   {background-color:#ffcc00;}
  50%  {background-color:#fff;}
  100%   {background-color:#ffcc00;}
}

/* Standard syntax */
@keyframes example {
  0%   {background-color:#ffcc00;}
  50%  {background-color:#fff;}
  100%   {background-color:#ffcc00;}
}
.xl-padding 
{
    min-height:95vh;
    
    }