.btn{
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border-style: solid;
   border-radius:0px;
   font-family:'Source Sans Pro', sans-serif;
   font-size:16px;
}

.btn-submit{
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border:0;
   background-color:transparent;
}

#edit_booking .danger-message,
#edit_appointment .danger-message{
  display:none;
  padding:0 5px;
  width:100%;
  color: #721c24;
  background-color:#f8d7da;
  border:1px solid #f5c6cb;
  box-sizing: border-box;
}
/* .danger-message-save{
  padding:0 5px;
  width:100%;
  color: #721c24;
  background-color:#f8d7da;
  border:1px solid #f5c6cb;
  box-sizing: border-box;
} */

/* This is the style of our error messages */
.error {
  width  : 100%;
  padding: 0;

  font-size: 16px;

  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input, textarea, select{
  font-family:'Source Sans Pro', sans-serif;
  font-size:16px;
  background-color:transparent !important;
}

a{
    color:var(--main-color);
    text-decoration:none;
}

input:focus,
a:focus,
button:focus,
textarea:focus,
i:focus,
select:focus{
    outline:none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  background-color:transparent !important;
}
.btn:hover{
  cursor:pointer;
}

.btn::-ms-expand,
.btn-submit::-ms-expand{
    display:none;
}

.btn-primary{
    color:#fff;
    background-color:var(--main-color);
    border-color: var(--main-color);
    padding:10px 15px;
}

.btn-edit{
  color:#fff;
  background-color:var(--main-color);
  border-color: var(--main-color);
  padding:7px 15px;
  font-size:16px;
}

.btn-grey{
  padding: 10px 15px;
  background-color:#F0F2F8;
  border-color:#F0F2F8;
  color:#43425D;
}
.btn-grey:hover{
  background-color:#EEEEEF;
  border-color:#EEEEEF;
}

.btn-primary:hover,
.btn-edit:hover{
    color: #F0F2F8;
    background-color:var(--footer-main-color);
    border-color:var(--footer-main-color);
}

.la-close{
  cursor: pointer;
}

.bold{
    font-weight:700;
}

.uppercase{
    text-transform:uppercase;
}

.alert-danger{
  width:100%;
  color: #721c24;
  background-color:#f8d7da;
  border:1px solid #f5c6cb;
  padding:0 20px;
  box-sizing: border-box;
}

.alert-success{
  width:100%;
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    padding:0 20px;
}

td > i.la-edit::before{
  top:-0.5px;
  right:-0.5px;
  position:relative;
}

.topic-table td > i.la-edit::before,
a > i.la-edit::before{
  top:-1px;
  right:-2px;
  position:relative;
}


/* custom checkbox */
/* The container */
.checkbox-label {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align:left;
  width:100% !important;
  box-sizing: border-box;
}

/* Hide the browser's default checkbox */
.checkbox-label input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  cursor: pointer !important;
  height: 0 !important;
  width: 0 !important;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border:1px solid #808495;
  border-radius:4px;
}


/* When the checkbox is checked, add a blue background */
.checkbox-label input:checked ~ .checkmark {
  border-color:var(--main-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-label .checkmark:after {
  left: 7px;
  top: -7px;
  width: 8px;
  height: 20px;
  border: solid var(--main-color);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}