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-15 { margin-top: 15px !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}

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

.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 }

#dtCouncils td[data-field="name"] span { width: 120px !important; }

.m-header-menu.m-header-menu--skin-dark .m-menu__link-text { font-weight: 600 !important}

.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.img-add-to-text { left: 8px;}
.images-list .image button.loading { display: none }
.images-list .dropzone {width: 150px; height: 150px; 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 }

.datepicker .datepicker-days { display: block}

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 }

.congress-user-list li { color: #777}

#PagesIndex .news-block .inner-box .image img { object-fit: cover; width: 100%; height: 100%}
#PagesIndex .gallery-item .image-box { height: 380px; overflow: hidden;}
#PagesIndex .gallery-item .image-box img { width: 100%; height: 100%; object-fit: cover; }

#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; }

#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 img {width: 100%;}
.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}

.modal-dialog .row-highlight { background-color: #EEE; margin: 0 -25px; padding: 20px 10px; }

#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}

.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;
}

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

#AdminSaloons .m-widget19__pic { height: 230px; overflow: hidden}
#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; }

#AdminCouncilOfSpecialties .image img { width: 110px; }

#CollegiatesSaloons .m-widget19__pic { height: 230px; overflow: hidden}
#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: 145px; overflow: hidden; }

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

#CollegiatesCourses .course-no-item { padding: 100px 0; }
#CouncilOfSpecialityCouncilOfSpecialitiesEditForm .image .main-image-label {display: none}
#CouncilOfSpecialityCouncilOfSpecialitiesEditForm .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; }
#CouncilOfSpecialityCouncilOfSpecialitiesEditForm .image { display: inline-block; margin: 12px 12px 0 0; position: relative; width: 138px; height: 138px; overflow: hidden; cursor: pointer}
#CouncilOfSpecialityCouncilOfSpecialitiesEditForm .image img { width: 150px; height: 150px; object-fit: cover }
#CouncilOfSpecialityCouncilOfSpecialitiesEditForm .image img.loading { opacity: 0.4 }
#CouncilOfSpecialityCouncilOfSpecialitiesEditForm .image button { position: absolute; top: 8px; right: 8px; border: 2px solid #FFF; padding: 0}
#CouncilOfSpecialityCouncilOfSpecialitiesEditForm .image button.loading { display: none }
#CouncilOfSpecialityCouncilOfSpecialitiesEditForm .dropzone {width: 150px; height: 150px; border: 1px dashed #CCC}
#CouncilOfSpecialityCouncilOfSpecialitiesEditForm .dropzone i {font-size: 50px;color: #3d53bc;opacity: 0.6; line-height: 40px}

#AdminCongressDetailWebinars .m-datatable__table { overflow-x: hidden !important; }
#AdminCongressDetailWebinars .m-datatable__table th[data-field="event_date"] span { width: 100px !important; margin-right: -50px; text-align: center; }
#AdminCongressDetailWebinars .m-datatable__table td[data-field="event_date"] span { width: 100px !important; margin-right: -50px; text-align: center; }
#AdminCongressDetailWebinars .m-datatable__table th[data-field="actions"] span { width: 100px !important; margin-right: -50px; text-align: center; }
#AdminCongressDetailWebinars .m-datatable__table td[data-field="actions"] span { width: 100px !important; margin-right: -50px; text-align: center; }
#AdminCongressDetailWebinars .m-datatable__table th[data-field="image"] span { width: 50px !important; margin-right: -25px; text-align: center; }
#AdminCongressDetailWebinars .m-datatable__table td[data-field="image"] span { width: 50px !important; margin-right: -25px; text-align: center; }
#AdminCongressDetailWebinars .image { max-height: 185px; overflow: hidden; }
#AdminCongressDetailWebinars .wrapper { border-radius: 50%; border: 1px solid #DDD; width: 50px; height: 50px; overflow: hidden; background-size: cover; background-position: center center; }
#AdminCongressDetailWebinars .webinar-member { padding: 0px 10px; }
#AdminCongressDetailWebinars .webinar-member div[class^="col-md-"] { padding: 5px 2px; }
#AdminCongressDetailWebinars .btn-member-add { width: 20px; height: 20px; margin-top: -2px; }
#AdminCongressDetailWebinars .btn-member-delete { width: 20px; height: 20px; margin-top: 8px; }

#AdminCongressDetailOnDemand .m-datatable__table { overflow-x: hidden !important; }
#AdminCongressDetailOnDemand .m-datatable__table th[data-field="actions"] span { width: 100px !important; margin-right: -50px; text-align: center; }
#AdminCongressDetailOnDemand .m-datatable__table td[data-field="actions"] span { width: 100px !important; margin-right: -50px; text-align: center; }
#AdminCongressDetailOnDemand .m-datatable__table th[data-field="description"] span { width: unset !important; min-width: 500px; }
#AdminCongressDetailOnDemand .m-datatable__table td[data-field="description"] span { width: unset !important; min-width: 500px; }
#AdminCongressDetailOnDemand .m-datatable__table th[data-field="image"] span { width: 50px !important; margin-right: -25px; text-align: center; }
#AdminCongressDetailOnDemand .m-datatable__table td[data-field="image"] span { width: 50px !important; margin-right: -25px; text-align: center; }
#AdminCongressDetailOnDemand .image { max-height: 185px; overflow: hidden; }
#AdminCongressDetailOnDemand .wrapper { border-radius: 50%; border: 1px solid #DDD; width: 50px; height: 50px; overflow: hidden; background-size: cover; background-position: center center; }

#AdminCongressDetailSponsors .m-datatable__table { overflow-x: hidden !important; }
#AdminCongressDetailSponsors .m-datatable__table th[data-field="actions"] span { width: 100px !important; margin-right: -50px; text-align: center; }
#AdminCongressDetailSponsors .m-datatable__table td[data-field="actions"] span { width: 100px !important; margin-right: -50px; text-align: center; }
#AdminCongressDetailSponsors .m-datatable__table th[data-field="image"] span { width: 50px !important; margin-right: -25px; text-align: center; }
#AdminCongressDetailSponsors .m-datatable__table td[data-field="image"] span { width: 50px !important; margin-right: -25px; text-align: center; }
#AdminCongressDetailSponsors .image { max-height: 185px; overflow: hidden; }
#AdminCongressDetailSponsors .wrapper { border-radius: 50%; border: 1px solid #DDD; width: 50px; height: 50px; overflow: hidden; background-size: cover; background-position: center center; }

#popupOnDemandEdit #CongressOnDemandLink { padding-right: 90px; }
#popupOnDemandEdit .btn-search { position: absolute; margin-top: -34px; right: 20px; padding: 6px 10px; }
#popupOnDemandEdit iframe { background: #333; height: 145px; }

.courses ul li { color: rgb(119, 119, 119); }
.courses a { color: rgb(33, 37, 41); }
.courses a:hover { color: rgb(52, 191, 163); }
.courses .organizer-info { float: right; width: 200px; height: 50px; overflow-y: hidden; }
.courses .organizer-info img { width: 40px; border-radius: 50%; border: 2px solid #DDD; margin: 5px; }
.courses .organizer-info .name { width: 150px; font-size: 10px; }

.vertical-center-container { display: table !important; overflow: hidden; }
.vertical-center-container .vertical-center-content { display: table-cell !important; vertical-align: middle !important; }

img.avatar { height: 40px; width: 40px; background-repeat: no-repeat; background-position: 50%; border-radius: 50%; background-size: 100% auto; margin: 0 5px; border: 2px solid #DDD; }

.hide { display: none; }