body, html{
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: Arial,sans-serif;
  color: #222;
  font-size: 14px;
  background-color: #f8f9fa;
}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.content {
	flex: 1 0 auto;
}


header {
  background:#2132b9; position:relative; z-index:100;
  background-color: #2132b9;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2165c9), to(#2132b9));
  background-image: -webkit-linear-gradient(#2165c9, #2132b9);
  background-image: -moz-linear-gradient(top, #2165c9, #2132b9);
  background-image: -ms-linear-gradient(#2165c9, #2132b9);
  background-image: -o-linear-gradient(#2165c9, #2132b9);
  background-image: linear-gradient(#2165c9, #2132b9);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 100%;}

  .container{
    padding: 25px;

  }

  .errordiv {display:none;}
  h1,h2,h3,h4,h5{
    font-weight: bold;
    padding: 10px;
  }
  h5{ text-transform: uppercase;}
  table{
    width: 100%;
    table-layout: fixed;
  }
  td{
    padding-left: 20px;

  }
  tr:hover{
    background-color: #eceeef;
  }
  .area {
    margin: auto;
    background-color: #fff;
    min-width: 0;
    border: 0;
    display: block;
    width: 90%;

    padding: 10px 35px 35px 35px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
  }
  .area1 {
    margin: auto;
    background-color: #fff;
    min-width: 0;
    border: 0;
    display: block;
    width: 90%;

    padding: 10px 35px 35px 35px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
  }
  .content{
    height: 100%;
  }
  /*----------------------------------------------*/
  .footer{
    padding-left: 50px;
    flex: 0 0 auto;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding:30px 0; background:#2132b9; font-size:0.85em; color:#fff;
    background-color: #2132b9; position: relative; display: inline-block;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2165c9), to(#2132b9));
    background-image: -webkit-linear-gradient(#2165c9, #2132b9);
    background-image: -moz-linear-gradient(top, #2165c9, #2132b9);
    background-image: -ms-linear-gradient(#2165c9, #2132b9);
    background-image: -o-linear-gradient(#2165c9, #2132b9);
    background-image: linear-gradient(#2165c9, #2132b9);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2169cb', endColorstr='#2131b8',GradientType=0 ) !important; /* IE6-9 */

  }
  .footer a, a:hover {
    color: #FFF;
  }
  a:hover{
    color: black;
  }
  .nav-link{
    padding: 3px;
  }
  .nav-item{
    padding-right: 50px;
  }
  .buttonCentered{text-align:center; margin-bottom:30px;}
  .button, .button:link, .button:focus{
    font-family: Arial,sans-serif;
    cursor:pointer;
    position:relative;
    margin-top:10px;
    display:inline-block;
    text-decoration:none;
    font-size:14px;


    color:#fff;
    height: 35px;
    width: 200px;

    background:-moz-linear-gradient(top,  #2165c9; 0%,  #2165c9;);
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); -moz-border-radius:3px; -webkit-border-radius:3px;
    border-radius:3px; border:0px solid #cacaca;

    background: #2165c9;}
    .button1,.button1:link, .button1:focus{cursor:pointer; position:relative; margin-top:10px; display:inline-block; text-decoration:none; font-size:14px;   color:#fff;  background:-moz-linear-gradient(top,  #2165c9; 0%,  #2165c9;); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:0px solid #cacaca; text-shadow:0 0 0;background: #2165c9;}
    .button:hover{text-decoration:none; color:#fff; border-color:#2132b9;background:#2132b9;}

    .button i{display:inline-block; position:absolute; top:50%; margin-top:-9px; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%;}
    .button.iconRight i{right:20px;}
    .button:disabled{
      cursor:pointer;
      position:relative;
      margin-top:10px;
      display:inline-block;
      text-decoration:none;
      font-size:14px;
      font-weight:bold;
      text-transform:uppercase;
      color:#fff;
      height: 35px;
      width: 200px;

      border-radius:3px; border:0px solid #cacaca;

      background: #cacaca;}


      .option-input {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        position: relative;
        top: 10px;
        right: 0;
        bottom: auto;
        left: 0;
        height: 30px;
        width: 30px;
        -webkit-transition: all 0.15s ease-out 0s;
        -moz-transition: all 0.15s ease-out 0s;
        transition: all 0.15s ease-out 0s;
        background: #cbd1d8;
        border: none;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        margin-right: 0.5rem;
        outline: none;
        position: relative;
        z-index: 1000;
      }
  /*     .option-input:hover {
        background: #9faab7;
      } */
      .option-input:checked {
        background: #17a2b8;
      }
      .option-input:checked::before {
        height: 30px;
        width: 30px;
        position: absolute;
        content: '\2716';
        display: inline-block;
        font-size: 26.6666666667px;
        text-align: center;
        line-height: 30px;
      }
      .option-input:checked::after {
        -webkit-animation: click-wave 0.65s;
        -moz-animation: click-wave 0.65s;
        animation: click-wave 0.65s;
        background: #17a2b8;
        content: '';
        display: block;
        position: relative;
        z-index: 100;
      }
      .option-input.radio {
        border-radius: 50%;
      }
      .option-input.radio::after {
        border-radius: 50%;
      }
      select{
       margin-bottom:10px;
     }

     ul{
      margin-bottom: 0;
    }
    .list-group-item{
      line-height: 30px;
      padding-top: 0px;
      padding-bottom: 0px;
      border-left-width: 0px;border-right-width: 0px;
    }
    div.list-group-item:hover{
     background-color:#eceeef;
   }
   input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;

  }