html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.error-input{
  border: 1px solid #dc3545 !important;
}

.cursor-pointer{
  cursor: pointer;
}

.fs-11 {
  font-size: 11px;
}

.img-logo{
  width: 100px;
  height: 50px;
}

.customizer-toggle {
  position: absolute;
  right: 100%;
  top: 25%;
  border: none;
  background-color: #ffffff;
  -webkit-box-shadow: -10px 0 10px 0 rgb(0 0 0 / 10%);
  box-shadow: -10px 0 10px 0 rgb(0 0 0 / 10%);
  padding: 10px;
}

.bg-sortable:hover{
  background-color: darkgray;
  opacity: 0.4;
}

.form-group select {
  padding: 9px 5px !important;
  font-size: .894rem;
  font-weight: 400;
  line-height: 1.33;
  color: #4e5155;
  background-color: transparent;
  background-clip: padding-box;
  border-bottom: 1px solid rgba(24,28,33,.1);
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  /* border-bottom-width: 0px; */
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0 !important;
}

.img-grid-profile{
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.btn-blue {
  color: #fff !important;
  background-color: #233d95 !important;
  border-color: #233d95 !important;
  border-radius: 0px !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-blue:hover {
  color: #fff !important;
  background-color: #233d95 !important;
  border-color: #233d95 !important;
}

.btn-blue:active {
  color: #fff !important;
  background-color: #233d95 !important;
  border-color: #233d95 !important;
}

.btn-blue:focus, .btn-blue.focus {
  box-shadow: 0 0 0 0.2rem rgba(35, 61, 149, 0.5) !important;
}

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

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

.no-mb{
  margin-bottom: 0px !important;
}

.blue-c {
  color: #233d95 !important;
}

.green-c {
  color: #d7df21;
}

.font-weight-bold {
  font-weight: 700!important;
}

body {
  font-family: 'Lato', sans-serif !important;
  font-weight: 400;
}

*:focus {
  outline: none;
}

.modal-content {
  border-radius: 0 !important;
  border: 0px solid rgba(0, 0, 0, 0.2) !important;
}

h4, .h4 {
  font-size: 1.5rem !important;
}

.box-title {
  background-color: #d7df21 !important;
}

.img-int-card {
  width: 18px;
  height: 20px;
  margin-right: 7px;
}

.form-group input {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid rgba(24,28,33,.1);
  /* font-size: 0.6rem; */
  padding: 6px 0px !important;
  font-size: 1rem !important;
}

.form-group textarea {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid rgba(24,28,33,.1);
  /* font-size: 0.6rem; */
}

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

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

.btn-green-icon {
  color: #233d95 !important;
  background-color: #d7df21 !important;
  border-color: #d7df21 !important;
  border-radius: 0px !important;
  font-weight: bold;
}

.btn-green-icon:hover {
  color: #233d95 !important;
  background-color: #d7df21 !important;
  border-color: #d7df21 !important;
}

.btn-green-icon:active {
  color: #233d95 !important;
  background-color: #d7df21 !important;
  border-color: #d7df21 !important;
}

.btn-green-icon:focus, .btn-green-icon.focus {
  box-shadow: 0 0 0 0.2rem rgba(35, 61, 149, 0.5) !important;
}

.icon-button {
  width: 30px;
}

.hide{
  display: none;
}

.profileButtons {
  position: fixed;
  bottom: 0;
  right: 15px;
  z-index: 1;
}

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

#ProfileLogo {
  width: 100px;
}

#ProfileImage {
  width: 120px;
  background-size: contain;
  border-radius: 88px;
  border: #ffffff 7px solid;
  -webkit-box-shadow: 0px 3px 12px #4b4b4b;
  -moz-box-shadow: 0px 3px 12px #4b4b4b;
  box-shadow: 0px 3px 12px #4b4b4b;
}

.btn-logo {
  position: relative;
  top: -38px;
  font-size: 20px;
}

.btn-profile {
  position: relative !important;
  top: -55px !important;
  left: -5px !important;
  font-size: 20px;
}

#map-canvas {
  width: 100%;
  height: 300px;
}

.color_882b7c {
  background-color: #882b7c;
}

.color_c51f3d {
  background-color: #c51f3d;
}

.color_f3705a {
  background-color: #f3705a;
}

.color_d97823 {
  background-color: #d97823;
}

.color_fcb041 {
  background-color: #fcb041;
}

.color_113481 {
  background-color: #113481;
}

.color_009ddc {
  background-color: #009ddc;
}

.color_4294ab {
  background-color: #4294ab;
}

.color_54b9ce {
  background-color: #54b9ce;
}

.color_57616b {
  background-color: #57616b;
}

.color_919292 {
  background-color: #919292;
}

.color_e3e3e1 {
  background-color: #e3e3e1;
}

.color_2c662f {
  background-color: #2c662f;
}

.color_5cc871 {
  background-color: #5cc871;
}

.selected-color {
  border: 3px solid #404142 !important;
}

.colorPalette {
  width: 25px;
  height: 25px;
  border: 0px solid #919292;
}

.error-input-bottom{
  border-bottom: 1px solid #f5c6cb !important;
}

.error-input{
  border: 1px solid #f5c6cb !important;
}

.modal-footer {
  border-top: 0px solid #dee2e6 !important;
}