/*---------------COLORS----------------*/

/*PRIMARY COLORS */
.primary-500{
    color: #144B3C;
} 

.primary-400{
    color: #5A8176;
} 

.primary-600{
    color: #0D3228;
} 

.primary-300{
    color: #92A59E;
} 

.primary-200{
    color: #C4D2CE;
} 

.primary-100{
    color: #DCE4E2;
} 

.primary-50{
    color: #EFF2F1;
} 

/*SECONDARY COLORS */

.secondary-500{
    color: #4F1C68;
} 

.secondary-400{
    color: #846095;
} 

.secondary-600{
    color: #2B1038;
} 

.secondary-300{
    color: #B099BB;
} 

.secondary-200{
    color: #D3C6D9;
} 

.secondary-100{
    color: #E5DDE8;
} 

.secondary-50{
    color: #F3EFF4;
} 

/*TERTIARY COLORS */

.tertiary-500{
    color: #859886;
} 

.tertiary-600{
    color: #6B7A6C;
} 

/*SIGNAL COLORS */

.success{
    color: #14873C;
} 

.success-light{
    color: #EFF7F1;
} 

.warning{
    color: #EE750C;
} 

.warning-light{
    color: #FFF7F0;
} 
.error{
    color: #C70517;
} 

.error-light{
    color: #FCEEEF;
} 
.info{
    color: #144B3C;
} 

.info-light{
    color: #EFF2F1;
} 

/*GREY COLORS */

.grey-100{
    color:  #F5F5F5;
} 
.grey-200{
    color: #EDEDED;
} 
.grey-300{
    color: #CCCCCC;
} 
.grey-400{
    color: #999999;
} 
.grey-500{
    color: #666666;
} 
.grey-600{
    color: #333333;
} 

.white{
    color: #ffffff;
} 

.black{
    color: #000000;
} 

/*GRADIENT COLORS */

/* .linear-orange{
    color: #;
} 

.linear-purple{
    color: #;
} 

.linear-green{
    color: #;
}  */

/*---------------------BACKGROUND COLORS------------------------- */
/*PRIMARY COLORS */
.primary-500-bg{
    background-color: #144B3C;
} 

.primary-400-bg{
    background-color: #5A8176;
} 

.primary-600-bg{
    background-color: #0D3228;
} 

.primary-300-bg{
    background-color: #92A59E;
} 

.primary-200-bg{
    background-color: #C4D2CE;
} 

.primary-100-bg{
    background-color: #DCE4E2;
} 

.primary-50-bg{
    background-color: #EFF2F1;
} 

/*SECONDARY COLORS */

.secondary-500-bg{
    background-color: #4F1C68;
} 

.secondary-400-bg{
    background-color: #846095;
} 

.secondary-600-bg{
    background-color: #2B1038;
} 

.secondary-300-bg{
    background-color: #B099BB8;
} 

.secondary-200-bg{
    background-color: #D3C6D98;
} 

.secondary-100-bg{
    background-color: #E5DDE88;
} 

.secondary-50-bg{
    background-color: #F3EFF48;
} 

/*TERTIARY COLORS */

.tertiary-500-bg{
    background-color: #8598868;
} 

.tertiary-600-bg{
    background-color: #6B7A6C8;
} 

/*SIGNAL COLORS */

.success-bg{
    background-color: #14873C8;
} 

.success-light-bg{
    background-color: #EFF7F18;
} 

.warning-bg{
    background-color: #EE750C8;
} 

.warning-light-bg{
    background-color: #FFF7F0;
} 
.error-bg{
    background-color: #C70517;
} 

.error-light-bg{
   background-color: #FCEEEF;
} 
.info-bg{
    background-color: #144B3C;
} 

.info-light-bg{
    background-color: #EFF2F1;
} 

/*GREY COLORS */

.grey-100-bg{
    background-color: #F5F5F5;
} 
.grey-200-bg{
    background-color: #EDEDED;
} 
.grey-300-bg{
    background-color: #CCCCCC;
} 
.grey-400-bg{
    background-color: #999999;
} 
.grey-500-bg{
    background-color: #666666;
} 
.grey-600-bg{
    background-color: #333333;
} 

.dr-white-bg{
    background-color: #ffffff;
} 

.dr-black-bg{
    background-color: #000000;
} 

/*PRIMARY Buttons*/
.dr-btn-primary-bright-medium,
.dr-btn-primary-bright-small {
    color: #ffffff;
    background-color: #144B3C;
    border-color: #144B3C;
}
.dr-btn-primary-bright-medium:hover,
.dr-btn-primary-bright-small:hover {
    color: #ffffff;
    background-color: #5A8176;
    border-color: #5A8176;
}

.dr-btn-primary-dark-medium,
.dr-btn-primary-dark-small {
    color: #144B3C;
    background-color: #C4D2CE;
    border-color: #C4D2CE;
}
.dr-btn-primary-dark-medium:hover,
.dr-btn-primary-dark-small:hover {
    color: #144B3C;
    background-color: #92A59E;
    border-color: #92A59E;
}

/*SECONDARY Buttons*/
.dr-btn-secondary-bright-medium,
.dr-btn-secondary-bright-small {
    color: #ffffff;
    background-color: #4F1C68;
    border-color: #4F1C68;
}
.dr-btn-secondary-bright-medium:hover,
.dr-btn-secondary-bright-small:hover {
    color: #ffffff;
    background-color: #846095;
    border-color: #846095;
}

.dr-btn-secondary-dark-medium,
.dr-btn-secondary-dark-small {
    color: #4F1C68;
    background-color: #D3C6D9;
    border-color: #D3C6D9;
}
.dr-btn-secondary-dark-medium:hover,
.dr-btn-secondary-dark-small:hover {
    color: #4F1C68;
    background-color: #B099BB;
    border-color: #B099BB;
}

/*TEXT PRIMARY Buttons*/

.dr-btn-text-prim-bright-medium,
.dr-btn-text-prim-bright-small {
    color: #144B3C;
    background-color: transparent;
    border-color: transparent;
}

.dr-btn-text-prim-bright-medium:hover ,
.dr-btn-text-prim-bright-small:hover  {
    color: #5A8176;
    background-color: transparent;
    border-color: transparent;
}

.dr-btn-text-prim-dark-medium,
.dr-btn-text-prim-dark-small {
    color: #ffffff;
    background-color: transparent;
    border-color: transparent;
}

.dr-btn-text-prim-dark-medium:hover ,
.dr-btn-text-prim-dark-small:hover  {
    color: #92A59E;
    background-color: transparent;
    border-color: transparent
}

/*TEXT SECONDARY Buttons*/

.dr-btn-text-sec-bright-medium,
.dr-btn-text-sec-bright-small {
    color: #4F1C68;
    background-color: transparent;
    border-color: transparent;
}

.dr-btn-text-sec-bright-medium:hover ,
.dr-btn-text-sec-bright-small:hover  {
    color: #846095;
    background-color: transparent;
    border-color: transparent;
}

.dr-btn-text-sec-dark-medium,
.dr-btn-text-sec-dark-small {
    color: #ffffff;
    background-color: transparent;
    border-color: transparent;
}

.dr-btn-text-sec-dark-medium:hover ,
.dr-btn-text-sec-dark-small:hover  {
    color: #B099BB;
    background-color: transparent;
    border-color: transparent
}

/*OUTLINED BUTTONS MEDIUM*/

.dr-btn-primary-bright-medium-outlined, .dr-btn-primary-bright-small-outlined {
    color: #144B3C;
    border-color: #144B3C;
}

.dr-btn-primary-bright-medium-outlined:hover, .dr-btn-primary-bright-small-outlined:hover {
    color: #5A8176;
    border-color: #5A8176;
}


.dr-btn-primary-dark-medium-outlined,.dr-btn-primary-dark-small-outlined {
    color: white;
    border-color: white;
}

.dr-btn-primary-dark-medium-outlined:hover,.dr-btn-primary-dark-small-outlined:hover {
    color: #92A59E;
    border-color: #92A59E;
}

.dr-btn-secondary-bright-medium-outlined, .dr-btn-secondary-bright-small-outlined{
    color: #4f1f68;
    border-color: #4f1f68;
}

.dr-btn-secondary-bright-medium-outlined:hover, .dr-btn-secondary-bright-small-outlined:hover{
    color: #846095;
    border-color: #846095;
}

.dr-btn-secondary-dark-medium-outlined,.dr-btn-secondary-dark-small-outlined {
    color: white;
    border-color: white;
}

.dr-btn-secondary-dark-medium-outlined:hover, .dr-btn-secondary-dark-small-outlined:hover {
    color: #B099BB;
    border-color: #B099BB;
}

//progress-stepper

.dr-progress-step-btn-primary-bright .progress-step-element {
    color: #144B3C;
    background-color: #EFF2F1;
    border-color: #EFF2F1;
}

.dr-progress-step-btn-primary-bright .progress-step-element p {
    color: #144B3C;
 
}

.dr-progress-step-btn-primary-dark .progress-step-element {
    color: white;
    background-color: #144B3C;
    border-color: #144B3C; 
}

.dr-progress-step-btn-primary-dark .progress-step-element p {
    color: white;
}

//  .dr-progress-step-btn-primary-bright #path1,
//   .dr-progress-step-btn-primary-bright #path2 {
//     fill: #144B3C;
//  }

//  .dr-progress-step-btn-primary-bright #path1,
//   .dr-progress-step-btn-primary-bright #path2  {
//     fill: white;
//  }