html,body{
  height: 100%;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
}
*:focus{
    box-shadow: none !important;
    border: solid 1px red( any color ) !important;
}

/* * {
  border-radius: 0 !important;
}
*:focus{
    box-shadow: none !important;
    border: 0 !important;
} */

input[type='text'],
input[type='number'],
input[type='password'],
textarea {
outline: none;
box-shadow:none !important;
}
.dropdown-toggle:after {
    display: none;
}
#main{
  padding-top: 60px;
  min-height: 100%;
}
h1.secondary,
h2.secondary,
h3.secondary,
h4.secondary,
h5.secondary,
h6.secondary,
.submenu .navbar-brand{
  color: #00E75C;
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: 'Oswald', sans-serif;
}
.oswald{
  font-family: 'Oswald', sans-serif;
}
.height-100{
  height: 100%;
}
.cover{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.relative{
  position: relative;
}
.square {
  width: 60%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
form {
  margin-bottom: 1.125rem; }
  .navbar form {
    margin-bottom: 0; }
    .navbar form .bmd-form-group {
      display: inline-block;
      padding-top: 0; }
    .navbar form .btn, .navbar form .custom-file-control::before {
      margin-bottom: 0; }

.form-control, .custom-file-control {
  background: no-repeat center bottom, center calc(100% - 1px);
  background-size: 0 100%, 100% 100%;
  border: 0;
  transition: background 0s ease-out;
  padding-left: 0;
  padding-right: 0; }
  .form-control:focus, .custom-file-control:focus,
  .bmd-form-group.is-focused .form-control,
  .bmd-form-group.is-focused .custom-file-control {
    background-size: 100% 100%, 100% 100%;
    transition-duration: 0.3s; }

.bmd-help {
  position: absolute;
  display: none;
  font-size: .8rem;
  font-weight: normal; }
  .bmd-form-group.is-focused .bmd-help {
    display: block; }
  .bmd-help:nth-of-type(2) {
    padding-top: 1rem; }
  .bmd-help + .bmd-help {
    position: relative;
    margin-bottom: 0; }

.radio label,
.is-focused .radio label,
.radio-inline,
.is-focused
.radio-inline,
.checkbox label,
.is-focused
.checkbox label,
.checkbox-inline,
.is-focused
.checkbox-inline,
.switch label,
.is-focused
.switch label {
  color: rgba(0, 0, 0, 0.26); }
  .radio label:hover, .radio label:focus, .radio label:active,
  .is-focused .radio label:hover,
  .is-focused .radio label:focus,
  .is-focused .radio label:active,
  .radio-inline:hover,
  .radio-inline:focus,
  .radio-inline:active,
  .is-focused
  .radio-inline:hover,
  .is-focused
  .radio-inline:focus,
  .is-focused
  .radio-inline:active,
  .checkbox label:hover,
  .checkbox label:focus,
  .checkbox label:active,
  .is-focused
  .checkbox label:hover,
  .is-focused
  .checkbox label:focus,
  .is-focused
  .checkbox label:active,
  .checkbox-inline:hover,
  .checkbox-inline:focus,
  .checkbox-inline:active,
  .is-focused
  .checkbox-inline:hover,
  .is-focused
  .checkbox-inline:focus,
  .is-focused
  .checkbox-inline:active,
  .switch label:hover,
  .switch label:focus,
  .switch label:active,
  .is-focused
  .switch label:hover,
  .is-focused
  .switch label:focus,
  .is-focused
  .switch label:active {
    color: rgba(0, 0, 0, 0.54); }
  .radio label label:has(input[type=radio][disabled]), .radio label label:has(input[type=radio][disabled]):hover, .radio label label:has(input[type=radio][disabled]):focus,
  .radio label label:has(input[type=checkbox][disabled]),
  .radio label label:has(input[type=checkbox][disabled]):hover,
  .radio label label:has(input[type=checkbox][disabled]):focus,
  fieldset[disabled] .radio label,
  fieldset[disabled] .radio label:hover,
  fieldset[disabled] .radio label:focus,
  .is-focused .radio label label:has(input[type=radio][disabled]),
  .is-focused .radio label label:has(input[type=radio][disabled]):hover,
  .is-focused .radio label label:has(input[type=radio][disabled]):focus,
  .is-focused .radio label label:has(input[type=checkbox][disabled]),
  .is-focused .radio label label:has(input[type=checkbox][disabled]):hover,
  .is-focused .radio label label:has(input[type=checkbox][disabled]):focus,
  fieldset[disabled]
  .is-focused .radio label,
  fieldset[disabled]
  .is-focused .radio label:hover,
  fieldset[disabled]
  .is-focused .radio label:focus,
  .radio-inline label:has(input[type=radio][disabled]),
  .radio-inline label:has(input[type=radio][disabled]):hover,
  .radio-inline label:has(input[type=radio][disabled]):focus,
  .radio-inline label:has(input[type=checkbox][disabled]),
  .radio-inline label:has(input[type=checkbox][disabled]):hover,
  .radio-inline label:has(input[type=checkbox][disabled]):focus,
  fieldset[disabled]
  .radio-inline,
  fieldset[disabled]
  .radio-inline:hover,
  fieldset[disabled]
  .radio-inline:focus,
  .is-focused
  .radio-inline label:has(input[type=radio][disabled]),
  .is-focused
  .radio-inline label:has(input[type=radio][disabled]):hover,
  .is-focused
  .radio-inline label:has(input[type=radio][disabled]):focus,
  .is-focused
  .radio-inline label:has(input[type=checkbox][disabled]),
  .is-focused
  .radio-inline label:has(input[type=checkbox][disabled]):hover,
  .is-focused
  .radio-inline label:has(input[type=checkbox][disabled]):focus,
  fieldset[disabled]
  .is-focused
  .radio-inline,
  fieldset[disabled]
  .is-focused
  .radio-inline:hover,
  fieldset[disabled]
  .is-focused
  .radio-inline:focus,
  .checkbox label label:has(input[type=radio][disabled]),
  .checkbox label label:has(input[type=radio][disabled]):hover,
  .checkbox label label:has(input[type=radio][disabled]):focus,
  .checkbox label label:has(input[type=checkbox][disabled]),
  .checkbox label label:has(input[type=checkbox][disabled]):hover,
  .checkbox label label:has(input[type=checkbox][disabled]):focus,
  fieldset[disabled]
  .checkbox label,
  fieldset[disabled]
  .checkbox label:hover,
  fieldset[disabled]
  .checkbox label:focus,
  .is-focused
  .checkbox label label:has(input[type=radio][disabled]),
  .is-focused
  .checkbox label label:has(input[type=radio][disabled]):hover,
  .is-focused
  .checkbox label label:has(input[type=radio][disabled]):focus,
  .is-focused
  .checkbox label label:has(input[type=checkbox][disabled]),
  .is-focused
  .checkbox label label:has(input[type=checkbox][disabled]):hover,
  .is-focused
  .checkbox label label:has(input[type=checkbox][disabled]):focus,
  fieldset[disabled]
  .is-focused
  .checkbox label,
  fieldset[disabled]
  .is-focused
  .checkbox label:hover,
  fieldset[disabled]
  .is-focused
  .checkbox label:focus,
  .checkbox-inline label:has(input[type=radio][disabled]),
  .checkbox-inline label:has(input[type=radio][disabled]):hover,
  .checkbox-inline label:has(input[type=radio][disabled]):focus,
  .checkbox-inline label:has(input[type=checkbox][disabled]),
  .checkbox-inline label:has(input[type=checkbox][disabled]):hover,
  .checkbox-inline label:has(input[type=checkbox][disabled]):focus,
  fieldset[disabled]
  .checkbox-inline,
  fieldset[disabled]
  .checkbox-inline:hover,
  fieldset[disabled]
  .checkbox-inline:focus,
  .is-focused
  .checkbox-inline label:has(input[type=radio][disabled]),
  .is-focused
  .checkbox-inline label:has(input[type=radio][disabled]):hover,
  .is-focused
  .checkbox-inline label:has(input[type=radio][disabled]):focus,
  .is-focused
  .checkbox-inline label:has(input[type=checkbox][disabled]),
  .is-focused
  .checkbox-inline label:has(input[type=checkbox][disabled]):hover,
  .is-focused
  .checkbox-inline label:has(input[type=checkbox][disabled]):focus,
  fieldset[disabled]
  .is-focused
  .checkbox-inline,
  fieldset[disabled]
  .is-focused
  .checkbox-inline:hover,
  fieldset[disabled]
  .is-focused
  .checkbox-inline:focus,
  .switch label label:has(input[type=radio][disabled]),
  .switch label label:has(input[type=radio][disabled]):hover,
  .switch label label:has(input[type=radio][disabled]):focus,
  .switch label label:has(input[type=checkbox][disabled]),
  .switch label label:has(input[type=checkbox][disabled]):hover,
  .switch label label:has(input[type=checkbox][disabled]):focus,
  fieldset[disabled]
  .switch label,
  fieldset[disabled]
  .switch label:hover,
  fieldset[disabled]
  .switch label:focus,
  .is-focused
  .switch label label:has(input[type=radio][disabled]),
  .is-focused
  .switch label label:has(input[type=radio][disabled]):hover,
  .is-focused
  .switch label label:has(input[type=radio][disabled]):focus,
  .is-focused
  .switch label label:has(input[type=checkbox][disabled]),
  .is-focused
  .switch label label:has(input[type=checkbox][disabled]):hover,
  .is-focused
  .switch label label:has(input[type=checkbox][disabled]):focus,
  fieldset[disabled]
  .is-focused
  .switch label,
  fieldset[disabled]
  .is-focused
  .switch label:hover,
  fieldset[disabled]
  .is-focused
  .switch label:focus {
    color: rgba(0, 0, 0, 0.26); }

[class^='bmd-label'],
[class*=' bmd-label'] {
  color: rgba(0, 0, 0, 0.26); }

.form-control, .custom-file-control,
.is-focused .form-control,
.is-focused .custom-file-control {
  background-image: linear-gradient(to top, #f2f2f2 1px, rgba(0, 150, 136, 0) 1px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, transparent 1px); }

.form-control:invalid, .custom-file-control:invalid {
  background-image: linear-gradient(to top, #00D45A 2px, rgba(213, 0, 0, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, transparent 1px); }

.form-control:read-only, .custom-file-control:read-only {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, transparent 1px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, transparent 1px); }

fieldset[disabled][disabled] .form-control, fieldset[disabled][disabled] .custom-file-control, .form-control.disabled, .disabled.custom-file-control, .form-control:disabled, .custom-file-control:disabled, .form-control[disabled], [disabled].custom-file-control {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 30%, transparent 30%, transparent 100%);
  background-repeat: repeat-x;
  background-size: 3px 1px; }

.form-control.form-control-success, .form-control-success.custom-file-control,
.is-focused .form-control.form-control-success,
.is-focused .form-control-success.custom-file-control {
  background-image: linear-gradient(to top, #009688 2px, rgba(0, 150, 136, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, transparent 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; }

.form-control.form-control-warning, .form-control-warning.custom-file-control,
.is-focused .form-control.form-control-warning,
.is-focused .form-control-warning.custom-file-control {
  background-image: linear-gradient(to top, #009688 2px, rgba(0, 150, 136, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, transparent 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; }

.form-control.form-control-danger, .form-control-danger.custom-file-control,
.is-focused .form-control.form-control-danger,
.is-focused .form-control-danger.custom-file-control {
  background-image: linear-gradient(to top, #009688 2px, rgba(0, 150, 136, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, transparent 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; }

.is-focused .valid-feedback,
.is-focused .valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: rgba(0, 0, 0, 0.26); }

.is-focused .valid-tooltip,
.is-focused .valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: .2rem; }

.was-validated .is-focused .form-control:valid, .was-validated .is-focused .custom-file-control:valid, .is-focused .form-control.is-valid, .is-focused .is-valid.custom-file-control, .was-validated
.is-focused .custom-select:valid,
.is-focused .custom-select.is-valid, .was-validated
.is-focused .form-control:valid, .was-validated
.is-focused .custom-file-control:valid,
.is-focused .form-control.is-valid,
.is-focused .is-valid.custom-file-control, .was-validated
.is-focused .custom-select:valid,
.is-focused .custom-select.is-valid {
  border-color: rgba(0, 0, 0, 0.26); }
  .was-validated .is-focused .form-control:valid:focus, .was-validated .is-focused .custom-file-control:valid:focus, .is-focused .form-control.is-valid:focus, .is-focused .is-valid.custom-file-control:focus, .was-validated
  .is-focused .custom-select:valid:focus,
  .is-focused .custom-select.is-valid:focus, .was-validated
  .is-focused .form-control:valid:focus, .was-validated
  .is-focused .custom-file-control:valid:focus,
  .is-focused .form-control.is-valid:focus,
  .is-focused .is-valid.custom-file-control:focus, .was-validated
  .is-focused .custom-select:valid:focus,
  .is-focused .custom-select.is-valid:focus {
    border-color: rgba(0, 0, 0, 0.26);
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
  .was-validated .is-focused .form-control:valid ~ .valid-feedback, .was-validated .is-focused .custom-file-control:valid ~ .valid-feedback,
  .was-validated .is-focused .form-control:valid ~ .valid-tooltip,
  .was-validated .is-focused .custom-file-control:valid ~ .valid-tooltip, .is-focused .form-control.is-valid ~ .valid-feedback, .is-focused .is-valid.custom-file-control ~ .valid-feedback,
  .is-focused .form-control.is-valid ~ .valid-tooltip,
  .is-focused .is-valid.custom-file-control ~ .valid-tooltip, .was-validated
  .is-focused .custom-select:valid ~ .valid-feedback,
  .was-validated
  .is-focused .custom-select:valid ~ .valid-tooltip,
  .is-focused .custom-select.is-valid ~ .valid-feedback,
  .is-focused .custom-select.is-valid ~ .valid-tooltip, .was-validated
  .is-focused .form-control:valid ~ .valid-feedback, .was-validated
  .is-focused .custom-file-control:valid ~ .valid-feedback,
  .was-validated
  .is-focused .form-control:valid ~ .valid-tooltip,
  .was-validated
  .is-focused .custom-file-control:valid ~ .valid-tooltip,
  .is-focused .form-control.is-valid ~ .valid-feedback,
  .is-focused .is-valid.custom-file-control ~ .valid-feedback,
  .is-focused .form-control.is-valid ~ .valid-tooltip,
  .is-focused .is-valid.custom-file-control ~ .valid-tooltip, .was-validated
  .is-focused .custom-select:valid ~ .valid-feedback,
  .was-validated
  .is-focused .custom-select:valid ~ .valid-tooltip,
  .is-focused .custom-select.is-valid ~ .valid-feedback,
  .is-focused .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .is-focused .form-check-input:valid ~ .form-check-label, .is-focused .form-check-input.is-valid ~ .form-check-label, .was-validated
.is-focused .form-check-input:valid ~ .form-check-label,
.is-focused .form-check-input.is-valid ~ .form-check-label {
  color: rgba(0, 0, 0, 0.26); }

.was-validated .is-focused .form-check-input:valid ~ .valid-feedback,
.was-validated .is-focused .form-check-input:valid ~ .valid-tooltip, .is-focused .form-check-input.is-valid ~ .valid-feedback,
.is-focused .form-check-input.is-valid ~ .valid-tooltip, .was-validated
.is-focused .form-check-input:valid ~ .valid-feedback,
.was-validated
.is-focused .form-check-input:valid ~ .valid-tooltip,
.is-focused .form-check-input.is-valid ~ .valid-feedback,
.is-focused .form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .is-focused .custom-control-input:valid ~ .custom-control-label, .is-focused .custom-control-input.is-valid ~ .custom-control-label, .was-validated
.is-focused .custom-control-input:valid ~ .custom-control-label,
.is-focused .custom-control-input.is-valid ~ .custom-control-label {
  color: rgba(0, 0, 0, 0.26); }
  .was-validated .is-focused .custom-control-input:valid ~ .custom-control-label::before, .is-focused .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated
  .is-focused .custom-control-input:valid ~ .custom-control-label::before,
  .is-focused .custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: rgba(64, 64, 64, 0.26); }

.was-validated .is-focused .custom-control-input:valid ~ .valid-feedback,
.was-validated .is-focused .custom-control-input:valid ~ .valid-tooltip, .is-focused .custom-control-input.is-valid ~ .valid-feedback,
.is-focused .custom-control-input.is-valid ~ .valid-tooltip, .was-validated
.is-focused .custom-control-input:valid ~ .valid-feedback,
.was-validated
.is-focused .custom-control-input:valid ~ .valid-tooltip,
.is-focused .custom-control-input.is-valid ~ .valid-feedback,
.is-focused .custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .is-focused .custom-control-input:valid:checked ~ .custom-control-label::before, .is-focused .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated
.is-focused .custom-control-input:valid:checked ~ .custom-control-label::before,
.is-focused .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: rgba(26, 26, 26, 0.26); }

.was-validated .is-focused .custom-control-input:valid:focus ~ .custom-control-label::before, .is-focused .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated
.is-focused .custom-control-input:valid:focus ~ .custom-control-label::before,
.is-focused .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }

.was-validated .is-focused .custom-file-input:valid ~ .custom-file-label, .is-focused .custom-file-input.is-valid ~ .custom-file-label, .was-validated
.is-focused .custom-file-input:valid ~ .custom-file-label,
.is-focused .custom-file-input.is-valid ~ .custom-file-label {
  border-color: rgba(0, 0, 0, 0.26); }
  .was-validated .is-focused .custom-file-input:valid ~ .custom-file-label::before, .is-focused .custom-file-input.is-valid ~ .custom-file-label::before, .was-validated
  .is-focused .custom-file-input:valid ~ .custom-file-label::before,
  .is-focused .custom-file-input.is-valid ~ .custom-file-label::before {
    border-color: inherit; }

.was-validated .is-focused .custom-file-input:valid ~ .valid-feedback,
.was-validated .is-focused .custom-file-input:valid ~ .valid-tooltip, .is-focused .custom-file-input.is-valid ~ .valid-feedback,
.is-focused .custom-file-input.is-valid ~ .valid-tooltip, .was-validated
.is-focused .custom-file-input:valid ~ .valid-feedback,
.was-validated
.is-focused .custom-file-input:valid ~ .valid-tooltip,
.is-focused .custom-file-input.is-valid ~ .valid-feedback,
.is-focused .custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .is-focused .custom-file-input:valid:focus ~ .custom-file-label, .is-focused .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated
.is-focused .custom-file-input:valid:focus ~ .custom-file-label,
.is-focused .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }

.is-focused [class^='bmd-label'],
.is-focused [class*=' bmd-label'],
.is-focused [class^='bmd-label'],
.is-focused [class*=' bmd-label'] {
  color: #009688; }

.is-focused .bmd-label-placeholder,
.is-focused .bmd-label-placeholder {
  color: rgba(0, 0, 0, 0.26); }

.is-focused .form-control, .is-focused .custom-file-control,
.is-focused .form-control,
.is-focused .custom-file-control {
  border-color: rgba(0, 0, 0, 0.26); }

.is-focused .bmd-help,
.is-focused .bmd-help {
  color: rgba(0, 0, 0, 0.54); }

.input-group-text {
  border: 0;
  background: #fff important;
}

.btn-primary {
    color: #fff;
    background-color: #474747;
    border-color: #373737;
}
.btn-primary:hover {
    background-color: #373737 !important;
    border-color: #272727;
}
button{
	cursor:pointer;
}
.documentos a,
.documentos a:link,
.documentos a:visited,
.documentos a:focus,
.documentos a:hover{
	text-decoration:underline;
	color:#06F;
}
p{
	font-size:13px;
}
h1,h2,h3,h4,h5,h6{
	 font-family: 'Oswald', sans-serif;
}
#profile{
	width: 48px;
	border-radius: 50%;
	/*transform: translatey(8px);*/
}
#container_iframe{
	width: 100%;
	padding:0;
	margin: 50px 0 0 0;
	height: calc(100vh - 50px);
}

#container_iframe_modal{
	width: 100%;
	padding:0;
	margin: 50px 0 0 0;
	height: calc(100vh - 50px);
}

.font-weight-700{
	 font-weight:700;
}
.form_login{
	padding-left: 8%;
	padding-right: 8%;
}

.visible{
	overflow: hidden;
}

.btn-link{
	cursor:pointer;
}

#home{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.login> div> div> img{
	max-height: 100vh;
}

.welcome{
	margin-top:15%;
}

.welcome img{
	width: 30%;
}

.welcome h1{
	font-size:60px;
}
.welcome h2{
	font-size:40px;
	font-family: 'Roboto Condensed', sans-serif;
}
.welcome h3{
	font-size:30px;
}
.welcome h4{
	font-size:20px;
}
.welcome h5{
	font-size:15px;
}
.welcome h6{
	font-size:12px;
}
@media (max-width: 576px) {
	.welcome h1{
		font-size:40px;
	}
	.welcome h2{
		font-size:30px;
	}
	.welcome h3{
		font-size:22px;
	}
	.welcome h4{
		font-size:18px;
	}
	.welcome h5{
		font-size:15px;
	}
	.welcome h6{
		font-size:12px;
	}
}

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

.form-group{
	margin-top:20px;
}
#flash{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	max-height:100px;
	z-index:10000;
}

.custom-control-indicator{
	background-color: #414141 !important;
}

.filters{
	/*padding:10px;*/
	background-color:white;
	margin-bottom:20px;
}
.form{
	margin:20px 0;
}
.form .item{
	border-bottom:2px solid #F2F2F2;
	padding-bottom:10px;

}
.form .sub-item{
	padding-top:10px;
}
.form-control {
	font-size:14px;
}
.no-padding{
	padding:0;
}
.custom-control {
	margin:0;
}
.form-control {
  	position: relative;
/*	padding: 10px;*/
}
.form-input{
	font-size:14px;
	padding: 10px;
	width: 80%;
}

.btn-primary {
    color: #fff;
    background-color: #414141;
    border-color: #434343;
}

.btn-primary:hover {
    color: #fff;
    background-color: #414141;
    border-color: #434343;
}

.btn-secondary:hover{
	color: #fff;
    background-color: #414141;
    border-color: #434343;
}

button, .btn-primary.disabled, .btn-primary:disabled {
    background-color: #414141 !important;
    font-weight: bold;
    border-color: #434343;
}

.primary:disabled {
    background-color: #414141 !important;
    font-weight: bold;
    border-color: #434343;
}

.btn-warning {
    color: #fff;
    background-color: #414141;
    border-color: #434343;
}

.btn-warning:hover {
    background-color: #414141 !important;
    font-weight: bold;
    border-color: #434343;
}

.contrasena{
	padding-left: 0;
}

.btn-info {
    color: #fff;
    /*background-color: #777;
    border-color: #999;*/
}
.input-group-addon {
	background-color:#414141;
	color:#fff;
}

a {
    color: #333;
    text-decoration: none;
}
a:focus, a:hover {
    color: #414141;
    text-decoration: underline;
}

.oscuro{
	background: #f2f2f2;
}

.alert-info {
    background-color: #414141 !important;
    border-color: #434343 !important;
    color: white;
}

.navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open > .nav-link {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:18px;
}
.navbar-inverse .navbar-nav .nav-link {
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:18px;
}
.navbar{
 	margin:0;
 	padding: 0;
 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 50px;
 }
#MiInfo{
	margin-top: 5px;
}

nav>ul>li ,#Menu_user{
	display: none;
	-webkit-box-shadow: 5px 7px 6px -6px #777;
    -moz-box-shadow: 5px 7px 6px -6px #777;
    box-shadow: 5px 7px 6px -6px #777;
    padding: 22px;
    transition: all 2s ease;
}
nav> ul> li> #Menu_user ,#fondo{
	background-image: url("../../images/background.png");
	width: 100%;
	height: 90px;
}

.dropdown-toggle{
	color:white;
}

.dropdown-toggle:hover{
	color:white;
}



.MarcAgua{
	background-image: url("../../images/background.png");
	background-repeat: no-repeat;
	background-size: 100%;
	height: 160px;
	position: relative;
	padding: 6px;
}

.MarcAgua h4{
	position: absolute;
	bottom: 0PX;
	right: 10px;
}
.contenido{
	padding: 3px 0px 0px 0px;
}
.contenido>div{
	font-size: 13px;
	padding: 0px;
	line-height: 20px;
	margin-bottom: 15px;
	color: black;
	text-align: justify;
}
.titulo{
	font-weight: bold;
	font-size: 24px;
	padding-left: 5px;
	background:#414141;
	color: white;
}
.marleft{
	margin-left: 50px;
}
.contenido>p {
	font-size: 13px;
	padding: 0px;
	line-height: 20px;
	color: black;
	text-align: justify;
}
.contenido>p>b {
	font-size: 12px;
	border-bottom: 1px solid black;
	font-weight: 700;
}
#fondo> div img{
	background: white;
}

#info{
	padding: 10px;
}
#salir{
	font-size: 18px;
	font-weight: bold;
	margin:10px 0px 10px 0px;
}
#salir a{
	padding:10px 0px 10px 0px;
}
#salir a:hover{
	text-decoration: none;
	color: #ff6600;
}
.bg-primary,
.bg-primary:hover,
.bg-primary:focus {
   background-color:   #673ab7 !important;
}
.orange{
	/*color:#FF8000;*/
	color:#4ae387;
}
/* Grid demo styles */
.grid-demo {
  	padding: 10px 30px;
}

.grid-demo [class*="col-"] {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1em;
	line-height: 2;
}
.grid-demo [class*="col-"] .block{
	padding:5px;
}
.grid-demo [class*="col-"] .block h6{
	border-bottom:2px solid #f3f3f3;
	padding-bottom:10px;
}
.padding{
	padding:10px;
}
.btn-outline-warning {
	color: #FF8000;
	background-image: none;
	background-color: transparent;
	border-color: #FF8000;
}
.btn-outline-warning:hover {
	color: #fff;
	background-color:#FF8000;
}
.bg-light {
    background-color: #fff !important;
}
.shadow{
	-webkit-box-shadow: -1px 3px 13px -2px rgba(51,51,3,1);
	-moz-box-shadow: -1px 3px 13px -2px rgba(51,51,3,1);
	box-shadow: -1px 3px 13px -2px rgba(51,51,3,1);
}
.zoom {
  transition: transform .2s; /* Animation */
}
.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.breadcrumb span.titulo{
  font-size: 16px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 3px important;
}
.dataTable thead tr,
.dataTable tfoot tr{
  background-color: #673ab7 !important;
  color: #fff;

}
.border-2x{
  border: 2px important;
}
.modal-subMenuIconos{
  left: -70px;
  top:50px;
  padding: 6px 14px;
}
.item-ico{
  cursor: pointer;
  padding: 10px;
  width: 50px;
  height: 50px;
}
.modal-header .close {
  margin: 2px;
}
.min-height-400{
  min-height: 400px;
}
.cursor-pointer{
  cursor: pointer;
}
#pgrw_alert{
  position: absolute;
  z-index: 1000;
  top: 20%;
  width: 100%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0 important;

}
.page-item.active .page-link {}

.text-primary,
.modal-dialog h5.modal-title {
    color: #673ab7  !important;
}
.datepicker {
    z-index: 2051 !important;
}

.custom-form {
  font-weight: 400;
  font-size: 16px;
  max-width: 360px;
  margin: 40px auto 40px;
  background: #fff;
  padding: 40px;
  border-radius: 4px;
  .btn-primary {
    background-color: #8e44ad;
    border-color: #8e44ad;
  }
  .form-group {
    position: relative;
    padding-top: 16px;
    margin-bottom: 16px;
    .animated-label {
      position: absolute;
      top: 20px;
      left: 0;
      bottom: 0;
      z-index: 2;
      width: 100%;
      font-weight: 300;
      opacity: 0.5;
      cursor: text;
      transition: 0.2s ease all;
      margin: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      &:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 45%;
        height: 2px;
        width: 10px;
        visibility: hidden;
        background-color:#8e44ad;
        transition: 0.2s ease all;
      }
    }
    &.not-empty {
      .animated-label {
        top: 0;
        font-size: 12px;
      }
    }
    .form-control {
      position: relative;
      z-index: 1;
      border-radius: 0;
      border-width: 0 0 1px;
      border-bottom-color: rgba(0,0,0,0.25);
      height: auto;
      padding: 3px 0 5px;
      &:focus {
        box-shadow: none;
        border-bottom-color: rgba(0,0,0,0.12);
        ~ .animated-label {
          top: 0;
          opacity: 1;
          color: #8e44ad;
          font-size: 12px;
          &:after {
            visibility: visible;
            width: 100%;
            left: 0;
          }
        }
      }
    }
  }
}

select.form-custom,
select.form-custom:hover,
select.form-custom:focus{
  border-radius: 0 !important;
  background-color: #673ab7;
  color: #fff;
  padding: 10px;
}
.custom-file-input-hide{
  height: 0px;
}
.hide{
  display: none;
}
.badge-primary {
  background-color: #673ab7;
  color: #fff;
}