.swal2-popup .swal2-icon {
    margin: 2.5rem auto .6em;
}

.error {
    color: red !important;
}

.badgeNotif {
    left: 60%;
    margin-left: -2px;
    position: absolute;
    z-index: 2;
    top: 0%;
    border-radius: .75rem;
}



table.prettyy-table
{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  /*border: 1px solid #333;*/
  font-size: 0.9em;
  color: #000;
  background: #FFF;

  width: 100% !important;
  border-collapse: initial !important;
  border-spacing: 0 !important;
  margin: 1rem 0 !important;
  border-radius: 0.42rem;

  webkit-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.10) !important;
  box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.10) !important;
}

table.prettyy-table col-header {
	width: 200px;	
}

table.prettyy-table tr:nth-child(1) {
	width: 200px;	
}
table.prettyy-table tr:nth-child(2) {
	width: 20px;	
}


table.prettyy-table a:hover {
	color: #FFF;	
}

table.prettyy-table caption
{
  caption-side: bottom;
  font-size: 0.9em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

table.prettyy-table th, table.prettyy-table td
{
  border: 0.5px solid #EBEDF3;
  padding: 0.5em;
  text-align: left;
  color: #632a39;
}

table.prettyy-table th[scope=col]
{
  color: #000;
  background-color: #8fadcc;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
}

table.prettyy-table th[scope=col] a {
	color: #FFF;
}

table.prettyy-table th+th[scope=col]
{
  color: #fff;
  background-color: #7d98b3;
  border-right: 1px dotted #666;
}

table.prettyy-table th[scope=row]
{
  background-color: #b8cfe5;
  /*border-right: 2px solid #333;*/
}

table.prettyy-table tr.alt th, table.prettyy-table tr.alt td
{
  color: #2a4763;
}

table.prettyy-table tr:hover th[scope=row], table.prettyy-table tr:hover td
{
  /*background-color: #632a2a;*/
  background-color: #DDD;
  /* color: #fff; */
  color: #333;
}

table.prettyy-table td.opp-code {
	background-color: #333;
	color: #DDD;	
	font-size: 1.2em;
	font-weight: bold;
}

table.prettyy-table td.description {
	background-color: #E8E8E8;
}

table.prettyy-table th.blue {
	background-color: #8BBCE9;
}

table.prettyy-table th.option-a {
	background-color: #8BBCE5;
}
table.prettyy-table td.option-a {
	background-color: #B8CFE1;
}
table.prettyy-table th.option-b {
	background-color:#A4C8FF;
}
table.prettyy-table td.option-b {
	background-color: #BED3ED;
}
table.prettyy-table th.option-c {
	background-color:#B7D4FF;
}
table.prettyy-table td.option-c {
	background-color:#C4DDF2;
}
table.prettyy-table th.option-nd {
	background-color: #8BBCE5;
}
table.prettyy-table td.option-nd {
	background-color: #B8CFE3;
}
table.prettyy-table th.topleft {
	border-top-left-radius: 0.42em;
}
table.prettyy-table th.topright {
	border-top-right-radius: 0.42em;
}
table.prettyy-table th.bottomright {
	border-bottom-right-radius: 0.42em;
}
table.prettyy-table th.bottomleft {
	border-bottom-left-radius: 0.42em;
}

.text-almost-white {
  color:#e6e6e6 !important;
}

table.pretty-table tr.separation {
	border-bottom: 2px dashed #9a9a9a;
}

/*********************Login*********************/
.login.login-1 .login-aside .aside-img {
  min-height: 450px; }

.login.login-1 .login-signin,
.login.login-1 .login-signup,
.login.login-1 .login-forgot {
  display: none; }

.login.login-1.login-signin-on .login-signup {
  display: none; }

.login.login-1.login-signin-on .login-signin {
  display: block; }

.login.login-1.login-signin-on .login-forgot {
  display: none; }

.login.login-1.login-signup-on .login-signup {
  display: block; }

.login.login-1.login-signup-on .login-signin {
  display: none; }

.login.login-1.login-signup-on .login-forgot {
  display: none; }

.login.login-1.login-forgot-on .login-signup {
  display: none; }

.login.login-1.login-forgot-on .login-signin {
  display: none; }

.login.login-1.login-forgot-on .login-forgot {
  display: block; }

@media (min-width: 992px) {
  .login.login-1 .login-aside {
    width: 100%;
    max-width: 600px; }
  .login.login-1 .login-content {
    width: 100%;
    max-width: 500px; }
    .login.login-1 .login-content .login-form {
      width: 100%;
      max-width: 450px; } }

@media (min-width: 992px) and (max-width: 1399.98px) {
  .login.login-1 .login-aside {
    width: 100%;
    max-width: 450px; } }

@media (max-width: 991.98px) {
  .login.login-1 .login-content .login-form {
    width: 100%;
    max-width: 400px; } }

@media (max-width: 575.98px) {
  .login.login-1 .aside-img {
    min-height: 300px !important;
    background-size: 400px; }
  .login.login-1 .login-content .login-form {
    width: 100%;
    max-width: 100%; } }
/**************************************************/

/*********************Wizard*********************/
.wizard.wizard-1 .wizard-nav .wizard-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
      margin-left: 3.5rem;
      margin-right: 3.5rem; }
      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
        color: #B5B5C3;
        font-size: 3.75rem; }
        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg g [fill] {
          -webkit-transition: fill 0.3s ease;
          transition: fill 0.3s ease;
          fill: #B5B5C3; }
        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon svg:hover g [fill] {
          -webkit-transition: fill 0.3s ease;
          transition: fill 0.3s ease; }
      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
        color: #7E8299;
        font-size: 1.1rem;
        font-weight: 500;
        margin-top: 0.75rem; }
    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
      color: #7E8299;
      font-size: 1.25rem; }
      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
        display: none; }
    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon {
      color: #6993FF; }
      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #6993FF; }
      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; }
    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
      color: #6993FF; }
    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow {
      color: #6993FF; }
      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #6993FF; }
      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg:hover g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease; }

@media (min-width: 768px) and (max-width: 1199.98px) {
  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
      font-size: 3.75rem; }
    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
      margin-top: 0.75rem; }
  .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
    font-size: 1.1rem; } }

@media (max-width: 767.98px) {
  .wizard.wizard-1 .wizard-nav .wizard-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step {
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 0.5rem;
      margin-top: 0.5rem; }
      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 0;
        margin-right: 0; }
        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
          font-size: 1.5rem;
          margin-right: 1.25rem; }
      .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
        font-size: 1rem; }
        .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
          display: block; } }
/********************************************************/

/*********************LOADING*********************/

.spinner-custom:before {
  width: 8rem !important;
  height: 8rem !important;
  margin-top: -0.75rem !important;
}

.custom-overlay{
  z-index:9999 !important; background-color: #000000a3;display: block; padding-left: 0px;
  position: fixed;
  top: 0;
  left: 0;    width: 100%;
  height: 100%;
}

/********************************************************/

.select-custom {
  padding: 0rem 0rem !important;
  font-size: 0.75rem !important;
}

/*********************DASHBOARD*********************/

.card-dashboard {
  height: 125px !important;
}

#datatable_dashboard_wrapper{
  width: 100% !important;
}

.gutter-nope {
  margin-bottom: 0 !important;
  height: 100% !important;
}
/********************************************************/