/* Common styles */
body {
  font-family: "ptsans", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* background-color: #17a2b8; */
}

.title {
  text-align: center;
  margin: 10px;
}

.calendar {
    width: 98%;
    margin: auto;
    font-size: 13px;
  }
  
  .calendar tr, .calendar td {
    border: 1px solid black;
  }
  
  .calendar th {
    padding: 10px;
    text-align: center;
    font-size: 18px;
  }
  
  .calendar td {
    width: 200px;
    height: 150px;
    padding: 20px 0px 0px 5px;
  }
  
  .month {
    font-size: 25px;
  }
  
  .date {
    font-size: 16px;
  }
  
  ul {
    height: 100%;
    padding: 0px 5px 0px 20px;
  }
  
  a {
    color: #17a2b8;
  }

  .left {
    float: left;
  }
  
  .right {
    float: right;
  }
  
  .btn {
    outline: none;
    color: black;
    background-color: transparent;
    box-shadow: 0 0 0 0;
    margin-right: 3px;
  }
  
  .clearfix {
    margin: 15px;
  }

  .form {
    margin: auto;
  }
  
  .form input, .form select, .form textarea {
    border-radius: 5px;
    border: 1px solid #17a2b8;
    outline: none;
    background: none;
    padding: 5px;
    width: 100%;
  }

  .form-inputNumber {
    width: 75pt;
  }

  .date-picker {
    width: 200pt;
  }

  .details-frame {
    /* background-color: #dbdfe2; */
  }

  .form-radio-inline {
    padding-left: 0px;
  }

  .form-radio-inline li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
  }

  .form-radio li {
    list-style-type: none;
    padding-right: 20px;
  }

  .form-check li {
    list-style-type: none;
    padding-right: 20px;
  }

  .row {
    padding-bottom: 10px;
    margin: 5px;
  }

  .st {
    padding-bottom: 10px;
    margin: 3px;
  }

/* div.hidden
{
  display: none
} */

.hidden {
  display: none
}

.search-form {
  background-color: #dbdfe2;
}

.sort:after {
  content: '\f0dc';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 6px;
  color: #BBB;
}

.asc:after {
  content: '\f0dd';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 6px;
  color: #444;
}

.desc:after {
  content: '\f0de';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 6px;
  color: #444;
}

.infobox:before {
  content: '\f059';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 24px;
  margin-left: 6px;
  color: #444;
}

.danger-heading:before {
  content: '\f071';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 24px;
  margin-left: 6px;
  color: #660000;
}

.top-buffer{
  margin-top: 60px;
}

.table-fixed {
  table-layout: fixed;
  word-wrap: break-word;
}

table .w-5 { 
  width: 5%;
}

table .w-10 { 
  width: 10%;
}

table .w-15 { 
  width: 15%;
}

table .w-20 { 
  width: 20%;
}

table .w-30 { 
  width: 30%;
}

table .w-35 { 
  width: 35%;
}

table .w-40 { 
  width: 40%;
}

table .w-45 { 
  width: 45%;
}

.scrollme {
  overflow-x: auto;
}

.table-form {
  border-collapse: separate;
  border-spacing: 0 15px;
}

.card-columns {
  column-count: 2;
}

.footnote {
  font-size: 13px;
  color: #818181;
}