/********************************
Desarrollado por RJG - 03/08/2023
*********************************/

/********** - FONTS - **********/
@font-face {
    font-family: "Roboto-500";
    src: url(../../../fonts/Roboto/Roboto-Bold.ttf);
}

@font-face {
    font-family: "Roboto-400";
    src: url(../../../fonts/Roboto/Roboto-Medium.ttf);
}

@font-face {
    font-family: "Roboto-300";
    src: url(../../../fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: "Roboto-200";
    src: url(../../../fonts/Roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: "Roboto-100";
    src: url(../../../fonts/Roboto/Roboto-Thin.ttf);
}

/********** - GLOBAL STYLE RESETS - **********/
html, *{
    padding: 0;
    margin: 0;
}

div, section, article, aside, header, footer,
h1, h2, h3, h4, h5, h6, p, b, span,
a, button, input, textarea{
    font-family: "Roboto-300";
}

button{
    outline: none !important;
    border: none;
    cursor: pointer;
}

input, textarea{
    box-shadow: none;
    border: none;
    outline: none;
}

/********** COMPONENTS **********/
/*---------- Buttons ----------*/
/* Buttons / Component Style Alias */
[class*="reym-btn"]{
    font-family: "Roboto-400";
    padding: 12px 18px 12px;
    border-radius: 8px;
    background: transparent;
    color: #222222;
    font-size: 14px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: .2s ease;
}

[class*="reym-btn"]:hover{
    box-shadow: 0 5px 25px -5px rgba(0,0,0,.25);
}

[class*="reym-btn"] .content-info{
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

[class*="reym-btn"] .content-info .info-truncate{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-align: left;
}


/* Buttons / Text Button Black */
.reym-btn-text-light-black{
    color: #555555;
}

.reym-btn-text-bright-black{
    color: #444444;
}

.reym-btn-text-dark-black{
    color: #222222;
}

/* Buttons / Text Button Silver */
.reym-btn-text-light-silver{
    color: #dcdcdc;
}

.reym-btn-text-bright-silver{
    color: #b1b1b1;
}

.reym-btn-text-dark-silver{
    color: #777777;
}

/* Buttons / Text Button Red */
.reym-btn-text-light-red{
    color: #ffdcdc;
}

.reym-btn-text-bright-red{
    color: #ff2525;
}

.reym-btn-text-dark-red{
    color: #ce0c0c;
}

/* Buttons / Text Button Green */
.reym-btn-text-light-green{
    color: #b8ffd1;
}

.reym-btn-text-bright-green{
    color: #00de77;
}

.reym-btn-text-dark-green{
    color: #079754;
}

/* Buttons / Text Button Sky Blue */
.reym-btn-text-light-sky-blue{
    color: #c3f1fd;
}

.reym-btn-text-bright-sky-blue{
    color: #46d7ff;
}

.reym-btn-text-dark-sky-blue{
    color: #00b2e3;
}

/* Buttons / Text Button Royal Blue */

.reym-btn-text-light-royal-blue{
    color: #bfd7ff;
}

.reym-btn-text-bright-royal-blue{
    color: #196eff;
}

.reym-btn-text-dark-royal-blue{
    color: #0956d8;
}

/* Buttons / Text Button Navy Blue */
.reym-btn-text-light-navy-blue{
    color: #c7ccee;
}

.reym-btn-text-bright-navy-blue{
    color: #5d6ac0;
}

.reym-btn-text-dark-navy-blue{
    color: #3a416f;
}

/* Buttons / Text Button  Orange */
.reym-btn-text-light-orange{
    color: #ffebc9;
}

.reym-btn-text-bright-orange{
    color: #ffaa0f;
}

.reym-btn-text-dark-orange{
    color:  #ec7b15;
}

/* Buttons / Text Button Yellow */
.reym-btn-text-light-yellow{
    color: #fffdba;
}

.reym-btn-text-bright-yellow{
    color: #f6f130;
}

.reym-btn-text-dark-yellow{
    color: #fcd100;
}

/* Buttons / Text Button Pink */
.reym-btn-text-light-pink{
    color: #ffd5ee;
}

.reym-btn-text-bright-pink{
    color: #ff44a9;
}

.reym-btn-text-dark-pink{
    color: #c6066e;
}

/* Buttons / Text Button Purple */
.reym-btn-text-light-purple{
    color: #ecc0ff;
}

.reym-btn-text-bright-purple{
    color: #aa09f1;
}

.reym-btn-text-dark-purple{
    color: #8408bb;
}

/****** Buttons / Text Hovers *****/
/* Buttons / Text Button Black */
.reym-btn-text-light-black:hover{
    background-color: #555555;
    color: #ffffff;    
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .35);
}

.reym-btn-text-bright-black:hover{
    background-color: #444444;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .5);    
}

.reym-btn-text-dark-black:hover{
    background-color: #222222;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .5);
}

/* Buttons / Text Button Silver */
.reym-btn-text-light-silver:hover{
    background-color: #dcdcdc;
    color: #777777;
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .35);
}

.reym-btn-text-bright-silver:hover{
    background-color: #b1b1b1;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .5);
}

.reym-btn-text-dark-silver:hover{
    background-color: #777777;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .5);
}

/* Buttons / Text Button Red */
.reym-btn-text-light-red:hover{
    background-color: #ffdcdc;
    color: #ce0c0c;
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .35);
}

.reym-btn-text-bright-red:hover{
    background-color: #ff2525;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .5);    
}

.reym-btn-text-dark-red:hover{
    background-color: #ce0c0c;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .5);
}

/* Buttons / Text Button Green */
.reym-btn-text-light-green:hover{
    background-color: #b8ffd1;
    color: #079754;
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .35);
}

.reym-btn-text-bright-green:hover{
    background-color: #00de77;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .35);
}

.reym-btn-text-dark-green:hover{
    background-color: #079754;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .35);
}

/* Buttons / Text Button Sky Blue */
.reym-btn-text-light-sky-blue:hover{
    background-color: #c3f1fd;
    color: #00b2e3;
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .35);
}

.reym-btn-text-bright-sky-blue:hover{
    background-color: #46d7ff;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .5);
}

.reym-btn-text-dark-sky-blue:hover{
    background-color: #00b2e3;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .5);
}

/* Buttons / Text Button Royal Blue */

.reym-btn-text-light-royal-blue:hover{
    background-color: #bfd7ff;
    color: #0956d8;
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .35);
}

.reym-btn-text-bright-royal-blue:hover{
    background-color: #196eff;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .5);
}

.reym-btn-text-dark-royal-blue:hover{
    background-color: #0956d8;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .5);
}

/* Buttons / Text Button Navy Blue */
.reym-btn-text-light-navy-blue:hover{
    background-color: #c7ccee;
    color: #3a416f;
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .35);
}

.reym-btn-text-bright-navy-blue:hover{
    background-color: #5d6ac0;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .5);    
}

.reym-btn-text-dark-navy-blue:hover{
    background-color: #3a416f;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .5);    
}

/* Buttons / Text Button  Orange */
.reym-btn-text-light-orange:hover{
    background-color: #ffebc9;
    color: #ec7b15;
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .35);
}

.reym-btn-text-bright-orange:hover{
    background-color: #ffaa0f;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .5);
}

.reym-btn-text-dark-orange:hover{
    background-color:  #ec7b15;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .5);
}

/* Buttons / Text Button Yellow */
.reym-btn-text-light-yellow:hover{
    background-color: #fffdba;
    color: #fcd100;
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .35);
}

.reym-btn-text-bright-yellow:hover{
    background-color: #f6f130;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .5);    
}

.reym-btn-text-dark-yellow:hover{
    background-color: #fcd100;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .5);    
}

/* Buttons / Text Button Pink */
.reym-btn-text-light-pink:hover{
    background-color: #ffd5ee;
    color: #c6066e;
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .35);
}

.reym-btn-text-bright-pink:hover{
    background-color: #ff44a9;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .5);
}

.reym-btn-text-dark-pink:hover{
    background-color: #c6066e;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .5);
}

/* Buttons / Text Button Purple */
.reym-btn-text-light-purple:hover{
    background-color: #ecc0ff;
    color: #8408bb;
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .35)
}

.reym-btn-text-bright-purple:hover{
    background-color: #aa09f1;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .5)
}

.reym-btn-text-dark-purple:hover{
    background-color: #8408bb;
    color: #ffffff;
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .5)
}

/* Buttons / Solid Button */
[class*="reym-btn-solid"]{
    background: #eee;
}

/* Buttons / Solid Button Black */
.reym-btn-solid-light-black{
    background-color: #555555;
    color: #ffffff;    
}

.reym-btn-solid-bright-black{
    background-color: #444444;
    color: #ffffff;
}

.reym-btn-solid-dark-black{
    background-color: #222222;
    color: #ffffff;
}

/* Buttons / Solid Button Silver */
.reym-btn-solid-light-silver{
    background-color: #dcdcdc;
    color: #777777;
}

.reym-btn-solid-bright-silver{
    background-color: #b1b1b1;
    color: #ffffff;
}

.reym-btn-solid-dark-silver{
    background-color: #777777;
    color: #ffffff;
}

/* Buttons / Solid Button Red */
.reym-btn-solid-light-red{
    background-color: #ffdcdc;
    color: #ce0c0c;
}

.reym-btn-solid-bright-red{
    background-color: #ff2525;
    color: #ffffff;
}

.reym-btn-solid-dark-red{
    background-color: #ce0c0c;
    color: #ffffff;
}

/* Buttons / Solid Button Green */
.reym-btn-solid-light-green{
    background-color: #b8ffd1;
    color: #079754;
}

.reym-btn-solid-bright-green{
    background-color: #00de77;
    color: #ffffff;
}

.reym-btn-solid-dark-green{
    background-color: #079754;
    color: #ffffff;
}

/* Buttons / Solid Button Sky Blue */
.reym-btn-solid-light-sky-blue{
    background-color: #c3f1fd;
    color: #00b2e3;
}

.reym-btn-solid-bright-sky-blue{
    background-color: #46d7ff;
    color: #ffffff;
}

.reym-btn-solid-dark-sky-blue{
    background-color: #00b2e3;
    color: #ffffff;
}

/* Buttons / Solid Button Royal Blue */

.reym-btn-solid-light-royal-blue{
    background-color: #bfd7ff;
    color: #0956d8;
}

.reym-btn-solid-bright-royal-blue{
    background-color: #196eff;
    color: #ffffff;
}

.reym-btn-solid-dark-royal-blue{
    background-color: #0956d8;
    color: #ffffff;
}

/* Buttons / Solid Button Navy Blue */
.reym-btn-solid-light-navy-blue{
    background-color: #c7ccee;
    color: #3a416f;
}

.reym-btn-solid-bright-navy-blue{
    background-color: #5d6ac0;
    color: #ffffff;
}

.reym-btn-solid-dark-navy-blue{
    background-color: #3a416f;
    color: #ffffff;
}

/* Buttons / Solid Button  Orange */
.reym-btn-solid-light-orange{
    background-color: #ffebc9;
    color: #ec7b15;
}

.reym-btn-solid-bright-orange{
    background-color: #ffaa0f;
    color: #ffffff;
}

.reym-btn-solid-dark-orange{
    background-color:  #ec7b15;
    color: #ffffff;
}

/* Buttons / Solid Button Yellow */
.reym-btn-solid-light-yellow{
    background-color: #fffdba;
    color: #fcd100;
}

.reym-btn-solid-bright-yellow{
    background-color: #f6f130;
    color: #ffffff;
}

.reym-btn-solid-dark-yellow{
    background-color: #fcd100;
    color: #ffffff;
}

/* Buttons / Solid Button Pink */
.reym-btn-solid-light-pink{
    background-color: #ffd5ee;
    color: #c6066e;
}

.reym-btn-solid-bright-pink{
    background-color: #ff44a9;
    color: #ffffff;
}

.reym-btn-solid-dark-pink{
    background-color: #c6066e;
    color: #ffffff;
}

/* Buttons / Solid Button Purple */
.reym-btn-solid-light-purple{
    background-color: #ecc0ff;
    color: #8408bb;
}

.reym-btn-solid-bright-purple{
    background-color: #aa09f1;
    color: #ffffff;
}

.reym-btn-solid-dark-purple{
    background-color: #8408bb;
    color: #ffffff;
}

/****** Buttons / Solid Hovers *****/
/* Buttons / Solid Button Black */
.reym-btn-solid-light-black:hover{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .3);
}

.reym-btn-solid-bright-black:hover{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .4);    
}

.reym-btn-solid-dark-black:hover{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .5);
}

/* Buttons / Solid Button Silver */
.reym-btn-solid-light-silver:hover{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .3);
}

.reym-btn-solid-bright-silver:hover{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .4);
}

.reym-btn-solid-dark-silver:hover{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .5);
}

/* Buttons / Solid Button Red */
.reym-btn-solid-light-red:hover{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .3);
}

.reym-btn-solid-bright-red:hover{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .4);    
}

.reym-btn-solid-dark-red:hover{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .5);
}

/* Buttons / Solid Button Green */
.reym-btn-solid-light-green:hover{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .3);
}

.reym-btn-solid-bright-green:hover{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .4);
}

.reym-btn-solid-dark-green:hover{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .5);
}

/* Buttons / Solid Button Sky Blue */
.reym-btn-solid-light-sky-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .3);
}

.reym-btn-solid-bright-sky-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .4);
}

.reym-btn-solid-dark-sky-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .5);
}

/* Buttons / Solid Button Royal Blue */

.reym-btn-solid-light-royal-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .3);
}

.reym-btn-solid-bright-royal-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .4);
}

.reym-btn-solid-dark-royal-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .5);
}

/* Buttons / Solid Button Navy Blue */
.reym-btn-solid-light-navy-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .3);
}

.reym-btn-solid-bright-navy-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .4);    
}

.reym-btn-solid-dark-navy-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .5);    
}

/* Buttons / Solid Button  Orange */
.reym-btn-solid-light-orange:hover{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .3);
}

.reym-btn-solid-bright-orange:hover{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .4);
}

.reym-btn-solid-dark-orange:hover{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .5);
}

/* Buttons / Solid Button Yellow */
.reym-btn-solid-light-yellow:hover{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .3);
}

.reym-btn-solid-bright-yellow:hover{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .4);    
}

.reym-btn-solid-dark-yellow:hover{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .5);    
}

/* Buttons / Solid Button Pink */
.reym-btn-solid-light-pink:hover{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .3);
}

.reym-btn-solid-bright-pink:hover{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .4);
}

.reym-btn-solid-dark-pink:hover{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .5);
}

/* Buttons / Solid Button Purple */
.reym-btn-solid-light-purple:hover{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .3)
}

.reym-btn-solid-bright-purple:hover{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .4)
}

.reym-btn-solid-dark-purple:hover{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .5)
}

/* Buttons / Outlined Button */
[class*="reym-btn-outlined"]{
    color: #222222;    
    border: 1.5px solid;
    border-color: #b1b1b1;    
}

/* Buttons / Outlined Button Black */
.reym-btn-outlined-light-black{
    color: #555555;    
    border: 1.5px solid;
}

.reym-btn-outlined-bright-black{
    color: #444444;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-black{
    color: #222222;
    border: 1.5px solid;
}

/* Buttons / Outlined Button Silver */
.reym-btn-outlined-light-silver{
    color: #dcdcdc;
    border: 1.5px solid;
}

.reym-btn-outlined-bright-silver{
    color: #b1b1b1;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-silver{
    color: #777777;
    border: 1.5px solid;
}

/* Buttons / Outlined Button Red */
.reym-btn-outlined-light-red{
    color: #ffdcdc;
    border: 1.5px solid;
}

.reym-btn-outlined-bright-red{
    color: #ff2525;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-red{
    color: #ce0c0c;
    border: 1.5px solid;
}

/* Buttons / Outlined Button Green */
.reym-btn-outlined-light-green{
    color: #b8ffd1;
    border: 1.5px solid;
}

.reym-btn-outlined-bright-green{
    color: #00de77;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-green{
    color: #079754;
    border: 1.5px solid;
}

/* Buttons / Outlined Button Sky Blue */
.reym-btn-outlined-light-sky-blue{
    color: #c3f1fd;
    border: 1.5px solid;
}

.reym-btn-outlined-bright-sky-blue{
    color: #46d7ff;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-sky-blue{
    color: #00b2e3;
    border: 1.5px solid;
}

/* Buttons / Outlined Button Royal Blue */

.reym-btn-outlined-light-royal-blue{
    color: #bfd7ff;
    border: 1.5px solid;
}

.reym-btn-outlined-bright-royal-blue{
    color: #196eff;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-royal-blue{
    color: #0956d8;
    border: 1.5px solid;
}

/* Buttons / Outlined Button Navy Blue */
.reym-btn-outlined-light-navy-blue{
    color: #c7ccee;
    border: 1.5px solid;
}

.reym-btn-outlined-bright-navy-blue{
    color: #5d6ac0;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-navy-blue{
    color: #3a416f;
    border: 1.5px solid;
}

/* Buttons / Outlined Button  Orange */
.reym-btn-outlined-light-orange{
    color: #ffebc9;
    border: 1.5px solid;
}

.reym-btn-outlined-bright-orange{
    color: #ffaa0f;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-orange{
    color:  #ec7b15;
    border: 1.5px solid;
}

/* Buttons / Outlined Button Yellow */
.reym-btn-outlined-light-yellow{
    color: #fffdba;
    border: 1.5px solid;
}

.reym-btn-outlined-bright-yellow{
    color: #f6f130;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-yellow{
    color: #fcd100;
    border: 1.5px solid;
}

/* Buttons / Outlined Button Pink */
.reym-btn-outlined-light-pink{
    color: #ffd5ee;
    border: 1.5px solid;
}

.reym-btn-outlined-bright-pink{
    color: #ff44a9;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-pink{
    color: #c6066e;
    border: 1.5px solid;
}

/* Buttons / Outlined Button Purple */
.reym-btn-outlined-light-purple{
    color: #ecc0ff;
    border: 1.5px solid;
}

.reym-btn-outlined-bright-purple{
    color: #aa09f1;
    border: 1.5px solid;
}

.reym-btn-outlined-dark-purple{
    color: #8408bb;
    border: 1.5px solid;
}


/****** Buttons / Outlined Hovers *****/
/* Buttons / Outlined Button Black */
.reym-btn-outlined-light-black:hover{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .3);
}

.reym-btn-outlined-bright-black:hover{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .4);    
}

.reym-btn-outlined-dark-black:hover{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .5);
}

/* Buttons / Outlined Button Silver */
.reym-btn-outlined-light-silver:hover{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .3);
}

.reym-btn-outlined-bright-silver:hover{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .4);
}

.reym-btn-outlined-dark-silver:hover{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .5);
}

/* Buttons / Outlined Button Red */
.reym-btn-outlined-light-red:hover{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .3);
}

.reym-btn-outlined-bright-red:hover{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .4);    
}

.reym-btn-outlined-dark-red:hover{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .5);
}

/* Buttons / Outlined Button Green */
.reym-btn-outlined-light-green:hover{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .3);
}

.reym-btn-outlined-bright-green:hover{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .4);
}

.reym-btn-outlined-dark-green:hover{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .5);
}

/* Buttons / Outlined Button Sky Blue */
.reym-btn-outlined-light-sky-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .3);
}

.reym-btn-outlined-bright-sky-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .4);
}

.reym-btn-outlined-dark-sky-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .5);
}

/* Buttons / Outlined Button Royal Blue */
.reym-btn-outlined-light-royal-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .3);
}

.reym-btn-outlined-bright-royal-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .4);
}

.reym-btn-outlined-dark-royal-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .5);
}

/* Buttons / Outlined Button Navy Blue */
.reym-btn-outlined-light-navy-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .3) ;
}

.reym-btn-outlined-bright-navy-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .4);
}

.reym-btn-outlined-dark-navy-blue:hover{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .5);    
}

/* Buttons / Outlined Button  Orange */
.reym-btn-outlined-light-orange:hover{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .3);
}

.reym-btn-outlined-bright-orange:hover{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .4);
}

.reym-btn-outlined-dark-orange:hover{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .5);
}

/* Buttons / Outlined Button Yellow */
.reym-btn-outlined-light-yellow:hover{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .3);
}

.reym-btn-outlined-bright-yellow:hover{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .4);    
}

.reym-btn-outlined-dark-yellow:hover{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .5);    
}

/* Buttons / Outlined Button Pink */
.reym-btn-outlined-light-pink:hover{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .3);
}

.reym-btn-outlined-bright-pink:hover{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .4);
}

.reym-btn-outlined-dark-pink:hover{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .5);
}

/* Buttons / Outlined Button Purple */
.reym-btn-outlined-light-purple:hover{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .3)
}

.reym-btn-outlined-bright-purple:hover{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .4)
}

.reym-btn-outlined-dark-purple:hover{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .5)
}

/*---------- Dropdowns ----------*/
/* Dropdowns / Component Style Alias */
[class*="reym-dd"]{
    display: inline-block;
    width: 100%;
}

[class*="reym-dd"] .dropdown-menu{
    width: 100%;
    /*max-width: 100%;    
    min-width: 100%;*/
    border: none;
    box-shadow:  0 8px 30px -12px rgba(0, 0, 0, .35);
    border-radius: 15px;
}

[class*="reym-dd"] .dropdown-menu .dropdown-item{
    font-family: "Roboto-300";
    background-color: #ffffff;
    color: #222;
    font-size: 15px;
    padding: 8px 20px 8px;
    white-space: inherit;
}

[class*="reym-dd"] .dropdown-item:hover,
[class*="reym-dd"] .dropdown-item:active{
    background-color: #eee;
    color: #222;
}

/* Dropdowns / Link */
.reym-dd-link .text-content{
    color: red;
}
/* Dropdowns / Filter Search */
.reym-dd-search-filter{
    
}

.reym-dd-search-filter .filter-control-box{
    padding: 0 10px 0;
    display: flex;
}


.reym-dd-search-filter .filter-list{
    margin-top: 10px;
}


/*
.reym-dd-search-filter .filter-control-box .ctrl-send{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: transparent;
    color: #b1b1b1;
}

.reym-dd-search-filter .filter-control-box  .ctrl-entry{
    width: 100%;
    height: 40px;    
    padding: 10px;
    border-bottom: 1px solid #b1b1b1;
}

.reym-dd-search-filter .filter-control-box .ctrl-text:focus,
.reym-dd-search-filter .filter-control-box .ctrl-text{

    border-bottom: 1px solid #eee;
}


.reym-dd-search-filter .filter-list{
    margin-top: 15px;

}
*/

/* Input / Component Default */
.reym-ctrl-text{
    width: 100%;
    height: 45px;    
    padding: 10px;
    background: #ffffff;
    color: #222222;
    border-radius: 8px;
    transition: .2s ease;
}

/* Forms / Component Style Alias */
[class*="reym-form-ctrl"]{
    position: relative;
    width: 100%;
}

[class*="reym-form-ctrl"] .icon-wrapper{
    position: absolute;
    top: 0;
    left: 0;
}

[class*="reym-form-ctrl"] .icon-wrapper .ctrl-send{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: transparent;
    border-radius: 6px;
    color: #222222;
}

[class*="reym-form-ctrl"] .field-wrapper{
    width: 100%;
}

/* Forms / Solid Input */
/* Solid Input / Adapted to a form */
[class*="reym-form-ctrl"] .field-wrapper .reym-ctrl-text{
    padding-left: 45px;
    transition: .2s ease;
}

/* Light Black*/
.reym-form-ctrl-solid-light-black .reym-ctrl-text{
    background-color: #555555;
    color: #ffffff;    
}

.reym-form-ctrl-solid-light-black .reym-ctrl-text::placeholder{
    color: #ffffff;    
}


.reym-form-ctrl-solid-light-black  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Bright Black */
.reym-form-ctrl-solid-bright-black .reym-ctrl-text{
    background-color: #444444;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-black .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-black  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Black */
.reym-form-ctrl-solid-dark-black .reym-ctrl-text{
    background-color: #222222;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-black .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-black  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Light Silver */
.reym-form-ctrl-solid-light-silver .reym-ctrl-text{
    background-color: #dcdcdc;
    color: #777777;    
}

.reym-form-ctrl-solid-light-silver .reym-ctrl-text::placeholder{
    color: #777777;    
}


.reym-form-ctrl-solid-light-silver  .icon-wrapper .ctrl-send{
    color: #777777;    
}

/* Bright Silver */
.reym-form-ctrl-solid-bright-silver .reym-ctrl-text{
    background-color: #b1b1b1;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-silver .reym-ctrl-text::placeholder{
    color: #ffffff;    
}


.reym-form-ctrl-solid-bright-silver  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Silver */
.reym-form-ctrl-solid-dark-silver .reym-ctrl-text{
    background-color: #777777;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-silver .reym-ctrl-text::placeholder{
    color: #ffffff;    
}


.reym-form-ctrl-solid-dark-silver  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Light Red */
.reym-form-ctrl-solid-light-red .reym-ctrl-text{
    background-color: #ffdcdc;
    color: #ce0c0c;    
}

.reym-form-ctrl-solid-light-red .reym-ctrl-text::placeholder{
    color: #ce0c0c;    
}


.reym-form-ctrl-solid-light-red  .icon-wrapper .ctrl-send{
    color: #ce0c0c;    
}

/* Bright Red */
.reym-form-ctrl-solid-bright-red .reym-ctrl-text{
    background-color: #ff2525;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-red .reym-ctrl-text::placeholder{
    color: #ffffff;    
}


.reym-form-ctrl-solid-bright-red  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Red */
.reym-form-ctrl-solid-dark-red .reym-ctrl-text{
    background-color: #ce0c0c;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-red .reym-ctrl-text::placeholder{
    color: #ffffff;    
}


.reym-form-ctrl-solid-dark-red  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Light Green */
.reym-form-ctrl-solid-light-green .reym-ctrl-text{
    background-color: #b8ffd1;
    color: #079754;    
}

.reym-form-ctrl-solid-light-green .reym-ctrl-text::placeholder{
    color: #079754;    
}

.reym-form-ctrl-solid-light-green  .icon-wrapper .ctrl-send{
    color: #079754;    
}

/* Bright Green */
.reym-form-ctrl-solid-bright-green .reym-ctrl-text{
    background-color: #00de77;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-green .reym-ctrl-text::placeholder{
    color: #ffffff;    
}


.reym-form-ctrl-solid-bright-green  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Green */
.reym-form-ctrl-solid-dark-green .reym-ctrl-text{
    background-color: #079754;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-green .reym-ctrl-text::placeholder{
    color: #ffffff;    
}


.reym-form-ctrl-solid-dark-green  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Light Sky Blue */
.reym-form-ctrl-solid-light-sky-blue .reym-ctrl-text{
    background-color: #c3f1fd;
    color: #00b2e3;    
}

.reym-form-ctrl-solid-light-sky-blue .reym-ctrl-text::placeholder{
    color: #00b2e3;    
}


.reym-form-ctrl-solid-light-sky-blue  .icon-wrapper .ctrl-send{
    color: #00b2e3;    
}

/* Bright Sky Blue */
.reym-form-ctrl-solid-bright-sky-blue .reym-ctrl-text{
    background-color: #46d7ff;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-sky-blue .reym-ctrl-text::placeholder{
    color: #ffffff;    
}


.reym-form-ctrl-solid-bright-sky-blue  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Sky Blue */
.reym-form-ctrl-solid-dark-sky-blue .reym-ctrl-text{
    background-color: #00b2e3;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-sky-blue .reym-ctrl-text::placeholder{
    color: #ffffff;    
}


.reym-form-ctrl-solid-dark-sky-blue  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Light Royal Blue */
.reym-form-ctrl-solid-light-royal-blue .reym-ctrl-text{
    background-color: #bfd7ff;
    color: #0956d8;    
}

.reym-form-ctrl-solid-light-royal-blue .reym-ctrl-text::placeholder{
    color: #0956d8;    
}


.reym-form-ctrl-solid-light-royal-blue  .icon-wrapper .ctrl-send{
    color: #0956d8;    
}

/* Bright Royal Blue */
.reym-form-ctrl-solid-bright-royal-blue .reym-ctrl-text{
    background-color: #196eff;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-royal-blue .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-royal-blue  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Royal Blue */
.reym-form-ctrl-solid-dark-royal-blue .reym-ctrl-text{
    background-color: #0956d8;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-royal-blue .reym-ctrl-text::placeholder{
    color: #ffffff;    
}


.reym-form-ctrl-solid-dark-royal-blue  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Light Navy Blue */
.reym-form-ctrl-solid-light-navy-blue .reym-ctrl-text{
    background-color: #c7ccee;
    color: #3a416f;    
}

.reym-form-ctrl-solid-light-navy-blue .reym-ctrl-text::placeholder{
    color: #3a416f;    
}


.reym-form-ctrl-solid-light-navy-blue  .icon-wrapper .ctrl-send{
    color: #3a416f;    
}

/* Bright Navy Blue */
.reym-form-ctrl-solid-bright-navy-blue .reym-ctrl-text{
    background-color: #5d6ac0;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-navy-blue .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-navy-blue  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Navy Blue */
.reym-form-ctrl-solid-dark-navy-blue .reym-ctrl-text{
    background-color: #3a416f;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-navy-blue .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-navy-blue  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Light Orange */
.reym-form-ctrl-solid-light-orange .reym-ctrl-text{
    background-color: #ffebc9;
    color: #ec7b15;    
}

.reym-form-ctrl-solid-light-orange .reym-ctrl-text::placeholder{
    color: #ec7b15;    
}

.reym-form-ctrl-solid-light-orange  .icon-wrapper .ctrl-send{
    color: #ec7b15;    
}

/* Bright Orange */
.reym-form-ctrl-solid-bright-orange .reym-ctrl-text{
    background-color: #ffaa0f;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-orange .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-orange  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Orange */
.reym-form-ctrl-solid-dark-orange .reym-ctrl-text{
    background-color: #ec7b15;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-orange .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-orange  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Light Yellow */
.reym-form-ctrl-solid-light-yellow .reym-ctrl-text{
    background-color: #fffdba;
    color: #fcd100;    
}

.reym-form-ctrl-solid-light-yellow .reym-ctrl-text::placeholder{
    color: #fcd100;    
}

.reym-form-ctrl-solid-light-yellow  .icon-wrapper .ctrl-send{
    color: #fcd100;    
}

/* Bright Yellow */
.reym-form-ctrl-solid-bright-yellow .reym-ctrl-text{
    background-color: #f6f130;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-yellow .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-yellow  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Yellow */
.reym-form-ctrl-solid-dark-yellow .reym-ctrl-text{
    background-color: #fcd100;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-yellow .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-yellow  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Light Pink */
.reym-form-ctrl-solid-light-pink .reym-ctrl-text{
    background-color: #ffd5ee;
    color: #c6066e;    
}

.reym-form-ctrl-solid-light-pink .reym-ctrl-text::placeholder{
    color: #c6066e;    
}

.reym-form-ctrl-solid-light-pink  .icon-wrapper .ctrl-send{
    color: #c6066e;    
}

/* Bright Pink */
.reym-form-ctrl-solid-bright-pink .reym-ctrl-text{
    background-color: #ff44a9;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-pink .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-pink  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Pink */
.reym-form-ctrl-solid-dark-pink .reym-ctrl-text{
    background-color: #c6066e;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-pink .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-pink  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Light Purple */
.reym-form-ctrl-solid-light-purple .reym-ctrl-text{
    background-color: #ecc0ff;
    color: #8408bb;    
}

.reym-form-ctrl-solid-light-purple .reym-ctrl-text::placeholder{
    color: #8408bb;    
}

.reym-form-ctrl-solid-light-purple  .icon-wrapper .ctrl-send{
    color: #8408bb;    
}

/* Bright Purple */
.reym-form-ctrl-solid-bright-purple .reym-ctrl-text{
    background-color: #aa09f1;
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-purple .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-bright-purple  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Dark Purple */
.reym-form-ctrl-solid-dark-purple .reym-ctrl-text{
    background-color: #8408bb;
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-purple .reym-ctrl-text::placeholder{
    color: #ffffff;    
}

.reym-form-ctrl-solid-dark-purple  .icon-wrapper .ctrl-send{
    color: #ffffff;    
}

/* Forms / Border Input */
/* Border Input / Adapted to a form */
[class*="reym-form-ctrl-border"] [class*="reym-ctrl-text"]{
    background-color: transparent;
    border: 1.5px solid #eee;
}

/* Light Black*/
.reym-form-ctrl-border-light-black .reym-ctrl-text{
    border-color: #555555;    
    color: #222222;    
}

.reym-form-ctrl-border-light-black .reym-ctrl-text::placeholder{
    color: #222222;    
}


.reym-form-ctrl-border-light-black  .icon-wrapper .ctrl-send{
    color: #222222;    
}

/* Bright Black */
.reym-form-ctrl-border-bright-black .reym-ctrl-text{
    border-color: #444444;
    color: #222222;    
}

.reym-form-ctrl-border-bright-black .reym-ctrl-text::placeholder{
    color: #222222;    
}

.reym-form-ctrl-border-bright-black  .icon-wrapper .ctrl-send{
    color: #222222;    
}

/* Dark Black */
.reym-form-ctrl-border-dark-black .reym-ctrl-text{
    border-color: #222222;
    color: #222222;    
}

.reym-form-ctrl-border-dark-black .reym-ctrl-text::placeholder{
    color: #222222;    
}

.reym-form-ctrl-border-dark-black  .icon-wrapper .ctrl-send{
    color: #222222;    
}

/* Light Silver */
.reym-form-ctrl-border-light-silver .reym-ctrl-text{
    border-color: #dcdcdc;
    color: #777777;    
}

.reym-form-ctrl-border-light-silver .reym-ctrl-text::placeholder{
    color: #777777;    
}


.reym-form-ctrl-border-light-silver  .icon-wrapper .ctrl-send{
    color: #777777;    
}

/* Bright Silver */
.reym-form-ctrl-border-bright-silver .reym-ctrl-text{
    border-color: #b1b1b1;
    color: #777777;    
}

.reym-form-ctrl-border-bright-silver .reym-ctrl-text::placeholder{
    color: #777777;    
}


.reym-form-ctrl-border-bright-silver  .icon-wrapper .ctrl-send{
    color: #777777;    
}

/* Dark Silver */
.reym-form-ctrl-border-dark-silver .reym-ctrl-text{
    border-color: #777777;
    color: #777777;    
}

.reym-form-ctrl-border-dark-silver .reym-ctrl-text::placeholder{
    color: #777777;    
}


.reym-form-ctrl-border-dark-silver  .icon-wrapper .ctrl-send{
    color: #777777;    
}

/* Light Red */
.reym-form-ctrl-border-light-red .reym-ctrl-text{
    border-color: #ffdcdc;
    color: #ce0c0c;    
}

.reym-form-ctrl-border-light-red .reym-ctrl-text::placeholder{
    color: #ce0c0c;    
}


.reym-form-ctrl-border-light-red  .icon-wrapper .ctrl-send{
    color: #ce0c0c;    
}

/* Bright Red */
.reym-form-ctrl-border-bright-red .reym-ctrl-text{
    border-color: #ff2525;
    color: #ce0c0c;    
}

.reym-form-ctrl-border-bright-red .reym-ctrl-text::placeholder{
    color: #ce0c0c;    
}

.reym-form-ctrl-border-bright-red  .icon-wrapper .ctrl-send{
    color: #ce0c0c;    
}

/* Dark Red */
.reym-form-ctrl-border-dark-red .reym-ctrl-text{
    border-color: #ce0c0c;
    color: #ce0c0c;    
}

.reym-form-ctrl-border-dark-red .reym-ctrl-text::placeholder{
    color: #ce0c0c;    
}


.reym-form-ctrl-border-dark-red  .icon-wrapper .ctrl-send{
    color: #ce0c0c;    
}

/* Light Green */
.reym-form-ctrl-border-light-green .reym-ctrl-text{
    border-color: #b8ffd1;
    color: #079754;    
}

.reym-form-ctrl-border-light-green .reym-ctrl-text::placeholder{
    color: #079754;    
}

.reym-form-ctrl-border-light-green  .icon-wrapper .ctrl-send{
    color: #079754;    
}

/* Bright Green */
.reym-form-ctrl-border-bright-green .reym-ctrl-text{
    border-color: #00de77;
    color: #079754;    
}

.reym-form-ctrl-border-bright-green .reym-ctrl-text::placeholder{
    color: #079754;    
}


.reym-form-ctrl-border-bright-green  .icon-wrapper .ctrl-send{
    color: #079754;    
}

/* Dark Green */
.reym-form-ctrl-border-dark-green .reym-ctrl-text{
    border-color: #079754;
    color: #079754;    
}

.reym-form-ctrl-border-dark-green .reym-ctrl-text::placeholder{
    color: #079754;    
}


.reym-form-ctrl-border-dark-green  .icon-wrapper .ctrl-send{
    color: #079754;    
}

/* Light Sky Blue */
.reym-form-ctrl-border-light-sky-blue .reym-ctrl-text{
    border-color: #c3f1fd;
    color: #00b2e3;    
}

.reym-form-ctrl-border-light-sky-blue .reym-ctrl-text::placeholder{
    color: #00b2e3;    
}

.reym-form-ctrl-border-light-sky-blue  .icon-wrapper .ctrl-send{
    color: #00b2e3;    
}

/* Bright Sky Blue */
.reym-form-ctrl-border-bright-sky-blue .reym-ctrl-text{
    border-color: #46d7ff;
    color: #00b2e3;    
}

.reym-form-ctrl-border-bright-sky-blue .reym-ctrl-text::placeholder{
    color: #00b2e3;    
}


.reym-form-ctrl-border-bright-sky-blue  .icon-wrapper .ctrl-send{
    color: #00b2e3;    
}

/* Dark Sky Blue */
.reym-form-ctrl-border-dark-sky-blue .reym-ctrl-text{
    border-color: #00b2e3;
    color: #00b2e3;    
}

.reym-form-ctrl-border-dark-sky-blue .reym-ctrl-text::placeholder{
    color: #00b2e3;    
}


.reym-form-ctrl-border-dark-sky-blue  .icon-wrapper .ctrl-send{
    color: #00b2e3;    
}

/* Light Royal Blue */
.reym-form-ctrl-border-light-royal-blue .reym-ctrl-text{
    border-color: #bfd7ff;
    color: #0956d8;    
}

.reym-form-ctrl-border-light-royal-blue .reym-ctrl-text::placeholder{
    color: #0956d8;    
}


.reym-form-ctrl-border-light-royal-blue  .icon-wrapper .ctrl-send{
    color: #0956d8;    
}

/* Bright Royal Blue */
.reym-form-ctrl-border-bright-royal-blue .reym-ctrl-text{
    border-color: #196eff;
    color: #0956d8;    
}

.reym-form-ctrl-border-bright-royal-blue .reym-ctrl-text::placeholder{
    color: #0956d8;    
}

.reym-form-ctrl-border-bright-royal-blue  .icon-wrapper .ctrl-send{
    color: #0956d8;    
}

/* Dark Royal Blue */
.reym-form-ctrl-border-dark-royal-blue .reym-ctrl-text{
    border-color: #0956d8;
    color: #0956d8;    
}

.reym-form-ctrl-border-dark-royal-blue .reym-ctrl-text::placeholder{
    color: #0956d8;    
}


.reym-form-ctrl-border-dark-royal-blue  .icon-wrapper .ctrl-send{
    color: #0956d8;    
}

/* Light Navy Blue */
.reym-form-ctrl-border-light-navy-blue .reym-ctrl-text{
    border-color: #c7ccee;
    color: #3a416f;    
}

.reym-form-ctrl-border-light-navy-blue .reym-ctrl-text::placeholder{
    color: #3a416f;    
}


.reym-form-ctrl-border-light-navy-blue  .icon-wrapper .ctrl-send{
    color: #3a416f;    
}

/* Bright Navy Blue */
.reym-form-ctrl-border-bright-navy-blue .reym-ctrl-text{
    border-color: #5d6ac0;
    color: #3a416f;    
}

.reym-form-ctrl-border-bright-navy-blue .reym-ctrl-text::placeholder{
    color: #3a416f;    
}

.reym-form-ctrl-border-bright-navy-blue  .icon-wrapper .ctrl-send{
    color: #3a416f;    
}

/* Dark Navy Blue */
.reym-form-ctrl-border-dark-navy-blue .reym-ctrl-text{
    border-color: #3a416f;
    color: #3a416f;    
}

.reym-form-ctrl-border-dark-navy-blue .reym-ctrl-text::placeholder{
    color: #3a416f;    
}

.reym-form-ctrl-border-dark-navy-blue  .icon-wrapper .ctrl-send{
    color: #3a416f;    
}

/* Light Orange */
.reym-form-ctrl-border-light-orange .reym-ctrl-text{
    border-color: #ffebc9;
    color: #ec7b15;    
}

.reym-form-ctrl-border-light-orange .reym-ctrl-text::placeholder{
    color: #ec7b15;    
}

.reym-form-ctrl-border-light-orange  .icon-wrapper .ctrl-send{
    color: #ec7b15;    
}

/* Bright Orange */
.reym-form-ctrl-border-bright-orange .reym-ctrl-text{
    border-color: #ffaa0f;
    color: #ec7b15;    
}

.reym-form-ctrl-border-bright-orange .reym-ctrl-text::placeholder{
    color: #ec7b15;    
}

.reym-form-ctrl-border-bright-orange  .icon-wrapper .ctrl-send{
    color: #ec7b15;    
}

/* Dark Orange */
.reym-form-ctrl-border-dark-orange .reym-ctrl-text{
    border-color: #ec7b15;
    color: #ec7b15;    
}

.reym-form-ctrl-border-dark-orange .reym-ctrl-text::placeholder{
    color: #ec7b15;    
}

.reym-form-ctrl-border-dark-orange  .icon-wrapper .ctrl-send{
    color: #ec7b15;    
}

/* Light Yellow */
.reym-form-ctrl-border-light-yellow .reym-ctrl-text{
    border-color: #fffdba;
    color: #fcd100;    
}

.reym-form-ctrl-border-light-yellow .reym-ctrl-text::placeholder{
    color: #fcd100;    
}

.reym-form-ctrl-border-light-yellow  .icon-wrapper .ctrl-send{
    color: #fcd100;    
}

/* Bright Yellow */
.reym-form-ctrl-border-bright-yellow .reym-ctrl-text{
    border-color: #f6f130;
    color: #fcd100;    
}

.reym-form-ctrl-border-bright-yellow .reym-ctrl-text::placeholder{
    color: #fcd100;    
}

.reym-form-ctrl-border-bright-yellow  .icon-wrapper .ctrl-send{
    color: #fcd100;    
}

/* Dark Yellow */
.reym-form-ctrl-border-dark-yellow .reym-ctrl-text{
    border-color: #fcd100;
    color: #fcd100;    
}

.reym-form-ctrl-border-dark-yellow .reym-ctrl-text::placeholder{
    color: #fcd100;    
}

.reym-form-ctrl-border-dark-yellow  .icon-wrapper .ctrl-send{
    color: #fcd100;    
}

/* Light Pink */
.reym-form-ctrl-border-light-pink .reym-ctrl-text{
    border-color: #ffd5ee;
    color: #c6066e;    
}

.reym-form-ctrl-border-light-pink .reym-ctrl-text::placeholder{
    color: #c6066e;    
}

.reym-form-ctrl-border-light-pink  .icon-wrapper .ctrl-send{
    color: #c6066e;    
}

/* Bright Pink */
.reym-form-ctrl-border-bright-pink .reym-ctrl-text{
    border-color: #ff44a9;
    color: #c6066e;    
}

.reym-form-ctrl-border-bright-pink .reym-ctrl-text::placeholder{
    color: #c6066e;    
}

.reym-form-ctrl-border-bright-pink  .icon-wrapper .ctrl-send{
    color: #c6066e;    
}

/* Dark Pink */
.reym-form-ctrl-border-dark-pink .reym-ctrl-text{
    border-color: #c6066e;
    color: #c6066e;    
}

.reym-form-ctrl-border-dark-pink .reym-ctrl-text::placeholder{
    color: #c6066e;    
}

.reym-form-ctrl-border-dark-pink  .icon-wrapper .ctrl-send{
    color: #c6066e;    
}

/* Light Purple */
.reym-form-ctrl-border-light-purple .reym-ctrl-text{
    border-color: #ecc0ff;
    color: #8408bb;    
}

.reym-form-ctrl-border-light-purple .reym-ctrl-text::placeholder{
    color: #8408bb;    
}

.reym-form-ctrl-border-light-purple  .icon-wrapper .ctrl-send{
    color: #8408bb;    
}

/* Bright Purple */
.reym-form-ctrl-border-bright-purple .reym-ctrl-text{
    border-color: #aa09f1;
    color: #8408bb;    
}

.reym-form-ctrl-border-bright-purple .reym-ctrl-text::placeholder{
    color: #8408bb;    
}

.reym-form-ctrl-border-bright-purple  .icon-wrapper .ctrl-send{
    color: #8408bb;    
}

/* Dark Purple */
.reym-form-ctrl-border-dark-purple .reym-ctrl-text{
    border-color: #8408bb;
    color: #8408bb;    
}

.reym-form-ctrl-border-dark-purple .reym-ctrl-text::placeholder{
    color: #8408bb;    
}

.reym-form-ctrl-border-dark-purple  .icon-wrapper .ctrl-send{
    color: #8408bb;    
}




/******************************************
******************************************
    CUSTOM COMPONENTS - FASE BETA, AUN NO SE HAN INTEGRADO 
    DE MANERA GRAFICA EN LA GUIA DEL FRAMEWORK
/*---------- Custom Radio ----------*/
/* Custom Radio 1*/
.reym-custom-radio{
    position: relative;
    display: flex;
}

.reym-custom-radio input{
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.reym-custom-radio .radio-trick .trick-wrapper{
    border:2px solid #ccc;
    background: transparent;
    width: 23px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size:  11px;
    cursor: pointer;
    margin-right: 10px;
    transition: .15s all ease-in-out;
}

.reym-custom-radio .radio-trick .trick-wrapper i{
    transform: scale(0);
    color: #196eff;    
    transition: .15s all ease-in-out;
}

.reym-custom-radio input:checked ~ .radio-trick .trick-wrapper{
    border: 2px solid #196eff;
}

.reym-custom-radio input:checked ~ .radio-trick .trick-wrapper i{
    transform: scale(1);
}

.reym-custom-radio .radio-title{
    font-family: "Roboto-300";
    color: #777777;
    transition: .15s all ease-in-out;
}

.reym-custom-radio input:checked ~ .radio-title{
    color: #196eff;
}

/*---------- Custom Checkbox ----------*/
/* Custom Checkbox 1 - Default */
.reym-custom-checkbox{
    position: relative;
    display: flex;
}

.reym-custom-checkbox input{
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.reym-custom-checkbox .checkbox-trick .trick-wrapper{
    border: 2px solid #ccc;
    background: transparent;
    width: 23px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size:  11px;
    cursor: pointer;
    margin-right: 10px;
    transition: .15s all ease-in-out;
}

.reym-custom-checkbox .checkbox-trick .trick-wrapper i{
    transform: scale(0);
    color: #196eff;    
    transition: .15s all ease-in-out;
}

.reym-custom-checkbox input:checked ~ .checkbox-trick .trick-wrapper{
    border: 2px solid #196eff;
}

.reym-custom-checkbox input:checked ~ .checkbox-trick .trick-wrapper i{
    transform: scale(1);
}

.reym-custom-checkbox .checkbox-title{
    font-family: "Roboto-300";
    color: #777777;
    transition: .15s all ease-in-out;
}

.reym-custom-checkbox input:checked ~ .checkbox-title{
    color: #196eff;
}

/* Custom Checkbox 1 - Dark Sky Blue */
.reym-custom-checkbox.custom-color-dark-sky-blue input:checked ~ .checkbox-trick .trick-wrapper{
    border: 2px solid #00b2e3;
}

.reym-custom-checkbox.custom-color-dark-sky-blue .checkbox-trick .trick-wrapper i{
    color: #00b2e3;
}

.reym-custom-checkbox.custom-color-dark-sky-blue input:checked ~ .checkbox-title{
    color: #00b2e3;
}

/* Custom Checkbox 1 - Bright Green */
.reym-custom-checkbox.custom-color-bright-green input:checked ~ .checkbox-trick .trick-wrapper{
    border: 2px solid #00de77;
}

.reym-custom-checkbox.custom-color-bright-green .checkbox-trick .trick-wrapper i{
    color: #00de77;
}

.reym-custom-checkbox.custom-color-bright-green input:checked ~ .checkbox-title{
    color: #00de77;
}

/* Custom Checkbox 1 - Circle */
.reym-custom-checkbox.circle-shape .checkbox-trick .trick-wrapper{
    border-radius: 50%;
}

/*---------- Custom Switch ----------*/
/* Custom Switch 1 - Default / Not Icon / Size Normal */
.reym-custom-switch{
    position: relative;
    display: inline-flex;
}

.reym-custom-switch input{
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.reym-custom-switch .switch-trick .trick-wrapper{
    border: 1px solid #e9ecef;
    background: rgba(58,65,111,.1);
    width: 2.5rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    border-radius: 30px;
    font-size:  11px;
    cursor: pointer;
    transition: .25s all ease-in-out;
}

.reym-custom-switch .switch-trick .trick-wrapper .trick-circle{
    background: #ffffff;
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transform: translateX(1px);
    color: rgba(25, 110, 255, .95);
    box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, .12);        
    transition: .25s all ease-in-out;
}

.reym-custom-switch  .trick-circle i{
    font-size: 8px;
    transform: scale(0);
    transition: .25s all ease-in-out;
}


.reym-custom-switch input:checked ~ .switch-trick .trick-wrapper{
    border-color: rgba(25, 110, 255, .95);
    background: rgba(25, 110, 255, .95);
}


.reym-custom-switch input:checked ~ .switch-trick .trick-wrapper .trick-circle{
    transform: translateX(21px);
}

.reym-custom-switch input:checked ~ .switch-trick .trick-circle i{
    transform: scale(1);    
}

/* Custom Switch 1 - Size Big */
.reym-custom-switch.custom-size-big .switch-trick .trick-wrapper{
    border: 1px solid #e9ecef;
    background: rgba(58,65,111,.1);
    width: 3.1rem;
    height: 1.5rem;
}

.reym-custom-switch.custom-size-big .switch-trick .trick-wrapper .trick-circle{
    background: #ffffff;
    width: 1.2rem;
    height: 1.2rem;
    transform: translateX(2px);
    box-shadow: 0 0.4125rem 0.725rem 0 rgba(0, 0, 0, .15);        
}

.reym-custom-switch.custom-size-big .trick-circle i{
    font-size: 10px;
}

.reym-custom-switch.custom-size-big input:checked ~ .switch-trick .trick-wrapper .trick-circle{
    transform: translateX(27px);
}

/* Custom Switch 1 - Size Extra Big */
.reym-custom-switch.custom-size-xbig .switch-trick .trick-wrapper{
    border: 1px solid #e9ecef;
    background: rgba(58,65,111,.1);
    width: 3.8rem;
    height: 1.8rem;
}

.reym-custom-switch.custom-size-xbig .switch-trick .trick-wrapper .trick-circle{
    background: #ffffff;
    width: 1.5rem;
    height: 1.5rem;
    transform: translateX(2px);
    box-shadow: 0 0.5125rem 0.825rem 0 rgba(0, 0, 0, .17);        

}

.reym-custom-switch.custom-size-xbig .trick-circle i{
    font-size: 12px;
}

.reym-custom-switch.custom-size-xbig input:checked ~ .switch-trick .trick-wrapper .trick-circle{
    transform: translateX(33px);
}


/* Custom Switch 1 - Color Light Green */
.reym-custom-switch.custom-color-light-green input:checked ~ .switch-trick .trick-wrapper{
    border-color: rgba(184, 255, 209, .95);
    background: rgba(184, 255, 209, .95);
}

.reym-custom-switch.custom-color-light-green .switch-trick .trick-wrapper .trick-circle{
    background: #ffffff;
    color: #ffffff;
}

.reym-custom-switch.custom-color-light-green input:checked ~ .switch-trick .trick-circle{
    background: rgba(0, 222, 119, .95);
}

/* Custom Switch 1 - Color Bright Green */
.reym-custom-switch.custom-color-bright-green input:checked ~ .switch-trick .trick-wrapper{
    border-color: rgba(0, 222, 119, .95);
    background: rgba(0, 222, 119, .95);
}

.reym-custom-switch.custom-color-bright-green .switch-trick .trick-wrapper .trick-circle{
    color: rgba(0, 222, 119, .95);
}


/* Custom Switch 1 - Color Dark Navy Blue */
.reym-custom-switch.custom-color-dark-navy-blue input:checked ~ .switch-trick .trick-wrapper{
    border-color: rgba(58, 65, 111, .95);
    background: rgba(58, 65, 111, .95);
}

.reym-custom-switch.custom-color-dark-navy-blue .switch-trick .trick-wrapper .trick-circle{
    color: rgba(58, 65, 111, .95);
}

/* Custom Switch 1 - Color Dark Navy Blue */
.reym-custom-switch.custom-color-blue-steren input:checked ~ .switch-trick .trick-wrapper {
    background: -webkit-linear-gradient(to right, rgba(0, 178, 226, 1), rgba(0, 178, 225, 1));
    background: linear-gradient(to right, rgba(0, 178, 226, 1), rgba(0, 178, 225, 1));
    border-color: rgba(0, 178, 226, 0.85);
}
.reym-custom-switch.custom-color-blue-steren .switch-trick .trick-wrapper .trick-circle {
    color: rgba(0, 178, 226, 0.85);
}


/* Custom Switch 2 - Default*/
.reym-custom-tab-switch{
    position: relative;
    display: inline-flex;
}

.reym-custom-tab-switch input{
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.reym-custom-tab-switch .switch-trick .trick-wrapper{
    background: transparent;
    width: auto;
    height: auto;
    display: flex;
    padding: 0px;
    align-items: center;
    border-radius: 30px;
    cursor: pointer;
    transition: .25s all ease-in-out;
}

.reym-custom-tab-switch .switch-trick .trick-wrapper .action-option{
    z-index: 1;
    background: transparent;
    padding: 6px 15px 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b1b1b1;
    font-size:  11px;
    transform: translateX(1px);
    transition: .25s all ease-in-out;
}

.reym-custom-tab-switch .moving-tab{
    z-index: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0px, 0px, 0px);;    
    width: 100%;
    height: 100%;
    opacity: 1;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, .15);
    transition: .45s all ease-in-out;
}

.reym-custom-tab-switch.turn-off .switch-trick [data-ctrl="turn-off-btn"]{
    color: rgba(25, 110, 255, .95);
}

.reym-custom-tab-switch.turn-on .switch-trick [data-ctrl="turn-on-btn"]{
    color: rgba(25, 110, 255, .95);
}

/* Custom Switch 2 - Size Big */
.reym-custom-tab-switch.custom-size-big .switch-trick .trick-wrapper .action-option{
    padding: 8px 20px 8px;
    font-size: 13px;
}

/* Custom Switch 2 - Size Extra Big */
.reym-custom-tab-switch.custom-size-xbig .switch-trick .trick-wrapper .action-option{
    padding: 10px 25px 10px;
    font-size: 15px;
}

/* Custom Switch 2 - Color Light Red / Light Green*/
.reym-custom-tab-switch.custom-color-light-red-and-light-green.turn-off .switch-trick [data-ctrl="turn-off-btn"]{
    color: #ff2525;
}

.reym-custom-tab-switch.custom-color-light-red-and-light-green.turn-on .switch-trick [data-ctrl="turn-on-btn"]{
    color: #00de77;
}

/* Custom Switch 2 - Bg Light Red / Light Green*/
.reym-custom-tab-switch.custom-bg-light-red-and-light-green.turn-off .switch-trick [data-ctrl="turn-off-btn"]{
    color: #ce0c0c;
}

.reym-custom-tab-switch.custom-bg-light-red-and-light-green.turn-on .switch-trick [data-ctrl="turn-on-btn"]{
    color: #079754;
}

.reym-custom-tab-switch.custom-bg-light-red-and-light-green .moving-tab{
    box-shadow: none;
}

.reym-custom-tab-switch.custom-bg-light-red-and-light-green.turn-off .moving-tab{
    background: #ffdcdc;
}

.reym-custom-tab-switch.custom-bg-light-red-and-light-green.turn-on .moving-tab{
    background: #b8ffd1;
}

/* Custom Switch 2 - Color Dark Sky Blue*/
.reym-custom-tab-switch.custom-color-dark-sky-blue.turn-off .switch-trick [data-ctrl="turn-off-btn"]{
    color: #00b2e3;
}

.reym-custom-tab-switch.custom-color-dark-sky-blue.turn-on .switch-trick [data-ctrl="turn-on-btn"]{
    color: #00b2e3;
}

/* Custom Switch 2 - Color Same Dark Navy Blue*/
.reym-custom-tab-switch.custom-same-color-dark-navy-blue .switch-trick [data-ctrl="turn-off-btn"]{
    color: #3a416f;
}

.reym-custom-tab-switch.custom-same-color-dark-navy-blue .switch-trick [data-ctrl="turn-on-btn"]{
    color: #3a416f;
}

/* Custom Switch 2 - Color Same Dark Black*/
.reym-custom-tab-switch.custom-same-color-dark-black .switch-trick [data-ctrl="turn-off-btn"]{
    color: #222222;
}

.reym-custom-tab-switch.custom-same-color-dark-black .switch-trick [data-ctrl="turn-on-btn"]{
    color: #222222;
}










/********** UTILITIES **********/
/* Font / Size -------------------- */
.reym-f-size-xxsmall{
    font-size: 6px;
}

.reym-f-size-xsmall{
    font-size: 10px;
}

.reym-f-size-small {
    font-size: 13px;
}

.reym-f-size-normal {
    font-size: 16px;
}

.reym-f-size-big {
    font-size: 20px;
}

.reym-f-size-xbig {
    font-size: 25px;
}

.reym-f-size-xxbig {
    font-size: 33px;
}

.reym-f-size-xxxbig {
    font-size: 42px;
}

/* Font / Weight -------------------- */
.reym-f-weight-100 {
    font-family: "Roboto-100";
}

.reym-f-weight-200 {
    font-family: "Roboto-200";
}

.reym-f-weight-300 {
    font-family: "Roboto-300";
}

.reym-f-weight-400 {
    font-family: "Roboto-400";
}

.reym-f-weight-500 {
    font-family: "Roboto-500";
}

/* Colors -------------------- */
/* Colors  / White*/
.reym-color-white {
    color: #fff;
}

/* Colors / Black */
.reym-color-light-black {
    color: #555555;
}

.reym-color-bright-black {
    color: #444444;
}

.reym-color-dark-black {
    color: #222222;
}

/* Colors / Silver */
.reym-color-light-silver {
    color: #dcdcdc;
}

.reym-color-bright-silver {
    color: #b1b1b1;
}

.reym-color-dark-silver {
    color: #777777;
}

/* Colors / Red */
.reym-color-light-red {
    color: #ffdcdc;
}

.reym-color-bright-red {
    color: #ff2525;
}

.reym-color-dark-red {
    color: #ce0c0c;
}

/* Colors / Green */
.reym-color-light-green {
    color: #b8ffd1;
}

.reym-color-bright-green {
    color: #00de77;
}

.reym-color-dark-green {
    color: #079754;
}

/* Colors / Sky Blue */
.reym-color-light-sky-blue {
    color: #c3f1fd;
}

.reym-color-bright-sky-blue {
    color: #46d7ff;
}

.reym-color-dark-sky-blue {
    color: #00b2e3;
}

/* Colors / Royal Blue */

.reym-color-light-royal-blue {
    color: #bfd7ff;
}

.reym-color-bright-royal-blue {
    color: #196eff;
}

.reym-color-dark-royal-blue {
    color: #0956d8;
}

/* Colors / Navy Blue */
.reym-color-light-navy-blue {
    color: #c7ccee;
}

.reym-color-bright-navy-blue {
    color: #5d6ac0;
}

.reym-color-dark-navy-blue {
    color: #3a416f;
}

/* Colors /  Orange */
.reym-color-light-orange{
    color: #ffebc9;
}

.reym-color-bright-orange{
    color: #ffaa0f;
}

.reym-color-dark-orange{
    color:  #ec7b15;
}

/* Colors / Yellow */
.reym-color-light-yellow{
    color: #fffdba;
}

.reym-color-bright-yellow{
    color: #f6f130;
}

.reym-color-dark-yellow{
    color: #fcd100;
}

/* Colors / Pink */
.reym-color-light-pink{
    color: #ffd5ee;
}

.reym-color-bright-pink{
    color: #ff44a9;
}

.reym-color-dark-pink{
    color: #c6066e;
}

/* Colors / Purple */
.reym-color-light-purple{
    color: #ecc0ff;
}

.reym-color-bright-purple{
    color: #aa09f1;
}

.reym-color-dark-purple{
    color: #8408bb;
}

/* Backgrounds -------------------- */
/* Backgrounds / White*/
.reym-bg-white {
    background-color: #fff;
}

/* Backgrounds / Black */
.reym-bg-light-black {
    background-color: #555555;
}

.reym-bg-bright-black {
    background-color: #444444;
}

.reym-bg-dark-black {
    background-color: #222222;
}

/* Backgrounds / Silver */
.reym-bg-light-silver {
    background-color: #dcdcdc;
}

.reym-bg-bright-silver {
    background-color: #b1b1b1;
}

.reym-bg-dark-silver {
    background-color: #777777;
}

/* Backgrounds / Red */
.reym-bg-light-red {
    background-color: #ffdcdc;
}

.reym-bg-bright-red {
    background-color: #ff2525;
}

.reym-bg-dark-red {
    background-color: #ce0c0c;
}

/* Backgrounds / Green */
.reym-bg-light-green {
    background-color: #b8ffd1;
}

.reym-bg-bright-green {
    background-color: #00de77;
}

.reym-bg-dark-green {
    background-color: #079754;
}

/* Backgrounds / Sky Blue */
.reym-bg-light-sky-blue {
    background-color: #c3f1fd;
}

.reym-bg-bright-sky-blue {
    background-color: #46d7ff;
}

.reym-bg-dark-sky-blue {
    background-color: #00b2e3;
}

/* Backgrounds / Royal Blue */

.reym-bg-light-royal-blue {
    background-color: #bfd7ff;
}

.reym-bg-bright-royal-blue {
    background-color: #196eff;
}

.reym-bg-dark-royal-blue {
    background-color: #0956d8;
}

/* Backgrounds / Navy Blue */
.reym-bg-light-navy-blue {
    background-color: #c7ccee;
}

.reym-bg-bright-navy-blue {
    background-color: #5d6ac0;
}

.reym-bg-dark-navy-blue {
    background-color: #3a416f;
}

/* Backgrounds /  Orange */
.reym-bg-light-orange{
    background-color: #ffebc9;
}

.reym-bg-bright-orange{
    background-color: #ffaa0f;
}

.reym-bg-dark-orange{
    background-color:  #ec7b15;
}

/* Backgrounds / Yellow */
.reym-bg-light-yellow{
    background-color: #fffdba;
}

.reym-bg-bright-yellow{
    background-color: #f6f130;
}

.reym-bg-dark-yellow{
    background-color: #fcd100;
}

/* Backgrounds / Pink */
.reym-bg-light-pink{
    background-color: #ffd5ee;
}

.reym-bg-bright-pink{
    background-color: #ff44a9;
}

.reym-bg-dark-pink{
    background-color: #c6066e;
}

/* Backgrounds / Purple */
.reym-bg-light-purple{
    background-color: #ecc0ff;
}

.reym-bg-bright-purple{
    background-color: #aa09f1;
}

.reym-bg-dark-purple{
    background-color: #8408bb;
}

/* Box-Shadow */
/* Init Style */
.reym-b-shadow-none {
    box-shadow: none !important;
}

.reym-b-shadow-hover-none:hover {
    box-shadow: none !important;
}

.reym-b-shadow-focus-none:focus {
    box-shadow: none !important;
}

.reym-b-shadow-active-none:active {
    box-shadow: none !important;
}

/* Global Style Alias */
.reym-b-shadow{
    box-shadow: 0 5px 25px -5px rgba(0,0,0,.25);
}

/* Box-Shadow / Smooth */
.reym-b-shadow-smooth-5 {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .075);
}

.reym-b-shadow-smooth-10 {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .075);
}

.reym-b-shadow-smooth-15 {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .075);
}

.reym-b-shadow-smooth-20 {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .075);
}

.reym-b-shadow-smooth-25 {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .075);
}

.reym-b-shadow-smooth-30 {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .075);
}

.reym-b-shadow-smooth-35 {
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, .075);
}

.reym-b-shadow-smooth-40 {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .075);
}

.reym-b-shadow-smooth-45 {
    box-shadow: 0 0 45px 0 rgba(0, 0, 0, .075);
}

.reym-b-shadow-smooth-50 {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .075);
}

/* Box-Shadow / Deep */
.reym-b-shadow-deep-5 {
    box-shadow:  0 0px 5px 0px rgba(0, 0, 0, .1);
}

.reym-b-shadow-deep-10 {
    box-shadow:  0 1px 10px -5px rgba(0, 0, 0, .2);
}

.reym-b-shadow-deep-15 {
    box-shadow:  0 2px 15px -6px rgba(0, 0, 0, .2);
}

.reym-b-shadow-deep-20 {
    box-shadow:  0 4px 20px -8px rgba(0, 0, 0, .2);
}

.reym-b-shadow-deep-25 {
    box-shadow:  0 6px 25px -10px rgba(0, 0, 0, .3);
}

.reym-b-shadow-deep-30 {
    box-shadow:  0 8px 30px -12px rgba(0, 0, 0, .3);
}

.reym-b-shadow-deep-35 {
    box-shadow:  0 10px 35px -14px rgba(0, 0, 0, .3);
}

.reym-b-shadow-deep-40 {
    box-shadow:  0 12px 40px -16px rgba(0, 0, 0, .3);
}

.reym-b-shadow-deep-45 {
    box-shadow:  0 14px 45px -18px rgba(0, 0, 0, .3);
}

.reym-b-shadow-deep-50 {
    box-shadow:  0 16px 50px -20px rgba(0, 0, 0, .4);
}

/***** Box-Shadow / Colors *****/

/* Box-Shadow / Black */
.reym-b-shadow-light-black{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .3);
}

.reym-b-shadow-bright-black{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .4);    
}

.reym-b-shadow-dark-black{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .5);
}

/* Box-Shadow / Silver */
.reym-b-shadow-light-silver{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .3);
}

.reym-b-shadow-bright-silver{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .4);
}

.reym-b-shadow-dark-silver{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .5);
}

/* Box-Shadow / Red */
.reym-b-shadow-light-red{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .3);
}

.reym-b-shadow-bright-red{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .4);    
}

.reym-b-shadow-dark-red{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .5);
}

/* Box-Shadow / Green */
.reym-b-shadow-light-green{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .3);
}

.reym-b-shadow-bright-green{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .4);
}

.reym-b-shadow-dark-green{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .5);
}

/* Box-Shadow / Sky Blue */
.reym-b-shadow-light-sky-blue{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .3);
}

.reym-b-shadow-bright-sky-blue{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .4);
}

.reym-b-shadow-dark-sky-blue{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .5);
}

/* Box-Shadow / Royal Blue */

.reym-b-shadow-light-royal-blue{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .3);
}

.reym-b-shadow-bright-royal-blue{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .4);
}

.reym-b-shadow-dark-royal-blue{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .5);
}

/* Box-Shadow / Navy Blue */
.reym-b-shadow-light-navy-blue{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .3) ;
}

.reym-b-shadow-bright-navy-blue{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .4);    
}

.reym-b-shadow-dark-navy-blue{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .5);    
}

/*  Box-Shadow / Orange */
.reym-b-shadow-light-orange{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .3);
}

.reym-b-shadow-bright-orange{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .4);
}

.reym-b-shadow-dark-orange{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .5);
}

/* Box-Shadow / Yellow */
.reym-b-shadow-light-yellow{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .3);
}

.reym-b-shadow-bright-yellow{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .4);    
}

.reym-b-shadow-dark-yellow{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .5);    
}

/* Box-Shadow / Pink */
.reym-b-shadow-light-pink{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .3);
}

.reym-b-shadow-bright-pink{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .4);
}

.reym-b-shadow-dark-pink{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .5);
}

/* Box-Shadow / Purple */
.reym-b-shadow-light-purple{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .3)
}

.reym-b-shadow-bright-purple{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .4)
}

.reym-b-shadow-dark-purple{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .5)
}

/***** Box-Shadow Colors / Pseudo clases *****/
/* Box-Shadow Colors / Hover, Focus, Active */
/* Global Style Alias */
[class*="reym-b-shadow-focus"]:focus,
[class*="reym-b-shadow-hover"]:hover,
[class*="reym-b-shadow-active"]:active{
    box-shadow: 0 5px 25px -5px rgba(0,0,0,.25);
}

/* Black */
.reym-b-shadow-focus-light-black:focus,
.reym-b-shadow-hover-light-black:hover,
.reym-b-shadow-active-light-black:active{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .3);
}

.reym-b-shadow-focus-bright-black:focus,
.reym-b-shadow-hover-bright-black:hover,
.reym-b-shadow-active-bright-black:active{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .4);    
}

.reym-b-shadow-focus-dark-black:focus,
.reym-b-shadow-hover-dark-black:hover,
.reym-b-shadow-active-dark-black:active{
    box-shadow: 0 8px 30px -4px rgba(34, 34, 34, .5);
}

/* Silver */
.reym-b-shadow-focus-light-silver:focus,
.reym-b-shadow-hover-light-silver:hover,
.reym-b-shadow-active-light-silver:active{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .3);
}

.reym-b-shadow-focus-bright-silver:focus,
.reym-b-shadow-hover-bright-silver:hover,
.reym-b-shadow-active-bright-silver:active{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .4);
}

.reym-b-shadow-focus-dark-silver:focus,
.reym-b-shadow-hover-dark-silver:hover,
.reym-b-shadow-active-dark-silver:active{
    box-shadow: 0 8px 30px -4px rgba(119, 119, 119, .5);
}

/* Red */
.reym-b-shadow-focus-light-red:focus,
.reym-b-shadow-hover-light-red:hover,
.reym-b-shadow-active-light-red:active{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .3);
}

.reym-b-shadow-focus-bright-red:focus,
.reym-b-shadow-hover-bright-red:hover,
.reym-b-shadow-active-bright-red:active{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .4);    
}

.reym-b-shadow-focus-dark-red:focus,
.reym-b-shadow-hover-dark-red:hover,
.reym-b-shadow-active-dark-red:active{
    box-shadow: 0 8px 30px -4px rgba(206, 12, 12, .5);
}

/* Green */
.reym-b-shadow-focus-light-green:focus,
.reym-b-shadow-hover-light-green:hover,
.reym-b-shadow-active-light-green:active{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .3);
}

.reym-b-shadow-focus-bright-green:focus,
.reym-b-shadow-hover-bright-green:hover,
.reym-b-shadow-active-bright-green:active{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .4);
}

.reym-b-shadow-focus-dark-green:focus,
.reym-b-shadow-hover-dark-green:hover,
.reym-b-shadow-active-dark-green:active{
    box-shadow: 0 8px 30px -4px rgba(7, 151, 84, .5);
}

/* Sky Blue */
.reym-b-shadow-focus-light-sky-blue:focus,
.reym-b-shadow-hover-light-sky-blue:hover,
.reym-b-shadow-active-light-sky-blue:active{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .3);
}

.reym-b-shadow-focus-bright-sky-blue:focus,
.reym-b-shadow-hover-bright-sky-blue:hover,
.reym-b-shadow-active-bright-sky-blue:active{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .4);
}

.reym-b-shadow-focus-dark-sky-blue:focus,
.reym-b-shadow-hover-dark-sky-blue:hover,
.reym-b-shadow-active-dark-sky-blue:active{
    box-shadow: 0 8px 30px -4px rgba(0, 178, 227, .5);
}

/* Royal Blue */
.reym-b-shadow-focus-light-royal-blue:focus,
.reym-b-shadow-hover-light-royal-blue:hover,
.reym-b-shadow-focus-light-royal-blue:focus{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .3);
}

.reym-b-shadow-focus-bright-royal-blue:focus,
.reym-b-shadow-hover-bright-royal-blue:hover,
.reym-b-shadow-active-bright-royal-blue:active{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .4);
}

.reym-b-shadow-focus-dark-royal-blue:focus,
.reym-b-shadow-hover-dark-royal-blue:hover,
.reym-b-shadow-active-dark-royal-blue:active{
    box-shadow: 0 8px 30px -4px rgba(9, 86, 216, .5);
}

/* Navy Blue */
.reym-b-shadow-focus-light-navy-blue:focus,
.reym-b-shadow-hover-light-navy-blue:hover,
.reym-b-shadow-active-light-navy-blue:active{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .3);
}

.reym-b-shadow-focus-bright-navy-blue:focus,
.reym-b-shadow-hover-bright-navy-blue:hover,
.reym-b-shadow-active-bright-navy-blue:active{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .4);    
}

.reym-b-shadow-focus-dark-navy-blue:focus,
.reym-b-shadow-hover-dark-navy-blue:hover,
.reym-b-shadow-active-dark-navy-blue:active{
    box-shadow: 0 8px 30px -4px rgba(58, 65, 111, .5);    
}

/*  Orange */
.reym-b-shadow-focus-light-orange:focus,
.reym-b-shadow-hover-light-orange:hover,
.reym-b-shadow-active-light-orange:active{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .3);
}

.reym-b-shadow-focus-bright-orange:focus,
.reym-b-shadow-hover-bright-orange:hover,
.reym-b-shadow-active-bright-orange:active{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .4);
}

.reym-b-shadow-focus-dark-orange:focus,
.reym-b-shadow-hover-dark-orange:hover,
.reym-b-shadow-active-dark-orange:active{
    box-shadow: 0 8px 30px -4px rgba(236, 123, 21, .5);
}

/* Yellow */
.reym-b-shadow-focus-light-yellow:focus,
.reym-b-shadow-hover-light-yellow:hover,
.reym-b-shadow-active-light-yellow:active{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .3);
}

.reym-b-shadow-focus-bright-yellow:focus,
.reym-b-shadow-hover-bright-yellow:hover,
.reym-b-shadow-active-bright-yellow:active{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .4);    
}

.reym-b-shadow-focus-dark-yellow:focus,
.reym-b-shadow-hover-dark-yellow:hover,
.reym-b-shadow-active-dark-yellow:active{
    box-shadow: 0 8px 30px -4px rgba(252, 209, 0, .5);    
}

/* Pink */
.reym-b-shadow-focus-light-pink:focus,
.reym-b-shadow-hover-light-pink:hover,
.reym-b-shadow-active-light-pink:active{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .3);
}

.reym-b-shadow-focus-bright-pink:focus,
.reym-b-shadow-hover-bright-pink:hover,
.reym-b-shadow-active-bright-pink:active{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .4);
}

.reym-b-shadow-focus-dark-pink:focus,
.reym-b-shadow-hover-dark-pink:hover,
.reym-b-shadow-active-dark-pink:active{
    box-shadow: 0 8px 30px -4px rgba(198, 6, 110, .5);
}

/* Purple */
.reym-b-shadow-focus-light-purple:focus,
.reym-b-shadow-hover-light-purple:hover,
.reym-b-shadow-active-light-purple:active{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .3)
}

.reym-b-shadow-focus-bright-purple:focus,
.reym-b-shadow-hover-bright-purple:hover,
.reym-b-shadow-active-bright-purple:active{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .4)
}

.reym-b-shadow-focus-dark-purple:focus,
.reym-b-shadow-hover-dark-purple:hover,
.reym-b-shadow-active-dark-purple:active{
    box-shadow: 0 8px 30px -4px rgba(132, 8, 187, .5)
}

/* Overflow */
.reym-ovflow-hidden{
    overflow: hidden;
}

.reym-ovflow-x {
    overflow-x: auto;
}

.reym-ovflow-y {
    overflow-y: auto;
}

.reym-ovflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* Border / Top - Button - Left - Right */
.reym-border-none {
    border: none;
}

.reym-border-1{
    border: 1px solid #eee;
}

.reym-border-2{
    border: 2px solid #eee;   
}

.reym-border-3{
    border: 3px solid #eee;    
}

.reym-border-4{
    border: 4px solid #eee;    
}

.reym-border-5{
    border: 5px solid #eee;    
}

.reym-border-t-1 {
    border-top: 1px solid #eee;
}

.reym-border-t-2 {
    border-top: 2px solid #eee;
}

.reym-border-t-3 {
    border-top: 3px solid #eee;
}

.reym-border-t-4 {
    border-top: 4px solid #eee;
}

.reym-border-t-5 {
    border-top: 5px solid #eee;
}

.reym-border-b-1 {
    border-bottom: 1px solid #eee;
}

.reym-border-b-2 {
    border-bottom: 2px solid #eee;
}

.reym-border-b-3 {
    border-bottom: 3px solid #eee;
}

.reym-border-b-4 {
    border-bottom: 4px solid #eee;
}

.reym-border-b-5 {
    border-bottom: 5px solid #eee;
}

.reym-border-l-1 {
    border-left: 1px solid #eee;
}

.reym-border-l-2 {
    border-left: 2px solid #eee;
}

.reym-border-l-3 {
    border-left: 3px solid #eee;
}

.reym-border-l-4 {
    border-left: 4px solid #eee;
}

.reym-border-l-5 {
    border-left: 5px solid #eee;
}

.reym-border-r-1 {
    border-right: 1px solid #eee;
}

.reym-border-r-2 {
    border-right: 2px solid #eee;
}

.reym-border-r-3 {
    border-right: 3px solid #eee;
}

.reym-border-r-4 {
    border-right: 4px solid #eee;
}

.reym-border-r-5 {
    border-right: 5px solid #eee;
}

/* Border Color */
/* Border Color / Transparent */
.reym-border-c-transparent{
    border-color: transparent;
}

/* Border Color / White */
.reym-border-c-white {
    border-color: #fff;
}

/* Border Color / Black */
.reym-border-c-light-black {
    border-color: #555555;
}

.reym-border-c-bright-black {
    border-color: #444444;
}

.reym-border-c-dark-black {
    border-color: #222222;
}

/* Border Color / Silver */
.reym-border-c-light-silver {
    border-color: #dcdcdc;
}

.reym-border-c-bright-silver {
    border-color: #b1b1b1;
}

.reym-border-c-dark-silver {
    border-color: #777777;
}

/* Border Color / Red */
.reym-border-c-light-red {
    border-color: #ffdcdc;
}

.reym-border-c-bright-red {
    border-color: #ff2525;
}

.reym-border-c-dark-red {
    border-color: #ce0c0c;
}

/* Border Color / Green */
.reym-border-c-light-green {
    border-color: #b8ffd1;
}

.reym-border-c-bright-green {
    border-color: #00de77;
}

.reym-border-c-dark-green {
    border-color: #079754;
}

/* Border Color / Sky Blue */
.reym-border-c-light-sky-blue {
    border-color: #c3f1fd;
}

.reym-border-c-bright-sky-blue {
    border-color: #46d7ff;
}

.reym-border-c-dark-sky-blue {
    border-color: #00b2e3;
}

/* Border Color / Royal Blue */

.reym-border-c-light-royal-blue {
    border-color: #bfd7ff;
}

.reym-border-c-bright-royal-blue {
    border-color: #196eff;
}

.reym-border-c-dark-royal-blue {
    border-color: #0956d8;
}

/* Border Color / Navy Blue */
.reym-border-c-light-navy-blue {
    border-color: #c7ccee;
}

.reym-border-c-bright-navy-blue {
    border-color: #5d6ac0;
}

.reym-border-c-dark-navy-blue {
    border-color: #3a416f;
}

/* Border Color /  Orange */
.reym-border-c-light-orange{
    border-color: #ffebc9;
}

.reym-border-c-bright-orange{
    border-color: #ffaa0f;
}

.reym-border-c-dark-orange{
    border-color:  #ec7b15;
}

/* Border Color / Yellow */
.reym-border-c-light-yellow{
    border-color: #fffdba;
}

.reym-border-c-bright-yellow{
    border-color: #f6f130;
}

.reym-border-c-dark-yellow{
    border-color: #fcd100;
}

/* Border Color / Pink */
.reym-border-c-light-pink{
    border-color: #ffd5ee;
}

.reym-border-c-bright-pink{
    border-color: #ff44a9;
}

.reym-border-c-dark-pink{
    border-color: #c6066e;
}

/* Border Color / Purple */
.reym-border-c-light-purple{
    border-color: #ecc0ff;
}

.reym-border-c-bright-purple{
    border-color: #aa09f1;
}

.reym-border-c-dark-purple{
    border-color: #8408bb;
}



/* Border / Radius */
.reym-b-radius-0 {
    border-radius: 0px !important;
}

.reym-b-radius-3 {
    border-radius: 3px;
}

.reym-b-radius-5 {
    border-radius: 5px;
}

.reym-b-radius-10 {
    border-radius: 10px;
}

.reym-b-radius-15 {
    border-radius: 15px;
}

.reym-b-radius-20 {
    border-radius: 20px;
}

.reym-b-radius-25 {
    border-radius: 25px;
}

.reym-b-radius-30 {
    border-radius: 30px;
}

.reym-b-radius-35 {
    border-radius: 35px;
}

.reym-b-radius-40 {
    border-radius: 40px;
}

.reym-b-radius-45 {
    border-radius: 45px;
}

.reym-b-radius-50 {
    border-radius: 50px;
}

.reym-b-radius-100 {
    border-radius: 100px;
}

.reym-b-radius-circle {
    border-radius: 50%;
}


/* Paddings -------------------- */
/* Paddings / General */
.reym-padding-0 {
    padding: 0 !important;
}

.reym-padding-3 {
    padding: 3px;
}

.reym-padding-5{
    padding: 5px;
}

.reym-padding-10 {
    padding: 10px;
}

.reym-padding-15 {
    padding: 15px;
}

.reym-padding-20 {
    padding: 20px;
}

.reym-padding-25 {
    padding: 25px;
}

.reym-padding-30 {
    padding: 30px;
}

.reym-padding-35 {
    padding: 35px;
}

.reym-padding-40 {
    padding: 40px;
}

.reym-padding-45 {
    padding: 45px;
}

.reym-padding-50 {
    padding: 50px;
}

.reym-padding-55 {
    padding: 55px;
}

.reym-padding-60 {
    padding: 60px;
}

.reym-padding-65 {
    padding: 65px;
}

.reym-padding-70 {
    padding: 70px;
}

.reym-padding-75 {
    padding: 75px;
}

.reym-padding-80 {
    padding: 80px;
}

/* Paddings / Top */
.reym-padding-t-0 {
    padding-top: 0;
}

.reym-padding-t-5 {
    padding-top: 5px;
}

.reym-padding-t-10 {
    padding-top: 10px;
}

.reym-padding-t-15 {
    padding-top: 15px;
}

.reym-padding-t-20 {
    padding-top: 20px;
}

.reym-padding-t-25 {
    padding-top: 25px;
}

.reym-padding-t-30 {
    padding-top: 30px;
}

.reym-padding-t-35 {
    padding-top: 35px;
}

.reym-padding-t-40 {
    padding-top: 40px;
}

.reym-padding-t-45 {
    padding-top: 45px;
}

.reym-padding-t-50 {
    padding-top: 50px;
}

/* Paddings / Bottom */
.reym-padding-b-0 {
    padding-bottom: 0;
}

.reym-padding-b-5 {
    padding-bottom: 5px;
}

.reym-padding-b-10 {
    padding-bottom: 10px;
}

.reym-padding-b-15 {
    padding-bottom: 15px;
}

.reym-padding-b-20 {
    padding-bottom: 20px;
}

.reym-padding-b-25 {
    padding-bottom: 25px;
}

.reym-padding-b-30 {
    padding-bottom: 30px;
}

.reym-padding-b-35 {
    padding-bottom: 35px;
}

.reym-padding-b-40 {
    padding-bottom: 40px;
}

.reym-padding-b-45 {
    padding-bottom: 45px;
}

.reym-padding-b-50 {
    padding-bottom: 50px;
}

/* Paddings / Left */
.reym-padding-l-0{
    padding-left: 0;
}

.reym-padding-l-5 {
    padding-left: 5px;
}

.reym-padding-l-10 {
    padding-left: 10px;
}

.reym-padding-l-15 {
    padding-left: 15px;
}

.reym-padding-l-20 {
    padding-left: 20px;
}

.reym-padding-l-25 {
    padding-left: 25px;
}

.reym-padding-l-30 {
    padding-left: 30px;
}

.reym-padding-l-35 {
    padding-left: 35px;
}

.reym-padding-l-40 {
    padding-left: 40px;
}

.reym-padding-l-45 {
    padding-left: 45px;
}

.reym-padding-l-50 {
    padding-left: 50px;
}

/* Paddings / Right */
.reym-padding-r-0 {
    padding-right: 0;
}

.reym-padding-r-5 {
    padding-right: 5px;
}

.reym-padding-r-10 {
    padding-right: 10px;
}

.reym-padding-r-15 {
    padding-right: 15px;
}

.reym-padding-r-20 {
    padding-right: 20px;
}

.reym-padding-r-25 {
    padding-right: 25px;
}

.reym-padding-r-30 {
    padding-right: 30px;
}

.reym-padding-r-35 {
    padding-right: 35px;
}

.reym-padding-r-40 {
    padding-right: 40px;
}

.reym-padding-r-45 {
    padding-right: 45px;
}

.reym-padding-r-50 {
    padding-right: 50px;
}

/* Margins -------------------- */
/* Margins / Geneal */
.reym-margin-0-auto{
    margin: 0 auto !important;
}

.reym-margin-0 {
    margin: 0 !important;
}

.reym-margin-3 {
    margin: 3px;
}

.reym-margin-5{
    margin: 5px;
}

.reym-margin-10 {
    margin: 10px;
}

.reym-margin-15 {
    margin: 15px;
}

.reym-margin-20 {
    margin: 20px;
}

.reym-margin-25 {
    margin: 25px;
}

.reym-margin-30 {
    margin: 30px;
}

.reym-margin-35 {
    margin: 35px;
}

.reym-margin-40 {
    margin: 40px;
}

.reym-margin-45 {
    margin: 45px;
}

.reym-margin-50 {
    margin: 50px;
}

.reym-margin-55 {
    margin: 55px;
}

.reym-margin-60 {
    margin: 60px;
}

.reym-margin-65 {
    margin: 65px;
}

.reym-margin-70 {
    margin: 70px;
}

.reym-margin-75 {
    margin: 75px;
}

.reym-margin-80 {
    margin: 80px;
}

/* Margins / Top */
.reym-margin-t-5 {
    margin-top: 5px;
}

.reym-margin-t-10 {
    margin-top: 10px;
}

.reym-margin-t-15 {
    margin-top: 15px;
}

.reym-margin-t-20 {
    margin-top: 20px;
}

.reym-margin-t-25 {
    margin-top: 25px;
}

.reym-margin-t-30 {
    margin-top: 30px;
}

.reym-margin-t-35 {
    margin-top: 35px;
}

.reym-margin-t-40 {
    margin-top: 40px;
}

.reym-margin-t-45 {
    margin-top: 45px;
}

.reym-margin-t-50 {
    margin-top: 50px;
}

.reym-margin-t-55 {
    margin-top: 55px;
}

.reym-margin-t-60 {
    margin-top: 60px;
}

.reym-margin-t-65 {
    margin-top: 50px;
}

.reym-margin-t-70 {
    margin-top: 70px;
}

.reym-margin-t-75 {
    margin-top: 75px;
}

.reym-margin-t-80 {
    margin-top: 80px;
}

/* Margins / Bottom */
.reym-margin-b-5 {
    margin-bottom: 5px;
}

.reym-margin-b-10 {
    margin-bottom: 10px;
}

.reym-margin-b-15 {
    margin-bottom: 15px;
}

.reym-margin-b-20 {
    margin-bottom: 20px;
}

.reym-margin-b-25 {
    margin-bottom: 25px;
}

.reym-margin-b-30 {
    margin-bottom: 30px;
}

.reym-margin-b-35 {
    margin-bottom: 35px;
}

.reym-margin-b-40 {
    margin-bottom: 40px;
}

.reym-margin-b-45 {
    margin-bottom: 45px;
}

.reym-margin-b-50 {
    margin-bottom: 50px;
}

.reym-margin-b-55 {
    margin-bottom: 55px;
}

.reym-margin-b-60 {
    margin-bottom: 60px;
}

.reym-margin-b-65 {
    margin-bottom: 65px;
}

.reym-margin-b-70 {
    margin-bottom: 70px;
}

.reym-margin-b-75 {
    margin-bottom: 75px;
}

.reym-margin-b-80 {
    margin-bottom: 80px;
}

/* Margins / Left */
.reym-margin-l-5 {
    margin-left: 5px;
}

.reym-margin-l-10 {
    margin-left: 10px;
}

.reym-margin-l-15 {
    margin-left: 15px;
}

.reym-margin-l-20 {
    margin-left: 20px;
}

.reym-margin-l-25 {
    margin-left: 25px;
}

.reym-margin-l-30 {
    margin-left: 30px;
}

.reym-margin-l-35 {
    margin-left: 35px;
}

.reym-margin-l-40 {
    margin-left: 40px;
}

.reym-margin-l-45 {
    margin-left: 45px;
}

.reym-margin-l-50 {
    margin-left: 50px;
}

.reym-margin-l-55 {
    margin-left: 55px;
}

.reym-margin-l-60 {
    margin-left: 60px;
}

.reym-margin-l-65 {
    margin-left: 65px;
}

.reym-margin-l-70 {
    margin-left: 70px;
}

.reym-margin-l-75 {
    margin-left: 70px;
}

.reym-margin-l-80 {
    margin-left: 80px;
}

/* Margins / Right */
.reym-margin-r-5 {
    margin-right: 5px;
}

.reym-margin-r-10 {
    margin-right: 10px;
}

.reym-margin-r-15 {
    margin-right: 15px;
}

.reym-margin-r-20 {
    margin-right: 20px;
}

.reym-margin-r-25 {
    margin-right: 25px;
}

.reym-margin-r-30 {
    margin-right: 30px;
}

.reym-margin-r-35 {
    margin-right: 35px;
}

.reym-margin-r-40 {
    margin-right: 40px;
}

.reym-margin-r-45 {
    margin-right: 45px;
}

.reym-margin-r-50 {
    margin-right: 50px;
}

.reym-margin-r-55 {
    margin-right: 55px;
}

.reym-margin-r-60 {
    margin-right: 60px;
}

.reym-margin-r-65 {
    margin-right: 65px;
}

.reym-margin-r-70 {
    margin-right: 70px;
}

.reym-margin-r-75 {
    margin-right: 75px;
}

.reym-margin-r-80 {
    margin-right: 80px;
}

/* Transitions -------------------- */
/* Transitions / Millisecons Duration */
.reym-transition-durat-100ms{
    transition: 100ms ease-in-out;
}

.reym-transition-durat-150ms{
    transition: 150ms ease-in-out;
}

.reym-transition-durat-200ms{
    transition: 200ms ease-in-out;
}

.reym-transition-durat-250ms{
    transition: 250ms ease-in-out;
}

.reym-transition-durat-300ms{
    transition: 300ms ease-in-out;
}

.reym-transition-durat-350ms{
    transition: 350ms ease-in-out;
}

.reym-transition-durat-400ms{
    transition: 400ms ease-in-out;
}

.reym-transition-durat-450ms{
    transition: 450ms ease-in-out;
}

.reym-transition-durat-500ms{
    transition: 500ms ease-in-out;
}

.reym-transition-durat-550ms{
    transition: 550ms ease-in-out;
}

.reym-transition-durat-600ms{
    transition: 600ms ease-in-out;
}

.reym-transition-durat-650ms{
    transition: 650ms ease-in-out;
}

.reym-transition-durat-700ms{
    transition: 700ms ease-in-out;
}

.reym-transition-durat-750ms{
    transition: 750ms ease-in-out;
}

.reym-transition-durat-800ms{
    transition: 800ms ease-in-out;
}

.reym-transition-durat-850ms{
    transition: 850ms ease-in-out;
}

.reym-transition-durat-900ms{
    transition: 900ms ease-in-out;
}

.reym-transition-durat-950ms{
    transition: 950ms ease-in-out;
}

.reym-transition-durat-1000ms{
    transition: 1000ms ease-in-out;
}

/******************************************
******************************************
    CLASES EN FASE BETA, AUN NO SE HAN INTEGRADO 
    DE MANERA GRAFICA EN LA GUIA DEL FRAMEWORK
******************************************
******************************************/
/* Width / Porcents */
.reym-w-auto{
    width: auto;
}

.reym-w-5{
    width: 5%;
}

.reym-w-10{
    width: 10%;
}

.reym-w-15{
    width: 15%;
}

.reym-w-20{
    width: 20%;
}
.reym-w-25{
    width: 25%;
}

.reym-w-30{
    width: 30%;
}

.reym-w-35{
    width: 35%;
}

.reym-w-40{
    width: 40%;
}

.reym-w-45{
    width: 45%;
}

.reym-w-50{
    width: 50%;
}

.reym-w-55{
    width: 55%;
}

.reym-w-60{
    width: 60%;
}

.reym-w-65{
    width: 65%;
}

.reym-w-70{
    width: 70%;
}

.reym-w-75{
    width: 75%;
}

.reym-w-80{
    width: 80%;
}

.reym-w-85{
    width: 85%;
}

.reym-w-90{
    width: 90%;
}

.reym-w-95{
    width: 95%;
}

.reym-w-100{
    width: 100%;
}

/* Width / Pexels */
.reym-w-10p {
    width: 10px;
}

.reym-w-20p {
    width: 20px;
}

.reym-w-30p {
    width: 30px;
}

.reym-w-40p {
    width: 40px;
}

.reym-w-50p {
    width: 50px;
}

.reym-w-100p{
    width: 100px;
}

.reym-w-150p {
    width: 150px;
}

.reym-w-200p {
    width: 200px;
}

.reym-w-300p {
    width: 300px;
}

.reym-w-400p {
    width: 400px;
}

.reym-w-500p {
    width: 500px;
}

.reym-w-600p {
    width: 600px;
}

.reym-w-700p {
    width: 700px;
}

.reym-w-800p {
    width: 800px;
}

.reym-w-900p {
    width: 900px;
}

.reym-w-1000p{
    width: 1000px;
}

/* Height / Porcents */
.reym-h-auto{
    height: auto;
}

.reym-h-5{
    height: 5%;
}

.reym-h-10{
    height: 10%;
}

.reym-h-15{
    height: 15%;
}

.reym-h-20{
    height: 20%;
}

.reym-h-25{
    height: 25%;
}

.reym-h-30{
    height: 30%;
}

.reym-h-35{
    height: 35%;
}

.reym-h-40{
    height: 40%;
}

.reym-h-45{
    height: 45%;
}

.reym-h-50{
    height: 50%;
}

.reym-h-55{
    height: 55%;
}

.reym-h-60{
    height: 60%;
}

.reym-h-65{
    height: 65%;
}

.reym-h-70{
    height: 70%;
}

.reym-h-75{
    height: 75%;
}

.reym-h-80{
    height: 80%;
}

.reym-h-85{
    height: 85%;
}

.reym-h-90{
    height: 90%;
}

.reym-h-95{
    height: 95%;
}

.reym-h-100{
    height: 100%;
}

/* Height / Pexels */
.reym-h-10p {
    height: 10px;
}

.reym-h-20p {
    height: 20px;
}

.reym-h-30p {
    height: 30px;
}

.reym-h-40p {
    height: 40px;
}

.reym-h-50p {
    height: 50px;
}

.reym-h-100p{
    height: 100px;
}

.reym-h-150p {
    height: 150px;
}

.reym-h-200p {
    height: 200px;
}

.reym-h-300p {
    height: 300px;
}

.reym-h-400p {
    height: 400px;
}

.reym-h-500p {
    height: 500px;
}

.reym-h-600p {
    height: 600px;
}

.reym-h-700p {
    height: 700px;
}

.reym-h-800p {
    height: 800px;
}

.reym-h-900p {
    height: 900px;
}

.reym-h-1000p{
    height: 1000px;
}

/* Z-Index */
.reym-z-index-0 {
    z-index: 0;
}

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

.reym-z-index-2 {
    z-index: 2;
}

.reym-z-index-3 {
    z-index: 3;
}


.reym-z-index-4 {
    z-index: 4;
}

.reym-z-index-5 {
    z-index: 5;
}

.reym-z-index-10 {
    z-index: 10;
}

.reym-z-index-20 {
    z-index: 20;
}

.reym-z-index-30 {
    z-index: 30;
}

.reym-z-index-40 {
    z-index: 40;
}

.reym-z-index-50 {
    z-index: 50;
}

/* Positions */
.reym-p-relative{
    position: relative;
}

.reym-p-absolute {
    position: absolute;
}

.reym-p-fixed {
    position: fixed;
}

/* Top */
.reym-top-auto {
    top: auto;
}

.reym-top-0 {
    top: 0px;
}

.reym-top-5 {
    top: 5px;
}

.reym-top-10 {
    top: 10px;
}

.reym-top-15 {
    top: 15px;
}

.reym-top-20 {
    top: 20px;
}

.reym-top-25 {
    top: 25px;
}

/* Bottom */
.reym-bottom-auto {
    bottom: auto;
}

.reym-bottom-0 {
    bottom: 0px;
}

.reym-bottom-5 {
    bottom: 5px;
}

.reym-bottom-10 {
    bottom: 10px;
}

.reym-bottom-15 {
    bottom: 15px;
}

.reym-bottom-20 {
    bottom: 20px;
}

.reym-bottom-25 {
    bottom: 25px;
}

/* Left */
.reym-left-auto {
    left: auto;
}

.reym-left-0 {
    left: 0px;
}

.reym-left-5 {
    left: 5px;
}

.reym-left-10 {
    left: 10px;
}

.reym-left-15 {
    left: 15px;
}

.reym-left-20 {
    left: 20px;
}

.reym-left-25 {
    left: 25px;
}

/* Right */
.reym-right-auto {
    right: auto;
}

.reym-right-0 {
    right: 0;
}

.reym-right-5 {
    right: 5px;
}

.reym-right-10 {
    right: 10px;
}

.reym-right-15 {
    right: 15px;
}

.reym-right-20 {
    right: 20px;
}

.reym-right-25 {
    right: 25px;
}


/* Overflow */
.reym-ovflow-hidden{
    overflow: hidden;
}

.reym-ovflow-x {
    overflow-x: auto;
}

.reym-ovflow-y {
    overflow-y: auto;
}

.reym-ovflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Min Width Contentes */
.reym-min-width-600 {
    min-width: 600px;
}

.reym-min-width-800 {
    min-width: 800px;
}

.reym-min-width-1000 {
    min-width: 1000px;
}

.reym-min-width-1200 {
    min-width: 1200px;
}

.reym-min-width-1400 {
    min-width: 1400px;
}

.reym-min-width-1600 {
    min-width: 1600px;
}

.reym-min-width-1800 {
    min-width: 1800px;
}

.reym-min-width-2000 {
    min-width: 2000px;
}

.reym-min-width-2200 {
    min-width: 2200px;
}

.reym-min-width-2400 {
    min-width: 2400px;
}

.reym-min-width-2600 {
    min-width: 2600px;
}

.reym-min-width-2800 {
    min-width: 2800px;
}

.reym-min-width-3000 {
    min-width: 3000px;
}

/* Max Width Contentes */
.reym-max-width-50 {
    max-width: 50px;
}

.reym-max-width-100 {
    max-width: 100px;
}

.reym-max-width-150 {
    max-width: 150px;
}

.reym-max-width-200 {
    max-width: 200px;
}

.reym-max-width-250 {
    max-width: 250px;
}

.reym-max-width-300 {
    max-width: 300px;
}

.reym-max-width-350 {
    max-width: 350px;
}

.reym-max-width-400 {
    max-width: 400px;
}

.reym-max-width-450 {
    max-width: 450px;
}

.reym-max-width-500 {
    max-width: 500px;
}

/* Max Height Contentes */
.reym-max-height-100 {
    max-height: 100px;
}

.reym-max-height-200 {
    max-height: 200px;
}

.reym-max-height-300 {
    max-height: 300px;
}

.reym-max-height-400 {
    max-height: 400px;
}

.reym-max-height-500 {
    max-height: 500px;
}

.reym-max-height-600 {
    max-height: 600px;
}

.reym-max-height-700 {
    max-height: 700px;
}

.reym-max-height-800 {
    max-height: 800px;
}

.reym-max-height-900 {
    max-height: 900px;
}

.reym-max-height-1000 {
    max-height: 1000px;
}

/* Vertical Align */
.reym-v-align-top{
    vertical-align: top;
}

.reym-v-align-middle {
    vertical-align: middle;
}

.reym-v-align-bottom {
    vertical-align: bottom;
}

/* Text Align */
.reym-t-align-left {
    text-align: left;
}

.reym-t-align-right{
    text-align: right;
}

.reym-t-align-center {
    text-align: center;
}

/* Opacity */
.reym-opacity-0 {
    opacity: 0;
}

.reym-opacity-01 {
    opacity: .1;
}

.reym-opacity-02 {
    opacity: .2;
}

.reym-opacity-03 {
    opacity: .3;
}

.reym-opacity-04 {
    opacity: .4;
}
.reym-opacity-05 {
    opacity: .5;
}

.reym-opacity-06 {
    opacity: .6;
}

.reym-opacity-07 {
    opacity: .7;
}

.reym-opacity-08 {
    opacity: .8;
}

.reym-opacity-09 {
    opacity: .9;
}

.reym-opacity-1 {
    opacity: 1;
}

/* Cursor */
.reym-cursor-crosshair {
    cursor: crosshair;
}

.reym-cursor-default {
    cursor: default;
}

.reym-cursor-grab {
    cursor: grab;
}

.reym-cursor-grabbing {
    cursor: grabbing;
}

.reym-cursor-move {
    cursor: move;
}

.reym-cursor-no-drop {
    cursor: no-drop;
}

.reym-cursor-none {
    cursor: none;
}

.reym-cursor-not-allowed {
    cursor: not-allowed;
}

.reym-cursor-pointer {
    cursor: pointer;
}

/* Pointer Events */
.reym-pointer-ev-none{
    pointer-events: none;
}

.reym-pointer-ev-auto {
    pointer-events: auto;
}