/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 56px !important;
  height: 24px;
  float: none;
  margin-left: auto;
  margin-right: auto; }

/* Hide default HTML checkbox */
.switch input {
  display: none; }

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

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .3s;
  transition: .3s;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15); }

input:checked + .slider {
  background-color: #FF6600; }

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

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

/* Rounded sliders */
.slider.round {
  border-radius: 24px;
  padding: 2px 4px 2px 28px;
  background-color: #e6e6e6;
  color: #aaa;
  font-size: 14px;
  box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: all .3s ease-in-out; }
  .slider.round:hover {
    box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.1); }

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

.content-radar {
  position: absolute;
  transition: all .3s ease-in-out;
  top: 50%;
  margin-left: 4px; }

.efect-radar {
  content: '';
  position: absolute;
  left: 0%;
  top: 50%;
  min-width: 48px;
  min-height: 48px;
  transform: scale(0);
  -webkit-transform: translate(-50%, -50%);
  animation: animation-radar 1.5s infinite; }

@keyframes animation-radar {
  0% {
    padding: 12px;
    background-color: white; }
  25% {
    opacity: .7; }
  90% {
    opacity: .1;
    border: 1px solid white; }
  100% {
    opacity: 0;
    padding: 48px; } }

.efect-radar:nth-child(2) {
  animation-delay: .4s; }

.efect-radar:nth-child(3) {
  animation-delay: .9s; }

.efect-radar:nth-child(4) {
  animation-delay: .15s; }

.efect-radar-hover {
  content: '';
  position: absolute;
  left: 0%;
  top: 50%;
  min-width: 48px;
  min-height: 48px;
  transform: scale(0);
  -webkit-transform: translate(-50%, -50%); }
  .efect-radar-hover:hover {
    cursor: pointer;
    animation: animation-radar-hover 1.5s infinite; }

@keyframes animation-radar-hover {
  0% {
    padding: 12px; }
  25% {
    opacity: .7; }
  90% {
    opacity: .1;
    border: 1px solid white; }
  100% {
    opacity: 0;
    padding: 48px; } }

.efect-radar-hover:nth-child(2) {
  animation-delay: .4s; }

.efect-radar-hover:nth-child(3) {
  animation-delay: .9s; }

.efect-radar-hover:nth-child(4) {
  animation-delay: .15s; }

body {
  font-family: Roboto, sans-serif !important;
  color: #4f5f6f; }

:hover {
  transition: all .3s ease-in-out; }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: rgba(0, 102, 153, 0.31) !important; }

.banner-full {
  width: 100%;
  height: 100vh;
  position: absolute;
  padding: 175px 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

.body-sesion form .form-content {
  background-color: white;
  padding: 16px 32px; }

.bg-gray {
  background-color: #eceff4 !important; }

.bg-dark-opacity {
  background-color: rgba(0, 0, 0, 0.6) !important; }

.bg-light-opacity {
  background-color: rgba(255, 255, 255, 0.7) !important; }

.container-center {
  float: none;
  margin: auto; }

.container-image {
  padding: 0px 0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

.container-shadow-light {
  box-shadow: 10px 10px 32px #aaa; }

.container-shadow-dark {
  box-shadow: 10px 10px 32px #222; }

.container-shadow-default {
  box-shadow: 10px 10px 32px rgba(40, 44, 47, 0.42); }

.grow {
  transition: all .3s ease-in-out; }
  .grow:hover {
    transform: scale(1.05); }

.link {
  transition: all 0.3s ease;
  text-decoration: none !important; }
  .link:hover {
    cursor: pointer !important;
    opacity: .8; }

fieldset:disabled input:hover, fieldset:disabled select:hover, fieldset:disabled button:hover, fieldset:disabled a:hover {
  cursor: not-allowed !important; }

.display-none {
  display: none; }

.display-block {
  display: block; }

.divider {
  border-top: 1px solid #dfe4ed;
  padding: 0px;
  margin: 8px auto; }

.weight {
  font-weight: 600; }

.no-weight {
  font-weight: normal; }

.no-padding {
  padding: 0px; }

.no-margin {
  margin: 0px; }

.no-border {
  border: none !important; }

.border-radious {
  border-radius: 5px; }

.border-radious-top {
  border-radius: 0px;
  border-radius: 5px 5px 0px 0px; }

.border-radious-buttom {
  border-radius: 0px;
  border-radius: 0px 0px 5px 5px; }

.border-radious-left {
  border-radius: 0px;
  border-radius: 5px 0px 0px 5px; }

.border-radious-right {
  border-radius: 0px;
  border-radius: 0px 5px 5px 0px; }

.no-border-radious {
  border-radius: 0px; }

.no-background {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important; }

.text-bold {
  font-weight: bold; }

.margin-top-8 {
  margin-top: 8px; }

.margin-bottom-8 {
  margin-bottom: 8px; }

.margin-left-8 {
  margin-top: 8px; }

.margin-right-8 {
  margin-right: 8px; }

.margin-top-16 {
  margin-top: 16px; }

.margin-bottom-16 {
  margin-bottom: 16px; }

.margin-left-16 {
  margin-left: 16px; }

.margin-right-16 {
  margin-right: 16px; }

.margin-top-32 {
  margin-top: 32px; }

.margin-bottom-32 {
  margin-bottom: 32px; }

.margin-left-32 {
  margin-left: 32px; }

.margin-right-32 {
  margin-right: 32px; }

label {
  margin-bottom: 4px;
  font-weight: normal;
  font-size: 1rem !important;
  color: #4f5f6f !important; }

.pagination a {
  text-decoration: none;
  transition: all .3s ease-in-out; }
  .pagination a:hover {
    text-decoration: none;
    opacity: .8; }

.btn {
  transition: all .3s ease-in-out; }
  .btn:hover {
    opacity: .9; }

.btn-dark {
  background-color: #343a40 !important;
  color: white !important; }
  .btn-dark:hover {
    background-color: #343a40 !important; }
  .btn-dark:disabled, .btn-dark:disabled:hover {
    opacity: 0.65;
    cursor: default; }

.btn-info {
  color: white !important; }

.btn-outline-theme {
  background-color: white;
  color: #17a2b8 !important;
  border: 2px solid #17a2b8;
  border-radius: 50px; }
  .btn-outline-theme:hover {
    color: white !important;
    background-color: #17a2b8;
    box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px; }

.btn-radious {
  border-radius: 50px !important; }

.bg-theme {
  background-color: #17a2b8 !important; }

.bg-dark, .bg-secoundary, .bg-primary {
  background-color: #343a40 !important;
  color: white; }
  .bg-dark ul, .bg-dark ol, .bg-dark li, .bg-dark a, .bg-dark span, .bg-dark h6, .bg-dark h5, .bg-dark h4, .bg-dark h3, .bg-dark h2, .bg-dark h1, .bg-dark p, .bg-dark i, .bg-secoundary ul, .bg-secoundary ol, .bg-secoundary li, .bg-secoundary a, .bg-secoundary span, .bg-secoundary h6, .bg-secoundary h5, .bg-secoundary h4, .bg-secoundary h3, .bg-secoundary h2, .bg-secoundary h1, .bg-secoundary p, .bg-secoundary i, .bg-primary ul, .bg-primary ol, .bg-primary li, .bg-primary a, .bg-primary span, .bg-primary h6, .bg-primary h5, .bg-primary h4, .bg-primary h3, .bg-primary h2, .bg-primary h1, .bg-primary p, .bg-primary i {
    color: white; }
    .bg-dark ul:hover, .bg-dark ol:hover, .bg-dark li:hover, .bg-dark a:hover, .bg-dark span:hover, .bg-dark h6:hover, .bg-dark h5:hover, .bg-dark h4:hover, .bg-dark h3:hover, .bg-dark h2:hover, .bg-dark h1:hover, .bg-dark p:hover, .bg-dark i:hover, .bg-secoundary ul:hover, .bg-secoundary ol:hover, .bg-secoundary li:hover, .bg-secoundary a:hover, .bg-secoundary span:hover, .bg-secoundary h6:hover, .bg-secoundary h5:hover, .bg-secoundary h4:hover, .bg-secoundary h3:hover, .bg-secoundary h2:hover, .bg-secoundary h1:hover, .bg-secoundary p:hover, .bg-secoundary i:hover, .bg-primary ul:hover, .bg-primary ol:hover, .bg-primary li:hover, .bg-primary a:hover, .bg-primary span:hover, .bg-primary h6:hover, .bg-primary h5:hover, .bg-primary h4:hover, .bg-primary h3:hover, .bg-primary h2:hover, .bg-primary h1:hover, .bg-primary p:hover, .bg-primary i:hover {
      color: white; }

.text-title {
  font-size: 28px !important; }
  .text-title label {
    font-size: 28px !important; }

.text-subtitle {
  font-size: 24px !important; }
  .text-subtitle label {
    font-size: 24px !important; }

.text-description {
  font-size: 20px !important; }
  .text-description label {
    font-size: 20px !important; }

.text-small {
  font-size: 16px !important; }
  .text-small label {
    font-size: 16px !important; }

h1, h2, h3, h4, h5, h6, label, span, a {
  font-weight: normal !important; }

label {
  margin-bottom: 0px; }

.z-index-1 {
  z-index: 1000; }

iframe {
  border: none;
  width: 370px;
  min-height: 600px !important; }

iframe.viewphone {
  width: 404px;
  padding: 74px 18px 0px 22px !important;
  overflow: hidden; }
  iframe.viewphone body {
    overflow: hidden; }

.bg-dark .dropdown-item {
  color: white;
  transition: all 0.3s ease; }
  .bg-dark .dropdown-item:hover {
    color: #343a40 !important;
    padding-left: 24px;
    cursor: pointer; }

.transition {
  transition: all .3s ease-in-out; }

.alert-danger {
  color: #ff7380;
  background-color: transparent;
  border: none;
  font-weight: 100; }

.alert {
  padding: 0px;
  /* margin-bottom: 1rem; */
  border: none; }

.text-info {
  color: #00cccc !important; }

.bg-info {
  background-color: #00cccc !important; }

.btn-info {
  background-color: #00cccc !important;
  color: white !important; }

.btn-outline-info {
  border: 1px solid #00cccc !important;
  color: #00cccc !important; }

.text-primary {
  color: #006699 !important; }

.bg-primary {
  background-color: #006699 !important; }

.btn-primary {
  background-color: #006699 !important;
  color: white !important; }

.btn-outline-primary {
  border: 1px solid #006699 !important;
  color: #006699 !important; }

.text-secoundary {
  color: #000033 !important; }

.bg-secoundary {
  background-color: #000033 !important; }

.btn-secoundary {
  background-color: #000033 !important;
  color: white !important; }

.btn-outline-secoundary {
  border: 1px solid #000033 !important;
  color: #000033 !important; }

.text-tertiary {
  color: #FF6600 !important; }

.bg-tertiary {
  background-color: #FF6600 !important; }

.btn-tertiary {
  background-color: #FF6600 !important;
  color: white !important; }

.btn-outline-tertiary {
  border: 1px solid #FF6600 !important;
  color: #FF6600 !important; }