@charset "UTF-8";
. {
  border: 1px solid blue;
  border-radius: 4px
}
.debug{
  border: 1px solid red;
}
.border {
  border: 1px solid #bebebe;
  border-radius: 4px
}

.border-tab {
  border-top: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
  border-left: 1px solid #bebebe;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px
}
.border-tab2 {
  border: 1px solid #bebebe;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.bg-purple{
  background-color: #882e6e;
  border-color: #882e6e;
}
.bg-purple:hover{
  background-color: #882e6e;
  border-color: #882e6e;
}
.bg-tab {
  background-color: #fafafa
}

.carousel-border {
  border-bottom: 1px solid #EBEBEB;
}

body.login-page {
  background: #FAFAFA;
}

.do-user-icon {
  margin-right: 10px;
  padding-top: 10px;
}
/* ======= New Theme Colors - by Mario ======= */
ul.main-menu>li.active>a,
ul.main-menu>li>a:hover,
ul.main-menu>li>a:focus,
ul.main-menu>li.active>a,
ul.main-menu>li>a:hover,
ul.main-menu>li>a:focus {
  /*background: #882e6e;*/
  background: #882e6e;
}

.custom-flag {
  width: 15px;
  height: 10px;
}

.map-height {
  height: 300px
}

.tab-content {
  background-color: #ffffff
}

.btn-primary:hover {
  background-color: #1e9582;
  border-color: #1e9582;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.24),0 5px 12px 0 rgba(0,0,0,0.19);
}

.panel-invert>.panel-heading,
.panel-invert {
  background-color: #24A393;
  border-color: #24A393;
}

.panel-update-content h1 {
  color: #24A393;
}

ul.main-menu li a .title {
  margin-left: 5px
}

.tabs-vertical .nav-tabs {
  width: 150px;
  font-size: 20px;
  font-weight: bold;
}

.badge-ticket {
  background: blue;
}

.badge-tour {
  background: red;
}

.badge-activity {
  background: green;
}

.mt-1 {
  margin-top: 5px;
}

.mt-2 {
  margin-top: 15px;
}

.mt-3 {
  margin-top: 25px;
}

.mt-4 {
  margin-top: 35px;
}

.mt-5 {
  margin-top: 45px;
}

.modal-backdrop {
  z-index: -10;
}

.modal-dialog {
  position: relative;
  top: 40%;
  transform: translateY(-50%);
}

.m-1 {
  margin: 5px;
}

.m-2 {
  margin: 10px;
}

.btn-stronggray {
  background-color: #999999;
  color: white;
}

.btn-stronggray:hover,
.btn-gray:hover {
  color: white;
}

.btn-gray {
  background-color: #bfbfbf;
  color: white;
}

.btn-gray2 {
  background-color: #EFF0F1;
}

.btn-gray3 {
  background-color: #EFF0F1;
  outline-color: none;
  outline-offset: none;
  outline-color: none;
  cursor: auto;
  border: 1px solid #ccc;
}

.center {
  text-align: center;
}

.ma-0 {
  margin: 0px;
}

.bookday {
  background-color: #882e6e;
  border-radius: 5px;
  color: white;
  font-size: 50px;
  height: 73%;
}

.bookstatus {
  background-color: green;
  border-radius: 5px;
  color: white;
}

.bg-lightgray {
  background-color: #efefef;
}

.table-content {
  background-color: #fff;
  padding-top: 17px;
  padding-bottom: 17px;
  vertical-align: center;
  border-bottom: 1px solid #EBEBEB;
}

.bg-darkgray {
  background-color: #999999;
}

.text-white {
  color: #ffffff;
}

.text-do {
  color: #882e6e;
}

.star-do {
  color: #FFC70A;
}

.text-22 {
  font-size: 22px
}

.text-18 {
  font-size: 18px
}

.text-16 {
  font-size: 16px
}

.text-12 {
  font-size: 12px
}

.text-black {
  color: #000;
}

.contact-link {
  display: inline-block;
  width: 90%;
  height: 20%;
  border-radius: 5px;
  text-align: center;
  margin: 2%;
}

.raounded {
  border-radius: 6px
}

.black {
  font-weight: 600;
}

.p1 {
  padding: 5px;
}
.p0 {
  padding: 0px;
}

.m1 {
  margin: 5px;
}

.mtt {
  margin-top: 2px;
}

.pt-1 {
  padding-top: 5px;
}

.pt1 {
  padding-top: 7px;
}

.mt1 {
  margin-top: 4px;
}

.ml1 {
  margin-left: 2px;
}

.mt2 {
  margin-top: 10px;
}

.mt3 {
  margin-top: 14px;
}

.pt2 {
  padding-top: 14px;
}

.pt3 {
  padding-top: 24px;
}

.pbt {
  padding-bottom: 3px;
}

.pb1 {
  padding-bottom: 14px;
}

.pl1 {
  padding-left: 8px;
}

.mx1 {
  margin-left: 7px;
  margin-right: 7px
}

.mr2 {
  margin-right: 17px;
}

.pl2 {
  padding-left: 16px;
}

.pr1 {
  padding-right: 7px;
}
.pr2 {
  padding-right: 17px;
}

.py3 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pt4 {
  .padding-top: 20px
}

.pt-3 {
  padding-top: 15px;
}

.qrcode-text-btn {
  display: inline-block;
  cursor: pointer;
}

.ml2 {
  margin-left: 10px;
}

.ml4 {
  margin-left: 45px;
}

.mr2 {
  margin-right: 10px;
}

.mbt {
  margin-bottom: 3px;
}

.mb1 {
  margin-bottom: 5px;
}

.mb2 {
  margin-bottom: 10px;
}

.mb4 {
  margin-bottom: 40px;
}
.mb10 {
  margin-bottom: 100px;
}

.container1 {
  max-width: 600px
}

.contat-height {
  min-height: 550px
}
.title-height {
  min-height:50px
}

.list-naked {
  list-style-type: none;
}
.disactive {
  opacity: .4
}
.height-4 {
  height:4rem;
}
.arrow-tab {
  height:4rem;
  padding-top:3px;
  text-align:center;
}
/* START Password Strength - Supplier Registration, Supplier Change Password - Mario */

.checkpass{
  position: absolute;
  border-radius: 5px;
  width: auto;
  height: auto;
  background: red;
  padding: 20px 20px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
  box-shadow: 5px 5px 10px -4px #b5b5b5;
  z-index: 1;
  display: none;
  margin-top: -190px;
  margin-left: 3%;
}
.myIconValid{
  margin-left: -20px;
  margin-top:5px;
  color:green;
  font-size: 10px;
  position:absolute;
  display: none;
}
.myIconInvalid{
  margin-left: -20px;
  margin-top:5px;
  color: #505050;
  font-size: 10px;
  position:absolute;
}
.passStrong{
  color: green;
  display: none;
}
.passMatch{
  color: green;
  display: none;
}
.passMismatch{
  color: red;
  display: none;
}
.passwordAlert{
  background-color: #ffcaca;
  border-color: #ffb1be;
  color: #ab1717;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 16px;
  display: none;
}
#nextButton{
  cursor: pointer;
}
/* END Password Strength - Supplier Registration, Supplier Change Password - Mario */

/* START Supplier Finance Filter Style - Mario */
.mt28{
  margin-top: 28px;
}
.pb2 {
  padding-bottom: 28px;
}
.m0{
  margin: 0;
}
.text-right{
  text-align: right;
}
#bodyFilterContainer{
  overflow: hidden;
  height: auto;
  transition: .2s ease;
}
.padding0{
  padding: 0;
}
#titleFinanceSupplierContainer{
  display: flex;
  justify-content: space-between;
}
.float-left{
  float: left
}
.float-right{
  float: right
}
.padding0Mobile{
  padding: 1rem 3rem;
}
.reducedIcon{
  margin: 0;
  width: 2px;
}
.margin5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
/* END Supplier Finance Filter Style - Mario */

@media (min-width: 1200px) {
  .col-lg-push-1t {
    left: 4.33333333%;
  }
  .panel-info>.panel-body {
    padding-left: 15rem;
    padding-right: 15rem;
  }
  .py3-lg {
    padding-top: 25px;
    padding-bottom: 15px;
  }
  .ml1-lg {
    margin-left: 1px;
  }
  .ml3-lg {
    margin-left: 15px;
  }

  .edit-container {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .booking-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .booking-collapse {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .col-md-push-1t {
    left: 4.33333333%;
  }
  .panel-info>.panel-body {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .py3-md {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pr1-md {
    padding-left: 5px
  }
  .ml3-md {
    margin-left: 15px;
  }
  .mb2-md {
    margin-bottom: 10px;
  }
  .edit-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .booking-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .col-sm-push-1t {
    left: 4.33333333%;
  }
  .mt3-sm {
    margin-top: 15px;
  }
  .mr1-sm {
    margin-right: 5px;
  }
  .mb3-sm {
    margin-bottom: 15px;
  }
  .py3-md {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .edit-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .booking-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 768px) {
  .panel-minimal>.panel-body {
    padding-left: .1rem;
    padding-right: .1rem;
  }
  .mt3-xs {
    margin-top: 15px;
  }
  .mb2-xs {
    margin-bottom: 10px;
  }
  .mb3-xs {
    margin-bottom: 15px;
  }
  .ml2-xs {
    margin-left: 17px;
  }
  .booking-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .grid-container {
    overflow: hidden;
    overflow-x: hidden;
  }
  .cr-boundary {
    width: 100% !important
  }
  .checkpass {
    margin-top: -190px;
    margin-left: 3%;
  }
}

@media (max-width: 768px) {
  #bodyFilterContainer{
    padding: 0;
    height: 0;
    margin: 0; 
  }
}

@media (max-width: 554px) {
  #titleFinanceSupplierContainer{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
  #generateExcelButton{
    margin-top: 15px;
  }
  .padding0Mobile{
    padding: 0rem 2rem;
  }
}
ol {
  list-style-type: none;
}
.arrow_up, .arrow_down {
  cursor: pointer;
}
.visit-height {
  min-height:240px!important;
}
img.visit {
  width: 560px;
  height: 180px;

}