/*
    Colors:
    #222222 black
    #868686 gray

    primary-btn 2593b6
    secondary-btn 3ea5c6
*/

#otas-app {
  /*background-color: #e9e9e9 !important;*/
}

label {
  font-weight: 600 !important;
}

.otas-card {
  background-color: #ffffff;
  text-align: center;
  border: 1px #dfdfdf solid;
  border-radius: 20px;
  padding: 20px;
}

/* .otas-float-right .col-md-3 {
    float: right !important;
}

.otas-float-right .col-md-8 {
    float: left !important;
} */

/*
Texts
 */

.otas-filter-ar {
  float: right !important;
  margin-left: 5px;
}

.otas-title {
  min-height: 110px !important;
}
.otas-text-md {
  font-size: 16px;
}

.otas-text-lg {
  font-size: 20px;
}

.otas-text-dash {
  text-decoration: line-through;
}
.otas-text-bold {
  font-weight: bold;
}

.otas-text-dark {
  color: #262626;
}

.otas-text-gray {
  color: #8c8c8c;
}

.otas-text-primary {
  color: #2595b3;
}

.otas-img {
  border-radius: 50%;
  height: 120px;
  width: 120px;
  background-color: #ffffff;
  margin: 0 auto;
}

.otas-img img {
  margin: 10px !important;
  height: 100px;
  width: auto;
}

.otas-cover-img {
  height: unset;
  width: 270px;
}

.otas-text, .otas-select {
    /* color: #1d242d !important; */
  /* margin-right: -10px !important; */
}
.otas-select {
  padding: 8px 15px;
}
.otas-select,
.otas-text {
  margin-right: 0 !important;
  width: 100% !important;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 50px !important;
  font-size: 16px !important;
}

.otas-btn {
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
a.otas-btn {
  text-decoration: unset;
}

.otas-btn-default {
  background: #2595b3 !important;
  color: #ffffff;
  border-color: #ffffff;
}

.otas-btn-default:hover {
  background: #33a9c9 !important;
}

.otas-btn-secondary {
  background: #8c8c8c !important;
  color: #ffffff;
  border-color: #ffffff;
}

.otas-btn-secondary:hover {
  background: #b1b1b1 !important;
}

.otas-btn-disabled {
  opacity: 0.65;
  cursor: default !important;
}

.otas-prices {
}

.otas-input-date,
.otas-input-file {
  border: 1px solid #d2d2d2;
  font-size: 13px;
  color: #747474;
  padding: 8px 15px;
  margin-right: 1%;
  width: 100%;
  box-sizing: border-box;

  border-width: 1px;
  border-color: #e2e2e2;
  border-radius: 6px !important;
}

/*
SPACING
 */

.otas-mx-1 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.otas-mx-2 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.otas-h-4 {
  height: 40px;
}
.otas-mt-1 {
  margin-top: 5px !important;
}

.otas-mt-2 {
  margin-top: 20px !important;
}

.otas-mb-2 {
  margin-bottom: 20px !important;
}

.otas-width-full {
  width: 100%;
}

.otas-width-half {
  width: 50%;
}

.otas-btn-group {
  display: inline-flex;
}

.otas-btn-group .otas-btn-group-item {
    margin-top: 10px;
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .otas-btn-group {
        display: block;
    }
    .otas-btn-group .otas-btn-group-item {
        width: 100%;
    }
}
/*
PAGINATION
 */

.otas-pagination-container {
  display: inline-block;
}

.otas-pagination {
  font-size: 15px;
  margin: 2px;
  height: 30px !important;
  width: 30px !important;
  text-align: center;
}

.otas-pagination.active {
  border: #8c8c8c solid 1px;
  border-radius: 50px;
  color: #2595b3;
  background-color: white;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.1s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}


#otas-form .row , #otas-form .form-group {
    margin-bottom: 0 !important;
}

.fusion-alert-content a {
  color: #2595b3 !important;
}

.otas-invalid {
  border-color: #dc3545 !important;
}

.uppercase {
  text-transform: uppercase;
}

.otas-progress {
  width: 100%;
  background-color: #d2d2d2;
  height: 10px;
  border-radius: 5px;
}

.otas-progress-bar {
  background-color: #2595b3;
  width: 50%;
  height: 100%;
  border-radius: inherit;
}

.otas-program-hint {
  height: 10px; 
  margin:0px;
}