/*** Contents

1. Input/Select
2. Label
3. Menu
4. Icons
5. Alerts

***/


/*** Input/Select ***/

.form-control {
  font-size: 0.8rem;
  line-height: 1.0;
  background-color: #fff;
  background-clip: border-box;
  /*border: 1px solid #e9ecef;*/
    border: 1px solid darkgrey;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
  color: #212529;
  margin-bottom: 2px;
  height: 25px;
}
.form-control-left {

  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.select {
  height: 25px;
}

.select.nochange {
    background-color: #e9ecef;
}
.subtitle {
  font-size: 0.7rem;
}

  .form-control:focus {
    color: #4F5467;
    border: 1px solid #E0DBDB;
    outline: 0;
    box-shadow: transparent; 
  }
  .form-control:hover{
    border: 1px solid #CCC8C8;  
  }
  .form-control::placeholder {
    color: lightgray;
    font-style: italic;
    opacity: 1; 
    font-size: .75rem}
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; 
  }

select.form-control:focus::-ms-value {
  color: #4F5467;
  background-color: #fff; 
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1.0rem;
  line-height: 1.5;
  color: #000;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  line-height: 1.5;
  /*border-radius: 0.2rem;*/ 
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

textarea.form-control {
  height: auto; }

.form-control-sm {
  min-height: 20px; }

.form-control:disabled, .form-control[readonly] {
  opacity: 0.7; }

.form-control-line .form-group {
  overflow: hidden; }

.form-control-line .form-control {
  border: 0px;
  border-radius: 0px;
  padding-left: 0px;
  border-bottom: 1px solid #e9ecef; }
  .form-control-line .form-control:focus {
    border-bottom: 1px solid #fb9678; }

/* Modal */

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  /*padding: 1rem 1rem;*/
  border-bottom: 1px solid #e9ecef;
  background-color: #e8e3e3;
  border-radius: 10px 10px 0px 0px;
  height: 50px;
}

  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }



/*** Label ***/

.label {
  line-height: 1.0;
  color: black;
  font-weight: 300;
  font-size: 0.8rem;
  margin-top: 3px;
}

.labeldata {
  color: var(--blue);
  font-weight: 500;
  font-style: italic;
}

.label-title {
  color: black;
  padding: 0;
  font-size: 1.0rem;
}


/*** Menu ***/

.navmenu {
  padding: 0px; 
}
  .navmenu ul { 
    margin: 0px;
    padding: 0px; 
  }
    .navmenu ul li {
      list-style: none;
    }
      .navmenu ul li a { 
        color: black;
        padding: 0px 35px 0px 15px;
        display: block;
        align-items: center;
        font-size: 0.75rem;
        font-weight: 400; 
      }
        .navmenu ul li a:hover {
          color: var(--blue);
        }   
          .navmenu ul li a:hover i {
            color:  var(--blue); /* menu icons */
          }  
        
      .navmenu ul li ul {
        padding-left: 30px; }
        .navmenu ul li ul li a {
          padding: 7px 35px 7px 15px; }
        .navmenu ul li ul ul {
          padding-left: 15px; }
      .navmenu ul li.nav-small-cap {
        font-size: 12px;
        margin-bottom: 0px;
        padding: 30px 14px 14px 0px;
        color: black;
        font-weight: 500; }
      .navmenu ul li.nav-devider {
        height: 1px;
        background: #e9ecef;
        display: block;
        margin: 15px 0; }
      
  .navmenu > ul > li > a {
    border-left: 3px solid transparent; 
  }
    .navmenu > ul > li > a i {
      width: 25px;
      font-size: 16px;
      display: inline-block;
      vertical-align: middle;
}
    .navmenu > ul > li > a .badge {
      float: right; }
  .navmenu > ul > li {
    margin-bottom: 8px;
    margin-top: 8px; }
    .navmenu > ul > li.active > a {
      color: red;
      font-weight: 500;
      border-color: #fb9678; }
      .navmenu > ul > li.active > a i {
         }

@media (min-width: 767px) {
  .horizontal-nav {}
    .horizontal-nav .left-sidebar {
      width: 100%;
      height: auto;
      position: relative;
      padding-top: 0px; 
    background: #1f2023;}
    .horizontal-nav .scroll-sidebar {
      height: auto; }
    .horizontal-nav .navmenu {
      padding: 0px 15px; }
      .horizontal-nav .navmenu #sidebarnav {
        display: flex; }
        .horizontal-nav .navmenu #sidebarnav li {
          position: relative;
        }
          .horizontal-nav .navmenu #sidebarnav li a {
            padding: 5px 15px; }
        .horizontal-nav .navmenu #sidebarnav > li {
          line-height: 27px;
          margin-bottom: 10px;
          margin-top: 10px; }
          .horizontal-nav .navmenu #sidebarnav > li:hover > a {
            background: #f9f9f9; }
          .horizontal-nav .navmenu #sidebarnav > li:last-child > ul {
            right: 0px;
            left: auto; }
          .horizontal-nav .navmenu #sidebarnav > li > a {
            padding: 0px 15px;
            border-left: 0px;
            border-bottom: 3px solid transparent; }
          .horizontal-nav .navmenu #sidebarnav > li.active > a {
            border-bottom-width: 3px; }
          .horizontal-nav .navmenu #sidebarnav > li > a.two-column + ul {
            width: 400px; }
            .horizontal-nav .navmenu #sidebarnav > li > a.two-column + ul > li {
              display: inline-block;
              width: 49%;
              vertical-align: top;  }
        .horizontal-nav .navmenu #sidebarnav > li > ul {
          position: absolute;
          left: 0px;
          top: auto;
          width: 220px;
          max-height: 350px;
          overflow-y: auto;
          padding-bottom: 10px;
          z-index: 1001;
          background: #f9f9f9;
          display: none;
          padding-left: 1px; }
        .horizontal-nav .navmenu #sidebarnav > li:hover > ul {
          height: auto !important;
          overflow: auto; }
        .horizontal-nav .navmenu #sidebarnav > li:hover > ul,
        .horizontal-nav .navmenu #sidebarnav > li:hover > ul.collapse {
          display: block; }
        .horizontal-nav .navmenu #sidebarnav > li > a.has-arrow:after {
          display: none; }
        .horizontal-nav .navmenu #sidebarnav .nav-small-cap,
        .horizontal-nav .navmenu #sidebarnav .sidebar-footer,
        .horizontal-nav .navmenu #sidebarnav .user-pro,
        .horizontal-nav .navmenu #sidebarnav .badge {
          display: none; }
    .horizontal-nav .navbar-header {
      padding-left: 15px; }
    .horizontal-nav .page-wrapper {
      margin-left: 0px; }
    .horizontal-nav .footer {
      left: 0px; }
    .horizontal-nav .page-titles {
      background: transparent !important;
      box-shadow: none;
      padding: 22px 0px;
      margin: 0 -10px; } }

/*** Icons ***/

.far {
    color: grey;
}
.fas {
    color: grey;
}

.fa-calendar-alt, .fa-clock{
    color: #4F9B1A;
}

.fa-user-injured{
    color: #1f36b7;
}
.fa-list-alt, .fa-id-card, .fa-calendar-check{
    color: #44bcda;
}
.ti-email, .icon-note, .fa-user, .fa-angle-down {
    color: gray;
}
.fa-file-pdf-o{
    color: red;
}
.fa-file-excel-o{
    color: green;
}

/*** Alerts ***/

.alert {
  position: relative;
  padding: 0.25rem 0.25rem;
  margin-bottom: 1rem;
  margin-right: .25rem;
  border: 1px solid transparent;
  border-radius: 0.5rem; }


#wrapper
{
 margin:0 auto;
 padding:0px;
 /*text-align:center;*/
 /*width:995px;*/
}

#image_div .img_wrapper
{
 width:90px;
 display:inline-block;
}
#image_div .img_wrapper img
{

}
#image_div .img_wrapper:hover img
{

}
#image_div .img_wrapper span
{
 display:none;
 position:absolute;
 top:90px;
 left:45px;
 background-color: #f8f8f8;
 width: 50px;
 opacity: 0.8;
 
}

#image_div .img_wrapper:hover span
{
 display: inline;
 
}
#image_div .img_wrapper span button[type="button"]
{
 width:20px;
 height:20px;
 border:none;
 color:white;
 /*font-weight:bold;*/
 font-size:16px;
}
/*
#imagespan {
    background-color: #f8f8f8;
     width:120px;
 height:30px;
 border:none;
}*/
.avatar {
  vertical-align: middle;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.link-btn {
/*  font-weight: 400;
  color: #0000EE;
  text-decoration: none; 
  padding: 0;
  margin: 0;
border: 0;
font-size: 0.8rem;
height: 25px;*/
  /*margin-bottom: 2px;*/
    background-color: #fff;
  /*background-clip: border-box;*/
  /*padding-top: 4px;*/
/*background: transparent;*/
}
  .link-btn:hover {
    color: #0000EE;
    text-decoration: underline; }
  .link-btn:focus{
    text-decoration: underline;
    box-shadow: none;
  outline: none;
background: transparent;}
  .link-btn:disabled, .link-btn.disabled {
    color: #6c757d;
    pointer-events: none; }
  
.link-btn-right {
border: 0px;
/*width: 25px;*/
  /*margin-bottom: 2px;*/
  /*margin-top: 3px;
  border-left: 0px;*/
  /*height: 20px;*/
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.label-btn {
  font-weight: 400;
  color: #0000EE;
  text-decoration: none; 
  padding: 0;
  padding-right:2px;
  margin: 0;
border: 0;
font-size: 0.8rem;
height: 25px;
  margin-bottom: 2px;
    background-color: #fff;
  background-clip: border-box;
  /*padding-top: 4px;*/
/*background: transparent;*/
}
  .label-btn:hover {
    color: #0000EE;
    text-decoration: underline; }
  .label-btn:focus{
    /*text-decoration: underline;*/
    box-shadow: none;
  outline: none;
background: transparent;}
  .label-btn:disabled, .label-btn.disabled {
    color: #6c757d;
    pointer-events: none; }

.tcol-10 {
    width: 10%;
}
.tcol-15 {
    width: 15%;
}
.tcol-20 {
    width: 20%;
}
.tcol-25 {
    width: 25%;
}
.tcol-30 {
    width: 30%;
}

.table2 {}

.btnedit {
  font-weight: 400;
  text-decoration: none; 
  padding: 0;
  margin: 0;
  margin-right: 10px;
  border: 0;
  font-size: 1.25rem;
    /*background-color: #fff;*/
  background-clip: border-box;
}

.tablebtn {
  font-weight: 400;
  text-decoration: none; 
  padding: 0;
  margin: 0;
  margin-right: 10px;
  border: 0;
  font-size: 1.25rem;
    background-color: #fff;
  background-clip: border-box;
}

.tablerowbtn {
  font-weight: 400;
  text-decoration: none; 
  padding: 0;
  margin: 0;
  margin-right: 10px;
  border: 0;
  font-size: 0.8rem;
    background-color: #fff;
  background-clip: border-box;
}