html,body{
color:#000;
font-family:'Montserrat',sans-serif
}
.container-fluid{
height:100%
}
.pink-font{
color:#655b87
}
.navbar{
border:0;
margin-bottom:0
}
#loader{
background-image:url(../images/loader.gif);
background-color:transparent;
background-position:center center;
background-size:contain;
display:none;
height:150px;
left:50%;
margin-left:-100px;
position:fixed;
top:40%;
width:200px;
z-index:1
}
#loaderBackground{
background-color:#fff;
display:none;
height:100%;
opacity:.7;
position:fixed;
top:0;
width:100%
}
.highlight-text{
color:#655b87
}
.insignia-wrapper p{
color:#000;
font-size:.8em;
text-align:center
}
.insignia-wrapper .count a{
color:aloha_strong_blue;
display:inline-block;
font-weight:700;
padding:2px;
width:20px;
height:20px
}
.insignia-wrapper .count a:hover{
color:aloha_mint;
text-decoration:none
}
.insignia-wrapper .img-wrapper{
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
height:58px;
position:relative;
width:100%
}
.insignia-wrapper .img-wrapper img{
left:50%;
margin-left:-20px;
position:absolute;
width:100%
}
.insignia-wrapper .name{
height:50px;
margin-top:6px
}
.bold{
font-weight:700
}
.navbar-default{
background-color:#fff;
border-radius:0;
height:80px
}
.navbar-default .navbar-header .navbar-brand{
background-color:#fff;
height:100%;
padding:0
}
.navbar-default .navbar-header .navbar-brand .logo{
background-position:center;
background-repeat:no-repeat;
background-size:contain;
height:80px;
width:200px
}
.navbar-default .navbar-collapse h3{
color:#fff;
height:100%;
left:50%;
line-height:55px;
margin:0;
padding:0;
position:absolute
}
.navbar-default .navbar-collapse .admin-menu{
height:60px;
margin-left:50px
}
.navbar-default .navbar-collapse .admin-menu .admin-link{
height:100%
}
.navbar-default .navbar-collapse .admin-menu .admin-link a{
background-color:#fff;
border:1px solid #fff;
color:#026c68;
height:30px;
margin-top:41px;
padding:4px 15px
}
.navbar-default .navbar-collapse .navbar-nav li a{
color:#655b87;
font-size:13px;
padding:45px 8px
}
.navbar-default .navbar-collapse .navbar-nav li a:hover{
border-bottom:solid 1px #026c68
}
.navbar-default .navbar-collapse .navbar-nav .dropdown{
height:100%
}
.navbar-default .navbar-collapse .navbar-nav .dropdown .dropdown-menu{
padding:0
}
.navbar-default .navbar-collapse .navbar-nav .dropdown .dropdown-menu li{
height:100%;
padding:0;
width:100%
}
.navbar-default .navbar-collapse .navbar-nav .open a{
background-color:#fff;
color:#026c68;
height:100%
}
.navbar-default .navbar-collapse .navbar-nav .open a:hover{
color:#655b87
}
.navbar-default .navbar-collapse .navbar-right .policy{
color:#ff0
}
.navbar-default .navbar-collapse .navbar-right .logout{
color:#026c68
}
.carousel,.carousel-inner,.item{
height:340px
}
.carousel .carousel-indicators li{
background-color:#fff;
border:0;
border-radius:50%;
height:20px;
margin-right:20px;
width:20px
}
.carousel .carousel-indicators li.active{
background-color:#d9a76c
}
.carousel .carousel-inner{
top:-30px
}
.carousel .carousel-inner .item{
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
}
.carousel .carousel-control{
height:100%;
background-size:cover;
top:0;
width:66px;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover
}
.carousel .left{
background:url(../images/valora-sprites.png) no-repeat 0 0
}
.carousel .right{
background:url(../images/valora-sprites.png) no-repeat -74px 0
}
@media (min-width:320px) and (max-width:767px){
.carousel,.carousel-inner,.item{
height:240px
}
.navbar-default .navbar-collapse {
background: #ffffff!important;
position: relative;
z-index: 2;
}
.navbar-default .navbar-header .navbar-brand .logo {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
max-height: 45px;
}
.carousel-indicators {
position: absolute;
bottom: -10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
}
.left-column{
border-right:4px solid #e5e5e5;
padding-left:0
}
.left-column .profile-block{
height:120px;
margin:20px 10px
}
.left-column .profile-block .profile-img-block{
float:left;
margin-right:14px;
position:relative
}
.left-column .profile-block .profile-img-block .img-circle{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
height:60px;
width:60px
}
.left-column .profile-block .profile-img-block .add-profile-img{
background:url(../images/valora-sprites.png) no-repeat -156px -35px;
bottom:-4px;
height:16px;
position:absolute;
right:6px;
width:16px
}
.left-column .profile-block .info{
float:left;
max-width:190px
}
.left-column .profile-block .info p{
margin:auto auto 2px auto
}
.left-column .profile-block .info .name{
font-size:1.2em;
text-transform:capitalize
}
.left-column .profile-block .info .location{
font-size:.8em
}
.left-column .profile-block .info .points{
font-size:1.3em;
color:#655b87
}
.left-column .left-menu{
padding-left:0
}
.left-column .left-menu li{
border-bottom:4px solid #e5e5e5;
list-style:none;
margin:0;
padding:7px 0 10px 27px;
position:relative;
width:106%
}
.left-column .left-menu li .arrow-right{
border-top:7px solid transparent;
border-bottom:7px solid transparent;
border-left:7px solid #d9a76c;
display:none;
height:0;
width:0
}
.left-column .left-menu li a{
color:#4d4d4d;
vertical-align:middle;
text-decoration:none
}
.left-column .left-menu li a:hover{
color:#000 0;
font-weight:700
}
.left-column .left-menu li span.badge-warning{
background-color:aloha_mint
}
.left-column .left-menu li:hover .arrow-right{
display:inline-block
}
.left-column .left-menu li:first-child{
border-top:4px solid #e5e5e5
}
.left-column .valores .embajador-wrapper p,.left-column .competencias .embajador-wrapper p{
text-align:center
}
.left-column .valores .embajador-wrapper .img-wrapper,.left-column .competencias .embajador-wrapper .img-wrapper{
height:140px;
position:relative;
width:100%
}
.left-column .valores .embajador-wrapper .img-wrapper img,.left-column .competencias .embajador-wrapper .img-wrapper img{
left:50%;
margin-left:-50px;
position:absolute;
width:100px
}
.left-column .valores .embajador-wrapper .embajador,.left-column .competencias .embajador-wrapper .embajador{
font-size:1em;
color:#655b87
}
.left-column .valores .embajador-wrapper .name,.left-column .competencias .embajador-wrapper .name{
color:#026c68;
font-size:1.1em;
letter-spacing:.4em;
text-transform:uppercase
}
.left-column .valores .embajador-wrapper .count,.left-column .competencias .embajador-wrapper .count{
color:#000;
font-size:.8em
}
.left-column .valores .ver-mas,.left-column .competencias .ver-mas{
height:30px;
position:relative;
text-align:center;
vertical-align:middle;
width:100%
}
.left-column .valores .ver-mas a,.left-column .competencias .ver-mas a{
border:1px solid #000;
color:#000;
display:inline-block;
left:50%;
line-height:30px;
margin-left:-55px;
position:absolute;
text-decoration:none;
width:115px
}
.left-column .valores{
border-bottom:1px solid #e5e5e5
}
.left-column .valores .valores-title{
background-color:#e5e5e5;
color:#655b87;
font-size:1.1em;
font-weight:bolder;
height:37px;
line-height:37px;
text-align:center;
vertical-align:middle;
width:106%
}
.left-column .valores .ver-mas a{
font-weight:700;
left:initial;
right:3%
}
.left-column .competencias .competencias-title{
background-color:#4d4d4d;
color:#fff;
font-size:1.1em;
height:37px;
line-height:37px;
text-align:center;
vertical-align:middle
}
.left-column .mentions{
height:400px;
overflow:hidden
}
.left-column .mentions .title{
background-color:#000;
color:#655b87;
font-size:1em;
height:37px;
line-height:37px;
text-align:center
}
.left-column .mentions .mention-wrapper{
height:100%;
margin-left:10px;
overflow:hidden
}
.left-column .mentions .mention-wrapper .mention{
border-bottom:1px solid #e5e5e5;
margin-bottom:2px;
padding:4px
}
.left-column .mentions .mention-wrapper .date{
font-size:10px;
margin:1px auto;
text-align:right
}
@media screen and (min-width:320px) and (max-width:767px){
.left-column .valores{
display:none
}
}
.login{
height:100%;
position:relative
}
.login p,.login label{
color:#696969;
font-weight:lighter;
line-height:23px
}
.login .background-img-wrapper{
padding:0
}
.login .background-img-wrapper .big-badge{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
height:530px;
width:100%
}
.login .custom-nav{
background-color:#696969;
height:60px;
width:100%
}
.login .logo-wrapper{
height:215px;
position:relative
}
.login .logo-wrapper .logo-med{
background-image:url(../images/aloha/logo_aloha.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
height:235px;
left:50%;
margin:auto -157px;
position:absolute;
top:20px;
width:315px
}
.login .gp-wrapper{
height:146px;
position:relative
}
.login .gp-wrapper .gp-logo{
background:url(../images/valora-sprites.png) no-repeat -152px -168px;
height:146px;
left:50%;
margin:auto -193px;
position:absolute;
top:150px;
width:387px
}
.login .welcome{
font-size:21px;
letter-spacing:.2em;
margin-top:50px;
text-align:center
}
.login .welcome .valora-word{
background:url(../images/valora-sprites.png) no-repeat -364px -8px;
display:inline-block;
height:21px;
width:73px
}
.login .login-form{
margin-top:20px
}
.login .login-form form{
display:table;
height:230px
}
.login .login-form .btn-wrapper{
text-align:right
}
.login .login-form .form-group{
position:relative
}
.login .login-form .form-group span{
top:55%;
position:absolute;
right:-51px
}
.login .login-form .form-group span.error{
color:#655b87
}
.login .login-form .form-group span.numeric{
right:-126px
}
.login .login-form .form-group label{
text-align:right;
width:186px
}
.login .login-form .form-group .btn-login{
background-color:#d9a76c;
border-radius:0;
color:#fff;
text-transform:uppercase;
width:201px
}
.login .login-form .form-group .pass-recovery{
color:#655b87;
margin-right:20px;
text-decoration:none
}
.login .login-form .form-group .pass-recovery:hover{
color:#d9a76c
}
.login .login-form input[type=number]::-webkit-outer-spin-button,.login .login-form input[type=number]::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0
}
.login .login-form input[type=number]{
-moz-appearance:textfield
}
.login .login-form .form-control{
border:1px solid aloha_pink;
border-radius:0;
display:inline;
height:40px;
margin-left:20px;
width:200px
}
@media (min-width:481px) and (max-width:767px){
.login .logo-wrapper{
height:135px
}
.login .logo-wrapper .logo-med{
height:135px
}
.login .background-img-wrapper .big-badge{
height:100px
}
}
footer{
background-color:#fff;
border-top:3px solid #e5e5e5;
height:175px;
padding-top:10px
}
footer .container,footer .row,footer ul{
height:100%
}
footer ul{
border-left:3px solid #d9a76c;
list-style-type:none;
margin:0;
text-align:left
}
footer ul li{
margin-bottom:20px
}
footer ul li a{
color:#000
}
footer ul li a:hover{
color:#655b87;
text-decoration:none
}
footer ul li a:focus{
color:#026c68;
text-decoration:none
}
footer ul li:first-child{
margin-top:10px
}
footer .logo-wrapper{
height:100%;
margin-top:18px;
position:relative
}
footer .logo-wrapper .logo{
background-image:url(../images/aloha/logo_aloha.png) center;
background-repeat:no-repeat;
background-size:contain;
height:160px;
left:50%;
margin:auto -120px;
position:absolute;
width:240px
}
@media (min-width:481px) and (max-width:767px){
footer .logo-wrapper{
display:none
}
}
.recognize-badges{
border:1px solid #000;
overflow:hidden;
margin-top:20px
}
.recognize-badges .brownBox{
display:table
}
.recognize-badges .brownBox .description{
display:table-cell;
height:85px;
padding-top:15px;
text-align:center;
vertical-align:middle
}
.recognize-badges .brownBox .description hr{
background-color:#000;
border:0;
height:1px;
width:80%
}
.recognize-badges .brownBox .description p{
font-size:1.2em;
margin:0 auto
}
.recognize-badges .categories{
display:table;
height:150px;
margin-top:18px;
width:100%
}
.recognize-badges .categories .badge-category{
display:table-cell;
float:none;
opacity:.5
}
.recognize-badges .categories .badge-category.active{
opacity:1
}
.recognize-badges .categories .block-wrapper{
color:#4d4d4d;
cursor:pointer;
display:inline-block;
height:150px;
position:relative;
width:100%
}
.recognize-badges .categories .block-wrapper .values,.recognize-badges .categories .block-wrapper .competences,.recognize-badges .categories .block-wrapper .special{
height:94px;
left:50%;
margin-left:-47px;
position:absolute;
width:94px
}
.recognize-badges .categories .block-wrapper .values .line,.recognize-badges .categories .block-wrapper .competences .line,.recognize-badges .categories .block-wrapper .special .line{
border-right:1px solid #000;
height:30%;
position:absolute;
top:35%
}
.recognize-badges .categories .block-wrapper p{
bottom:23px;
position:absolute;
text-align:center;
width:100%
}
.recognize-badges .categories .block-wrapper .badge-name{
color:#655b87
}
.recognize-badges .categories .block-wrapper .values{
background-image:url(../images/aloha/badge_valor.png);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
position:relative
}
.recognize-badges .categories .block-wrapper .values .line{
right:-35%
}
.recognize-badges .categories .block-wrapper .competences{
background-image:url(../images/aloha/badge_competencia.png);
background-position:center;
background-size:contain;
background-repeat:no-repeat
}
.recognize-badges .categories .block-wrapper .special{
background-image:url(../images/aloha/badge_especial.png);
background-position:center;
background-size:contain;
background-repeat:no-repeat;
position:relative
}
.recognize-badges .categories .block-wrapper .special .line{
left:-35%
}
.recognize-badges .categories .block-wrapper:hover{
color:#fb8c8d;
font-weight:bolder
}
.recognize-badges .badges-container{
overflow:hidden;
position:relative
}
.recognize-badges .badges-container #recognize{
border:2px solid #212121;
display:none;
height:158px;
left:50%;
margin-left:-198px;
position:absolute;
top:25px;
width:397px;
z-index:1
}
.recognize-badges .badges-container #recognize .popup-opacity{
background-color:#606060;
opacity:.9
}
.recognize-badges .badges-container #recognize .popup-content,.recognize-badges .badges-container #recognize .popup-opacity{
height:100%;
position:absolute;
width:100%
}
.recognize-badges .badges-container #recognize .popup-content .close-popup{
color:#fff;
display:inline;
font-size:.7em;
height:20px;
line-height:20px;
position:absolute;
right:10px;
text-align:center;
text-decoration:none;
top:5px;
width:20px;
z-index:1
}
.recognize-badges .badges-container #recognize .popup-content .badge,.recognize-badges .badges-container #recognize .popup-content .badge-form{
float:left;
height:100%;
position:relative;
width:50%
}
.recognize-badges .badges-container #recognize .popup-content .badge .collaborators-wrapper,.recognize-badges .badges-container #recognize .popup-content .badge-form .collaborators-wrapper{
background-color:#fff;
height:115px;
overflow-x:auto;
z-index:2
}
.recognize-badges .badges-container #recognize .popup-content .badge .collaborators-wrapper span,.recognize-badges .badges-container #recognize .popup-content .badge-form .collaborators-wrapper span{
background-color:#fb8c8d;
border:1px solid #fb8c8d;
color:#fff;
cursor:pointer;
display:block;
font-size:10px;
margin:2px auto;
padding:2px;
width:100%
}
.recognize-badges .badges-container #recognize .popup-content .badge{
background-color:transparent
}
.recognize-badges .badges-container #recognize .popup-content .badge .badge-img{
background-repeat:no-repeat;
background-size:contain;
height:77px;
left:50%;
margin-left:-28px;
position:absolute;
top:10px;
width:56px
}
.recognize-badges .badges-container #recognize .popup-content .badge .badge-description{
height:63px;
overflow:hidden;
margin-top:88px
}
.recognize-badges .badges-container #recognize .popup-content .badge .badge-description p:first-child{
font-size:1.1em;
font-weight:lighter;
height:28px;
white-space:normal
}
.recognize-badges .badges-container #recognize .popup-content .badge .badge-description p:last-child{
font-size:1.7em;
font-weight:bolder
}
.recognize-badges .badges-container #recognize .popup-content .badge-form input[type=text]{
background-color:#c7c7c7;
border:0;
font-size:1em;
height:38px;
padding:4px 8px;
position:absolute;
right:19px;
text-align:left;
top:30px;
width:215px
}
.recognize-badges .badges-container #recognize .popup-content .badge-form .btn{
background-color:#212121;
border-radius:0;
bottom:27px;
color:#fff;
font-size:1.4em;
height:38px;
line-height:38px;
padding-top:0;
position:absolute;
right:19px;
width:125px
}
.recognize-badges .badges-container .badge-wrapper{
color:inherit;
cursor:pointer;
display:table-cell;
height:215px;
margin-left:20px;
position:relative;
text-decoration:none;
width:150px
}
.recognize-badges .badges-container .badge-wrapper .badge-img-wrapper{
height:100px;
left:50%;
margin-left:-50px;
position:absolute;
top:1px;
width:100px
}
.recognize-badges .badges-container .badge-wrapper .badge-img-wrapper .badge-img{
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
height:100%;
width:100%
}
.recognize-badges .badges-container .badge-wrapper .badge-description{
height:100%;
width:100%
}
.recognize-badges .badges-container .badge-wrapper .badge-description p{
margin:auto 5px;
text-align:center
}
.recognize-badges .badges-container .badge-wrapper .badge-description p:first-child{
font-size:.9em;
height:150px;
padding:115px 5px 0 5px;
width:100%
}
.recognize-badges .badges-container .badge-wrapper .badge-description p:last-child{
color:#b3b3b3;
font-size:11px
}
.recognize-badges .badges-container .badge-wrapper .badge-description .pts{
color:#655b87;
font-size:1.3em;
font-weight:700
}
.recognize-badges .badges-container .values-carousel-wrapper,.recognize-badges .badges-container .competences-carousel-wrapper,.recognize-badges .badges-container .special-carousel-wrapper{
background-color:#fff;
height:100%;
width:100%
}
.recognize-badges .badges-container .values-carousel-wrapper .values-carousel{
display:table;
height:100%;
overflow-x:visible;
overflow-y:hidden;
width:100%
}
.recognize-badges .badges-container .competences-carousel-wrapper .competences-carousel{
display:table;
height:100%;
left:0;
overflow-x:visible;
overflow-y:hidden;
width:100%
}
.recognize-badges .badges-container .competences-carousel-wrapper .competences-carousel .badge-wrapper .badge-description p:first-child{
height:182px;
padding-top:100px
}
.recognize-badges .badges-container .special-carousel-wrapper .special-carousel{
display:table;
height:100%;
left:0;
overflow-x:visible;
overflow-y:hidden;
text-align:center;
width:100%
}
.recognize-badges .badges-container .special-carousel-wrapper .special-carousel .badge-wrapper{
display:inline-block
}
.recognize-badges .badges-container .competences-carousel-wrapper.ng-hide-add,.recognize-badges .badges-container .competences-carousel-wrapper.ng-hide-remove,.recognize-badges .badges-container .values-carousel-wrapper.ng-hide-add,.recognize-badges .badges-container .values-carousel-wrapper.ng-hide-remove,.recognize-badges .badges-container .special-carousel-wrapper.ng-hide-add,.recognize-badges .badges-container .special-carousel-wrapper.ng-hide-remove{
transition:all linear .3s
}
.recognize-badges .badges-container .competences-carousel-wrapper.ng-hide,.recognize-badges .badges-container .values-carousel-wrapper.ng-hide,.recognize-badges .badges-container .special-carousel-wrapper.ng-hide{
line-height:0;
opacity:0;
padding:0 10px
}
.recognize-badges .choose-collaborator-title{
margin:auto 24px
}
.recognize-badges .choose-collaborator-wrapper{
min-height:148px;
padding-bottom:25px
}
.recognize-badges .choose-collaborator-wrapper .choose-collaborator-border{
border:1px solid #000;
display:inline-flex;
height:100%;
margin:auto 40px;
width:91%
}
.recognize-badges .choose-collaborator-wrapper p{
margin:20px 20px 0 0
}
.recognize-badges .choose-collaborator-wrapper .preview-badge .badge,.recognize-badges .choose-collaborator-wrapper .preview-badge .badge-form{
float:left;
height:100%;
position:relative
}
.recognize-badges .choose-collaborator-wrapper .preview-badge .badge{
background-color:transparent;
margin-top:20px;
width:100%
}
.recognize-badges .choose-collaborator-wrapper .preview-badge .badge .badge-img{
background-repeat:no-repeat;
background-size:contain;
float:left;
height:77px;
width:56px
}
.recognize-badges .choose-collaborator-wrapper .preview-badge .badge .badge-description{
overflow:hidden
}
.recognize-badges .choose-collaborator-wrapper .preview-badge .badge .badge-description p{
color:#000;
margin:0
}
.recognize-badges .choose-collaborator-wrapper .preview-badge .badge .badge-description p:first-child{
font-size:1.1em;
font-weight:lighter;
white-space:normal
}
.recognize-badges .choose-collaborator-wrapper .preview-badge .badge .badge-description p:last-child{
color:#655b87;
font-size:1.7em;
font-weight:bolder;
margin-top:2px
}
.recognize-badges .choose-collaborator-wrapper .choose-collaborator{
background-color:transparent;
overflow-x:auto;
z-index:2
}
.recognize-badges .choose-collaborator-wrapper .choose-collaborator span{
background-color:#d9a76c;
border:1px solid #d9a76c;
color:#000;
cursor:pointer;
display:block;
font-size:10px;
margin:2px auto;
padding:2px;
width:100%
}
.recognize-badges .choose-collaborator-wrapper .choose-collaborator .badge-form .collaborators-wrapper{
background-color:#d9a76c;
max-height:115px;
overflow-x:auto;
width:76%;
z-index:2
}
.recognize-badges .choose-collaborator-wrapper .choose-collaborator .badge-form input[type=text]{
background-color:#c7c7c7;
border:0;
font-size:1em;
height:30px;
margin-top:30px;
padding:4px 8px;
text-align:left;
width:76%
}
.recognize-badges .choose-collaborator-wrapper .choose-collaborator .badge-form .btn{
background-color:#212121;
border-radius:0;
bottom:27px;
color:#fff;
font-size:1.4em;
height:38px;
line-height:38px;
padding-top:0;
width:125px
}
.recognize-badges .comment-wrapper div:last-child{
text-align:right
}
.recognize-badges .comment-wrapper div:last-child .btn-acknowledgment{
background-color:#fff;
border:1px solid #000;
border-radius:0;
color:#000;
font-size:.7em;
font-weight:700;
margin:15px 23px;
opacity:1
}
.recognize-badges .personal-message{
display:inline-flex
}
.recognize-badges .personal-message textarea{
border:1px solid #000;
margin:auto 25px;
width:100%
}
.recognize-badges .personal-message .btn-acknowledgment{
background-color:#f59ba0;
color:#000;
margin:10px auto;
text-align:right
}
.recognize-badges .personal-message .btn-acknowledgment .error{
color:red
}
@media screen and (min-width:320px) and (max-width:767px){
.recognize-badges .personal-message{
display:block
}
.recognize-badges .personal-message textarea{
margin:auto
}
.recognize-badges .brownBox{
padding:4px 17px
}
.recognize-badges .categories .badge-category{
display:inline
}
.recognize-badges .categories .line{
display:none
}
.recognize-badges .choose-collaborator-wrapper .choose-collaborator-border{
border:0;
margin:auto;
width:100%
}
.recognize-badges .choose-collaborator-wrapper .choose-collaborator{
height:160px
}
}
.myBadges .rewards-header .title-wrapper h3{
width:265px
}
.myBadges .section-title p{
font-weight:100;
text-align:left
}
.myBadges .description{
color:#969696;
font-size:1.1em;
font-weight:400;
margin:0 auto 30px auto
}
.myBadges .values-tab,.myBadges .others-tab,.myBadges .ambassadors-tab,.myBadges .gp-tab{
border-bottom:none;
width:260px
}
.myBadges .values-tab p,.myBadges .others-tab p,.myBadges .ambassadors-tab p,.myBadges .gp-tab p{
color:#000;
font-weight:100;
margin:0;
padding:1px 4px
}
.myBadges .myValuesBadges,.myBadges .otherBadges,.myBadges .ambassadorsBadges,.myBadges .gpBadges{
border:2px solid #969595;
height:635px;
overflow-y:scroll;
overflow-x:hidden;
margin-bottom:10px;
width:100%
}
.myBadges .myValuesBadges .insignia-wrapper,.myBadges .otherBadges .insignia-wrapper,.myBadges .ambassadorsBadges .insignia-wrapper,.myBadges .gpBadges .insignia-wrapper{
margin-top:20px
}
.myBadges .myValuesBadges .insignia-wrapper .count,.myBadges .otherBadges .insignia-wrapper .count,.myBadges .ambassadorsBadges .insignia-wrapper .count,.myBadges .gpBadges .insignia-wrapper .count{
color:#655b87;
font-size:1.3em;
min-height:25px
}
.myBadges .myValuesBadges .myValuesBadges-wrapper{
display:table;
width:100%
}
.myBadges .myValuesBadges .col-lg-4,.myBadges .myValuesBadges .col-md-4,.myBadges .myValuesBadges .col-sm-4{
float:none;
display:table-cell
}
.myBadges .myValuesBadges .myEmbassy .insignia-wrapper h2{
font-weight:100;
text-transform:uppercase;
text-align:center
}
.myBadges .myValuesBadges .myEmbassy .insignia-wrapper .badgeName{
color:#655b87;
font-size:1.3em;
font-weight:100;
height:50px;
text-transform:uppercase
}
.myBadges .myValuesBadges .myEmbassy .insignia-wrapper .images-wrapper{
height:140px;
position:relative
}
.myBadges .myValuesBadges .myEmbassy .insignia-wrapper .images-wrapper .img-wrapper{
height:140px;
left:50%;
margin-left:-56px;
position:absolute;
width:113px
}
.myBadges .myValuesBadges .valBadges-wrapper .insignia-wrapper{
height:184px
}
.myBadges .myValuesBadges .valBadges-wrapper .insignia-wrapper .img-wrapper{
height:90px
}
.myBadges .myValuesBadges .valBadges-wrapper .blur{
opacity:.5
}
.myBadges .other-wrapper .description{
height:90px
}
.myBadges .other-wrapper .others-tab,.myBadges .other-wrapper .gp-tab{
width:165px
}
.myBadges .other-wrapper .others-tab p,.myBadges .other-wrapper .gp-tab p{
color:#4d4d4d
}
.myBadges .other-wrapper .gp-tab{
width:190px
}
.myBadges .other-wrapper .otherBadges,.myBadges .other-wrapper .gpBadges{
height:170px
}
.myBadges .other-wrapper .otherBadges .insignia-wrapper .img-wrapper,.myBadges .other-wrapper .gpBadges .insignia-wrapper .img-wrapper{
height:80px
}
.myBadges .ambassadors-tab{
background-color:#fff;
width:240px
}
.myBadges .ambassadors-tab p{
color:#4d4d4d
}
.myBadges .ambassadorsBadges{
background-color:#f7f7f7;
height:489px
}
.myBadges .ambassadorsBadges .insignia-wrapper .count{
font-size:2em;
margin-bottom:0
}
.myBadges .ambassadorsBadges .insignia-wrapper .collaboratorName{
font-size:1.2em;
font-weight:100;
height:40px;
padding:0 11%
}
.myBadges .ambassadorsBadges .insignia-wrapper .images-wrapper{
height:76px;
position:relative
}
.myBadges .ambassadorsBadges .insignia-wrapper .images-wrapper .profile-img{
background-color:#d7d7d7;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
border-radius:76px;
height:76px;
left:50%;
margin-left:-38px;
position:absolute;
width:76px
}
.myBadges .ambassadorsBadges .insignia-wrapper .images-wrapper .img-wrapper{
left:15%;
position:absolute;
top:30%
}
.myBadges .ambassadorsBadges .insignia-wrapper .badgeName{
font-weight:100;
margin-top:15px;
text-transform:uppercase
}
.feed .feed-wrapper .feed-content{
border-bottom:3px dotted #e5e5e5;
height:100%;
display:table;
position:relative;
width:100%
}
.feed .feed-wrapper .feed-content .img-wrapper,.feed .feed-wrapper .feed-content .feed-text{
float:left;
height:100%
}
.feed .feed-wrapper .feed-content .feed-text{
padding:8px;
width:90%
}
.feed .feed-wrapper .feed-content .feed-text a{
text-decoration:none;
color:inherit
}
.feed .feed-wrapper .feed-content .feed-text .upgradeBadge{
text-transform:capitalize
}
.feed .feed-wrapper .feed-content .feed-text .collaboratorName{
text-transform:capitalize
}
.feed .feed-wrapper .feed-content .feed-text .personal-message{
color:#655b87
}
.feed .feed-wrapper .feed-content .img-wrapper{
height:94px;
position:relative;
width:60px
}
.feed .feed-wrapper .feed-content .img-wrapper .img,.feed .feed-wrapper .feed-content .img-wrapper .img-logo{
margin-top:10px
}
.feed .feed-wrapper .feed-content .img-wrapper .img{
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
height:60px;
width:60px
}
.feed .feed-wrapper .feed-content .img-wrapper .img.seniority{
height:20px;
margin:20px;
width:30px
}
.feed .feed-wrapper .feed-content .img-wrapper .img.oneYear{
height:38px;
margin-left:10px;
width:43px
}
.feed .feed-wrapper .feed-content .img-wrapper .img-logo{
background-image:url(../images/aloha/aloha-a.png);
background-repeat:no-repeat;
background-size:contain;
height:38px;
left:50%;
margin-left:-21px;
position:absolute;
width:43px
}
.feed .feed-wrapper .feed-content .feed-text p{
font-size:1.3em;
font-weight:100
}
.feed .feed-wrapper .feed-content .feed-text p:first-child{
margin:10px auto 2px auto
}
.feed .feed-wrapper .feed-content .feed-text p.upgrade{
margin-top:18px
}
.feed .feed-wrapper .feed-content .feed-text .reward-img{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
height:200px;
width:200px
}
.feed .feed-wrapper .feed-content .like{
height:100%;
position:absolute;
right:28px;
width:16px
}
.feed .feed-wrapper .feed-content .like .heart{
background-image:url(../images/aloha/ico_like.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
bottom:5px;
cursor:pointer;
display:block;
height:14px;
position:absolute;
width:14px
}
.feed .feed-wrapper .feed-content .like .heart:hover{
background-image:url(../images/aloha/ico_like_over.png)
}
.feed .feed-wrapper .feed-content .like .heart.active{
background-image:url(../images/aloha/ico_like_over.png)
}
.feed .feed-wrapper .feed-content .like .count{
bottom:2px;
cursor:pointer;
left:18px;
position:absolute;
width:100%
}
.feed .feed-wrapper .feed-content .comment{
cursor:pointer;
font-weight:700;
height:16px;
line-height:1px;
position:absolute;
right:50px;
bottom:2px
}
.feed .feed-wrapper .feed-content .comment span{
display:inline-block;
height:16px;
float:left;
margin-right:4px;
width:16px
}
.feed .feed-wrapper .feed-content .comment .comment-icon{
background-image:url(../images/aloha/ico_comentario.png);
background-position:center;
background-size:contain;
background-repeat:no-repeat
}
.feed .feed-wrapper .feed-content .comment .comment-icon.active{
background-image:url(../images/aloha/ico_comentario_over.png)
}
.feed .feed-wrapper .feed-content .comment .count{
font-size:1em;
line-height:16px
}
.feed .feed-wrapper .feed-content .comment .text{
display:inline-table;
font-size:12px;
margin-top:7px
}
.feed .feed-wrapper .comments-wrapper{
border-bottom:1px solid #4d4d4d;
display:none;
overflow:hidden
}
.feed .feed-wrapper .comments-wrapper .new-comment{
position:relative
}
.feed .feed-wrapper .comments-wrapper .new-comment .profile-thumb{
background-position:center center;
background-size:cover;
border-radius:35px;
float:left;
height:35px;
margin-left:10px;
width:35px
}
.feed .feed-wrapper .comments-wrapper .new-comment input[type=text]{
float:left;
margin:4px 15px;
padding-left:5px;
width:75%
}
.feed .feed-wrapper .comments-wrapper .new-comment .push-comment{
background-color:#655b87;
color:#f5f5f5;
line-height:2;
padding:4px
}
.feed .feed-wrapper .comments-wrapper .new-comment .comment-warning{
color:red;
display:inline-block;
font-size:.7em;
position:absolute;
top:0
}
.feed .feed-wrapper .comments-wrapper .comments-list{
font-size:.8em;
overflow:hidden;
padding:2px 60px;
width:100%
}
.feed .feed-wrapper .comments-wrapper .comments-list p{
margin-bottom:0
}
.feed .feed-wrapper .comments-wrapper .comments-list .collaboratorName{
color:color_pink
}
.feed .feed-wrapper .comments-wrapper.active{
display:block;
padding-bottom:10px
}
@media screen and (min-width:320px) and (max-width:767px){
.feed .feed-wrapper .feed-content .feed-text{
width:84%
}
.feed .feed-wrapper .comments-wrapper .new-comment input[type=text]{
margin:4px auto;
padding-left:0;
width:100%
}
.feed .feed-wrapper .comments-wrapper .push-comment{
float:left;
text-align:center;
width:100%
}
}
.training .title{
color:#ee862d;
text-transform:uppercase
}
.training .sub-menu{
background-color:#e6e6e6;
display:flex;
justify-content:space-around;
list-style:none;
padding:0;
text-align:center
}
.training .sub-menu li{
border-right:1px solid #fff;
width:100%
}
.training .sub-menu li a{
color:#000;
text-decoration:none
}
.training .training-wrapper{
margin-top:25px;
width:100%
}
.training .training-wrapper .outstanding-wrapper .course-title{
text-transform:uppercase
}
.training .training-wrapper .outstanding-wrapper .outstanding{
display:flex;
justify-content:space-around;
position:relative
}
.training .training-wrapper .outstanding-wrapper .outstanding .outstanding-course{
overflow:hidden;
width:70%
}
.training .training-wrapper .outstanding-wrapper .outstanding .outstanding-course img{
width:100%
}
.training .training-wrapper .outstanding-wrapper .outstanding .outstanding-info{
text-align:left;
width:28%
}
.training .training-wrapper .outstanding-wrapper .outstanding .outstanding-info h4{
font-weight:700
}
.training .training-wrapper .outstanding-wrapper .outstanding .outstanding-info .categories{
border-bottom:1px solid #ee862d
}
.training .training-wrapper .course-list-wrapper{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
margin-top:30px
}
.training .training-wrapper .course-list-wrapper .course-block{
width:33.333%
}
.training .training-wrapper .course-detail-wrapper .course-wrapper{
display:flex;
justify-content:space-around
}
.training .training-wrapper .course-detail-wrapper .course-wrapper .video-wrapper{
overflow:hidden;
width:70%
}
.training .training-wrapper .course-detail-wrapper .course-wrapper .course-chapters{
background-color:#f2f2f2;
height:280px;
list-style:none;
padding:0;
text-align:left;
width:28%
}
.training .training-wrapper .course-detail-wrapper .course-wrapper .course-chapters li{
background-color:#f2f2f2;
border-bottom:1px solid #afb1b3;
font-weight:700;
padding:4px
}
.training .training-wrapper .course-detail-wrapper .course-wrapper .course-chapters li a{
color:#000;
text-decoration:none
}
.training .training-wrapper .course-detail-wrapper .course-wrapper .course-chapters li:hover{
background-color:#e5802d
}
.training .training-wrapper .course-detail-wrapper .course-wrapper .course-chapters li:last-child{
border-bottom:none
}
.training .training-wrapper .course-detail-wrapper .details-wrapper{
display:flex;
justify-content:space-around
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details{
overflow:hidden;
width:70%
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .title-options{
display:flex;
justify-content:space-between;
height:30px
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .title-options .title-wrapper{
margin:0 auto;
text-align:left;
width:70%
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .title-options .title-wrapper h4{
font-weight:700;
margin:0 auto
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .title-options .options-wrapper{
width:30%
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .categories{
width:100%
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .categories p{
border-bottom:1px solid #ee862d;
width:24%
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .description p:first-child{
font-weight:700
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .duration,.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .points{
color:#afb1b3;
font-size:.8em
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .comments p:first-child{
font-weight:700
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .course-details .comments textarea{
background-color:#e6e6e6;
border:0;
height:150px;
width:100%
}
.training .training-wrapper .course-detail-wrapper .details-wrapper .other-courses-wrapper{
text-align:center;
width:28%
}
.training .training-wrapper .career-temp-img,.training .training-wrapper .evaluations-temp-img,.training .training-wrapper .material-temp-img,.training .training-wrapper .history-temp-img{
overflow:hidden
}
.training .training-wrapper .career-temp-img img,.training .training-wrapper .evaluations-temp-img img,.training .training-wrapper .material-temp-img img,.training .training-wrapper .history-temp-img img{
width:100%
}
.training .course-block{
height:100%;
padding:0 6px
}
.training .course-block .venta-exitosa img,.training .course-block .proteccion-civil img,.training .course-block .procesos-sap img,.training .course-block .politicas img,.training .course-block .enpowerment img,.training .course-block .malware img,.training .course-block .finanzas img,.training .course-block .confidencial img,.training .course-block .atencion-a-clientes img{
width:100%
}
.training .options{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
list-style:none;
margin-top:4px;
padding:0
}
.training .options li{
font-size:.9em
}
.training .options li span{
display:inline-block;
height:16px;
float:left;
margin-right:4px;
margin-top:2px;
width:16px
}
.training .options li .comment-icon{
background-image:url(../images/aloha/ico_comentario.png);
background-position:center;
background-size:contain;
background-repeat:no-repeat
}
.training .options li .comment-icon.active{
background-image:url(../images/aloha/ico_comentario_over.png)
}
.training .options li .heart{
background-image:url(../images/aloha/ico_like.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
bottom:5px;
cursor:pointer;
display:block;
height:14px;
width:14px
}
.training .options li .heart:hover{
background-image:url(../images/aloha/ico_like_over.png)
}
.training .options li .heart.active{
background-image:url(../images/aloha/ico_like_over.png)
}
.training .options li .share{
background-image:url(../images/aloha/ico-share.svg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
cursor:pointer;
display:block;
height:14px;
width:13px
}
.training .options li .share:hover{
background-image:url(../images/aloha/ico-share-over.svg)
}
.training .options li .share:active{
background-image:url(../images/aloha/ico-share-over.svg)
}
.training .options li:first-child{
margin:auto 20px auto 0
}
.dashboard.container.admin{
overflow:initial!important
}
.dashboard.container.admin .row.row-no-gutters .col-md-4,.dashboard.container.admin .row.row-no-gutters .col-md-6{
padding-left:8px;
padding-right:8px
}
.dashboard.container.admin .bg_aloha_blue{
background-color:#655b87
}
.dashboard.container.admin .bg_primary_green{
background-color:#026c68
}
.dashboard.container.admin .bg_secondary_yellow{
background-color:#d9a76c
}
.dashboard.container.admin .bg_aloha_melon{
background-color:#ee862d
}
.dashboard.container.admin .red{
background-color:#e2001d
}
.dashboard.container.admin .orange{
background-color:#f27400
}
.dashboard.container.admin .brown{
background-color:#7e461b
}
.dashboard.container.admin .light_green{
background-color:#43b8a1
}
.dashboard.container.admin .yellow{
background-color:#ffd000
}
.dashboard.container.admin .green{
background-color:#00b15b
}
.dashboard.container.admin .bold{
font-weight:700
}
.dashboard.container.admin .no-gutter{
padding-left:0!important;
padding-right:0!important
}
.dashboard.container.admin .no-gutter-left{
padding-left:0!important
}
.dashboard.container.admin .no-gutter-right{
padding-right:0!important
}
.dashboard.container.admin .mt-0{
margin-top:0
}
.dashboard.container.admin .mt-1{
margin-top:.25em
}
.dashboard.container.admin .mt-2{
margin-top:.5em
}
.dashboard.container.admin .mt-3{
margin-top:1em
}
.dashboard.container.admin .mt-4{
margin-top:1.5em
}
.dashboard.container.admin .mt-5{
margin-top:3em
}
.dashboard.container.admin .mb-0{
margin-bottom:0
}
.dashboard.container.admin .mb-1{
margin-bottom:.25em
}
.dashboard.container.admin .mb-2{
margin-bottom:.5em
}
.dashboard.container.admin .mb-3{
margin-bottom:1em
}
.dashboard.container.admin .mb-4{
margin-bottom:1.5em
}
.dashboard.container.admin .mb-5{
margin-bottom:3em
}
.dashboard.container.admin .d-inline{
display:inline
}
.dashboard.container.admin .d-inlineblock{
display:inline-block
}
.dashboard.container.admin h3{
font-size:14px;
font-weight:700
}
.dashboard.container.admin h4{
font-size:12px;
font-weight:700
}
.dashboard.container.admin select{
max-width:100%;
font-size:13px
}
.dashboard.container.admin .tabs-wrapper{
height:60px;
margin-top:22px;
position:relative
}
.dashboard.container.admin .tabs{
display:flex;
justify-content:center;
list-style:none
}
.dashboard.container.admin .tabs li{
padding:8px 20px;
border:solid 3px #fff;
cursor:pointer
}
.dashboard.container.admin .tabs li:hover{
background-color:#026c68
}
.dashboard.container.admin .tabs li.selected{
background-color:#026c68;
cursor:default
}
.dashboard.container.admin .dashboard_title{
border-bottom:solid 2px #e6e6e6
}
.dashboard.container.admin .dashboard_title h3{
margin-bottom:.5em
}
.dashboard.container.admin .section{
padding:15px;
background-color:#fff;
height:396px
}
.dashboard.container.admin .section select{
float:right;
margin-right:15px;
max-width:150px;
font-size:13px
}
.dashboard.container.admin .section .buttons-container{
position:absolute;
bottom:15px;
right:30px
}
.dashboard.container.admin .section .buttons-container a>button{
color:#000
}
.dashboard.container.admin .section .filter_zone{
display:flex;
justify-content:center;
width:100%
}
.dashboard.container.admin .section .filter_zone div{
padding:15px;
font-size:12px;
font-weight:700;
cursor:pointer
}
.dashboard.container.admin .section .filter_zone div:hover:not(.selected){
text-decoration:underline
}
.dashboard.container.admin .section .filter_zone div.selected{
color:#008dc2;
cursor:default
}
.dashboard.container.admin #generalMetrics{
background-color:#fff;
height:806px;
padding:15px
}
.dashboard.container.admin #generalMetrics .counter{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:65px;
margin-top:15px;
color:#fff
}
.dashboard.container.admin #generalMetrics .counter .big_number{
font-size:32px
}
.dashboard.container.admin #embassies .section{
height:auto
}
.dashboard.container.admin #embassies .section .values{
list-style:none;
padding:15px
}
.dashboard.container.admin #embassies .section .values .valueItem{
display:flex;
width:100%;
height:60px;
margin:10px 0;
color:#fff
}
.dashboard.container.admin #embassies .section .values .valueItem .value{
display:flex;
align-items:center;
width:38%;
height:60px;
padding:0 15px
}
.dashboard.container.admin #embassies .section .values .valueItem .description{
display:flex;
align-items:center;
background-color:#e6e6e6;
width:62%;
justify-content:space-between;
padding:0 15px
}
.dashboard.container.admin #embassies .section .values .valueItem .description .avatar{
display:flex;
align-items:center;
justify-content:center;
width:45px;
height:45px;
border-radius:23px
}
.dashboard.container.admin #embassies .section .values .valueItem .description .person{
width:62%
}
.dashboard.container.admin #embassies .section .values .valueItem .description .person span{
font-size:12px;
display:flex;
align-items:center;
display:block;
color:#000
}
.dashboard.container.admin #embassies .section .values .valueItem .description .number{
display:flex;
align-items:center;
justify-content:center;
height:100%;
align-self:end;
font-size:28px;
color:#000;
font-weight:700
}
.dynamic-content{
height:100%;
padding-left:40px;
padding-right:40px
}
.dynamic-content.loginActive{
padding-left:15px;
padding-right:15px
}
.dynamic-content .logo-gp-wrapper{
background-color:#464646;
bottom:0
}
.dynamic-content .logo-gp-wrapper .gp-logo{
background-image:url(../images/valora-medium-sprites.png);
background-position:0 -283px;
background-repeat:no-repeat;
height:57px;
left:50%;
margin-left:-158px;
position:absolute;
width:316px
}
.dynamic-content .viewMore{
margin-top:15px
}
.dynamic-content .viewMore p{
text-align:center;
width:100%
}
.dynamic-content .viewMore p a{
border:1px solid #979797;
color:inherit;
display:inline-block;
padding:4px 30px;
text-decoration:none;
vertical-align:middle
}
.dynamic-content .section-title{
font-size:.9em;
margin:25px auto 20px
}
.dynamic-content .section-title p{
font-size:1.3em;
margin-bottom:0;
text-align:center
}
.dynamic-content .title-wrapper{
height:40px;
margin-top:22px;
position:relative
}
.dynamic-content .title-wrapper h3{
border-bottom:1px solid #655b87;
color:#655b87;
height:40px;
left:10px;
line-height:40px;
margin:0;
text-align:center;
vertical-align:bottom;
width:250px
}
.dynamic-content .faq .title-wrapper h3{
width:300px
}
.dynamic-content .faq .question{
color:#fb8c8d;
margin-top:30px
}
.dynamic-content .how .video{
margin-top:50px
}
.dynamic-content .how .infographic{
margin-top:50px;
width:100%
}
.dynamic-content .passChange .title-wrapper h3{
width:300px
}
.dynamic-content .passChange .form-group{
position:relative
}
.dynamic-content .passChange .form-group .error{
bottom:10px;
color:red;
position:absolute;
right:-87px
}
.dynamic-content .passChange .form-group .no-match{
bottom:40px;
right:-200px
}
.dynamic-content .passChange .btn-wrapper{
text-align:right
}
.dynamic-content .passChange .btn-wrapper .btn{
background-color:transparent;
border:2px solid #979797;
border-radius:0;
font-size:14px;
width:115px
}
.dynamic-content .contact .title-wrapper h3{
width:130px
}
.dynamic-content .contact .contact-directory h5{
font-weight:600;
margin-bottom:0
}
.dynamic-content .contact .contact-directory p{
margin:0 auto
}
.dynamic-content .contact .contact-info{
margin-top:50px
}
.dynamic-content .contact .redirect{
text-decoration:none;
color:inherit
}
.dynamic-content .contact .redirect:hover{
color:#fb8c8d
}
.dynamic-content .description-wrapper{
margin-top:20px
}
.dynamic-content .description-wrapper p{
font-size:1em
}
.dynamic-content .description-wrapper .return{
color:inherit
}
.dynamic-content .wish-list .block-wrapper{
margin-top:10px
}
.dynamic-content .wish-list .block-wrapper p{
display:table-cell;
padding-left:50px;
vertical-align:middle;
font-size:1.2em;
margin:10px 5px;
padding-left:10px
}
.dynamic-content .wish-list .block-wrapper .description,.dynamic-content .wish-list .block-wrapper .delete,.dynamic-content .wish-list .block-wrapper .block,.dynamic-content .wish-list .block-wrapper .cloths{
float:left;
height:200px;
overflow:hidden;
width:200px
}
.dynamic-content .wish-list .block-wrapper .description label,.dynamic-content .wish-list .block-wrapper .delete label,.dynamic-content .wish-list .block-wrapper .block label,.dynamic-content .wish-list .block-wrapper .cloths label{
width:40px
}
.dynamic-content .wish-list .block-wrapper .description p,.dynamic-content .wish-list .block-wrapper .delete p,.dynamic-content .wish-list .block-wrapper .block p,.dynamic-content .wish-list .block-wrapper .cloths p{
display:inline-block;
font-size:.8em;
margin:2px 4px;
width:100%
}
.dynamic-content .wish-list .block-wrapper .description p select,.dynamic-content .wish-list .block-wrapper .delete p select,.dynamic-content .wish-list .block-wrapper .block p select,.dynamic-content .wish-list .block-wrapper .cloths p select{
margin-left:10px
}
.dynamic-content .wish-list .block-wrapper .block{
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.dynamic-content .wish-list .block-wrapper .delete,.dynamic-content .wish-list .block-wrapper .balance{
display:table;
height:200px;
overflow:hidden;
width:300px
}
.dynamic-content .wish-list .delete-btn{
background-color:#fff;
border-radius:0;
color:inherit;
cursor:pointer;
display:block;
font-size:.7em;
text-align:center;
text-decoration:none
}
.dynamic-content .wish-list .delete-btn span{
color:#db1f23;
font-size:1.4em
}
.dynamic-content .wish-list .btn{
background-color:#fff;
border:2px solid #949494;
border-radius:0;
color:#5e5e5e;
font-weight:700
}
.dynamic-content .wish-list .delete,.dynamic-content .wish-list .balance{
width:100%
}
.dynamic-content .wish-list .balance p{
padding-left:5px
}
.dynamic-content .admin-content{
background-color:#dbdbdb
}
.dynamic-content .admin-content .preview{
max-width:200px
}
.dynamic-content .admin-content .admin{
margin-bottom:80px;
overflow:auto
}
.dynamic-content .admin-content .admin scroll,.dynamic-content .admin-content .admin input[type=text],.dynamic-content .admin-content .admin input[type=number],.dynamic-content .admin-content .admin select,.dynamic-content .admin-content .admin .btn-info,.dynamic-content .admin-content .admin .datepicker{
border-radius:0;
border:1px solid #fb8c8d
}
.dynamic-content .admin-content .admin input[type=text],.dynamic-content .admin-content .admin input[type=number],.dynamic-content .admin-content .admin select{
width:200px
}
.dynamic-content .admin-content .admin .datepicker{
min-height:252px
}
.dynamic-content .admin-content .admin .datepicker .well{
margin-bottom:0
}
.dynamic-content .admin-content .admin hr{
margin-bottom:5px;
margin-top:5px
}
.dynamic-content .admin-content .admin .btn-info{
background-color:#d6d6d6
}
.dynamic-content .admin-content .admin .title-wrapper{
border-bottom:2px solid #d6d6d6;
height:100px
}
.dynamic-content .admin-content .admin .title-wrapper h4{
line-height:100px;
margin:0
}
.dynamic-content .admin-content .admin .btn-admin-wrapper{
height:30px;
position:relative
}
.dynamic-content .admin-content .admin .btn-admin-wrapper .btn-admin{
background-color:color_pink;
border:1px solid #4d4d4d;
border-radius:0;
color:#fff;
height:100%;
position:absolute;
right:15%
}
.dynamic-content .admin-content .admin .btn-admin-wrapper .btn-csv{
right:25%
}
.dynamic-content .admin-content .admin .btn-options{
color:inherit;
font-size:.7em;
text-decoration:none;
cursor:pointer
}
.dynamic-content .admin-content .admin .btn-options:hover{
color:color_pink
}
.dynamic-content .admin-content .admin .img-thumbnail{
max-height:100px;
max-width:100px
}
.dynamic-content .admin-content .admin #editBanner{
display:none
}
.dynamic-content .admin-content .admin .charts-content{
position:relative
}
.dynamic-content .admin-content .admin .charts-content .data-wrapper{
height:550px;
left:20px;
overflow:hidden;
position:absolute;
overflow-y:scroll;
top:55px;
width:280px;
z-index:1
}
.dynamic-content .admin-content .admin .charts-content .panel .btn-admin-wrapper{
height:51px
}
.dynamic-content .admin-content .admin .charts-content .panel .btn-admin-wrapper .btn-admin{
height:30px
}
.dynamic-content .admin-content .admin .total-points-report{
background-color:#f5f5f4;
margin-bottom:10px;
padding-top:20px
}
.dynamic-content .admin-content .admin .total-points-report label{
margin-left:10px;
width:200px
}
.dynamic-content .admin-content .admin .table-titles{
border-bottom:1px solid #fb8c8d;
margin-top:40px
}
.dynamic-content .admin-content .admin .table-titles .label-wrapper tr th{
height:65px;
padding:0 2px;
text-align:left;
vertical-align:top
}
.dynamic-content .admin-content .admin .table-titles .label-wrapper tr .employeeN{
width:99px
}
.dynamic-content .admin-content .admin .table-titles .label-wrapper tr .location{
width:270px
}
.dynamic-content .admin-content .admin .table-titles .label-wrapper tr .sender{
width:250px
}
.dynamic-content .admin-content .admin .table-titles .label-wrapper tr .senderN{
width:99px
}
.dynamic-content .admin-content .admin .table-titles .label-wrapper tr .badgeName{
width:170px
}
.dynamic-content .admin-content .admin .data-wrapper tr td{
padding:0 5px
}
.dynamic-content .admin-content .admin .data-wrapper tr .employeeN{
width:99px
}
.dynamic-content .admin-content .admin .data-wrapper tr .location{
font-size:.8em;
width:100%
}
.dynamic-content .admin-content .admin .data-wrapper tr .sender{
width:250px
}
.dynamic-content .admin-content .admin .data-wrapper tr .badgeName{
width:170px
}
.dynamic-content .admin-content .admin .general-report label{
width:140px
}
.dynamic-content .admin-content .admin .general-report .btn-admin-wrapper .btn-admin{
margin-right:-55px;
right:50%;
width:110px
}
.dynamic-content .admin-content .admin table .orderBy a{
color:color_pink;
text-decoration:none
}
.dynamic-content .admin-content .admin .orderBy a{
color:color_pink;
text-decoration:none
}
.dynamic-content .admin-content .admin .dynamic-content{
border-bottom:1px solid #979797
}
.dynamic-content .admin-content .admin .dynamic-content button{
margin-top:10px
}
.dynamic-content .admin-content .admin .numeration{
color:color_pink
}
.dynamic-content .admin-content .admin.rewards-report .datepicker-wrapper{
text-align:center
}
.dynamic-content .admin-content .gp-badges .title-wrapper{
height:100%
}
.dynamic-content .admin-content .gp-badges .title-wrapper h4{
line-height:2
}
.dynamic-content .admin-content .form-title{
margin:50px 0
}
.dynamic-content .admin-content .temporal-pass .tips ul li{
margin-top:5px
}
.dynamic-content .feed .notification-message{
color:#026c68;
font-size:1.3em
}
.dynamic-content .feed .btn-filter-wrapper{
margin:10px auto;
text-align:center
}
.dynamic-content .feed .btn-filter-wrapper .btn-filter{
background-color:#fff;
border:1px solid #979797;
cursor:pointer;
font-size:.8em;
margin:0 2px;
padding:1px 6px;
text-transform:uppercase
}
.dynamic-content .feed .btn-filter-wrapper .btn-filter.active{
background-color:#e6dcd7
}
.dynamic-content .feed .btn-filter-wrapper .description{
font-size:.8em;
margin-top:0;
margin-left:10px;
text-align:left
}
.dynamic-content .feed .btn-filter-wrapper>div{
border-bottom:1px solid #979797;
padding-bottom:12px
}
.dynamic-content .feed .feed-wrapper .createdAt{
font-size:10px;
margin:0 auto;
text-align:right
}
.dynamic-content .feed #likeModal .modal-dialog{
width:460px
}
.dynamic-content .feed #likeModal .modal-dialog .modal-header .modal-title .heart{
background:url(../images/valora-sprites.png);
background-position:-384px -51px;
background-repeat:no-repeat;
display:inline-block;
height:14px;
width:16px
}
.dynamic-content .feed #likeModal .modal-dialog .modal-body ul{
list-style:none
}
.dynamic-content .feed .collaboratorsModal{
background-color:#e6dcd7;
height:auto;
position:absolute;
right:0;
top:10%;
width:300px;
z-index:1
}
.dynamic-content .feed .collaboratorsModal .close-popup-wrapper{
margin-bottom:0;
text-align:right
}
.dynamic-content .feed .collaboratorsModal .close-popup-wrapper .close-popup{
cursor:pointer;
font-size:.8em;
margin:auto 10px
}
.dynamic-content .feed .collaboratorsModal .close-popup-wrapper .close-popup:hover{
font-size:.9em
}
.dynamic-content .feed .collaboratorsModal ul{
font-size:.9em;
list-style-type:none;
margin:2px 0 10px 0;
padding:4px 20px
}
.dynamic-content .feed .collaboratorsModal ul li{
cursor:pointer
}
.dynamic-content .feed .collaboratorsModal ul li:hover{
background-color:#fb8c8d
}
.dynamic-content .profile-image{
margin-top:50px
}
.dynamic-content .profile-image .form-wrapper p:last-child{
text-align:right
}
.dynamic-content .profile-image .form-wrapper .btn{
background-color:#fff;
border:2px solid;
border-radius:0
}
.dynamic-content .preferences .preferences-body .form-wrapper .notification{
width:300px
}
.dynamic-content .preferences .preferences-body .form-wrapper .notification-points{
margin-top:50px
}
.dynamic-content .preferences .preferences-body .form-wrapper input[type=checkbox]{
display:none
}
.dynamic-content .preferences .preferences-body .form-wrapper input[type=checkbox]+label span{
background:url(../images/valora-sprites.png) -339px -85px no-repeat;
cursor:pointer;
display:inline-block;
height:19px;
margin:-2px 10px 0 0;
vertical-align:middle;
width:19px
}
.dynamic-content .preferences .preferences-body .form-wrapper input[type=checkbox]:checked+label span{
background:url(../images/valora-sprites.png) -364px -86px no-repeat
}
.dynamic-content .preferences .preferences-body .form-wrapper input[type=button]{
background-color:#fff;
border:1px solid #979797;
font-size:14px;
height:30px;
margin-top:20px;
padding:1px 4px;
width:130px
}
.dynamic-content .preferences .preferences-body .form-wrapper input[type=button]:hover{
background-color:#e6e6e6
}
.dynamic-content .feed-comments .comments-list .collaboratorName,.dynamic-content .reward-comments .comments-list .collaboratorName{
color:color_pink;
font-size:.7em
}
.dynamic-content .feed-comments .comments-list .btn-admin,.dynamic-content .reward-comments .comments-list .btn-admin{
background-color:color_pink;
border:1px solid #4d4d4d;
border-radius:0;
color:#fff;
margin-left:15px
}
#videoModal{
top:10%
}
#profileImageModal .modal-dialog .modal-content .close{
background-color:#fb8c8d;
border:1px solid;
border-radius:50px;
height:50px;
opacity:1;
padding:4px;
position:absolute;
right:-30px;
top:-20px;
width:50px;
z-index:10
}
#profileImageModal .modal-dialog .modal-content .close span{
border-radius:40px;
width:40px;
color:#fb8c8d;
height:40px;
background-color:#fff;
display:block;
font-size:1.5em;
line-height:36px
}
#profileImageModal .modal-dialog .modal-content .modal-header{
background-color:#696969;
color:#fff
}
#profileImageModal .modal-dialog .modal-content .modal-footer{
background-color:#696969
}
#profileImageModal .modal-dialog .modal-content .modal-footer .btn{
background-color:#fff;
border:2px solid #979797;
border-radius:0;
font-size:14px;
width:115px
}
@media screen and (min-width:1200px){
.login .login-form .form-group .error{
right:-25%;
top:36%
}
}
@media screen and (min-width:992px){
.dynamic-content .feed .btn-filter-wrapper .btn-filter{
display:inline-block;
margin:5px 3px
}
.dynamic-content .feed .feed-wrapper .createdAt{
margin-top:15px
}
.dynamic-content .feed .feed-wrapper .feed-content .comment{
bottom:12px;
right:20px
}
.dynamic-content .feed .feed-wrapper .feed-content .like{
right:10px;
height:initial;
bottom:8px
}
}
@media screen and (min-width:992px) and (min-width:768px){
.dynamic-content .feed .feed-wrapper .feed-content .feed-text{
width:85%
}
}
@media screen and (min-width:320px) and (max-width:767px){
.navbar-default navbar-collapse .admin-menu .admin-link{
height:inherit;
margin:0 auto
}
.navbar-default .navbar-collapse .admin-menu{
height:inherit;
margin-left:0;
display:inline-block
}
.admin-nav .navbar-collapse .navbar{
height:auto;
display:flex;
overflow-x:auto;
white-space:nowrap
}
.admin-nav .container-fluid .collapse{
display:block;
background:#fb8c8d
}
.navbar-default .navbar-collapse{
background:#696969;
position:relative;
z-index:2
}
.navbar-default .navbar-collapse .navbar-nav li a{
border-bottom:1px solid transparent;
padding:4px
}
.login .login-form{
text-align:center;
margin-top:0
}
.login .login-form form{
height:auto
}
.login .login-form .form-control{
margin-left:0
}
.login .login-form .form-group label{
text-align:center
}
.login .login-form .form-group span{
text-align:center;
position:relative;
display:block;
top:inherit;
right:initial
}
.login .login-form .btn-wrapper{
text-align:center
}
.dynamic-content .feed .btn-filter-wrapper .btn-filter{
display:inline-block;
margin:5px 3px
}
.dynamic-content .feed .feed-wrapper .createdAt{
margin-top:15px
}
.dynamic-content .feed .feed-wrapper .feed-content .comment{
bottom:10px;
right:20px
}
.dynamic-content .feed .feed-wrapper .feed-content .like{
right:10px;
height:initial;
bottom:8px
}
}
@media screen and (min-width:320px) and (max-width:767px){
.dynamic-content{
padding:0
}
.dynamic-content .recognize-badges .badges-container{
margin-left:0
}
.dynamic-content .recognize-badges .badges-container #recognize{
left:5%;
right:5%;
width:auto;
box-sizing:content-box
}
.dynamic-content .recognize-badges .badges-container .badge-wrapper{
height:auto;
margin:0 auto;
width:auto;
display:block
}
.dynamic-content .recognize-badges .badges-container .badge-wrapper .badge-img-wrapper{
margin-left:0;
left:inherit;
position:relative;
margin:0 auto
}
.dynamic-content .recognize-badges .badges-container .badge-wrapper .badge-description{
padding:0;
height:auto;
display:block;
width:auto;
margin:0 auto
}
.dynamic-content .recognize-badges .badges-container .badge-wrapper .badge-description p:first-child{
padding-top:0!important;
height:auto!important;
display:block
}
.dynamic-content .recognize-badges .badges-container .competences-carousel-wrapper .competences-carousel{
display:block;
height:auto;
left:initial;
overflow:hidden;
width:auto
}
.dynamic-content .recognize-badges .badges-container .special-carousel-wrapper .special-carousel .badge-wrapper{
display:block
}
.dynamic-content .pagination-wrapper{
margin-top:50px;
max-height:inherit
}
.dynamic-content .pagination-wrapper .pagination-col{
padding:0;
height:auto
}
.dynamic-content .pagination-wrapper .pagination-col .btn{
display:block;
margin:10px auto
}
.dynamic-content .pagination-wrapper .pagination-col .pagination{
display:flex;
width:auto;
height:auto;
overflow:hidden;
justify-content:center
}
.dynamic-content .pagination-wrapper .pagination-col .pagination a span{
width:auto
}
.dynamic-content .pagination-wrapper .pagination-col .pagination a span.circle:hover{
background:0 0;
text-decoration:underline
}
.dynamic-content .pagination-wrapper .pagination-col .pagination>li>a{
padding:0 5px
}
}
@media screen and (min-width:320px) and (max-width:767px){
footer .gp-wrapper .gp-logo{
position:relative;
width:80%;
left:0;
margin:0 auto
}
.dynamic-content .feed-wrapper .feed-content .feed-text,.feed .feed-wrapper .feed-content .feed-text{
margin-bottom:20px
}
.dynamic-content .recognize-badges .categories,.feed .recognize-badges .categories{
margin:10px 0
}
.dynamic-content .recognize-badges .categories .block-wrapper p,.feed .recognize-badges .categories .block-wrapper p{
font-size:11px;
top:98px;
line-height:1;
bottom:inherit
}
.dynamic-content .recognize-badges .choose-collaborator-wrapper,.feed .recognize-badges .choose-collaborator-wrapper{
height:inherit
}
.dynamic-content .recognize-badges .choose-collaborator-wrapper .choose-collaborator,.feed .recognize-badges .choose-collaborator-wrapper .choose-collaborator{
margin:0 auto
}
.dynamic-content .recognize-badges .choose-collaborator-wrapper .choose-collaborator .badge-form,.feed .recognize-badges .choose-collaborator-wrapper .choose-collaborator .badge-form{
min-height:200px
}
.dynamic-content .recognize-badges .choose-collaborator-wrapper .choose-collaborator .badge-form input[type=text],.feed .recognize-badges .choose-collaborator-wrapper .choose-collaborator .badge-form input[type=text]{
width:100%
}
.dynamic-content .recognize-badges .choose-collaborator-wrapper .choose-collaborator .badge-form .collaborators-wrapper,.feed .recognize-badges .choose-collaborator-wrapper .choose-collaborator .badge-form .collaborators-wrapper{
width:100%
}
.dynamic-content .title-wrapper{
height:inherit
}
.dynamic-content .rewards-header .my-list{
position:relative;
height:inherit;
top:inherit;
right:inherit;
margin:5px 0 0 0
}
.dynamic-content .title-wrapper .activity-list,.dynamic-content height inherit .activity-list,.dynamic-content .my-activity .activity-list{
height:inherit;
padding-bottom:10px
}
}
.my-activity .title-wrapper h3{
width:150px
}
.my-activity .activity-list,.my-activity .label-header{
height:100px
}
.my-activity .activity-list div p,.my-activity .label-header div p{
text-align:right
}
.my-activity .activity-list div div:first-child p,.my-activity .label-header div div:first-child p{
text-align:left
}
.my-activity .label-header{
background-image:url(../images/aloha/pleca-degradado.png);
height:30px
}
.my-activity .label-header p{
color:#fff;
font-weight:100;
margin:0 auto;
padding:5px 8px
}
.my-activity .label-header .date-title{
text-align:center
}
.my-activity .activity-list div{
display:table;
height:100%
}
.my-activity .activity-list .row{
width:100%
}
.my-activity .activity-list{
background-color:#f4f4f4;
border-bottom:6px solid #fff;
margin-top:2px
}
.my-activity .activity-list .content{
color:#000;
display:table-cell;
font-size:1.2em;
height:100%;
margin:0 auto;
padding:1px 10px;
vertical-align:middle
}
.my-activity .activity-list .content .title{
color:#655b87
}
.my-activity .activity-list .content .details{
color:#026c68;
cursor:pointer;
font-size:.8em;
text-decoration:none
}
.my-activity .activity-list .content .heart{
background:url(../images/valora-sprites.png);
background-position:-384px -51px;
background-repeat:no-repeat;
display:inline-block;
height:14px;
width:16px
}
.my-activity .activity-list.active{
background-color:#fff
}
.account-status .title-wrapper h3{
width:212px
}
.account-status .previous-balance,.account-status .account-list,.account-status .label-header,.account-status .total-points{
height:60px
}
.account-status .previous-balance div p,.account-status .account-list div p,.account-status .label-header div p,.account-status .total-points div p{
text-align:right
}
.account-status .previous-balance div div:first-child p,.account-status .account-list div div:first-child p,.account-status .label-header div div:first-child p,.account-status .total-points div div:first-child p{
text-align:left
}
.account-status .total-points .total{
margin-right:10px
}
.account-status .previous-balance{
margin-top:10px
}
.account-status .previous-balance .total{
margin-right:10px
}
.account-status .account-list{
border-bottom:1px solid #f1f1f1
}
.account-status .earned-points,.account-status .expended-points{
margin-right:10px
}
.account-status .earned-points{
color:#5e5e5e
}
.account-status .expended-points{
color:#655b87
}
.account-status .label-header{
height:100px
}
.account-status .label-header div p{
text-align:right
}
.account-status .label-header div div:first-child p{
text-align:left
}
.account-status .label-header{
background:url(../images/aloha/pleca-degradado.png);
height:30px
}
.account-status .label-header p{
color:#fff;
font-weight:100;
margin:0 auto;
padding:5px 8px
}
.account-status .label-header .date-title{
text-align:center
}
.rewards-header .title-wrapper h3{
font-weight:700;
text-transform:uppercase;
width:205px
}
.rewards-header .my-list{
border:1px solid #979797;
height:24px;
line-height:24px;
position:absolute;
right:16px;
text-align:center;
top:8px;
vertical-align:bottom;
width:95px
}
.rewards-header .my-list a{
color:#4d4d4d;
text-decoration:none
}
.rewards-header .my-list span{
background:url(../images/valora-sprites.png) no-repeat -360px -33px;
display:inline-block;
height:16px;
margin-right:15px;
width:16px
}
.rewards-header .description-wrapper .filters a{
color:inherit;
cursor:pointer;
display:inline-block;
font-size:.8em;
font-weight:700;
margin:0 2px;
padding:3px 6px 0 6px;
text-decoration:none
}
.rewards-header .description-wrapper .filters a span{
color:#d9a76c;
display:inline-block
}
.rewards-header .description-wrapper .filters a span.up{
width:0;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:10px solid #d9a76c
}
.rewards-header .description-wrapper .filters a span.down{
width:0;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:10px solid #d9a76c
}
.rewards-blocks .block-wrapper{
height:410px;
margin-top:41px
}
.rewards-blocks .block-wrapper .block{
height:241px;
position:relative;
width:100%
}
.rewards-blocks .block-wrapper .block .reward-description{
background-color:#e5e5e5;
color:#000;
font-size:.8em;
height:50px;
padding:2px;
text-decoration:none
}
.rewards-blocks .block-wrapper .block .reward-description:hover{
text-decoration:none
}
.rewards-blocks .block-wrapper .block .block-header{
height:21px;
position:relative;
width:100%
}
.rewards-blocks .block-wrapper .block .block-header .select{
color:#505050;
font-size:.8em;
position:absolute;
right:0;
text-align:right;
width:75%
}
.rewards-blocks .block-wrapper .block .block-header .select input[type=checkbox]{
display:none
}
.rewards-blocks .block-wrapper .block .block-header .select input[type=checkbox]+label span{
background-color:#fff;
border:1px solid #979797;
cursor:pointer;
display:inline-block;
height:13px;
vertical-align:middle;
width:13px
}
.rewards-blocks .block-wrapper .block .block-header .select input[type=checkbox]:checked+label span{
background-color:#7ed321
}
.rewards-blocks .block-wrapper .block .content-wrapper{
text-decoration:none
}
.rewards-blocks .block-wrapper .block .content-wrapper .block-content{
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
height:100%;
position:relative;
width:100%
}
.rewards-blocks .block-wrapper .block .content-wrapper .block-content .new.active{
display:block
}
.rewards-blocks .block-wrapper .block .content-wrapper .block-content .new{
background:url(../images/aloha/ico_nuevo.png) no-repeat center;
background-size:contain;
display:none;
height:21px;
left:0;
margin:6px;
position:absolute;
text-indent:-9999px;
width:25%
}
.rewards-blocks .block-wrapper .block .content-wrapper .details{
height:32px;
position:absolute;
right:17px;
top:7px;
width:40px
}
.rewards-blocks .block-wrapper .block .content-wrapper .details span{
background:#252525 url(../images/aloha/ico_lock.png) no-repeat center;
border-radius:50%;
display:inline-block;
height:40px;
width:40px
}
.rewards-blocks .block-wrapper .block .content-wrapper .details span.active{
background:#252525 url(../images/aloha/ico_unlock.png) no-repeat center
}
.rewards-blocks .block-wrapper .block .block-footer p{
font-size:.7em;
margin:4px
}
.rewards-blocks .block-wrapper .block .block-footer .description{
border-bottom:1px solid #000;
color:#fff;
height:30px;
opacity:.7;
width:100%
}
.rewards-blocks .block-wrapper .block .block-footer .description p:first-child{
height:33px;
line-height:12px
}
.rewards-blocks .block-wrapper .block .block-footer .description p{
font-size:.8em;
margin-bottom:0;
padding:2px 6px 0 6px
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts{
color:#655b87;
font-size:.9em;
font-weight:700;
margin-right:20px;
position:relative
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts a{
display:inline-block
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts .star,.rewards-blocks .block-wrapper .block .block-footer .description .pts .like,.rewards-blocks .block-wrapper .block .block-footer .description .pts .comments-icon{
position:absolute;
right:0;
top:5px
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts .star{
background:url(../images/valora-sprites.png) no-repeat -384px -32px;
height:16px;
right:25px;
width:16px
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts .star.active{
background:url(../images/valora-sprites.png) no-repeat -360px -33px
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts a.star:hover{
background:url(../images/valora-sprites.png) no-repeat -360px -33px
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts .like{
background:url(../images/aloha/ico_like.png) no-repeat center;
background-size:contain;
height:14px;
margin-left:4px;
top:7px;
width:16px
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts .like.active{
background:url(../images/aloha/ico_like_over.png) no-repeat center;
background-size:contain
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts a.like:hover{
background:url(../images/aloha/ico_like_over.png) no-repeat center;
background-size:contain
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts .count{
bottom:13px;
color:#000;
font-size:.7em;
position:absolute;
right:-17px;
text-align:left;
width:16px
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts .comments-icon{
background:url(../images/aloha/ico_comentario.png) no-repeat center;
background-size:contain;
height:16px;
right:35px;
top:8px;
width:16px
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts .comments-icon.active{
background:url(../images/aloha/ico_comentario_over.png) no-repeat center;
background-size:contain
}
.rewards-blocks .block-wrapper .block .block-footer .description .pts .comments-count{
color:#000;
font-size:.7em;
position:absolute;
right:24px;
top:8px
}
.rewards-blocks .block-wrapper .block .comments-wrapper{
display:none;
position:absolute;
width:100%;
z-index:2
}
.rewards-blocks .block-wrapper .block .comments-wrapper .new-comment .profile-thumb{
background-position:center center;
background-size:cover;
border-radius:35px;
float:left;
height:35px;
margin-left:10px;
width:35px
}
.rewards-blocks .block-wrapper .block .comments-wrapper .new-comment input[type=text]{
float:left;
margin:4px 15px;
padding-left:5px;
width:70%
}
.rewards-blocks .block-wrapper .block .comments-wrapper .comments-list{
font-size:.8em;
overflow:hidden;
padding:2px 10px 2px 60px;
width:100%
}
.rewards-blocks .block-wrapper .block .comments-wrapper .comments-list p{
margin-bottom:0
}
.rewards-blocks .block-wrapper .block .comments-wrapper .comments-list .collaboratorName{
color:#026c68
}
.rewards-blocks .block-wrapper .block .comments-wrapper.active{
display:block;
background-color:#fff;
border-bottom:1px solid;
height:90px;
overflow-y:scroll
}
.pagination-wrapper{
margin-top:105px;
max-height:28px
}
.pagination-wrapper .pagination-col,.pagination-wrapper .pagination,.pagination-wrapper nav,.pagination-wrapper p,.pagination-wrapper a{
height:30px
}
.pagination-wrapper .pagination-col .btn{
border:1px solid #000;
border-radius:0;
font-size:.8em;
font-weight:700;
width:115px
}
.pagination-wrapper .pagination-col .pagination{
display:inline-table;
height:28px;
margin:0;
width:100%
}
.pagination-wrapper .pagination-col .pagination li{
display:table-cell
}
.pagination-wrapper .pagination-col .pagination p{
float:left
}
.pagination-wrapper .pagination-col .pagination a{
border:0;
border-radius:0;
color:#000;
display:block;
font-size:.9em;
padding-top:2px;
text-align:center;
text-decoration:none;
width:100%
}
.pagination-wrapper .pagination-col .pagination a span{
display:inline-block;
height:30px;
padding-top:5px;
width:30px
}
.pagination-wrapper .pagination-col .pagination a span.circle:hover{
background-color:#026c68;
border-radius:30px
}
.pagination-wrapper .pagination-col .pagination a.prev{
margin:0;
padding:8px auto
}
.pagination-wrapper .pagination-col .pagination a.prev span{
margin-left:10px
}
.pagination-wrapper .pagination-col .pagination a.next{
padding:8px auto
}
.pagination-wrapper .pagination-col .pagination a.next span{
margin-right:10px
}
.pagination-wrapper .pagination-col .pagination a:hover,.pagination-wrapper .pagination-col .pagination a:focus{
background-color:transparent
}
.pagination-wrapper .pagination-col .pagination li:first-child a span,.pagination-wrapper .pagination-col .pagination li:last-child a span{
display:inline
}
#rewardDetails .modal-dialog{
background-color:#fff;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
border:1px solid #fff;
height:600px;
width:855px
}
#rewardDetails .modal-content{
border-radius:0;
margin:-1px;
position:relative
}
#rewardDetails .modal-content .modal-header{
border-bottom:none;
border-radius:0
}
#rewardDetails .modal-content .close{
background-color:#d9a76c;
border-radius:50px;
height:50px;
opacity:1;
padding:4px;
position:absolute;
right:-30px;
top:-20px;
width:50px;
z-index:10
}
#rewardDetails .modal-content .close span{
border-radius:40px;
width:40px;
color:#fff;
height:40px;
background-color:#d9a76c;
display:block;
font-size:2.3em;
line-height:36px
}
.checkout-header .title-wrapper{
height:40px;
margin-top:22px;
position:relative
}
.checkout-header .title-wrapper h3{
background-color:#fff;
border-bottom:1px solid #655b87;
color:#655b87;
height:40px;
left:10px;
line-height:40px;
margin:0;
text-align:center;
vertical-align:bottom;
width:290px
}
.titles{
margin-top:20px
}
.titles .col-wrapper:first-child{
padding-right:0
}
.titles .col-wrapper:last-child{
padding-left:0
}
.titles p{
background-color:#e5e5e5;
margin:0 auto;
padding:4px
}
.checkout .block-wrapper{
display:flex;
flex-flow:row;
justify-content:space-between
}
.checkout .block-wrapper .reward-title{
max-height:200px;
max-width:200px;
overflow:hidden
}
.checkout .block-wrapper .reward-title p{
height:200px
}
.checkout .block-wrapper .delete-reward{
height:200px;
position:relative;
width:50px
}
.checkout .block-wrapper .delete-reward .delete-btn{
color:#000;
font-size:1em;
margin-top:-20px;
position:absolute;
top:50%
}
.checkout .block-wrapper .delete-reward .delete-btn span{
background-color:#d9a76c;
border-radius:50%;
color:#fff;
display:inline-block;
font-size:.9em;
font-weight:700;
height:25px;
padding-top:2px;
width:25px
}
.checkout .block-wrapper .reward-img{
background-size:cover;
background-repeat:no-repeat;
height:200px;
width:355px
}
.checkout .block-wrapper .balance-pts{
height:200px;
width:100px
}
.checkout .block-wrapper .balance-pts p{
color:#655b87;
line-height:200px
}
.balance-title{
text-align:right
}
.balance{
font-size:.8em;
font-weight:700;
padding:4px
}
.balance .col-wrapper:first-child{
padding-right:0
}
.balance .col-wrapper:last-child{
padding-left:0
}
.balance p{
background-color:#e5e5e5;
margin:0 auto;
padding:4px
}
.balance .total-points{
text-align:right
}
.btn-actions{
color:#fff;
margin-top:20px
}
.btn-actions .cancel{
background-color:#ee862d
}
.btn-actions .confirm{
background-color:#655b87
}
.checkout-modal .modal-dialog .modal-content{
background-color:#fff;
color:#000;
font-size:1.1em;
text-align:center
}
.checkout-modal .modal-dialog .modal-header{
border-bottom:none;
color:#655b87;
font-weight:bolder;
position:relative;
text-align:center
}
.checkout-modal .modal-dialog .modal-header h4{
font-size:1.7em
}
.checkout-modal .modal-dialog .modal-header .close{
background-color:#d9a76c;
border:1px solid #d9a76c;
border-radius:50px;
height:50px;
opacity:1;
padding:4px;
position:absolute;
right:-30px;
top:-20px;
width:50px
}
.checkout-modal .modal-dialog .modal-header .close span{
border-radius:40px;
width:40px;
color:#fff;
height:40px;
background-color:#d9a76c;
display:block;
font-size:1.5em;
line-height:36px
}
.checkout-modal .modal-dialog .modal-footer{
border-top:none
}
.checkout-modal .modal-dialog .modal-footer .btn{
background-color:#fff;
border:4px solid #000;
border-radius:0;
color:#000;
margin-right:120px
}
#ticket .modal-footer{
height:70px;
position:relative
}
#ticket .modal-footer .btn{
left:50%;
margin-left:-62px;
position:absolute;
width:125px
}