STYLE.CSS 
img
{
  max-width: 100%;
}

.header
{
  padding: 10px;
  -webkit-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.42);
  -moz-box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.42);
  box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.42);
}

.h-left ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.h-left li
{
  float:left;
  margin-right:15px;
}

.h-right ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.h-right li
{
  float:right;
  margin-left:15px;
}

.hr-icon
{
  margin-right:5px;
}

.main
{
  min-height: 600px;
}

.dashboard
{
  top:0px;
  width:200px;
  height:100%;
  position:fixed;
  background-color: #ededed;
  z-index: 1;
  display: none;
  -webkit-box-shadow: 4px 1px 7px 0px rgba(0,0,0,0.12);
  -moz-box-shadow: 4px 1px 7px 0px rgba(0,0,0,0.12);
  box-shadow: 4px 1px 7px 0px rgba(0,0,0,0.12);
}

.dashboard ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  padding-top: 0px;
}

.dashboard li
{
  padding: 7px 0px;

}

.dashboard li:hover
{
  background-color: #ededed;
}

.dashboard a
{
  text-decoration: none;
  color:#354259;
}

.ds-logo
{
  text-align: center;
  padding:30px;
  border-bottom: solid 1px #dce1e4;
}

.ds-icon
{
  margin-right: 10px;
}

.content-title
{
  padding:5px 0px;
}

.content-title h3
{
  padding-top: 15px;
  color:grey;
}

.inp_opt
{
    display:none;
}

.content
{
  padding:15px;
  min-height: 500px;
  -webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.12);
  -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.12);
  box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.12);
  border-radius: 5px;
}

.btn-sys:before
{
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight:600;
  font-size: 12px;
}

.btn-sys
{
  opacity: 0.93;
  color:#ffffff;
  
  margin-right:1px;
  margin-top:5px;
}

.btn-sys:hover
{
  color:#ffffff;
  opacity: 1;
  -webkit-box-shadow: -1px 3px 5px -4px rgba(0,0,0,0.63);
  -moz-box-shadow: -1px 3px 5px -4px rgba(0,0,0,0.63);
  box-shadow: -1px 3px 5px -4px rgba(0,0,0,0.63);
  
}

.btn-save:before
{
  content: "\f04b";
}
.btn-save
{
  background-color: #4285f4;
}

.btn-edit:before
{
  content: "\f304";
}

.btn-edit
{
  background-color: #ff7043;
}

.btn-delete:before
{
  content: "\f00d";
}

.btn-delete
{
  background-color: #ff3547;
}

.btn-delete:hover
{
  background-color: #fd5a68;
}

.btn-back
{
  background-color: #59698d;
}

.btn-back:before
{
  content: "\f053";
}

.btn-new
{
  background-color: #00c851;
}
.btn-new:before
{
  content:"\f067";
}

.btn-search
{
  background-color: #3f51b5;
}
.btn-search:before
{
  content:"\f002";
}

.btn-print
{
  background-color: #fcac45;
}
.btn-print:before
{
  content:"\f02f";
}

.btn-view
{
  background-color: #2bbcd5;
}
.btn-view:before
{
  content:"\f06e";
}