@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);
* {
    margin: 0;
}
body {
    font-family: 'Open Sans', sans-serif;
    color: #8898AA;
    background-color: #f8f9fe;
}
.content-title-bar-horizontal {
    width: 100%;
    max-width: 1140px;
    text-align: left;
    display: inline-block;
    /*border: 1px solid #FF0000;*/
}
.title-bar-horizontal {
    width: 100%;
    padding: 25px 30px 110px 280px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #FFF;
    position: fixed;
    top: 72px;
    left: 0;
    background: linear-gradient( 90deg,#2d32ce,#3b9adf );
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.title-bar-horizontal .fa-home {
    margin: 0px 15px 0px 0px;
    font-size: 14px;
}
.input-group {
    width: 250px;
    border-radius: 50px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.25);
    /*border: 1px solid #FF0000;*/
}
.input-group input {
    padding: 0.6rem 0.75rem 0.6rem 0rem !important;
    margin-left: 0px !important;
    font-size: 14px;
    background-color: hsla(0,0%,100%,.9);
    border: 0;
    outline: 0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
    border-radius: 50px;
}
.input-group-text {
    padding: 0.85rem 0.75rem 0.75rem;
    font-size: 14px;
    color: rgba(29, 5, 5, 0.5);
    background-color: hsla(0,0%,100%,.9);
    border-radius: 25px 0px 0px 25px;
    border: 0;
}
.content-section {
    width: 100%;
    max-width: 1140px;
    padding: 10px 0px 0px;
    text-align: left;
    border-radius: 5px;
    background-color: #FFF;
    position: relative;
    display: inline-block;
    margin: -95px 0px 0px;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.08);
    /*border: 1px solid #FF0000;*/
}
.content-section-form {
    max-width: 1140px;
    /*border: 1px solid #FF0000;*/
}
.title-header-register {
    width: 100%;
    margin: 0px 0px 0px;
    padding: 8px 24px 18px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(0,0,0,0.75);
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef5;
}
.title-header-register p {
    margin: 0px 0px 0px;
    font-size: 18px;
    font-weight: 600;
    /*border: 1px solid #FF0000;*/
}
.subtitle-header-register {
    width: 100%;
    margin: 10px 0px 0px;
    padding: 0px 0px 15px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(0,0,0,0.75);
    float: left;
    box-sizing: border-box;
}
.subtitle-header-register p {
    padding: 0px 0px 10px;
    margin: 0px 0px 0px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ebeef5;
}
.header-register {
    width: 100%;
    padding: 8px 24px 12px 24px;
    font-size: 10.4px;
    font-weight: 700;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef5;
}
.content-register {
    width: 100%;
    padding: 12px 24px;
    font-size: 13px;
    float: left;
    box-sizing: border-box;
    transition: all 0.2s ease-in;
    border-bottom: 1px solid #ebeef5;
}
.content-register:hover {
    background-color: #f8f6f6;
}
.box-register {
    width: 22.5%;
    color: #484848;
    position: relative;
    float: left;
    box-sizing: border-box;
    /*border: 1px solid #FF0000;*/
}
.box-register-action {
    width: 10%;
    /*border: 1px solid #FF0000;*/
}
.box-register .btn {
    padding: 4px 8px !important;
    margin: 0px 8px 0px 0px;
    font-size: .75rem;
    position: absolute;
    top: -4px;
}
.box-register .btn-right {
    left: 38px;
}
.box-register-form {
    margin: 0px 4%;
}
.add-register {
    width: auto;
    font-size: .75rem;
    color: #333;
    padding: 0.25rem 0.5rem;
    margin: 0px 1px 0px 0px;
    line-height: 1.5;
    border-radius: 0.25rem;
    letter-spacing: .025em;
    background-color: #FFF;
    position: relative;
    float: right;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.25);
    transition: all 0.2s ease-in;
    cursor: pointer;
    /*border: 1px solid #FF0000;*/
}
.add-register:hover {
    color: #000;
    background-color: #f1f1f1;
}
.back-register {
    margin-left: 8px;
    /*color: #FFF;
    background-color: rgb(138, 138, 138);
    border: 1px solid #FF0000;*/
}
.pagination-register {
    width: 100%;
    padding: 12px 24px;
    margin: 20px 0px 20px;
    font-size: 13px;
    float: left;
    box-sizing: border-box;
    transition: all 0.2s ease-in;
    /*border: 1px solid #FF0000;*/
}
.alert-register {
    width: 100%;
    padding: 0px 24px;
    margin: 15px 0px 0px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
}
.alert-register .fa-spin {
    margin: 0px 5px 0px 0px;
}
.alert-register .alert-warning {
    padding: .700rem 1rem;
}
.form-register {
    width: 100%;
    padding: 0px 24px;
    margin: 20px 0px 20px;
    font-size: 12px;
    font-weight: 600;
    color: #525f7f;
    float: left;
    box-sizing: border-box;
    /*border: 1px solid #FF0000;*/
}
.content-form-register-documents {
    width: 100%;
    height: 405px;
    margin: 0px 0px 10px;
    float: left;
    box-sizing: border-box;
    overflow-y: auto;
    /*border: 1px solid #FF0000;*/
}
.form-register-documents {
    width: 100%;
    padding: 10px 44px 10px 40px;
    margin: 0px 0px 0px;
    font-size: 12px;
    font-weight: 600;
    color: #525f7f;
    position: relative;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef5;
}
.form-register-documents-noborder {
    border-bottom: 0px solid #ebeef5;
}
.form-register-documents .fa-times {
    font-size: 20px;
    color: #990000;
    position: absolute;
    top: 10px;
    right: 24px;
}
.form-register-documents .fa-check {
    font-size: 16px;
    color: #3d9900;
    position: absolute;
    top: 10px;
    left: 20px;
}
.form-register-documents input {
    position: absolute;
    top: 11.5px;
    left: 20px;
}
.form-register-left {
    width: 61%;
    float: left;
    /*border: 1px solid #FF0000;*/
}
.form-register-right {
    width: 36.5%;
    padding: 10px 0px 0px;
    float: right;
    /*border: 1px solid #FF0000;*/
}
.form-register input, select {
    font-size: 14px !important;
    /*border: 1px solid #FF0000;*/
}
.btn-form {
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 6px 12px !important;
    margin: 0 !important;
}
.swal2-popup {
	width: auto !important;
	background: none !important;
	padding: 1.25em 2.25em 1.25em 2.25em !important;
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgba(0,0,0,.95) !important;
}
.swal2-content {
    font-size: 16px !important;
    color: #FFFFFF !important;
}
.swal2-title {
    font-size: 18px !important;
    color: #FFF !important;
}
.swal2-styled.swal2-confirm {
    font-size: 14px !important;
    padding: 4px 8px !important;
}
.swal2-html-container {
    font-size: 14px !important;
    color: #EEEEEE !important;
}
.swal2-close:focus {
    outline: 0;
}
.swal2-icon {
    width: 3.5em!important;
    height: 3.5em!important;
}
.swal2-icon .swal2-icon-content {
    font-size: 2.75em !important;
}
.btn-primary, .btn-light, .btn-success, .btn-secondary, .btn-danger {
	font-size: 12px;
	padding: 4px 16px;
    margin: 0px 3px;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: #e1e1e1;
}
::-webkit-scrollbar-thumb {
    background: #999;
    background-clip: content-box;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}
/* Toastr */
.toast-container .ngx-toastr {
    width: 350px;
    padding: 10px 15px 13px 50px;
}
.toast-title {
    font-size: 14px;
    font-weight: bold;
}
.toast-message {
    font-size: 14px;
    line-height: 15px;
    word-wrap: break-word;
}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */

.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */

.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */

@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}


/*# sourceMappingURL=styles.css.map*/