body { font-weight: 400; background-color: #f4f3fb }

.no-padding { padding: 0 !important}
.padding-top-15 { padding-top: 15px !important}
.padding-top-30 { padding-top: 30px !important}
.margin-top-10 { margin-top: 10px !important}
.margin-top-20 { margin-top: 20px !important}
.margin-top-30 { margin-top: 30px !important}
.margin-bottom-10 { margin-bottom: 10px !important}
.margin-bottom-20 { margin-bottom: 20px !important}
.margin-bottom-30 { margin-bottom: 30px !important}


.datepicker > div.datepicker-days { display: block} /* FIX CONFLICT EDITABLE */

.modal .modal-content .modal-header { padding-right: 50px; }
.modal-dialog button.modal-dialog-close { top: 10px; right: 10px; position: absolute; z-index: 1; color: #AAA; border: none; border-radius: 50%; width: 30px; height: 30px; padding: 0; background-color:  #FFF; cursor: pointer}
.modal-footer { display: block; text-align: right}

.note-editor .col-xs-12 {  padding-right: 15px !important; padding-left: 15px !important; width: 100% !important}

.m-switch input:empty~span:after { background-color: #f4516c}

.images-list .images-sortable { display: inline }

.m-header-menu.m-header-menu--skin-dark .m-menu__link-text { font-weight: 600 !important}
#m_header_topbar .m-topbar__notifications .m-scrollable { padding: 20px }

.alert.alert-success { background: #0abb87; border: 1px solid #0abb87; color: #ffffff; }
.alert.alert-outline-danger { border: 1px solid #fd397a; color: #fd397a; }
.alert.alert-outline-brand { border: 1px solid #5d78ff; color: #5d78ff; }
.alert.alert-warning { background: #ffb822; border: 1px solid #ffb822; color: #111111; }

.m-login.m-login--2 { background-image: none; background-color: #555 !important}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control { border-radius: 10px}


#m_login .m-login__logo img { width: auto; max-width: 100%; max-height: 300px}
#m_login .m-login__container .m-login__title { font-size: 18px; line-height: 26px}
#m_login .m-login__form h6 { font-weight: 400; color: #FFF; font-size: 12px; margin: 0 -100px}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control {    color: #fff !important; background: rgba(0, 0, 0, 0.5); }
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control::placeholder { color: #AAA }
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn.m-login__btn--primary { border-color: #CCC}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn.m-login__btn--secondary { border-color: transparent; background-color: rgba(255, 255, 255, 0.2); color: #FFF;}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action a { 	color: #FFF }
.images-list .image .main-image-label {display: none}
.images-list .image:first-child .main-image-label { display: block; position: absolute; text-transform: uppercase; color: #FFF; background-color: rgba(85, 85, 85, 0.6); padding: 7px 0; width: 100%; text-align: center; bottom: 0; font-size: 12px; font-weight: 900; }
.images-list .image { display: inline-block; margin: 12px 12px 0 0; position: relative; width: 138px; height: 138px; overflow: hidden; cursor: pointer}
.images-list .image img { width: 150px; height: 150px; object-fit: cover }
.images-list .image img.loading { opacity: 0.4 }
.images-list .image button { position: absolute; top: 8px; right: 8px; border: 2px solid #FFF; padding: 0}
.images-list .image button.loading { display: none }
.images-list .dropzone {width: 137px; height: 137px; min-height: 137px; border: 1px dashed #CCC}
.images-list .dropzone i {font-size: 50px;color: #3d53bc;opacity: 0.6; line-height: 40px}

.pac-container { z-index : 5000 !important}

.m-header .menu-right-button { padding: 16px 0;  }
.m-header .menu-right-button span {color: #FFF; margin-right: 8px; display: inline-block; opacity: 0.8 }

div.img-profile-small { border-radius: 50%; height: 40px; width: 40px; overflow: hidden}
div.img-profile-small img { height: 40px }
div.img-profile-medium { border-radius: 50%; height: 100px; width: 100px; overflow: hidden}
div.img-profile-medium img { height: 100px }



.portlet-body-canvas { position: relative; }
.portlet-body-canvas canvas { margin-left: 25px; }
.portlet-body-canvas .pie-legend { list-style: none; position: absolute; right: 25px; top: 10px; }
.portlet-body-canvas .pie-legend li { display: block; padding-left: 30px; position: relative; margin-bottom: 4px; border-radius: 5px; padding: 2px 8px 2px 28px; font-size: 12px; cursor: default; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; }
.portlet-body-canvas .pie-legend li span { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 100%; border-radius: 5px; }

#AdminMenues .menu-list { position: relative; padding: 0; margin: 0; list-style-type: none; }
#AdminMenues .menu-list .item-group:hover { cursor: pointer}
#AdminMenues .menu-list .item-group:hover .item-title, #AdminMenues .menu-list .item-group .item-title.selected { font-weight: 600;}
#AdminMenues .menu-list .item-group:hover .item-actions { display: table-cell}
#AdminMenues .menu-list .item-group:hover .item-move { display: table-cell }
#AdminMenues .menu-list .timeline__badge--success { text-align: left; vertical-align: middle; display: table-cell; position: relative; width: 20px; }
#AdminMenues .menu-list .timeline__badge--success:before { background-color: #34bfa3; position: absolute; display: block; content: ''; width: 7px; height: 7px; left: 0; top: 50%; margin-top: -3.5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;	 }
#AdminMenues .menu-list .item-title { display: table-cell; text-align: left; vertical-align: middle; width: 100%; padding: 0 5px 0 15px; font-size: 1rem; height: 35px}
#AdminMenues .menu-list .item-title.disabled { text-decoration: line-through; color: #FF9900}
#AdminMenues .menu-list .item-actions { display: table-cell; text-align: right; vertical-align: middle; display: none}
#AdminMenues .menu-list .item-group .item-move { display: none; font-size: 18px; line-height: 35px; padding-left: 6px; color: #CCC;}
#AdminMenues .menu-list ol { list-style-type: none; }
#AdminMenues .menu-list ol .timeline__badge--success:before {  background-color: #bec1ca; }
#AdminMenues .menu-list:before { background-color: #ebedf2; position: absolute; display: block; content: ''; width: 1px; height: 100%; top: 0; bottom: 0; left: 3px; }
#AdminMenues .div-documents .doc-item { padding: 10px; line-height: 30px; }
#AdminMenues .div-documents .doc-item:hover { background-color: #f2f2f2; }


#AdminMenuCollegiates .menu-list { position: relative; padding: 0; margin: 0; list-style-type: none; }
#AdminMenuCollegiates .menu-list .item-group:hover { cursor: pointer}
#AdminMenuCollegiates .menu-list .item-group:hover .item-title, #AdminMenues .menu-list .item-group .item-title.selected { font-weight: 600;}
#AdminMenuCollegiates .menu-list .item-group:hover .item-actions { display: table-cell}
#AdminMenuCollegiates .menu-list .item-group:hover .item-move { display: table-cell }
#AdminMenuCollegiates .menu-list .timeline__badge--success { text-align: left; vertical-align: middle; display: table-cell; position: relative; width: 20px; }
#AdminMenuCollegiates .menu-list .timeline__badge--success:before { background-color: #34bfa3; position: absolute; display: block; content: ''; width: 7px; height: 7px; left: 0; top: 50%; margin-top: -3.5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;	 }
#AdminMenuCollegiates .menu-list .item-title { display: table-cell; text-align: left; vertical-align: middle; width: 100%; padding: 0 5px 0 15px; font-size: 1rem; height: 35px}
#AdminMenuCollegiates .menu-list .item-title.disabled { text-decoration: line-through; color: #FF9900}
#AdminMenuCollegiates .menu-list .item-actions { display: table-cell; text-align: right; vertical-align: middle; display: none}
#AdminMenuCollegiates .menu-list .item-group .item-move { display: none; font-size: 18px; line-height: 35px; padding-left: 6px; color: #CCC;}
#AdminMenuCollegiates .menu-list ol { list-style-type: none; }
#AdminMenuCollegiates .menu-list ol .timeline__badge--success:before {  background-color: #bec1ca; }
#AdminMenuCollegiates .menu-list:before { background-color: #ebedf2; position: absolute; display: block; content: ''; width: 1px; height: 100%; top: 0; bottom: 0; left: 3px; }


#AdminCollegiates #dtMembers .m-datatable__row { cursor: pointer}

#AdminAuthorities .menu-list { position: relative; padding: 0; margin: 0; list-style-type: none; }
#AdminAuthorities .menu-list .item-group:hover { cursor: pointer}
#AdminAuthorities .menu-list .item-group:hover .item-title, #AdminMenues .menu-list .item-group .item-title.selected { font-weight: 600;}
#AdminAuthorities .menu-list .item-group:hover .item-actions { display: table-cell}
#AdminAuthorities .menu-list .item-group:hover .item-move { display: table-cell }
#AdminAuthorities .menu-list .timeline__badge--success { text-align: left; vertical-align: middle; display: table-cell; position: relative; width: 20px; }
#AdminAuthorities .menu-list .timeline__badge--success:before { background-color: #34bfa3; position: absolute; display: block; content: ''; width: 7px; height: 7px; left: 0; top: 50%; margin-top: -3.5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;	 }
#AdminAuthorities .menu-list .item-title { display: table-cell; text-align: left; vertical-align: middle; width: 100%; padding: 0 5px 0 15px; font-size: 1rem; height: 35px}
#AdminAuthorities .menu-list .item-actions { display: table-cell; text-align: right; vertical-align: middle; display: none}
#AdminAuthorities .menu-list .item-group .item-move { display: none; font-size: 18px; line-height: 35px; padding-left: 6px; color: #CCC;}

#AdminAuthorities .menu-list ol { list-style-type: none; }
#AdminAuthorities .menu-list ol .timeline__badge--success:before {  background-color: #bec1ca; }
#AdminAuthorities .menu-list:before { background-color: #ebedf2; position: absolute; display: block; content: ''; width: 1px; height: 100%; top: 0; bottom: 0; left: 3px; }
#AdminAuthorities .div-authorities .div-authority { cursor: pointer; }
#AdminAuthorities .div-authorities img { width: 100% }

#AdminAuthorities #AuthoritiesGroupAuthoritiesEditForm img { border-radius: 5px }

.modal-dialog .photo {position: relative;}
.modal-dialog .photo button { position: absolute; top: 8px; right: 8px; border: 2px solid #FFF; padding: 0}
.modal-dialog .photo button.loading { display: none }
.modal-dialog .photo {text-align: center}
.modal-dialog .photo img {max-width: 100%; max-height: 180px}
.modal-dialog .photo img.loading { opacity: 0.4 }
.modal-dialog .dropzone {width: 100%; height: 100px; border: 1px dashed #CCC}
.modal-dialog .dropzone i {font-size: 50px;color: #3d53bc;opacity: 0.6; line-height: 40px}
.modal-dialog .dropzone.image-gallery { width: 138px; height: 138px; min-height: 138px; display: inline-block;line-height: initial;vertical-align: top;margin-top: 12px;}
.modal-dialog .dropzone.image-gallery .dz-message { line-height: 120px; margin: 0}

#AdminBenefits .div-benefits .m-widget5__item {border-right: 1px solid #ebedf2; padding-bottom: 0; border-bottom: 0; margin-bottom: 30px; }
#AdminBenefits .div-benefits .img-remove { position: absolute; right: 11px;top: 14px; }
#AdminBenefits .div-benefits .btn-edit-benefit { position: absolute; right: 43px; top: 10px;}
#AdminBenefits .div-benefits.m-widget5 .m-widget5__item .m-widget5__pic {  vertical-align: middle;}
#AdminBenefits .div-benefits.m-widget5 .m-widget5__item .m-widget5__content {padding-top: 55px; cursor: pointer}

#AdminSlider .div-slides .m-widget7__img { width: 300px }
#AdminSlider .div-slides .m-widget5__title { font-size: 20px }
#AdminSlider .div-slides .m-widget5__desc { font-size: 16px}
#AdminSlider .div-slides .m-widget5__info-label {margin-left: 30px}

#AdminBanners .div-banners .m-widget7__img { width: 300px }
#AdminBanners .div-banners .m-widget5__title { font-size: 20px }
#AdminBanners .div-banners .m-widget5__desc { font-size: 16px}
#AdminBanners .div-banners .m-widget5__info-label {margin-left: 30px}

#AdminSaloons .div-saloons .saloon-item .m-portlet__body {overflow: hidden}

#popupSaloonReservationEdit .select2.select2-container.select2-container--default { margin-top: -10px}
#popupSaloonReservationEdit .select2.select2-container.select2-container--default .select2-selection__rendered { height: 35px}

#popupDocumentEdit .file { position: relative; text-align: center;}
#popupDocumentEdit .file #DocumentFile { padding-top: 25px;}
#popupDocumentEdit .file .buttons { position: absolute; top: 8px; right: 8px }

.div-banner-footer .image { min-width: 400px;}
.div-banner-footer .photo { position: relative;}
.div-banner-footer .img-remove { position: absolute; right: 20px; top: 20px;}
.div-banner-footer img#BannerImg {
	max-height: 300px;
}
#AdminNews .m-widget5__stats2{ text-align: center; }
#AdminNews .m-widget5__number, #AdminNews .m-widget5__votes { display: inline-block;}
#AdminNews .m-widget5__pic { width: 100px; height: 100px }
#AdminNews .m-widget5__pic .m-widget7__img { width: 100%; height: 100%; object-fit: cover}

#popupCollegiateEdit .editable-input .form-control {font-size: 30px; color: #34bfa3;}
#popupCollegiateEdit .form-group { margin-bottom: 0 !important}

.badge.badge-status { font-size: 13px; font-weight: 400; background-color: #fd397a}
.badge.badge-status.activo { background-color: #0abb87 }
.badge.badge-status.fallecido { background-color: #a7abc3 }
#select2-CollegiateStatus-results li span.square { display: inline-block;; width: 10px; height: 10px; background-color: #fd397a; border-radius: 50%; margin-right: 10px}
#select2-CollegiateStatus-results li span.square-activo { background-color: #0abb87 }
#select2-CollegiateStatus-results li span.square-fallecido { background-color: #a7abc3 }

#select2-searchStatus-results li span.square { display: inline-block;; width: 10px; height: 10px; background-color: #fd397a; border-radius: 50%; margin-right: 10px}
#select2-searchStatus-results li span.square-all { background-color: #CCC }
#select2-searchStatus-results li span.square-activo { background-color: #0abb87 }
#select2-searchStatus-results li span.square-fallecido { background-color: #a7abc3 }

#AdminSaloons .m-widget19__pic { height: 230px; overflow: hidden}
#AdminSaloons .m-widget19__pic img { object-fit: cover; height: 100%; width: 100%; }
#AdminSaloons .m-widget19 .m-widget19__content .m-widget19__header .m-widget19__info { padding-left: 0}
#AdminSaloons .m-widget19 .m-widget19__content { margin-bottom: 0; height: 145px; overflow: hidden; }
#AdminSaloons .modal-backdrop { z-index: 1050 }

#CollegiatesSaloons .m-widget19__pic { height: 230px; overflow: hidden}
#CollegiatesSaloons .m-widget19__pic img { width: 100%; height: 100%; object-fit: cover; }
#CollegiatesSaloons .m-widget19 .m-widget19__content .m-widget19__header .m-widget19__info { padding-left: 0}
#CollegiatesSaloons .m-widget19 .m-widget19__content { margin-bottom: 0; height: 185px; overflow: hidden; }
#CollegiatesSaloons .tooltip-inner { width: 300px; max-width: 300px}

#CollegiatesEvents .row-events .col-item {text-align: center}
#CollegiatesEvents .row-events .col-item img { width: 100%; height: 250px; object-fit: cover}
#CollegiatesEvents .row-events .col-item .event-date { color: #666; text-decoration: none; font-size: 16px; font-weight: 600; margin-top: 5px }
#CollegiatesEvents .row-events .col-item .event-title { color: #666; text-decoration: none; font-size: 18px; font-weight: 600; margin-top: 5px; height: 60px; display: block; display: -webkit-box; line-height: 30px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

#CollegiatesEventsDetail .row-events .col-info { font-size: 16px; font-weight: 600; }
#CollegiatesEventsDetail .row-events .col-info span { font-weight: 400}
#CollegiatesEventsDetail .row-events .col-image img { width: 100%}

#CollegiatesCollegiateData .dropzone {width: 100%; min-height: 133px; padding: 10px; border: 1px dashed #CCC}
#CollegiatesCollegiateData .dropzone i {font-size: 50px;color: #3d53bc;opacity: 0.6; line-height: 110px}
#CollegiatesCollegiateData .dropzone .m-dropzone__msg {margin: 0}
#CollegiatesCollegiateData .dropzone .m-dropzone__msg img {max-height: 110px; max-width: 250px; }

#popupSaloonReservation #saloonCalendar .fc-more { color: #f4516c}

#AdminSurveys .m-widget5__item .qty-responses { vertical-align: middle}
#AdminSurveys .m-widget5__item .stats {  vertical-align: middle }
#AdminSurveys .m-widget5__item .stats i { font-size: 40px; }
#AdminSurveys .m-widget5__stats2.disabled { opacity: 0.3; pointer-events: none}

#AdminSurveysStats .row-question { margin-bottom: 60px}

.payment-form .btn-payment{margin-top: 15px;}

@media (max-width: 992px) {
	.hide-mobile { display: none; }
	#m_header_menu .m--visible-tablet-and-mobile-inline-block { display: block!important; padding: 10px; margin-top: 30px}
	#m_header_menu .m--visible-tablet-and-mobile-inline-block .login-inmokey-account { display: block}
	#m_header_menu .m--visible-tablet-and-mobile-inline-block .create-inmokey-account {display: block; width: auto; margin-top: 10px}
}

@media only screen and (max-width: 479px) {
	.m-header__bottom .create-inmokey-account {     display: block; margin-top: 36px; width: 230px; text-align: center;}
	.m-header__bottom .menu-right-button {float: initial; text-align: center; height: 100px; }
	.m-header__bottom .menu-right-button span { display: none}

	.modal .modal-dialog { width: 95% !important}
}