body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

/* Hide img when the src is missing*/
img[src=""] {
   display: none;
}

/* Validation */
.field-validation-error { 
    margin: 1em 0 0 0 !important;
    display: block;
    color: #dd4b39;
    line-height: 17px; 
}

.input-validation-error {
    border: 1px solid #dd4b39;
}

.field-validation-valid {
    display: none;
}

button.close {
    padding: 0 !important;
}

.no-border {
    border-style:none;
}

.navbar-inverse {
  background-color: #eee;
  border-color: #eee;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}


.img-banner {
  /*object-fit: none;*/ /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  max-width: 300px;
  max-height: 600px;
  margin-bottom: 5rem;
}

.img-logo {
  object-position: left;
  width: auto;
  max-height: 50px;
}

.page-login .login-remember {
    padding-left: 0;
}

.panel {
    box-shadow: none;
}

/* from Bootstrap 4.0*/

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}


.divider {
    width: 1px;
    height: 100%;
    background: #bbb;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

@media (max-width: 991px) {
    .divider {
	    width: 100%;
	    height: 1px;
	    position: relative;
	    top: auto;
	    left: auto;
	    margin: 30px auto 40px;
    }
}


.divider > span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #6f6f6f;
    background: #fff;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: -28px;
}




.well-box {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}

.input-margin {
    margin-bottom: 25px;
}


.btn-sigin {
  color: #ffffff;
  background-color:  #606060;
  border-color: #6f6f6f;
}

.btn-sigin:hover,
.btn-sigin:focus,
.btn-sigin:active,
.btn-sigin.active,
.open .dropdown-toggle.btn-sigin {
  color: #ffffff;
  background-color: #6f6f6f;
  border-color:  #606060;
}

.btn-sigin:active,
.btn-sigin.active,
.open .dropdown-toggle.btn-sigin {
  background-image: none;
}

.btn-sigin.disabled,
.btn-sigin[disabled],
fieldset[disabled] .btn-sigin,
.btn-sigin.disabled:hover,
.btn-sigin[disabled]:hover,
fieldset[disabled] .btn-sigin:hover,
.btn-sigin.disabled:focus,
.btn-sigin[disabled]:focus,
fieldset[disabled] .btn-sigin:focus,
.btn-sigin.disabled:active,
.btn-sigin[disabled]:active,
fieldset[disabled] .btn-sigin:active,
.btn-sigin.disabled.active,
.btn-sigin[disabled].active,
fieldset[disabled] .btn-sigin.active {
  background-color: #606060;
  border-color: #6f6f6f;
}


.btn-bookhive {
  color: #eca22c;
  background-color:  #ffffff;
  border-color: #eca22c;
}

.btn-bookhive:hover,
.btn-bookhive:focus,
.btn-bookhive:active,
.btn-bookhive.active,
.open .dropdown-toggle.btn-bookhive {
  color: #ffffff;
  background-color: #eca22c;
  border-color:  #eee;
}

.btn-bookhive:active,
.btn-bookhive.active,
.open .dropdown-toggle.btn-bookhive {
  background-image: none;
}

.btn-bookhive.disabled,
.btn-bookhive[disabled],
fieldset[disabled] .btn-bookhive,
.btn-bookhive.disabled:hover,
.btn-bookhive[disabled]:hover,
fieldset[disabled] .btn-bookhive:hover,
.btn-bookhive.disabled:focus,
.btn-bookhive[disabled]:focus,
fieldset[disabled] .btn-bookhive:focus,
.btn-bookhive.disabled:active,
.btn-bookhive[disabled]:active,
fieldset[disabled] .btn-sigin:active,
.btn-bookhive.disabled.active,
.btn-bookhive[disabled].bookhive,
fieldset[disabled] .btn-sigin.bookhive {
  background-color: #eca22c;
  border-color: #eee;
}


.header-logo {
    background-position: left;
    background-size: 120%;
    background-repeat: no-repeat;
    min-height: 80px;
    min-width: 250px;
}

@media (max-width:768px) {
    .header-logo {
        background-size: 240px;
    }
}