/* app css stylesheet */


.table-inner-header {
  background-color: #ddd;
}

/* element overrides */
input {
  box-shadow: none !important;
}

/* font family */
body {
  background-color: white !important;
  font-family: 'Roboto', sans-serif;
}

/* helpers */

.clear-right {
  clear: right;
}

.checkbox {
  height: 16px;
  margin-left: 25% !important;
  width: 16px;
}

/* buttons in the page header */

.btn-header {
  margin-top: 0px;
  font-size: 12px;
  padding: 3px 6px;
}
@media (min-width: 768px) {
  .btn-header {
    font-size: 14px;
    margin-top: 12px;
  }
}

.ng-toast {
  width: 40%;
}

/* width helpers */

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

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

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

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

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

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

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

/* margin helpers */
.m-t-0 {
  margin-top: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-l-7 {
  margin-left: 7px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

/* padding helpers */
.p-l-0 {
  padding-left: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.no-padding {
  padding: 0px !important;
}

.btn-unstyled {
  padding: 0px;
  border: none;
  background-color: white;
}

/*textarea:focus, input.app-input-error:focus, input[type]:focus, .uneditable-input:focus {   */
input.app-input-error, input.app-input-error[type] {  
  border-color: rgba(229, 103, 23, 0.8);
  box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6);
  outline: 0 none;
}
/* spinner */

.loader {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}

.loader-pos {
  margin-top: 15%;
  margin-left: 50%;
}

.inventory-input .loader-pos {
  margin-top: 8px;
  width: 16px !important;
  height: 16px !important;
}
.inventory-input .odd {
  background-color: #f9f9f9;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.stale-version {
  border-radius: 0px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 9999;
}

/* nav */

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li + li:before {
  content: "|";
  padding-right: 0.3em;
}

/* input text box on home page */
.ui-select-container input[type=search] {
  width: 95%;
}

.ui-select-dropdown {
  width: 98% !important;
}

.hotel-name {
  font-weight: bold;
  padding-top: 15px;
}


/* configure rateplans */
.master {
  padding: 0px !important;
  margin: 5px 10px 0px 2px !important;
  text-align: center;
  width: 35%;
}
.increment {
  padding-right: 0px !important;
}
.increment-plus {
  margin-top: 6px;
  padding-right: 0px !important;
}
.rateplan-configure-reset .modal-dialog {
  margin-top: 15%;
  width: 32%;
}
.increment1 {
  display: inline-block;
  width: 50%;
}
/* refresh rates */
.rate-refresh-confirm .modal-dialog {
  margin-top: 15%;
  width: 35%;
}

/* master widget */

.master-widget .start-date {
  display: inline;
  width: 10%;
}

.master-widget .date-movers {
  height: 35px;
  width: 35px;
}

.rates-record {
}

.rackrate {
  display: block;
  margin-left: 15px;
  margin-bottom: 10px;
}

.discrate {
  margin-left: 15px;
}

.discrate i{
  color: green;
}

/* rate crawler */
.rate-crawler-go {
  margin-top: 24px;
}
.ota-logo {
  clear: both;
  float: left;
  width: 100px;
}
.ota-logo-ranks {
  padding: 15px;
}
.url-link {
  clear: left;
  font-size: 0.8em;
  float: left;
  margin-right: 10px;
}
.log-link {
  font-size: 0.8em;
  float: left;
}
.rates-table .nocolor {
  background-color: white;
}
.rates-table .row-0 {
  
}
.rates-table .row-1 {
  
}
.rates-table .row-2 {
  
}
.rates-table .row-3 {
  
}

/* bulk update */
.bulk-update .control-label {
  float: left;
  margin: 8px 10px 0px 0px;
}
.bulk-update .control-input {
  float: left;
  width: 30%;
}
.bulk-update-warning .modal-dialog {
  margin-top: 5%;
}

.connected-tag,
.disconnected-tag {
  border-radius: 5px;
  font-size: 10px;
  margin-top: -2px;
  padding: 5px;
}

.dashboard .rate-label {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-left: 5px;
  padding: 4px 12px 0px 12px;
}
.dashboard .rate-input, .dashboard .wide-rate-input {
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
  width: 80%;
}
.dashboard .wide-rate-input {
  width: 100% !important;
}
.dashboard .table>tbody+tbody {
  border-top: none;
}

.channel-intelligence .hotel-suggestions {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  margin: 15px 10px 10px 10px;
}

/* icons */
.b-icons {
  width: 24px;
  height: 24px;
}
.b-icons-leftnav {
  margin: 0px 3px 0px -3px;
}
.b-icons-topnav {
  float: left;
  margin-left: -3px;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
.navbar-header {
  background-color: #2c3643;
}
@media (min-width: 768px) {
  .navbar-header {
    width: 175px;
  }
}
.navbar-brand {
  padding: 10px;
}
.navbar-brand > img {
  display: inline;
}
.navbar-brand .brand-text {
  color: white;
  font-size: 18px;
  vertical-align: sub;
}
.navbar-top-links li {
  vertical-align: text-top;
}
.navbar-top-links li a {
  color: #2c3643 !important;
}
.navbar-top-links>li>a:focus, .navbar-top-links>li>a:hover {
  background-color: #eee !important;
}
.navbar-top-links .liveness {
  margin: 15px 0px 0px 30px;
}
.navbar-top-links .passwords {
  margin: 15px 0px 0px 0px;
}
.liveness .alert, .passwords .alert {
  padding: 5px;
}
.navbar-custom {
  background-color: white;
  border-color: white;
}
.navbar-custom .hotel-selector {
  width: 300px;
  padding-top: 15px;
  height: 100%;
}
.navbar-custom .hotel-selector .ui-select-search {
  height: auto;
  width: 100%;
}
.navbar-custom .hotel-selector .ui-select-choices {
  width: 100% !important;
}

.sidebar {
  background-color: #2c3643;
  height: auto;
}
.nav li a {
  color: white;
}
.nav>li>a:focus, .nav>li>a:hover {
  background-color: #2c3643;
  color: #ccc;
}
.nav li a i.arrow {
  margin-top: 3px;
}
.nav li a {
  font-size: 13px;
}
.nav li ul li a {
  font-size: 12px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.notification-badge {
  background-color: #fa3e3e;
  border-radius: 10px;
  color: white;
  font-size: 10px;
  line-height: 0.5;
  left: 30px;
  padding: 5px;
  position: absolute;
  top: 10px;
}
.notification-text {
  font-size: 13px;
}
.notification-divider:last-child {
  display: none;
}

.slab-labels {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
}
.slab-label-parent {
  padding-top: 5px;
}

.slabs {
  margin-left: 15px;
}

.slabs .col-lg-1,
.slabs .col-lg-2,
.slabs .col-lg-3,
.slabs .col-lg-4,
.slabs .col-lg-5,
.slabs .col-lg-6 {
  padding-left: 5px;
  padding-right: 5px;
}

.weekday-container {
  margin-left: 10px;
  width: 11%;
}

.row-highlight {
  background-color: #1C3043;
  color: white !important;
}
.row-section-highlight {
  background-color: #c7e6aa;
  color: black !important;
}

.overrides-enabled {
  padding-top: 10px;
}

.overrides-enabled-color {
  background-color: #c7e6aa;
}

.overrides-disabled  {
  padding-top: 10px;
}

.overrides-disabled-color {
  background-color: #fa5e5b;
}

.overrides-enabled > span, .overrides-disabled > span {
  margin-left: 10px;
  margin-right: 10px;
}

.be-rack-rate {
  width: 256px;
}

.be-promo-rate {
  width: 94px;
}

.be-lm-rate {
  width: 94px;
}

.cancelled {
  background-color: #99a9b3;
}

.configure-model .section {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 15px;
}

.configure-model .weight {
  float: left;
  margin-right: 5px;
  width: 7%;
}

.configure-model .weight label {
  float: left;
}

.configure-model .weight input {
  float: left;
  width: 100%;
}
.model-logs .modal-dialog {
  width: 80%;
}
.model-logs .log-row {
  margin-bottom: 5px;
}
.log-row table {
  margin-bottom: 0px !important;
}

/* bootstrap overrides */
.row-tight {
  margin-left: -20px;
  margin-right: -20px;
}
.row-tight .col-xs-1, .row-tight .col-xs-2, .row-tight .col-xs-3, .row-tight .col-xs-4, .row-tight .col-xs-5, .row-tight .col-xs-6,
.row-tight .col-xs-7, .row-tight .col-xs-8, .row-tight .col-xs-9, .row-tight .col-xs-10, .row-tight .col-xs-11, .row-tight .col-xs-12 {
  padding-left: 5px;
  padding-right: 5px;
}
.page-header {
  border-bottom-style: dotted;
  margin-top: 20px;
}
.form-control {
  padding-left: 6px;
  padding-right: 6px;
}
.form-group {
  margin-bottom: 10px;
}
@media(min-width: 768px) {
  #page-wrapper {
    padding: 0 30px;
  }
}
.table-bordered {
  border: 1px solid #ccc;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border: 1px solid #ccc;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 4px;
}

.btn-sort-up,
.btn-sort-down {
  padding: 0px;
}

/* angularjs datepicker css */
._720kb-datepicker-calendar {
  margin-top: 5px;
}
._720kb-datepicker-calendar-header {
  background-color: #337ab7 !important;
}
._720kb-datepicker-calendar-header-left b,
._720kb-datepicker-calendar-header-right b{
  color: white;
}

/* calendar css */
.fc h2 {
  font-size: 18px;
}
.fc-bg .fc-day {
  background-color: #f7f7f7;
}
.calendar-controlpanel {
  opacity: 0.5;
}

.calendar-event-inventory, .calendar-event-rate {
  border: none;
  color: black;
  padding: 5px;
}
.calendar-event-block-date {
  height: 16px;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.calendar-event-rate:hover,
.calendar-event-inventory:hover {
  color: black !important;
}

.calendar-event-inventory {
  background-color: #f7f7f7;
  color: #428bca;
  font-weight: bold;
  width: 20%
}

.calendar-event-rate {
  background-color: #f7f7f7;
  color: #00a65a;
  font-weight: bold;
  margin-top: 5px;
  width: 35%;
}

.calendar-day-inventory-override, .calendar-day-rate-override { 
  color: #d33724;
}
.calendar-day-inventory-override i, .calendar-day-rate-override i {
  margin-left: 7px;
  margin-top: 7px;
}

.fc-content-skeleton:hover {
  cursor: pointer;
}
.calendar-details {
  border: 1px solid #ccc;
}
.calendar-view .progress {
  margin-top: 75%;
}
.calendar-view .progress .progress-bar {
  background-color: #ccc;
}

.legend {
  margin-top: 5px;
}
.legend-rates {
  background-color: #f2dede;
  border-radius: 5px;
  padding: 5px;
}
.legend-inventory {
  background-color: #dff0d8;
  border-radius: 5px;
  padding: 5px;
}

.inventory-log {
  float: left;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 5px;
  margin: 5px 5px 0px 0px;
  width: 120px;
  max-width: 120px;
  overflow: hidden;
}
.inventory-log .room-id {
  width: 96px;
  overflow: hidden;
}
.inventory-log .room-count {
  border: 1px solid #4cae4c;
  background-color: #E4F1C3;
  border-radius: 5px;
  float: right;
  padding: 2px;
}

.tooltip-inner {
    white-space:pre-wrap;
}

/* inventory input */
.row-odd {
  background-color: #f5f5f5;
  padding: 5px;
}
.row-even {
  border: 1px solid #f5f5f5;
  border-bottom: none;
  padding: 5px;
}
.inventory-input form {
  overflow-x: scroll;
}
.inventory-input .center-align {
  text-align: center;
}
.inventory-input .whatsapp {
  margin: 10% 0% 0% 33%;
}
.inventory-input .totalRooms {
  background-color: #f5f5d5
}
.inventory-input .alert-soldout {
  display: inline-block;
  margin: 0px 0px 0px 5px;
  padding: 2px;
}

/* booking */
.booking-control {
  padding: 0px 0px 0px 5px;
}
.booking-controls {
  padding: 10px 0px 10px 15px;
}
.tabs {
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}
.tab {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}
.tab.active {
  border: 1px solid #337ab7;
  border-bottom: none;
  border-radius: 3px;
}
.tab.inactive {
  border: 1px dotted #337ab7;
  border-bottom: none;
  border-radius: 3px;
  opacity: 0.7;
}
.active {
  background-color: #337ab7;
  color: white;
}

/*ratings*/

.review-filters {
  border: 1px dotted #d5d5d5;
}
.review-filters.col-lg-2,
.review-filters .col-lg-10,
.review-filters .col-lg-12 {
  padding-right: 0px;
}
.date-select {
  margin-bottom: 5px;
  width: 70%;
}
.channel-select {
  display: inline-block;
  text-align: left;
  width: 100%;
}
.channel-select input {
  margin-right: 5px;
}
.channel-select label {
  font-weight: inherit;
}
.rating-select {
  background-color: transparent;
  border: none;
  outline: none;
  text-align: left;
  width: 100%;
}
.rating-select i {
  color: #d5d5d5;
}
.rating-selected i {
  color: goldenrod;
}
.rating-select:focus {
  border: none;
  outline: none;
}
.filter-label {
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  color: #777;
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 3px;
}
.review-card {
  border: 1px dotted #d5d5d5;
  padding: 5px;
  margin-bottom: 5px;
}
.review-card .buzzotel-logo {
  width: 100px;
  margin-left: 5px;
  margin-top: 10px;
}
.review-card .agoda-logo {
  margin-left: 5px;
  margin-top: 10px;
}
.review-card .booking-logo {
  margin-left: 5px;
  margin-top: 10px;
  width: 100%;
}
.review-card .expedia-logo {
  width: 100%;
  margin-left: 5px;
}
.review-card .goibibo-logo {
  width: 80%;
  margin-left: 5px;
  margin-top: 12px;
}
.review-card .tripadvisor-logo {
  width: 80%;
}
.review-card .holidayiq-logo {
  width: 80%;
  margin-left: 5px;
  margin-top: 10px;
}
.review-card .mmt_hiq-logo {
  width: 80%;
  margin-left: 5px;
  margin-top: 10px;
}
.review-heading span {
  min-width: 32px;
}
.review-heading span i {
  color: goldenrod;
  font-size: 14px;
}
.review-heading h4 a,
.review-heading h4 a:focus,
.review-heading h4 a:hover {
  color: black;
  text-decoration: none;
}
.review-heading .review-stars {
  margin-top: 10px;
} 
.review-content {
  
}

/* accounting css */
.data-highlight {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  font-size: 14px;
}
.customer_name span {
  max-width: 32px;
  overflow: hidden;
}
.booking-data td, .booking-data th {
  padding: 2px !important;
}
.booking-data {
  font-size: 12px;
}
.booking-data .booking_date,
.booking-data .checkin_date,
.booking-data .checkout_date {
  font-size: 12px;
}

.ota-error {
  background-color: #f2dede;
}
.ota-metadata textarea {
  height: 100px;
}

.hidden-copy-area {
  opacity: 0;
}
.onboarding-status-true {
  color: #5cb85c;
  font-size: 18px;
}
.onboarding-status-false {
  color: #d9534f;
  font-size: 18px;
}
.onboarding-checkbox {
  width: 16px;
  height: 16px;
  margin-right: 5px !important;
  vertical-align: text-bottom;
}
.payment-reminder .fa-times-circle {
  color: #d9534f;
  font-size: 18px;
  text-align: center;
}
.payment-reminder .fa-check-circle {
  color: #5cb85c;
  font-size: 18px;
  text-align: center;
}

.invoice-paid {
  color: #3c763d;
  font-size: 16px;
}

.invoice-unpaid {
  color: #a94442;
  font-size: 16px;
}
/* configure be */
.dragula-item {
  display: inline;
}
.delete-picture {
  vertical-align: top;
  position: relative;
  left: -3%;
}
.img-responsive-50 {
  width: 50%;
  height: auto;
}
.img-responsive-15 {
  width: 15%;
  height: auto;
}

/* progress bar CSS */
.billing .progress {
  text-align: center;
  width: 68% !important;
}

.green-heading {
  text-align: center;
  color: green;
  font-size:20px;
  border-bottom: 1px solid #ccc;
  padding-bottom:5px; 
}

.tabs-switch {
  width:750px;
  left: -150px;
  top: -180px;
  position: absolute;
}

.headings-lable {
  font-weight:bold;
  color:green;
}

.checkbox-lable {
  width: 18px;
  height: 18px;
  vertical-align: bottom;
  }

.file-text {
  text-align:center;
  margin-bottom:10px;
  }

.tax-style {
  display: block;
  width: 18px;
  height: 18px; 
  vertical-align: bottom;  
  }

.filetext-size {
  font-size:30px;
}

.remove-document {
  vertical-align: top;
  position: relative;
  color: red;
  left: 10px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: rgb(100, 189, 99);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.hotel-background {
  background-color: rgb(245,245,245);
  border-right: 2px solid black;
  padding:2px;
}
.logo-img {
  width: 40px;
  height: 40px;
}

.white-label {
  color: #ffff;
  margin-left: 1px;
  word-break:break-all;
  font-size:15px;
  width: 300px;
}
.remove-image {
  display: none;
  position:absolute;
  top: -10px;
  right: -10px;
  border-radius: 10em;
  padding: 2px 6px 3px;
  text-decoration: none;
  font: 700 21px/20px sans-serif;
  background: #555;
  border: 3px solid #fff;
  color: #FFF;
}
.remove-image:hover {
  background: #E54E4E;
  padding: 3px 7px 5px;
  top: -11px;
  right: -11px;
}

.recipe-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: #65656554;
}

.recipe-container .row {
  margin: 1rem 0;
}

.recipe-container .header {
  padding: 0.6rem;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 1.2rem;
  border-bottom: 2px solid #4692d4;
}

.recipe-container #recipe {
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 650px;
  height: 500px;
  padding: 0.5rem;
}

.recipe-container #recipe #close {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
}

.recipe-container li {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0.3rem;
  box-shadow: -1px 8px 7px -9px rgb(0 0 0 / 21%);
}

#recipe-content {
  margin-top: 1.5rem;
  padding: 0;
  height: 200px;
  max-height: 200px;
  overflow-y: auto;
}

#recipe-content .fa {
  font-size: 19px;
  color: red;
  cursor: pointer;
}

.text-truncate {
  max-width: 30ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.themes {
  display: flex;
  gap: 1.5rem;
}

.theme-color-block {
  height: 20px;
  width: 45px;

}

.theme-block {
  display: flex;
  gap: 0.6rem;
}

.theme-block-container {
  display: flex;
  flex-direction: column;
  padding: 5px;
  border: 1px solid #efefef;
  border-radius: 6px;
}

.amenities {
  display: flex;
  gap: 1rem;
  margin: 1rem;
  flex-wrap: wrap;
}

.amenity-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.upload-btn-wrapper input[type=file] {
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.btn1 {
  border: 0px;
  color: white;
  background-color:#3c8dbc;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 14px;
}

.border-lite {
  border-radius: 4px 4px 0 0;
  border: 1px solid #ddd;
}
.zoho-btn-info {
  color: #fff;
  background-color: #15b5e5;
}

.zoho-btn-info1 {
  color: #fff;
  background-color: #afdfec;
}
.zoho-btn-info3 {
  color: #fff;
  background-color: #d9534f;
}

.zoho-btn-info2 {
  color: #fff;
  background-color: #ecb4b2;
}