.fade {
  display: none;
}
.mgt-1rem {
  margin-top: 1rem;
}
.mgl-5 {
  margin-left: 5px;
}
.mgr-1 {
  margin-right: 1rem;
}
.mgr-5 {
  margin-right: 5px;
}
.pull-right {
  float: right;
}
.fw-normal {
  font-weight: normal !important;
}
.color-blue {
  color: #4390EA;
}
.bg-grey {
  background-color: #F0F0F2;
}
.form-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #fff;
  color: #1A1A1A;
  font-size: 1rem;
  line-height: 3rem;
  height: 3rem;
  padding: 0 1rem;
}
.form-control i {
  height: 3rem;
  line-height: 3rem;
  vertical-align: -3px;
  color: #bbb;
  margin-left: 0.7rem;
}
.form-control i:before {
  color: #bbb;
}
.form-control .apply-input {
  width: 15rem;
  text-align: left;
  height: 100%;
  padding: 0.5rem;
  outline: none;
  border: none;
  font-size: 1rem;
  line-height: 1.3rem;
}
.form-control .apply-textarea {
  border: none;
  resize: none;
  outline: none;
  font-family: inherit;
  width: 15rem;
  text-align: left;
  height: 7rem;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.3rem;
}
.form-control .add-inspector {
  padding-bottom: 1rem;
}
.form-control .add-inspector .inspectors {
  display: inline-block;
}
.form-control .add-inspector .inspect-item {
  width: 3rem;
  height: 3rem;
  font-size: 1rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #2BAF2B;
  color: white;
  border: none;
  display: inline-block;
  text-align: center;
}
.form-control .add-inspector .add-one {
  font-size: 2rem;
  font-weight: bolder;
  border: 1px solid #ccc;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 3rem;
  height: 3rem;
  text-align: center;
  background-color: white;
  color: #999;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.height-5rem{
  height: 5rem;
}
.height-6rem{
  height: 6rem;
}
.height-7rem{
  height: 7rem;
}
.form-control input {
  text-align: right!important;
  font-size: 1rem!important;
}
.form-control .width-fixed{
  min-width:4rem;
  -webkit-flex: 1;
  flex:0;
}
.form-control  .three-line-fixed{
  line-height: 1.5;
  vertical-align: middle;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow: hidden;
  text-overflow:ellipsis;
  margin-top: 0.8rem;
}
.form-control .text-area-label{
  line-height: 1.5;
  margin-top: 0.4rem;
}
.form-control .text-area-label+textarea{
  line-height: 1.5;
}
.img-control{
  position: relative;
  width:6rem;
  height:6rem;
  margin:0 1rem 1rem 0;
}
.img-control img{
  height: 100%;
  width: 100%;
}
.timepicker input[type=text] {
  text-align: right;
  border: none;
  outline: none;
  font-size: 1rem;
}
.mgt-2px {
  margin-top: 2px;
}
.margin-minus {
  margin-left: -1rem;
  margin-right: -1rem;
}
.fz-1_8 {
  font-size: 1.8rem;
  line-height: 3rem;
}
.fz-1_8:before,
.fz-1_8:after {
  font-size: 1.8rem;
}
.mgt-1 {
  margin-top: 1rem;
}
.mgb-2 {
  margin-bottom: 2rem;
}
.mgb-4 {
  margin-bottom: 4rem;
}
.mgb-1 {
  margin-bottom: 1rem;
}
.no-pd{
  padding-left: 0!important;
  padding-right:0!important;
}
.pdb-1 {
  padding-bottom: 1rem;
}
.pdlf-1{
  padding-left: 1rem;
  padding-right: 1rem;
}
.pdl-1 {
  padding-left: 1rem!important;
}
.pdr-1 {
  padding-right: 1rem!important;
}
.mgt-2px {
  margin-top: 2px;
}
.mgt-4 {
  margin-top: 4rem;
}
.mgt-2 {
  margin-top: 2rem;
}
.pdt-3x5 {
  padding-top: 3.5rem!important;
}
.bd-top-1 {
  border-top: 1px solid #ccc;
}
.bdb-null {
  border-bottom: none!important;
}
.height-auto {
  height: auto !important;
}
.width-15 {
  width: 15rem;
}
.txt-left {
  text-align: left;
}
.fz-1_2 {
  font-size: 1.2rem;
}
.fz-1 {
  font-size: 1rem;
}
.disp-blk {
  display: block;
}
.btn {
  width: 100%;
  display: block;
  margin:1rem auto;
  height: 3rem;
  line-height: 3rem;
  border: none;
  outline: none;
  color: white;
  font-size: 1.1rem;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.btn:focus,
.btn:hover,
.btn:active {
  outline: none;
  border: none;
}
.btn-success {
  background-color: #4390EA;
}
.btn-success:active {
  -webkit-box-shadow: inset 0 11px 17px rgba(62, 136, 62, 0.6), inset 11px 0px 17px rgba(62, 136, 62, 0.6);
          box-shadow: inset 0 11px 17px rgba(62, 136, 62, 0.6), inset 11px 0px 17px rgba(62, 136, 62, 0.6);
}
.btn-error {
  background-image: none !important;
  color: white!important;
  background-color: #4390EA !important;
}
.btn-error:active {
  -webkit-box-shadow: inset 0 11px 17px rgba(156, 24, 5, 0.6), inset 10px 0px 17px rgba(156, 24, 5, 0.6);
          box-shadow: inset 0 11px 17px rgba(156, 24, 5, 0.6), inset 10px 0px 17px rgba(156, 24, 5, 0.6);
}
.btn:hover {
  background-position: 0!important;
}
.btn-logOut {
  background-color: #ff6868;
}
.btn-logOut:active {
  -webkit-box-shadow: inset 0 11px 17px rgba(156, 24, 5, 0.6), inset 10px 0px 17px rgba(156, 24, 5, 0.6);
          box-shadow: inset 0 11px 17px rgba(156, 24, 5, 0.6), inset 10px 0px 17px rgba(156, 24, 5, 0.6);
}
.date-string {
  font-size: 1rem;
  color:#999;
  line-height: 1.3rem;
  display: inline-block;
}
.module-title:before {
  font-size: 1.7rem;
  color: #0C900B;
}
.mgt-m1 {
  margin-top: -1rem;
}
.icon-smile-clr:before {
  color: #259B24;
}
.icon-cry-clr:before {
  color: #E7383E;
}
.icon-filter-clr:before {
  color: #FF9800;
}
.icon-fire-cor:before {
  color: #E8353C;
}
.width-23 {
  width: 23rem;
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.bdb-1 {
  border-bottom: 1px solid #ccc;
}
.txt-ctr {
  text-align: center;
}
.img-responsive {
  width: 100%;
  max-width: 100%;
  display: block;
}