/* your styles go here */
.body-login{
    background-color: #33b35a;
    background-image: url('./public/images/fondo_camuri.jpg') !important;
}

.notification-number{
    width: 20px;
    padding: 5px;
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    margin-top: -35px !important;
    position: absolute;
    margin-left: 17px !important;
}

.mCSB_scrollTools{width:6px !important}
.mCSB_inside>.mCSB_container{margin-right:0 !important}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#33b35a !important}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background-color:#33b35a !important}

ul.messenger{margin:0;padding:0}
ul.messenger>li{list-style:none;margin:0;padding:0}
ul.messenger.messenger-empty{display:none}
ul.messenger .messenger-message{overflow:hidden;*zoom:1}
ul.messenger .messenger-message.messenger-hidden{display:none}
ul.messenger .messenger-message .messenger-phrase{padding-right:5px}
ul.messenger .messenger-message .messenger-actions{float:right}
ul.messenger .messenger-message .messenger-actions a{padding-right:5px;cursor:pointer;text-decoration:underline}
ul.messenger .messenger-message ul,ul.messenger .messenger-message ol{margin:10px 18px 0}
ul.messenger.messenger-fixed{position:fixed;z-index:10000}
ul.messenger.messenger-fixed .messenger-message{min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box}
ul.messenger.messenger-fixed .message .messenger-actions{float:left}
ul.messenger.messenger-fixed.messenger-on-top{top:20px}
ul.messenger.messenger-fixed.messenger-on-bottom{bottom:20px}
ul.messenger.messenger-fixed.messenger-on-top,ul.messenger.messenger-fixed.messenger-on-bottom{left:50%;width:800px;margin-left:-400px}
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right,ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right{right:20px;left:auto}ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left,ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left{left:20px;margin-left:0px}ul.messenger.messenger-fixed.messenger-on-right,ul.messenger.messenger-fixed.messenger-on-left{width:350px}
ul.messenger.messenger-fixed.messenger-on-right .messenger-actions,ul.messenger.messenger-fixed.messenger-on-left .messenger-actions{float:left}ul.messenger .messenger-spinner{display:none}ul.messenger .messenger-clickable{cursor:pointer}@-webkit-keyframes ui-spinner-rotate-right{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ui-spinner-rotate-right{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ui-spinner-rotate-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ui-spinner-rotate-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.messenger-spinner{position:relative;border-radius:100%}ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner{display:block}.messenger-spinner .messenger-spinner-side{width:50%;height:100%;overflow:hidden;position:absolute}.messenger-spinner .messenger-spinner-side .messenger-spinner-fill{border-radius:999px;position:absolute;width:100%;height:100%;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.messenger-spinner .messenger-spinner-side-left{left:0}.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill{left:100%;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-animation-name:ui-spinner-rotate-left;animation-name:ui-spinner-rotate-left;-webkit-transform-origin:0 50%;transform-origin:0 50%}.messenger-spinner .messenger-spinner-side-right{left:50%}.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill{left:-100%;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-animation-name:ui-spinner-rotate-right;animation-name:ui-spinner-rotate-right;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}ul.messenger-theme-flat{border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#212529}ul.messenger-theme-flat.messenger-empty{display:none}ul.messenger-theme-flat .messenger-message{-webkit-box-shadow:inset 0px 1px rgba(255,255,255,0.13),inset 48px 0px 0px #292929;box-shadow:inset 0px 1px rgba(255,255,255,0.13),inset 48px 0px 0px #292929;border-radius:0px;position:relative;border:0px;margin-bottom:0px;font-size:13px;background:transparent;color:#f0f0f0;font-weight:500;padding:10px 30px 13px 65px}ul.messenger-theme-flat .messenger-message .messenger-close{position:absolute;top:0px;right:0px;color:#888;opacity:1;font-weight:bold;display:block;font-size:20px;line-height:20px;padding:8px 10px 7px 7px;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}ul.messenger-theme-flat .messenger-message .messenger-close:hover{color:#bbb}ul.messenger-theme-flat .messenger-message .messenger-close:active{color:#777}ul.messenger-theme-flat .messenger-message .messenger-actions{float:none;margin-top:10px}ul.messenger-theme-flat .messenger-message .messenger-actions a{border-radius:4px;text-decoration:none;color:#aaa;background:#2e2e2e;display:inline-block;padding:10px;margin-right:10px;padding:4px 11px 6px;text-transform:capitalize}ul.messenger-theme-flat .messenger-message .messenger-actions a:hover{color:#f0f0f0;background:#2e2e2e}
ul.messenger-theme-flat .messenger-message .messenger-actions a:active{background:#292929;color:#aaa}ul.messenger-theme-flat .messenger-message .messenger-actions .messenger-phrase{display:none}ul.messenger-theme-flat .messenger-message .messenger-message-inner:before{border-radius:50%;position:absolute;left:17px;display:block;content:" ";top:50%;margin-top:-8px;height:13px;width:13px;z-index:20}ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before{background:#28a745}ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before{background:#17a2b8}ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before{background:#dc3545}ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner{width:32px;height:32px;background:transparent}ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill{background:#dc3545;-webkit-animation-duration:20s;animation-duration:20s;opacity:1}ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after{content:"";background:#292929;position:absolute;width:26px;height:26px;border-radius:50%;top:3px;left:3px;display:block}ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner{width:32px;height:32px;background:transparent}ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill{background:#dc3545;-webkit-animation-duration:600s;animation-duration:600s;opacity:1}ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after{content:"";background:#292929;position:absolute;width:26px;height:26px;border-radius:50%;top:3px;left:3px;display:block}ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message{border-radius:4px 4px 0px 0px;-webkit-box-shadow:inset 48px 0px 0px #292929;box-shadow:inset 48px 0px 0px #292929}ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message{border-radius:0px 0px 4px 4px;-webkit-box-shadow:inset 0px 1px rgba(255,255,255,0.13),inset 48px 0px 0px #292929;box-shadow:inset 0px 1px rgba(255,255,255,0.13),inset 48px 0px 0px #292929}ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message{border-radius:4px;-webkit-box-shadow:inset 48px 0px 0px #292929;box-shadow:inset 48px 0px 0px #292929}
ul.messenger-theme-flat .messenger-spinner{display:block;position:absolute;left:7px;top:50%;margin-top:-18px;z-index:999;height:32px;width:32px;z-index:10}

.pointer{
    cursor: pointer !important;
}

.login-page,.register-page{
    width:100%;
    background-color:#f5f5f5;
    background: url(../images/fondo_camuri.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height:auto;
    padding-bottom:0;
}
.login-page .form-outer,.register-page .form-outer{
    min-height:100vh;
    width: 100%;
    /*max-width:600px;*/
    margin:0 auto;
    padding:20px 0;
    position:relative
}
.login-page .copyrights,.register-page .copyrights{position:absolute;right:0;bottom:0;width:100%}
.login-page .copyrights p,.register-page .copyrights p{font-size:0.6em;font-weight:300;margin-bottom:10px}
.login-page .form-inner,.register-page .form-inner{
    padding:40px 30px;
    background:#fff;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.1);
    box-shadow:1px 1px 2px rgba(0,0,0,0.1);
    margin-bottom:20px;
    margin-left: 25%;
    min-width: 50%;
}
.login-page .logo,.register-page .logo{font-size:2em;font-weight:500}
.login-page .logo span,.register-page .logo span{color:#ccc}
.login-page p,.register-page p{font-size:0.8em;font-weight:300;color:#aaa;margin-bottom:0}
.login-page form,.register-page form{
    margin:2rem auto 1rem;
    /*max-width:300px*/
    min-width: 100%;
    width: auto;
}
.login-page a.forgot-pass,.login-page a.signup,.register-page a.forgot-pass,.register-page a.signup{font-size:0.65em;color:#66b0ff}
.login-page a.forgot-pass:hover,.login-page a.forgot-pass:focus,.login-page a.signup:hover,.login-page a.signup:focus,
.register-page a.forgot-pass:hover,.register-page a.forgot-pass:focus,.register-page a.signup:hover,.register-page a.signup:focus{color:#66b0ff;text-decoration:none}
.login-page a.forgot-pass,.register-page a.forgot-pass{display:block}
.login-page a.create-account,.register-page a.create-account{border-radius:50px;font-size:0.75em;margin-top:10px;color:#999;text-transform:uppercase}
.login-page .terms-conditions,.register-page .terms-conditions{margin-top:20px}
.login-page small,.register-page small{font-size:0.65em;color:#aaa;line-height:0.9em}
@media (min-width: 768px){
    .login-page p,.register-page p{font-size:0.9em}
.login-page form label.label-custom,.register-page form label.label-custom{font-size:0.9em}
.login-page form small,.register-page form small{font-size:0.8em}
.login-page .terms-conditions label,.register-page .terms-conditions label{font-size:0.9em}
.login-page a.forgot-pass,.login-page a.signup,.register-page a.forgot-pass,.register-page a.signup{font-size:0.8em}
.login-page small,.register-page small{font-size:0.8em}
.login-page .copyrights p,.register-page .copyrights p{font-size:0.85em;font-weight:400}}

@media (max-width: 768px){.login-page .form-inner,.register-page .form-inner{ width: 90%; margin-left: 5%; } }
@media (max-width: 480px){.login-page .form-inner,.register-page .form-inner{ width: 90%; margin-left: 5%; } }

.result-porteria{
    min-height:100vh;
    width: 100%;
    margin:0 auto;
    position:relative
}

.content-cards-invitaciones{
    min-height: 400px !important;
    height: auto;
}

.title-card{
    font-size: 1.5rem;
}

.subtitle-card{
    font-size: 1.2rem;
}

.text-card-body{
    font-size: 1rem;
}

.img-foto-invitado{
    width: 80px;
    height: 70px;
}

p.text-etiqueta-invitado{
    font-size: 1.3rem !important;
}

li.list-group-item b{
    font-size: 1.3rem;
}

.list-group-item p, .list-group-item div p{
    font-size: 1.1rem;
}

button:disabled{
    cursor: no-drop;
    border: 0 !important;
    background-color: #afafaf !important;
    color: black !important;
}

form button, form a{
    border-radius: 5px !important;
    padding: 13px !important;
    margin: 10px !important;
}