/* app css stylesheet */
/*

/*Fonts*/
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('fonts/OpenSansHebrew-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'OpenSansHebrew-BoldItalic';
    src: url('fonts/OpenSansHebrew-BoldItalic.ttf');
}
@font-face {
    font-family: 'OpenSansHebrew-ExtraBold';
    src: url('fonts/OpenSansHebrew-ExtraBold.ttf');
}
@font-face {
    font-family: 'OpenSansHebrew-ExtraBoldItalic';
    src: url('fonts/OpenSansHebrew-ExtraBoldItalic.ttf');
}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('fonts/OpenSansHebrew-Italic.ttf');
    font-style: italic;
}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('fonts/OpenSansHebrew-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: 'OpenSansHebrew-LightItalic';
    src: url('fonts/OpenSansHebrew\-LightItalic.ttf');
}
@font-face {
    font-family: 'OpenSansHebrew';
    src: url('fonts/OpenSansHebrew-Regular.ttf');
    font-weight: normal;
}


@media (min-width: 1400px) { 
  #headerWrap, .main-content {
  }

}
@media (max-width: 1400px) { 
  #headerWrap, .main-content {
    width: 90%;
  }
  footer .wrapper {
    width: 95%;
    margin-right: 2.5%;
  }

}

/*general */
.no-padding {
  padding: 0;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;

}
.left-text {
  text-align: left;
}

.center-text {
  text-align: center;
}
button {
  background-color: transparent;
  border: none;
  font-weight: bold;

}
button:focus {
  outline: none;
}

body{
  min-height: 100vh;
  font-family: 'OpenSansHebrew'; 
}
a {
  color: #000;
}

input {
  border-radius: 0;
  border: 1px solid;
}
input:focus {
  outline: none;
}
.td-disable {
  opacity: 0;

}
.image-wrap { 
  overflow: hidden;
  cursor: pointer;
}

.placeholder-image {
  background-image: url("../images/btn_profile_pic@2x.png");
}

.placeholder-image2 {
  background-image: url("../images/btn_profile_pic2@2x.png");
}

.form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.moment-picker td.selected {
  color: #000;
  text-shadow: 0;
  border-color: none;
  background: #DDD1CA;
  background-image: none;

  border-radius: 50%;
}
@media (max-width: 1300px) {
  .larger-width {
    width: 96% !important;
    margin-right: 2%;
  }
}
@media (min-width: 1301px) {
  .larger-width {
    width: 90% !important;
    margin-right: 5%;
  }
}
@media (min-width: 1501px) {
  .larger-width {
    width: 80% !important;
    margin-right: 10%;
  }
}

@media (min-width: 1701px) {
  .larger-width {
    width: 70% !important;
    margin-right: 15%;
  }
}

 
}


/*header */
header {
  height: 70px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.0470588) 1px 1.732px 8px 0px;

}
header #headerWrap {
  height: 100%;
}
header #logoWrap {
  height: 100%;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
}
header #logoWrap img {
  height: 100%;
  width: auto;
  max-width: 60%;
}
header #logoWrap span {
  letter-spacing: 0.07em;
  vertical-align: middle;
}
header #eventDetails {
  height: 100%;
}

header #eventDetails .countdown {
  text-align: center;
}


header #eventDetails .countdown .number{
  font-size: 20px;
 }
 header #eventDetails .countdown .desc{
  font-size: 16px;
}

header .tumbnail {
  height: 100%;
  margin-top: 5px;
}

header .tumbnail .image-wrap {
  height: 100%;
  overflow: hidden;
}
header .tumbnail .image-wrap img{
    // min-height: 100%;
    height: auto;
    width: 100%;
}
header .notifications {
  height: 50px;
  padding-top: 9px;
}

/*content*/
#innerWrap {
  padding-bottom: 160px;
  min-height: calc(100vh - 106px);
}

/* Footer */
footer {
  left: 0px;
  color: #fff;
  direction: rtl;
  position: absolute;
  width: 100%;
  min-height: 140px;
  background: #2F2F2F;
  bottom: 0px;
}
footer .copyright{
  height: 30px;
  font-size: 13px;
  padding-top: 10px;
}
footer .wrapper{
  padding: 15px 0;
  text-align: center;
  font-size: 12px;
}
footer .wrapper > div:first-child{
    border-bottom: 1px solid #AE9970;
}
footer .wrapper > div{
  padding: 10px 0;
}
footer .wrapper .row > div{
  float:right;
}
footer .options {
  font-size: 16px;
  width: 20%;
}
footer .options img {
  height: 22px;
  margin: 0 5px;
}
footer #aboutBtn {
  cursor: pointer;
}
footer img{
  width: auto;
  height: 30px;
}

/*navigation*/
.nav-tabs.nav-justified {
  color: #000;
  font-size: 25px;
  margin-top: 30px;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.nav-tabs.nav-justified>li , .nav-tabs.nav-justified>.active, .nav-tabs.nav-justified>.active:focus, .nav-tabs.nav-justified>.active:hover {
  border-radius: 0;
  border-left: 1px solid #000;
  display: inline-block;
  width: 24%;
  vertical-align: middle;
}

.nav-tabs.nav-justified>li>a  {
  border: none;
  font-weight: 300;
  border-bottom: none;
  letter-spacing: 0px;
  line-height: 25px;
  padding: 10px 0px !important;
}

.nav-tabs.nav-justified>li:last-child , .nav-tabs.nav-justified>.active:last-child , .nav-tabs.nav-justified>.active:last-child:focus , .nav-tabs.nav-justified>.active:last-child:hover{
  border-left: none;
}

.nav-tabs.nav-justified>.active>a , .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
  border: none;
  border-radius: 0;
  font-weight: bold;
  border-bottom: none;

}
.nav-tabs.nav-justified>.active:last-child>a , .nav-tabs.nav-justified>.active:last-child>a, .nav-tabs.nav-justified>.active:last-child>a:focus, .nav-tabs.nav-justified>.active:last-child>a:hover {
  border-left: none;
}

.nav-tabs>li.active>a {
  color: #000;
}

.nav-tabs>li>a:hover {
  border-radius: 0;
  border: none !important;
}


.nav>li>a:focus, .nav>li>a:hover {
  border-radius: 0;
  color: #000 !important;
  text-decoration: none;
  outline: none !important;
  background-color: transparent;
  border-color: none !important;

}


/*//guest list*/
input[type='file'] {
  top: -50%;
  right: 0;
  opacity: 0;
  height: 200%;
  width: 100%;
  display: block;
  cursor: pointer;
  position: absolute;
}
.pull-left {
  float: none !important;
}
.ui-select-bootstrap > .ui-select-match > .btn {
  text-align: right !important;
}
.ui-select-bootstrap .ui-select-choices-row.active>a {
  color: #000;
  background-color: transparent;
}
.btn-default:hover, .btn-default:focus {
  background-color: #fff;
}
.btn-default:focus { 
  border-radius: 0px;
}


.form-control {
  height: 34px;
  font-size: 14px;
  color: #000;
  border:none;
  border-radius: 0;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.dropdown-menu {
    border-radius: 0;
/*  min-width: 100% !important;
*/}

.moment-picker .moment-picker-container {
    top: 30px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    min-width: 200px;
    left: calc(50% - 100px);
}
.moment-picker .moment-picker-container:before , .moment-picker .moment-picker-container:after{
  display: none;
}
.moment-picker .header-view thead th:first-child, .moment-picker th:last-child {
     transform: rotate(180deg); 
}
.moment-picker-specific-views th:first-child, .moment-picker-specific-views  th:last-child{
     transform: rotate(0deg) !important; 
}

#actionsWrap,
#actionsSeatingWrap {
  margin: 30px 0;
  font-size: 17px;
  letter-spacing: 0.05em;
}

a:focus,  a:hover {
    color: #000;
    text-decoration: none;
}
#actionsWrap img {
  z-index: 1;
  height: 35px;
  cursor: pointer;
  margin-left: 5px;
}

#actionsSeatingWrap span {
  cursor:  pointer;
}

#actionsSeatingWrap div.active span {
  font-weight: 600;
}

#actionsSeatingWrap img {
  z-index: 1;
  height: 35px;
  cursor: pointer;
  margin-left: 5px;
}

.action {
  cursor: pointer;
}

#downloadTemplate {
  top: -25px;
  font-weight: 300;
  font-size: 14px;
  position: relative;
}
#downloadTemplate a:hover {
  color: #000;
  text-decoration: none;
}
.col-md-2-1 {
  width: 14.2%;
  padding-left: 10px;
  padding-right: 15px;
}

.col-md-2-2 {
  width: 17%;
}

#stats {
  margin-right: -15px;
  margin-bottom: 30px;
  width: calc(100% + 30px);
}
#stats .stat {
  font-size: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
#stats .stat .stat-wrap {
  padding: 5px;
  background-color: #BCA396;
}
/* #stats #total .stat-wrap{
  background-color: #000;
}
#stats #total .stat-wrap span {
  border:1px dashed #AE9970;
} */
#stats .stat .stat-wrap span {
  padding: 5px;
  display: block;
  border: 1px dashed #fff;
}
#phoneList .amount-display {
  margin-top: 30px;
}
.last-col {
  border-left: none !important;
}
.amount-display {
  height: 80px;
  font-size: 18px;
  padding-top: 25px;
  margin-bottom: 10px;
  background-color: #f0e1d1;
}
.amount-display-footer {
  height: 45px;
  font-size: 18px;
  padding-top: 8px;
  background-color: #f0e1d1;
}
.amount-display .ui-select-container {
  width: 50px;
  margin: 0 10px;
  vertical-align: middle;
  display: inline-block;
}
.amount-display .ui-select-container .ui-select-toggle {
  font-weight: bold;
}
.amount-display button {
  margin: 0 10px;
}
.amount-display .arrow-image {
    width: 6px;
    vertical-align: middle;
    padding-bottom: 4px;

}
.amount-display .arrow-next {
  margin-right: 5px;
}
.amount-display .arrow-prev {
  margin-left: 5px;
}
.guest-table {
  // table-layout: fixed;
  margin-bottom: 0 !important;
}
.guest-table .form-control {

  font-size: 15px;
}
.guest-table tbody {
  font-size: 18px;
  letter-spacing: 0.04em;
}
.guest-table tbody tr {
  height: 70px;
  border-bottom: 1px solid #ddd;
}
.table tbody tr td {
  font-size: 15px;
   padding: 30px 7px;
   position: relative;
   vertical-align: middle;
   border-left: 1px solid #d4d2cf;
}
.table tbody tr td:last-child {
  border-left: none;
}
.table .guest-dates {
  text-align: center;
}
.guest-table .even-row {
  background-color: #F2F2F2;
}

.guest-table .odd-row {
  background-color: #fff;
}

.guest-table .smaller-col {
  width: 98px;
}
.guest-table .xs-col {
  width: 90px;
}
.guest-table .column-titles{
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  background-color: #bca396;
}
.guest-table .column-titles th {
  cursor: pointer;
  position:relative;
  border-left: 1px solid #fff;
}
.table .dates {
  position: absolute;
  bottom: 5px;
}
.table .date{
    display: block;
    font-size: 10px;
}
.guest-table .column-titles .active-sort {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    position: absolute;
    background-color: #938279;
}
.guest-table .column-titles #index {
  width:50px;
}

.guest-table .column-titles #delete {
  width: 45px;
}
.temp {
  zoom: 0.6;
  width: 100%;

}
.temp .filters {
  display: none;
}
.guest-table .filters {
  height: 70px;
  background-color: #ddd1ca;
}
.table>thead>tr>th {
  border-bottom: none;
}
.table .filters th {
   padding: 23px 7px;

}
.table .filters #clear {
    cursor: pointer;
    padding: 29px 7px;
    text-align: center;
}

.guest-table .filters .input-sm {
  height: 34px;
  padding-right: 30px;
  border-radius: 0px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 95% 9px;
  background-image: url('../images/icon_search.png') ;
}

#guestChairs.guest-table .filters .input-sm {
	padding-right: 45px;
}

.guest-table tbody {
    border-left: 1px solid #d4d2cf;
    border-right: 1px solid #d4d2cf;
}
.guest-table tbody tr {
  cursor: pointer;
}
.guest-table tbody .row-edit-mode {
  border-bottom: none;
  background-color: #f0e1d1 !important;
}
.guest-table tbody .row-edit-mode td{
  border-left: none;
}
.guest-table tbody .delete-validation-row {
  border-bottom: none;
}
.guest-table tbody .delete-validation-row td {
  border-left: none;
}

 .relation-color {
  width: 3px !important;
  height: 21px !important;
  display: inline-block !important;
  vertical-align: top !important;
  margin-left: 5px !important;
}

.raltion-color-select {
  height: 20px;
}

.multi-edit .table-number {
  width: 65px;
}

.multi-edit .table-comment {
  width: 90px;
}

.guest-table td img {
  margin-left: 1px;
  vertical-align: middle;
}

#ui-select-number-table-guest-end-seating {
  border: 1px solid #000;
  height: 36px;
}

#ui-select-approved-guest-end-seating {
  height: 36px;
  width: 50px;
  text-align: center;
}

.guest-table td .talpanit {
  width:100%;
}
.guest-table #tdCreatGuest {
  padding: 15px;
  font-size: 18px;

}
.temp tfoot {
  display: none;
}
.guest-table tfoot {
  cursor: pointer;
  background-color: #f0e1d1;
}
.guest-table tfoot .block-add {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.guest-table tfoot tr {
    height: 70px;
}
.guest-table tfoot tr td {
    padding: 23px 7px;
}
#btnContainer {
  background-color: #f0e1d1;
}
#btnContainer #btnWrap {
    padding: 20px 0;
    font-size: 18px;
    text-align: center;
}

.button-wrap button {
  margin: 0 10px;
  height: 40px;
  width: 160px;
  border: 1px solid #000;
}
.deletButtons, .buttons , .phoneListButtons{
    border: none;
    height:70px;
    font-size: 18px;
    text-align: center;
    display: none;
}
.deletButtons td, .phoneListButtons td, .buttons td {
  padding: 20px;
  border: none;
}
.button-wrap input[type= 'submit'] {
  color: #fff;
  height: 40px;
  width: 160px;
  border: none;
  font-weight: bold;
  background-color: black;
}
.ui-select-container {
  height: 34px;
}
.ui-select-bootstrap .ui-select-toggle > .caret {
  display: none;
}
.ui-select-bootstrap .ui-select-toggle {
  overflow: hidden;
  background-size: 10px;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-image: url('../images/btn_arrow_down.png');
}
.ui-select-bootstrap .ui-select-choices-row>a:hover, .ui-select-bootstrap .ui-select-choices-row>a:focus {
  background-color: #DDD1CA;
;

}
.btn-default {

  background-image: none;
  border: none;
  border-radius: 0;
}
.btn-default-focus {
  outline: none;
  box-shadow: none;
}


/*profile*/
#profile {
    margin-top: 20px;
    background-color: #f0e1d1;
}
#profile h1{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;

}
#profile .title {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;


}
#profile .event-thumb {
  margin-bottom: 40px;
}
#profile .input-wrap {
  text-align: center;
  margin-bottom: 40px;
}
#profile .input-label {
    display: block;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
#profile #eventDet .input-label {
  font-size: 14px;
  font-weight: normal;
}
#profile input {
  text-align: center;
  border: none;
  border-radius: 0;
  height: 34px;
  width: 100%;

}
#profile .ui-select-container {
    width: 200px;
    margin: 0 auto;
}
#profile .ui-select-container input {
  margin-bottom: 0;
}
#profile .ui-select-bootstrap .ui-select-toggle {
  background-image: none;
  text-align: center !important;
}
#profile .ui-select-bootstrap .ui-select-choices-row>a {
  text-align: center;
}

#profile .image-wrap {
    width: 100%;
    height: 214px;
    text-align: center;
    margin-bottom: 10px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
#profile #actionWrap {
  text-align: center;
}
#profile .image-wrap img{
  height: auto;
  width: 100%;
}
#profile #edit {
    cursor: pointer;
    border-left: 1px solid;
    text-decoration: underline;
}

#profile #save {
  background-color: #353535;
  height: 60px;
  padding: 10px;
  margin-top: 40px;
  margin-bottom: 70px;
}
#profile #save .valid-message{
  display: block;
  text-align: center;
  margin: 0 0;
  font-size: 16px;
  margin-top: 20px;

}

#profile #save input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: #fff;
    border: 1px dashed #8E7E5F;
    font-size: 25px;
}
#profile #save input:focus {
    border: 1px dashed #8E7E5F !important;
}
 


/*about page 
*/
.about-page {
  background-color: #f0e1d1;
}
#about {
    width: 764px;
    padding: 40px;
    font-size: 18px;
    margin-top: 100px;
    line-height: 30px;
    text-align: center;
    border: 2px dotted #B69D6C;
    margin-left: calc(50% - 382px);
    margin-right: calc(50% - 382px);
}
#about img {
  margin: 30px 0;

}


/**modal**/
.modal-dialog {
    width: 65%;
}
.modal-content {
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
}
.modal-header {
    border-bottom: none;
    background-color: transparent;
}
.modal-header button {
  z-index: 2;
  opacity: 1;
  right: -15px;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
}
.modal-header .close:hover {
  opacity: 1;
}
.modal-body {
    padding: 20px 20px;
    text-align: center;
    background-color: #fff;
}
.modal-body #title {
  display: block;
  font-size: 35px;
  margin-bottom: 20px;
}
.modal-body img {
  display: block;
  margin: 0px auto;
}
.modal-body .text {
    font-size: 22px;
    display: block;
    width: 60%;
    margin: 0px auto;
    margin-top: 20px;
}

.modal-body .template-link a , .modal-body .template-link a:hover, .modal-body .template-link a:focus {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.modal-body #importWrap {
  color: #fff;
  width: 60%;
  height: 70px;
  margin: 20px auto;
  position: relative;
  font-size: 30px;
  padding: 10px;
  background-color: #353535;
}
.modal-body #importWrap span {
  border: 1px dashed #8E7E5F;
  display: block;
  height: 100%;
  width: 100%;
}
.modal-body #importWrap span a ,  .modal-body #importWrap span a:hover{
  color: #fff;
  text-decoration: none;
}
.modal-body .template-link {
  position: relative;
}
.modal-body input[type='file'] {
    top: 0;
    height: 100%;
}
#templateModal .modal-body .text a , #templateModal .modal-body .text a:hover {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}
#templateModal .modal-dialog , #remarkModal .modal-dialog{
    width: 40%;
}

#startBtn {
  margin: 5px;
  font-size: 22px;
}

#errorModal .modal-dialog {
    width: 40%;
    margin-top: 250px;
}
 #errorModal .modal-dialog .button-wrap {
    margin-top: 30px;
}

#deleteAllModal .button-wrap {
  margin-top: 40px;
}
.deleteAll {
  margin-top: 30px;
  text-align: center;
}
.deleteAll img {
  margin-left: 5px;
}

.duplicate-notification, 
.inv-guests-notification {
  padding-top: 20px;
  margin-top: 10px;
  background-color: #f0e1d1;
  max-height: 300px;
  overflow: auto;
}

.inv-guests-notification{
  padding-bottom: 20px;
}

.double-guest {
  height: 60px;
  padding: 5px;
  text-align: right;
  background-color: #fff;
  border-bottom: 1px solid #d4d2cf;

}
.remark input{

    width: 100%;
    color: #000;
    font-size: 15px;
    padding: 10px;
    border: 2px solid #f2f2f2;
}
.no-remark {
  opacity: 0.4;
}
.remark input:focus {
    border: none !important;
}
.no-left-border {
  border-left: none !important;
}

.inv-guest-container {
  height: 100%;
}

.double-guest-container {
  height: 100%;

}
.double-guest-container span {
  display: block;
  margin-bottom:5px;
}
.double-guest-container button {
  font-weight: normal;
  margin-top: 15px;
  float: left;
}
.duplicate-group-last {
  margin-bottom:20px;
  border-bottom: none;
}
.add-after-remove {
    margin: 20px 0;
    font-size: 22px;
}
.input-surname{
  margin-top: 5px;
}



.multi-edit {
  background-color: #ccc !important;
}

.multi-edit input {
  height: 35px;
}

.done-multiedit-box {
  cursor: auto;
  text-align: center;
}

.done-multiedit-save {
  position: absolute;
  width: 108px;
  margin-top: -34px;
  left: 128px;
}

.done-multiedit-cancel {
  position: absolute;
  width: 107px;
  margin-top: -34px;
  left: 10px;
}


.col-xs-3-1 {
  width: 20%;
}

.col-xs-4-1 {
  width: 37%;
}

.col-xs-6-1 {
  width: 55%;
}

.col-xs-6-1-1 {
    width: 52%;
}

.col-xs-6-2 {
  width: 45%;
}

.col-xs-6-2-2 {
    width: 31%;
}

#downloadTemplate span{
  text-decoration: underline;
  font-size: 18px;
  font-weight: bold;
}


#profile .input-wrap.event-name-box {
  margin-bottom: 5px;
}

#profile .input-wrap.event-name-box span {

}

#profile .input-wrap.event-kid-name-box {
  margin-bottom: 25px;
}

#profile .input-wrap.event-kid-name-box span {

}

#profile .input-wrap.event-surname-box {
  margin-bottom: 25px;
}

#profile .input-wrap.event-surname-box input.name-style1, #profile input.name-style1{
  width: 100%;
}

#profile .input-wrap.event-event-type-free-text-box{
  margin-top: -10px;
  margin-bottom: 35px;
}

#profile .input-wrap.event-event-type-free-text-box .input-label{
 
}

#profile .input-wrap.event-event-type-free-text-box2{
  margin-top: -10px;
  margin-bottom: 10px;
}

#eventDet input[type='search'] {
  width: 200px !important;
}

.col-lg-push-22{
  right: 21%;
  left: 0;
}

form.table-form .form-group {
  margin-bottom: 15px;
  display: inline-flex;
}

form.table-form .form-group input{
  border: 1px solid #d4d2cf;
  width: 195px;
}

table.name-tables-table {
	margin-top: 20px;
}

table.name-tables-table tbody td span.remove_table{
  cursor: pointer;
}

form.table-form .btn-add-table {
  background-color: #BCA396;
  color: #fff;
  margin-top: 11px;
}

form.table-form .table-amount label {
  position: relative;
  top: 5px;
  margin-left: 10px;
  width: 90px;
}


form.table-form .table-number label {
  position: relative;
  top: 5px;
  margin-left: 10px;
  width: 81px;
  margin-right: 23px;
}

form.table-form #table-number{
  text-align:  center;
  width: 65px;
}

form.table-form .table-chairs label {
  position: relative;
  top: 5px;
  margin-left: 10px;
  width: 46px;
  margin-right: 52px;
}

form.table-form .table-chairs #table-chairs {
  width: 65px;
  text-align:  center;
}

form.table-form .table-name label{
  position: relative;
  top: 5px;
  margin-left: 10px;
  width: 75px;
}

form.table-form .form-group:first-child {
  margin-left: 25px;
}

form.table-form {
  margin: 20px 0px 30px;
  background-color: #f2f2f2;
  padding: 10px 10px 0px 5px;
}

#nameTables table thead tr {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  background-color: #bca396;
}

#nameTables table thead tr th {
  border-left: 1px solid #ffffff;
  /* width: 10%; */
}

#nameTables table tbody tr td {
  padding: 10px 7px;
}

#nameTables table tbody tr:last-child{
  border-bottom: 1px solid #ccc;
}


.name-tables-table .edit_table, .name-tables-table .save_table, .name-tables-table .remove_table {
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}

.name-tables-table .edit_table:after {
  content: "ערוך";
  display: none;
  background-color: #fff;
  padding: 2px;
  position: absolute;
  margin-top: -47px;
  left: -6px;
  width: 30px;
}

.name-tables-table .save_table:after {
  content: "שמור";
  display: none;
  background-color: #fff;
  padding: 2px;
  position: absolute;
  margin-top: -47px;
  left: -6px;
  width: 33px;
}

.name-tables-table .remove_table:after {
  content: "מחק";
  display: none;
  background-color: #fff;
  padding: 2px;
  position: absolute;
  margin-top: -47px;
  left: -6px;
  width: 30px;
}

.name-tables-table .remove_table:hover:after,
.name-tables-table .save_table:hover:after,
.name-tables-table .edit_table:hover:after {
  display: block;
}


.name-tables-table .is-reserve,
.name-tables-table .team-seating,
.name-tables-table .amount-guests,
.name-tables-table .amount-guests-value,
.name-tables-table .not-for-seating,
.name-tables-table .not-for-seating-value  {
  text-align: center;
}

.not-for-seating-value > div {
  font-size: 12px;
}

.table-name-message {
  position: relative;
  top: 9px;
  margin-right: 15px;
}

.table-name-message-error {
  position: relative;
  color: red;
  text-align: center;
  display: block;
  font-size: 18px;
}

#server-valid-error {
  color: red;
}

.new-sub-guests-details {
  display: none;
}

.list-sub-guests-details {
  /*  display: none;*/
  background-color: #e6e6e6;
}
.button_create_event_by_hall {
  float: left;
  margin-top: 25px;
  margin-left: 15px;
}
.even-hall-wrapper{
  background-color: #f0e1d1;
}
.button_save_event_by_hall {
  width: 100px;
  background-color: #f1e1d1;
  margin: 0 auto;
  margin-top: 15px;
  float: initial;
}
#event_hallModal table tbody tr td{
  padding: 1px;
}

.hall_guests_template {
  float: left;
  margin-left: 15px;
  font-size: 17px;
}

.hall_guests_import {
  float: left;
  font-size: 18px;
  position: relative;
  margin-left: 15px;
}

.hall_guests_export {
  font-size: 18px;
  text-align: center;
}

.hall_guests_import input{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  cursor: pointer;
  z-index: 10000;
}

.hall_guests_import input[type=file]::-webkit-file-upload-button {
  cursor: pointer; 
}


.hall_back_to_events {
  font-size: 18px;
}


.button_sms_all_guests{
  float: left;
}

.field_date_sms_health{
  float: left;
  width: 80px;
}

.field_time_sms_health {
  float: left;
  width: 70px;
  height: 24px;
  margin-left: 50px;
}

.button_set_date_sms_health{
  float: left;
}

.hall-events .moment-picker {
  display: inline-block;
  float: left;
}

.field_time_sms_health .ui-select-toggle {
  border: 1px solid;
  height: 24px;
}

.field_time_sms_health .ui-select-search {
  height: 24px;
}

.field_time_sms_health .ui-select-match-text {
  position: relative;
  top: -5px;
  font-size: 14px;
}

.wrapper_sms_health{
  float: left;
  margin-left: 40px;
  margin-bottom: 10px;
  position: relative;
}

.block_sms_health {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 100;
}

.done_sms_health_to_guest {
  display: none;
}

.select-answer-box {
  background-color: #e6e6e6;
  text-align: center;
}

.selected_answer_title {
  font-size: 15px;
  text-decoration: underline;
}

.selected_answer_text {

}

.name_address.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
  width: initial !important;
}

#amount_guest_over_purchased {
  width: 100%;
  display: block;
  background-color: #ffb2b2;
  padding: 10px;
  color: #000;
  margin-top: 10px;
  text-align:  center;
}

#amount_guest_over_purchased a {
  color:  #fff;
}

#amount_guest_over_purchased a:hover {
  color:  #000;
}

.text-decoration-line-through {
  text-decoration:  line-through;
}

.input-me-amount, .input-me-approved {
  width:  45px;
}

.checkbox-table-is-reserve {
  display: block;
  position: relative;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 17px;
  margin: 0 auto;
}

.checkbox-table-is-reserve input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox-table-is-reserve .checkmark {
  position: absolute;
  top: 2px;
  right: 0px;
  height: 17px;
  width: 17px;
  background-color: #eee;
}


.checkbox-table-is-reserve input:checked ~ .checkmark {
  background-color: #bca396;
}

.checkbox-table-is-reserve .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-table-is-reserve input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-table-is-reserve .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

label.checkbox-table-is-reserve  {
  font-weight: 400 !important;
}

.checkbox-table-is-reserve .checkmark-text {
  margin-right: 15px;
}




.checkbox-check-wrap {
  display: inline-block !important;
  margin: 10px 15px 10px 0px;
  padding-left: 0px !important;
}


.checkbox-table-guest-wrap {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-table-guest-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 2px;
  right: -10px;
  height: 17px;
  width: 17px;
  background-color: #eee;
}


.checkbox-table-guest-wrap input:checked ~ .checkmark {
  background-color: #bca396;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-table-guest-wrap input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-table-guest-wrap .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

label.checkbox-table-guest-wrap  {
  font-weight: 400 !important;
}

.checkbox-table-guest-wrap .checkmark-text {
  margin-right: 15px;
}

.add_guest_to_table {
  margin-right: 10px;
  cursor: pointer;
}

.add_guest_to_table:hover { 
  text-decoration: underline;
}

#guestTableModal {
  display: none;
}

#guestChairs .checkmark {
  top: -8px;
  right: -5px;
}

#guestChairs .checkmark-table {
  top: 3px;
  right: -11px;
}

#guestChairs .gC-id {
  width:  55px;
}

#guestChairs tr,
#guestChairs th {
  text-align:  center;
}

#guestChairs thead tr {
  cursor:  pointer;
}

#guestChairs thead .filters th {
    background-color: #ddd1ca;
    padding: 4px;
}

.disabledТameTables {
  pointer-events: none;
  opacity: 0.5;
}

#guestChairs td {
  cursor:  pointer;
  border-top:  none !important;
}

#guestChairsModal .modal-body {
    padding: 15px 15px;
}

#guestChairsModal .modal-body img {
    display: inline-block;
}

#guestChairsSave {
  font-size:  24px;
}

#guestChairsModal .guest-chairs-table-wrap {
  height: 350px;
  overflow-y: auto;
  margin-bottom: 15px;
}

#guestChairs .gC-checkbox {
  cursor:  pointer;
}

#purchase_additional_guests {
  background-color: #383838;
  padding: 4px 12px 4px;
  text-align:  center;
}

#purchase_additional_guests a {
  color: #fff;
}

#purchase_additional_guests a:hover {
  color: #b69d6c
}


#purchase_additional_seating_members {
  background-color: #383838;
  padding: 4px 12px 4px;
  text-align:  center;
  margin-bottom: 3px;
  background-color: #ffb2b2;
  color: #000;
}

#purchase_additional_seating_members a {
  color: #000;
}

#purchase_additional_seating_members a:hover {
  color: #b69d6c
}

#saveTheDate {
    margin-top: 20px;
    background-color: #f0e1d1;
}

#saveTheDate #save {
    background-color: #353535;
    height: 50px;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#saveTheDate #save input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #fff;
  border: 1px dashed #8E7E5F;
  font-size: 19px;
}

#saveTheDate .ui-select-bootstrap > .ui-select-match > .btn {
  text-align: center !important;
}

#saveTheDate .ui-select-choices-row  {
  text-align: center !important;
}

.wave7_img_url {
  width: 240px;
  margin-top: 5px;
}

.wrap_wave7_img,
.wrap_wave7_datetime,
.wrap_wave7_type {
  margin-top:  20px;
}

#wave7_img_edit div,
#wave7_img_remove img {
  background-color: #f0e1d1;
  cursor:  pointer;
}

.wrap_wave7_datetime input,
.wrap_wave7_datetime select {
  text-align: center;
  border: none;
  border-radius: 0;
  height: 34px;
  width: 130px;
}

.wave7_img_text {
  width: 250px;
  background-color: #fff;
  margin: 0 auto;
  padding-left: 5px;
  padding-right: 5px;
}

.ui-select-choices-row-inner img {
  display: inline-block !important;
}

#purchase_guest_limit {
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
}

#event_name {
  text-align: center;
  margin-bottom: 10px;
  font-size: 22px;
  color: #b69d6c;
  font-weight: 600;
}

.total_guests_amount {
  margin-left:  15px;
}

.total_seating_members {
  margin-left:  15px;
}

.wrap-total_guests_amount {
  position: relative;
  margin-top: -8px;
}

#stats .stat.active > div {
  background-color: #000;
}

#stats .stat.active > div > span {
  border: 1px dashed #AE9970;
}

#restoreGuest {
  margin-top: 15px;
}

#table_seating_arrangement_wrap .venue-image-wrap {
  border: 3px solid #b69d6c;
  padding: 5px;
  margin-bottom: 10px;
  width: 85%;
  height: auto;
  margin: 0 auto;
}


#table_seating_arrangement_wrap .venue-image-wrap img {
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

#actionVunueImageWrap > div {
  cursor:  pointer;
}

#actionVunueImageWrap #edit {
  font-size: 20px;
}

#actionVunueImageWrap #edit .button {
  background-color: #b69d6c;
  margin: 0 auto;
  color: #fff;
}

#table_seating_arrangement_wrap .add-createtable-form {
  width: 40px;
  height: 30px;
  background-color: #bca396;
  text-align: center;
  font-weight: 600;
  color: #fff;
  line-height: 30px;
  cursor: pointer;
  margin: 10px 0px 10px 0px;
}

.wrap-table-amount {
  display: table;
}

.wrap-table-amount #table-amount {
    display: table-cell;
    width: 50px;
    text-align: center;
    border: 1px solid #ddd;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
}

.wrap-table-amount .minus, 
.wrap-table-amount .plus {
    width: 30px;
    height: 30px;
    background: #d8d8d8;
    padding: 5px;
    border: 1px solid #ddd;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor:  pointer;
}

#guestChairs {
  margin-top:  35px;
}

.table-guest-select-wrap .ui-select-search,
.table-guest-select-wrap .ui-select-toggle {
  border: 1px solid #ccc !important;
  width:  100% !important;
}

.table-guest-select-wrap {
    width: 200px !important;
}


.table-guest-select-wrap .checkmark {
  top: 2px !important;
  right: -11px !important;
}

.active-add-guest-to-table > td {
/*   background-color: #f0e1d1; */
}

.multi-edit-tr {

}

.multi-edit-tr .multi-edit-tr-item .checkmark{
  top: 2px !important;
  right: -10px !important;
}


.multi-edit-tr .multi-edit-tr-item-input {
  width: 375px;
  margin: 0 auto;
}

.done-multiedit-guest-to-table-cancel,
.done-multiedit-guest-to-table-save {
    height: 35px;
    margin-top: 5px;
    width: 100px;
}

.done-multiedit-guest-to-table-save {
  background-color: #000;
  border: 1px solid #000;
}

.done-multiedit-guest-to-table-cancel{
  border: 1px solid #000;
  background-color: transparent;
  color: #000;
}

.guest-chairs-table-wrap {
  margin-bottom: 50px;
}


.guest-chairs-table-wrap .guest-table .filters {
  height: 45px  !important;
}

.guest-chairs-table-wrap .checkbox-table-guest-wrap {
  margin-right: 15px;
  padding: 2px !important;
}

.guest-chairs-table-wrap .table>tbody+tbody {
  border:  none  !important;
}

#guestChairs tbody {
    border: none  !important;
}

#guestChairs .ui-select-container .checkmark {
  top: 3px;
  right: -10px;
}


form.table-form .tables-chairs label {
    position: relative;
    top: 5px;
    margin-left: 10px;
    width: 100px;
    margin-right: 45px;
}

form.table-form .tables-number label {
  position: relative;
  top: 5px;
  margin-left: 10px;
  width: 110px;
  margin-right: 43px;
}


form.table-form #tables-number {
    text-align: center;
    width: 65px;
}

form.table-form #tables-chairs {
    text-align: center;
    width: 65px;
}


#nameTables .table-form label {
  font-weight:  500;
}

.second-add-tables-title {
  font-size: 16px;
  font-weight: 600;
}

.col-md-12-2 .col-md-2 {
  width: 20% !important;
}


@media print {
   body {
      -webkit-print-color-adjust: exact;
   }
}

.print-seating-wrap {

}

.print-seating-wrap h3 {
  text-align: center;
}

.print-seating-wrap .image-wrap {
  width: 800px; 
  height: auto; 
  margin: 0 auto;
}

.print-seating-wrap .image-wrap img {
  width:100%;
}


.print-seating-wrap .grid-table-guest-wrap {
  margin-bottom:  40px;
}





.print-seating-wrap .grid-table-head {
  display: table; 
  width: 100%;
  border: none;
  border-collapse: separate;
  border-spacing: 1px;
}

.print-seating-wrap .grid-tr-table-head {
  display: table-row;
  background-color:  #ccc;
}

.print-seating-wrap .grid-td-table-head {
  display: table-cell;  
  width: 25%;
  vertical-align: top;
  text-align:  center;
  padding: 0;
  font-weight: 600;
}






.print-seating-wrap .grid-table {
  display: table; 
  width: 100%;
  border: none;
  border-collapse: separate;
  border-spacing: 1px;
  }

.print-seating-wrap .grid-tr-table {
  display: table-row;
}

.print-seating-wrap .grid-td-table {
  display: table-cell;  
  width: 25%;
  vertical-align: top;
  text-align:  center;
  padding: 0;
}






.print-seating-wrap .grid-guest-head {
  display: table; 
  width: 100%;
  border: none;
  border-collapse: separate;
  border-spacing: 1px;
  margin: 0 auto;
}

.print-seating-wrap .grid-tr-guest-head {
  display: table-row;
  background-color:  #eaeaea;
}

.print-seating-wrap .grid-td-guest-head {
  display: table-cell;  
  width: 25%;
  vertical-align: top;
  text-align:  right;
  padding: 0;
  font-weight: 600;
}




.print-seating-wrap .grid-guest {
  display: table; 
  width: 100%;
  border: none;
  border-collapse: separate;
  border-spacing: 1px;
  margin: 0 auto;
}

.print-seating-wrap .grid-tr-guest {
  display: table-row;
}

.print-seating-wrap .grid-td-guest {
  display: table-cell;  
  width: 25%;
  vertical-align: top;
  text-align:  center;
  padding: 0;
  border-bottom:  1px dashed #ccc;
}




.print-seating-wrap .grid-table-item {
  margin-bottom: 40px;
}


.main-event-header {
  font-size: 24px;
}

.table-owner-events {
  margin: 0 auto;
  margin-top: 20px;
}

.table-owner-events tbody {
}

.table-owner-events tbody tr {
  cursor: pointer;
  background-color: #efefef;
  border-top: 1px solid #fff;
}

.table-owner-events tbody tr:hover {
  background-color: #b69d6c;
  color: #fff;
}

.table-owner-events thead {
  background-color: #ccc;
}

.table-owner-events thead tr td {
  font-weight: 600;
}

.table-owner-events tr td {
  font-weight: 400;
  padding: 15px;
}

.change-event {
  padding: 10px;
  background-color: #b69d6c;
  color: #fff;
  font-weight: 400;
  margin: 0 auto;
  width: 170px;
  display: block;
  margin-top: 30px;
}

.change-event:hover {
  background-color: #cab68f;
}


  #helpVideoModal {
    cursor:pointer;
    line-height: 15px;
  }

  #helpVideoModal span {
    display:  block;
  }

  .hr-1 {
    display: none;
  }

  .wrap-guest-table {
    padding:  0px;
  }

  .mar-pad20 {
    margin-top:  20px;
  }


#importTemplate {
    font-weight: 600;
    font-size: 17px;
}

.import-checkbox-wrap {

}

.import-checkbox-wrap .checkbox-table-guest-wrap {
  margin: 0px;
  padding: 0px;
  display:  inline-block;
}

.import-checkbox-wrap .checkbox-table-guest-wrap .checkmark-text {
  font-weight: 100;
  font-size: 18px;
  display: block;
  width: 350px;
  font-weight: 500;
}

.import-checkbox-wrap > div {
  margin-bottom: 35px;
}

.import-checkbox-wrap .checkbox-table-guest-wrap .checkmark-text span {
  font-size: 12px;
  display: block;
}


.text-underline {
  text-decoration: underline;
}


#sidesRelationsModal .modal-footer {
  background-color: #fff;
  text-align: center;
}

#sidesRelationsModal .modal-footer button{
  border-radius: 0px;
  outline: none;
  padding: 5px 20px;
}

#sidesRelationsModal .modal-footer .btn-save-relations-content {
  background-color: #cab68f;
}

#sidesRelationsModal .modal-dialog {
  width: 40%;
}

#sidesRelationsModal .modal-body input,
#sidesRelationsModal .modal-body select {
  width: 200px;
  height: 26px;
  line-height: 1px;
  font-size: 16px;
  margin: 3px;
  padding: 0px;
  border: 1px solid #ccc;
}

#sidesRelationsModal .modal-dialog {
  width: 40%;
}



#exportGuestsByStatuses label {
  cursor: pointer;
}


.rsvp-service-block {
  display: inline-block;
}

.rsvp-service-block .rsvp-service-update{
  z-index: 1000;
  background-color: #ffffff9c;
  width: 100%;
  height: 100%;
  position: absolute;
}

.rsvp-service-block .row {
  display: flex;
  flex-wrap: wrap;
}

.rsvp-service-block .col-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 20px;
}

.rsvp-service-block .wave-wrap {
  background-color: #b9a2752e;
  padding: 10px;
}


.rsvp-service-block .wave-datetime {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 10px;
}

.rsvp-service-block .wave-date,
.rsvp-service-block .wave-time { 
  display: flex;
  flex-direction: column;
  margin: 10px;
}

.rsvp-service-block .wave-name {
  text-align: center;
  font-size: 18px;
  background-color: #d8b46d1f;
}

.rsvp-service-block .wave-status {
  text-align: center;
  margin: 10px;
  font-weight: 600;
}

.rsvp-service-block .wave-text {
  background-color: #fff;
  padding: 15px;
  margin: 15px 0px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.6px;
}

.rsvp-service-block .wave-time .ui-select-container {
  height: 34px;
  width: 88px;
}

.rsvp-service-block .wave-time .ui-select-match > .btn {
  text-align: center !important;
  line-height: 25px;
}

.rsvp-service-block .wave-time .dropdown-menu {
  min-width: 90px !important;
}
    
.rsvp-service-block .wave-date .ng-pristine {
  height: 34px;
  border: 0px;
  width: 150px;
  text-align: center;
}

.rsvp-service-block .wave-datetime .wave-time .form-control.ui-select-search {
  width: 100% !important;
}


.wave-rsvp-statuses {
  margin: 10px 0px;
}

.wave-rsvp-statuses .wave-rsvp-statuses-checkbox-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.wave-rsvp-statuses .wave-rsvp-statuses-checkbox-wrap .rsvp-statuses-item {
  display: flex;
  flex-direction: column;
  margin: 0px 12px;
}

.wave-rsvp-statuses .wave-rsvp-statuses-checkbox-wrap .rsvp-statuses-item label.checkbox-table-guest-wrap {
  padding-left: 0px !important;
}

.wave-rsvp-statuses .wave-rsvp-statuses-checkbox-wrap .rsvp-statuses-item .checkbox-table-guest-wrap .checkmark-text {
  margin-right: 20px;
}

.wave-rsvp-statuses .wave-rsvp-statuses-checkbox-wrap .rsvp-statuses-item .checkmark {
  background-color: #fff;
  right: 0px;
}

.wave-rsvp-statuses .wave-rsvp-statuses-checkbox-wrap .rsvp-statuses-item .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.wave-rsvp-statuses .wave-rsvp-statuses-checkbox-wrap .rsvp-statuses-item input:checked ~ .checkmark {
  background-color: #bca396;
}

.rsvp-service-block #rsvp_service_save {
  background-color: #353535;
  height: 60px;
  padding: 10px;
  margin-top: 40px;
  margin-bottom: 70px;
}

.rsvp-service-block #rsvp_service_save input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #fff;
  border: 1px dashed #8E7E5F;
  font-size: 25px;
}
.rsvp-service-block #rsvp_service_save input:focus {
  border: 1px dashed #8E7E5F !important;
}

logo {
  top: 3vh !important;
}


#profileSubMenus {
  margin-top: 25px;
}

#profileSubMenus .wrap-profile {

}

#profileSubMenus .profile-submenu .profile-submenu-item {

}

#profileSubMenus .profile-submenu .profile-submenu-item {

}

#profileSubMenus .profile-submenu .profile-submenu-item {
  text-align: center;
  cursor: pointer;
  font-size: 19px;
}

#profileSubMenus .profile-submenu .profile-submenu-item.active {
  font-weight: 700;
}

#profileSubMenus .profile-submenu .row  .col-md-2 {
  width: 14%;
}

#profileSubMenus .profile-pages {
  margin-top: 20px;
  padding: 20px 0 20px 0;
  background-color: #f0e1d1;
}

#profileSubMenus #profileImage .input-wrap {
  text-align: center;
  margin-bottom: 40px;
}

#profileSubMenus #profileImage .input-label {
  display: block;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

#profileSubMenus #profileImage .image-wrap {
  width: 100%;
  height: 214px;
  text-align: center;
  margin-bottom: 10px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

#profileSubMenus #profileImage .image-wrap img{
  height: auto;
  width: 100%;
}

#profileSubMenus #profileImage #actionWrap {
  text-align: center;
}

#profileSubMenus #profileImage #edit {
  cursor: pointer;
  border-left: 1px solid;
  text-decoration: underline;
}

#nameTables #removeImageBtn {
  background-color: #b69d6c33;
  padding: 5px;
}

#nameTables #removeImageBtn:disabled {
  opacity: 0.4;
}

#profileSubMenus #profileProfile {
  margin-bottom:  20px;
}

#profileSubMenus #profileDetails {

}

#profileSubMenus #profileStatistics {

}

#profileSubMenus #profileStatistics .statistics-wrap .stat-title {
  text-decoration: underline;
  font-size: 18px;
  margin-bottom: 10px;
}

#profileSubMenus #profileStatistics .statistics-wrap .stat-item {
  font-size: 16px;
  margin-bottom: 5px;
}

#profileSubMenus #profileStatistics .statistics-wrap .stat-exception {
  color: #ff0000;
  text-decoration: underline;
  font-weight: 600;
}

#profileSubMenus #profileDetails .ui-select-container {
  width: 200px;
  margin: 0 auto;
}

#profileSubMenus #profileDetails .ui-select-container input {
  margin-bottom: 0;
}

#profileSubMenus #profileDetails .ui-select-bootstrap .ui-select-toggle {
  background-image: none;
  text-align: center !important;
}

#profileSubMenus #profileDetails .ui-select-bootstrap .ui-select-choices-row > a {
  text-align: center;
}

#profileSubMenus #profileDetails .checkbox-main-event {
  width: 100px;
  margin: 0 auto;
  padding: 0 !important;
  margin-top: 20px;
}

#profileSubMenus #profileSettings .guest-mini-site-v img {
  width: 60%;
  display: block;
  margin: 0 auto;
}




#profileSubMenus .input-label {
  display: block;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

#profileSubMenus input {
  text-align: center;
  border: none;
  border-radius: 0;
  height: 34px;
  width: 100%;
}


#profileSubMenus #save {
  background-color: #353535;
  height: 60px;
  padding: 10px;
  margin-top: 40px;

}

#profileSubMenus #save .valid-message{
  display: block;
  text-align: center;
  margin: 0 0;
  font-size: 16px;
  margin-top: 20px;

}

#profileSubMenus #save input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #fff;
  border: 1px dashed #8E7E5F;
  font-size: 25px;
}

#profileSubMenus #save input:focus {
  border: 1px dashed #8E7E5F !important;
}

#eventGuestGifts {

}

#eventGuestGifts .wrap-amounts-gifts {
  font-size: 16px;
}

#eventGuestGifts .table-guests-gifts {
  margin-top: 10px;
}

#eventGuestGifts .table-guests-gifts .column-titles {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  background-color: #bca396;
}

#eventGuestGifts .table-guests-gifts .column-filters {
  background-color: #ddd1ca;
}

#eventGuestGifts .table-guests-gifts tbody tr:nth-child(odd) {
  background-color: #fcfcfc;
}

#eventGuestGifts .table-guests-gifts tbody tr:nth-child(even){
  background-color: #f2f2f2;
}

#eventGuestGifts .table-guests-gifts tbody tr td {
  font-size: 15px;
  padding: 15px 5px;
  position: relative;
  vertical-align: middle;
  border-left: 1px solid #d4d2cf;
}

#eventGuestGifts .table-guests-gifts #tdAddGift {
  padding-top: 25px;
  cursor: pointer;
}

#eventGuestGifts .table-guests-gifts #tdAddGift span {
  font-size: 18px;
}

#eventGuestGifts .table-guests-gifts #tdAddGift svg {
  width: 35px;
  height: 35px;
  position: relative;
  margin-top: -15px;
}


#eventGuestGifts .table-guests-gifts .button-guest-gift-wrap {
  padding: 20px 0;
  font-size: 18px;
  text-align: center;
}

#eventGuestGifts .table-guests-gifts .button-guest-gift-wrap button {
  margin: 0 10px;
  height: 40px;
  width: 160px;
  border: 1px solid #000;
}

#eventGuestGifts .table-guests-gifts .button-guest-gift-wrap input[type= 'submit'] {
  color: #fff;
  height: 40px;
  width: 160px;
  border: none;
  font-weight: bold;
  background-color: black;
}

#eventGuestGifts .table-guests-gifts tfoot * {
  border: none;
}

#eventGuestGifts .guest-gifts-pagination-wrap {
  font-size: 18px;
}

#eventGuestGifts .table-guests-gifts .tr-gift-date {
  width: 95px;
}

#eventGuestGifts .table-guests-gifts .tr-gift-guest-amount {
  width: 110px;
}

#eventGuestGifts .table-guests-gifts .tr-gift-amount {
  width: 80px;
}

#eventGuestGifts .table-guests-gifts .tr-phone-number {
  width: 130px;
}

#eventGuestGifts .table-guests-gifts .tr-name {
  width: 150px;
  padding-right: 12px;
}

#eventGuestGifts .table-guests-gifts .tr-gift-type {
  width: 120px;
}

#eventGuestGifts .table-guests-gifts  .tr-gift-category {
  width: 100px;
}

#eventGuestGifts .table-guests-gifts  .tr-gift-side {
  width: 100px;
}

#eventGuestGifts .table-guests-gifts tbody tr.editable {
  cursor: pointer;
}

#eventGuestGifts .table-guests-gifts tbody tr.editable:hover {
  background-color: #fffcf6;
}


#eventGuestGifts .table-guests-gifts .edit-buttons-guest-gift {
  display: none;
}

#eventGuestGifts .table-guests-gifts .opacity_guests_gifts_active {
  opacity: 0.4;
}

#eventGuestGifts .table-guests-gifts .tbody_guest_gift_active  * {
  opacity: initial !important;
}

#eventGuestGifts .table-guests-gifts .edit-buttons-guest-gift input,
#eventGuestGifts .table-guests-gifts .edit-buttons-guest-gift button {
  width: 120px;
  height: 40px;
}

#eventGuestGifts .table-guests-gifts .edit-buttons-guest-gift svg {
  cursor: pointer;
}

#eventGuestGifts .table-guests-gifts .edit-buttons-guest-gift .button-wrap {
  text-align: center;
}


#eventGuestGifts .table-guests-gifts .tbody_guest_gift_active tr,
#eventGuestGifts .table-guests-gifts .tbody_guest_gift_active tr td {
  background-color: #f0e1d1 !important;
  border: none !important;
}

#eventGuestGifts .table-guests-gifts .tbody_guest_gift_active .edit-buttons-guest-gift {
  display: table-row !important;
}


#profileProfileNotConfirmed {

}

#profileProfileNotConfirmed .couple-name {
  font-size: 20px;
  margin-bottom: 15px;
}

#profileProfileNotConfirmed .credit-card-status {
  font-size: 16px;
  margin-bottom: 15px;
  height: 95px;
  background-color: #f1d8be;
  display: flex;
  justify-content: center;
  align-items: center;
}


.wrap-credit-card form .form-group{
  width: 250px;
  margin: 0 auto;
  margin-top: 15px;
}

.wrap-credit-card form  .wrap-btn-check-credit-card {
    margin-top: 15px;
}

.wrap-credit-card form  .wrap-btn-check-credit-card div {
  font-size: 12px;
}

#profileSubMenus .btn-check-credit-card {
  padding: 10px;
  background-color: #b69d6c;
  color: #fff;
  font-weight: 400;
  margin: 0 auto;
  width: 170px;
  display: block;
  margin-top: 30px;
}

#profileSubMenus .btn-check-credit-card-desc {
  font-size: 12px;
  margin-top: 10px;
}

#profileSubMenus .wrap-credit-card form  .wrap-btn-check-credit-card  .btn-check-credit-card {
  margin-top: 10px !important;
}

#profileSubMenus .wrap-credit-card form label {
  font-weight: 400;
}

#profileSubMenus .btn-check-credit-card:hover {
  background-color: #cab68f;
}


#eventGuestGifts .wrap-credit-card-start .text-desc {
  font-size: 18px;
}

#eventGuestGifts .wrap-check-credit-card .text-desc {
  font-size: 18px;
}

.spinner {
  left: 0 !important;
  right: 0 !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 45px;
}

#guestChairs .th-filter-event-guest-tables .ui-select-bootstrap .ui-select-choices-row>a {
  padding: 0 !important;
}

.checkbox-table-guest-wrap {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-wrap {
  position: relative;
  cursor: pointer;
}

.radio-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radio-wrap .checkmark {
  position: absolute;
  top: 5px;
  right: -10px;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

.radio-wrap .checkmark-text {
  font-size: 20px;
}

.radio-wrap input:checked ~ .checkmark {
  background-color: #bca396;
}

.radio-wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radio-wrap input:checked ~ .checkmark:after {
  display: block;
}

.radio-wrap .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

label.radio-wrap  {
  font-weight: 400 !important;
}

.radio-wrap .checkmark-text {
  margin-right: 15px;
}


.error-update-rsvp-wave {
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
  color: red;
}

.gifts-card-check-title {
  font-size: 18px;
  margin: 10px 0px 20px;
}



#auth-new-event {
  margin-top: 50px;
}

#auth-new-event .event-types-wrap {

}

#auth-new-event .event-avatar-title {
  display: flex;
  justify-content: center;
  align-items: center;
}

#auth-new-event .event-avatar-title div {
  font-weight: 600;
  color: #000000;
}

#auth-new-event .event-avatar-title img {
  width: 100px;
}

#auth-new-event .event-types-wrap .event-types-items {
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#auth-new-event .event-types-wrap .event-types-items .event-box {
  background: white;
  border: 1px solid #edd7af;
  border-radius: 10px;
  padding: 15px;
  margin: 5px;
  width: 30%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s;
}

#auth-new-event .event-types-wrap .event-types-items .event-box:hover,
#auth-new-event .event-types-wrap .event-types-items .event-box.active {
  background-color: #eee7db;
}

#auth-new-event .event-types-wrap .event-types-items .event-box img {
  width: 60px;
}

#auth-new-event .event-types-wrap .event-types-items .event-box:hover div {
  color: #000000;
}

#auth-new-event .event-types-wrap .event-types-items .event-box div {

}

#auth-new-event .event-datetime-wrap {
  margin-top: 40px;
}

#auth-new-event .event-datetime-wrap .ui-select-choices-group{
  background-color: #ffffff;
}


#auth-new-event .event-datetime-wrap .event-datetime-items {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 30px;
}

#auth-new-event .event-datetime-wrap .datetime-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 30%;
  border: 1px solid #edd7af;
  padding: 5px 10px;
  position: relative;
  border-radius: 8px;
  background-color: #ffffff;
}

#auth-new-event .event-datetime-wrap .datetime-box input,
#auth-new-event .event-datetime-wrap .datetime-box .moment-picker,
#auth-new-event .event-datetime-wrap .datetime-box .ui-select-container {
  width: 100%;
  border: none !important;
  outline: none !important;
  background: transparent;
  text-align: right;
  font-family: inherit;
  color: #000000;
  width: 100%;
  z-index: 10;
}

#auth-new-event .event-datetime-wrap .datetime-box svg {
  display: block;
  margin-left: 5px;
}


#auth-new-event .event-datetime-wrap .ui-select-choices.ui-select-dropdown{
  text-align: center;
  width: 100px;
  cursor: pointer;
}


#auth-new-event .event-datetime-wrap .datetime-box .ui-select-container .selectize-input {
  margin-top: 5px;
}

#auth-new-event .event-datetime-wrap .datetime-box .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #888;
}



#auth-new-event .event-location-wrap {
  margin-top: 40px;
}

#auth-new-event .event-location-wrap .event-location-items {
  margin-top: 30px;
}

#auth-new-event .event-location-wrap .event-location-items .location-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  padding: 5px 10px;
  position: relative;
  border-radius: 8px;
  margin: 0 auto;
  border: 1px solid #edd7af;
  background-color: #ffffff;
}

#auth-new-event .event-location-wrap .event-location-items .location-box .name_address {
  width: 100%;
}

#auth-new-event .event-location-wrap .event-location-items .location-box .name_address * {
  border: none !important;
  background-color: #ffffff;
}


#auth-new-event .event-location-wrap .ui-select-bootstrap .ui-select-choices-row a {
  white-space: initial !important;
  position: relative;
}

#auth-new-event .event-location-wrap .ui-select-bootstrap .ui-select-choices-row a:before {
  content: "●";
  position: absolute;
  margin-right: -10px;
}


#auth-new-event .event-user-wrap {
  margin-top: 30px;
}

#auth-new-event .event-user-wrap .event-user-items {
  margin-top: 30px;
}


#auth-new-event .event-user-wrap .event-user-items .event-user-gender {
  display: flex;
  justify-content: center;
  gap: 16px;
}

#auth-new-event .event-user-wrap .event-user-items .event-user-gender .event-user-gender-box {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #edd7af;
  background-color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
}

#auth-new-event .event-user-wrap .event-user-items .event-user-gender .event-user-gender-box:hover,
#auth-new-event .event-user-wrap .event-user-items .event-user-gender .event-user-gender-box.active {
  background-color: #eee7db;
}

#auth-new-event .event-user-wrap .event-user-items .event-user-gender .event-user-gender-box div {

}

#auth-new-event .event-user-wrap .event-user-items .event-user-gender .event-user-gender-box img {
  width: 40px;
}


#auth-new-event .event-user-wrap .event-user-items .event-user-names,
#auth-new-event .event-user-wrap .event-user-items .event-user-email {
  display: flex;
  gap: 16px;
  margin-top: 15px;
  justify-content: center;
  align-items: center;
}

#auth-new-event .event-user-wrap .event-user-items .event-user-names .event-user-name-box,
#auth-new-event .event-user-wrap .event-user-items .event-user-email .event-user-email-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 30%;
  padding: 5px 10px;
  border-radius: 8px;
  border: 1px solid #edd7af;
  background-color: #ffffff;
}

#auth-new-event .event-user-wrap .event-user-items .event-user-names .event-user-name-box input,
#auth-new-event .event-user-wrap .event-user-items .event-user-email .event-user-email-box input {
  border: none !important;
  width: 100%;
  margin-right: 7px;
}

#auth-new-event .event-user-wrap .event-user-items .event-user-phone {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

#auth-new-event .event-user-wrap .event-user-items .event-user-phone .event-user-phone-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 30%;
  padding: 5px 10px;
  border-radius: 8px;
  border: 1px solid #edd7af;
  background-color: #ffffff;
}

#auth-new-event .event-user-wrap .event-user-items .event-user-phone .event-user-phone-box input {
  border: none !important;
  width: 100%;
  margin-right: 7px;
}


#auth-new-event .event-button-wrap button {
  padding: 10px;
  background-color: #b69d6c;
  color: #fff;
  font-weight: 400;
  margin: 0 auto;
  width: 170px;
  display: block;
  margin-top: 30px;
}

#auth-new-event .event-button-wrap button:hover {
  background-color: #cab68f;
}

#auth-new-event .event-button-wrap .create-event-error {
  color: red;
  margin-top: 10px;
}

#auth-events .new-event-button-wrap button {
  padding: 10px;
  background-color: #b69d6c;
  color: #fff;
  font-weight: 400;
  margin: 0 auto;
  width: 170px;
  display: block;
  margin-top: 30px;
}

#auth-events .new-event-button-wrap button:hover {
  background-color: #cab68f;
}

.wrap-amounts-gifts-button .wrap-gifts-button-time {
  display: block;
  position: absolute;
  left: 15px;
  top: 0;
}

.wrap-amounts-gifts-button  .btn-get-excel-gift {
  cursor: pointer;
  background-color: #b69d6c;
  color: #fff;
  font-weight: 400;
  width: 170px;
  padding: 10px;
}

.wrap-amounts-gifts-button .btn-get-excel-gift:hover {
  background-color: #cab68f;
}

.wrap-amounts-gifts-button .btn-get-excel-gift:disabled {
  background-color: #b9b9b9;
}

.wrap-amounts-gifts-button .wrap-gifts-button-time .btn-get-credit-gift {
  background-color: #b69d6c;
  color: #fff;
  font-weight: 400;
  width: 170px;
  padding: 10px;
}

.wrap-amounts-gifts-button .wrap-gifts-button-time .btn-get-credit-gift:hover {
  background-color: #cab68f;
}

.wrap-amounts-gifts-button .wrap-gifts-button-time .btn-get-credit-gift:disabled {
  background-color: #b9b9b9;
}

.edit-table-loading {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #0000008a;
  top: 0;
  left: 0;
  z-index: 100000;
  text-align: center;
  font-size: 40px;
  color: #ffffff;
  padding-top: 200px;
}

.seating-statistics-red-text {
  color: red;
}

.table-seating-switch-color-wrap {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 20px;
}

.checks-end-seating {
  max-width: 590px;
  width: 100%;
  text-align: center;
}

.status-seating-page .status-seating-description {
  font-size: 14px;
  display: block;
  line-height: 14px;
  margin-top: 15px;
  margin-bottom: 25px;
}

.checks-end-seating .checks-end-seating-statuses {
  margin-top: 10px;
}

.checks-end-seating .checks-end-seating-statuses .checks-end-seating-statuses-value {
  font-weight: bold;
}

.checks-end-seating-red-text {
  color: rgb(232, 66, 0);
}

.checks-end-seating-green-text {
  color: rgb(0 169 55);
}

.status-seating-page {
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}

.status-seating-page > div {
  display: flex;
  justify-content: center;
  gap: 130px;
}


.status-seating-page span.status-seating-page-label {
  font-weight: 600;
}

@media (min-width: 769px) {
  .table-seating-switch-color-wrap {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: start;
  }
  .table-seating-switch-color-wrap > .checks-end-seating {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 768px) {
  .table-seating-switch-color-wrap {
    flex-direction: column;
  }
}

.table-seating-switch-color {
  cursor: pointer;
  text-align: center;
  color: #494949;
  width: 330px;
  float: left;
  text-align: center;
  background-color: #efefef;
  padding: 10px;
}

.table-seating-switch-color .ui-select-container {
  display: inline-block;
  text-align: center;
}

.table-seating-switch-color select {
  background-color: transparent;
  color: #000;
  outline: none;
  box-shadow: none;
  border: none;
}

.table-button-seating-switch-color {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 100%;
  max-width: 400px;
  gap: 10px;
  float: left;
  margin-top: 20px;
}


#wrapSwitchTablesModal .wrap-select-switch-tables {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

#wrapSwitchTablesModal .block-select-switch-table {
  background-color: #bca396;
  color: #fff;
  padding: 15px 10px 0px;
}

#wrapChangeTableNumberModal .wrap-select-switch-tables {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

#wrapChangeTableNumberModal .block-select-switch-table {
  background-color: #bca396;
  color: #fff;
  padding: 15px 10px 0px;
}

.table-seating-switch-color > .ui-select-container {
  width: 165px;
  margin: 0 auto;
  margin-bottom: 7px;
}

.btn-switch-tables {
  background-color: #b69d6c;
  color: #fff;
  height: 30px;
}

.btn-switch-tables:hover {
  background-color: #cab68f;
}

.btn-change-table-number {
  background-color: #b69d6c;
  color: #fff;
  height: 30px;
}

.btn-change-table-number:hover {
  background-color: #cab68f;
}

.btn-check-end-seating {
  padding: 10px;
  background-color: #b69d6c;
  color: #fff;
  font-weight: 400;
  margin: 0 auto;
  width: 170px;
  display: block;
  margin-top: 5px;
}

.btn-check-end-seating:hover {
  background-color: #cab68f;
}

a.btn-check-end-seating:hover {
  background-color: #cab68f;
  color: #fff;
}

#checksEndSeating .check-end-seating-preloader {
  position: absolute;
  width: 100%;
  height: 95%;
  background-color: #ccc;
  z-index: 100;
  opacity: 0.4;
}

#checksEndSeating .row-check-end-seating-active {
  background-color: #e0e0e0;
}

#checksEndSeating tbody tr {
  cursor: pointer;
}

#checksEndSeating table th {
  text-align: center;
}

#checksEndSeating .check_end_seating .modal-body {
  max-height: 80vh;
  overflow: auto;
}

#checksEndSeating .check_end_seating .description-red {
  color: red
}

.ui-select-bootstrap .ui-select-choices-row.active>span{
  background-color: transparent;
  color: #262626;
}

.ui-select-bootstrap .ui-select-match-text {
  padding: initial;
}

.ui-select-container .ui-select-match-text img {
  vertical-align: inherit;
}

.lock-seating-lock-sketch-error {
  text-align: center;
  display: block;
  margin-bottom: 15px;
  color: red;
  font-size: 18px;
}

.btn-list-upload-excel-disabled {
  opacity: 0.2;
  cursor: inherit !important;
}

.btn-list-upload-excel-disabled a,
.btn-list-upload-excel-disabled img {
  cursor: inherit !important;
}

.table-seating-statistics div span {
  font-weight: bold;
}



#profilePaiGifts {
  /* padding: 20px; */
}

#profilePaiGifts .event-avatar-title {
  display: flex;
  justify-content: center;
  align-items: center;
}

#profilePaiGifts .event-avatar-title div {
  font-weight: 600;
  color: #000000;
}

#profilePaiGifts .event-avatar-title img {
  width: 100px;
}

#profilePaiGifts .btn-check-back {
  margin-top: 10px;
  display: block;
  cursor: pointer;
}


#profilePaiGifts .pai-gifts-form .input-wrap {
  margin-bottom: 15px;
  text-align: right;
}
#profilePaiGifts .pai-gifts-form .input-label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
#profilePaiGifts .pai-gifts-form .form-control {
  border: 1px solid #d4d2cf;
  height: 36px;
}
#profilePaiGifts .pai-gifts-form input[type="radio"] {
  margin-left: 5px;
}

#profilePaiGifts .pai-gifts-form .upload-box-inner.has-preview {
  padding: 8px;
}
#profilePaiGifts .pai-gifts-form .upload-preview {
  display: block;
  width: 100%;
  height: auto;
  max-height: 240px;
  object-fit: contain;
  border-radius: 8px;
}

#profilePaiGifts .pai-gifts-form .hidden-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#profilePaiGifts .pai-gifts-form .upload-box {
  display: block;
  width: 100%;
  min-height: 140px;
  border: 2px dashed #d4d2cf;
  background: #ffffff;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

#profilePaiGifts .pai-gifts-form .upload-box:hover {
  border-color: #bca396;
}

#profilePaiGifts .pai-gifts-form .upload-box-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 24px;
  color: #666;
  text-align: center;
}

#profilePaiGifts .pai-gifts-form .upload-box-icon {
  width: 54px;
  height: 36px;
  margin-bottom: 10px;
  background: url('/images/icon_notification_zugot.png') center/contain no-repeat;
  opacity: 0.6;
}

#profilePaiGifts .pai-gifts-form .upload-box-text {
  font-size: 14px;
  color: #3e3e3e;
}

[dir='rtl'] #profilePaiGifts .pai-gifts-form .upload-box-text {
  letter-spacing: 0.2px;
}

#profileServiceProviders ul#sp_categories { 
  column-count: 2; 
  column-gap: 20px;
}

#profileServiceProviders ul#sp_categories li {
  break-inside: avoid;
  margin-bottom: 8px;
  background-color: #BCA396;
  text-align: center;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
}

/* service providers cards */
#profileServiceProvidersCards .sp-cards-page-title {
  font-size: 22px;
  font-weight: bold;
  margin: 20px 0 25px;
}

#profileServiceProvidersCards .sp-cards-grid {
  direction: rtl;
}

#profileServiceProvidersCards .sp-card {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.08) 0 2px 10px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  border-radius: 2px;
}

#profileServiceProvidersCards .sp-card-body {
  background: #fbf7f4;
  text-align: center;
  padding: 70px 20px 30px;
}

#profileServiceProvidersCards .sp-card-icon {
  margin-bottom: 18px;
}

#profileServiceProvidersCards .sp-card-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  background-color: #BCA396;
}

#profileServiceProvidersCards .sp-card-icon-circle img {
  width: 92%;
  object-fit: cover;
  border-radius: 50%;
  border: 1px dashed #ffffff;
  padding: 10px;
}

#profileServiceProvidersCards .sp-card-title {
  font-size: 20px;
  color: #44352c;
}

#profileServiceProvidersCards .sp-card-footer {
  background: #d7c6b5;
  padding: 14px 12px 18px;
  text-align: center;
}

#profileServiceProvidersCards .sp-card-muted-link {
  color: #654e42;
  text-decoration: underline;
  font-size: 14px;
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-block;
}

#profileServiceProvidersCards .sp-card-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 300px;
  margin: 0 auto;
}

#profileServiceProvidersCards .sp-card-action {
  text-align: center;
  cursor: pointer;
}

#profileServiceProvidersCards .sp-card-action-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #BCA396;
  color: #6c5243;
}

#profileServiceProvidersCards .sp-card-action-label {
  margin-top: 5px;
  color: #4e3527;
  font-size: 16px;
}

#profileServiceProvidersCards .sp-card-action-heart::before {
  content: "❤";
  font-size: 40px;
  line-height: 1;
}

#profileServiceProvidersCards .sp-card-action-x::before {
  content: "✕";
  font-size: 30px;
  line-height: 1;
}

#profileServiceProvidersTabs .nav {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: nowrap;
  margin-bottom: 20px;
}

#profileServiceProvidersTabs .nav > div {
  flex: 0 0 auto;
  text-align: center;
}

#profileServiceProvidersTabs .nav > div a {
  display: block;
  padding: 12px 24px;
  text-decoration: none;
  color: #000;
  background: transparent;
  font-weight: 600;
  font-size: 18px;
}

#profileServiceProvidersTabs .nav > div a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #BCA396;
}

#profileServiceProvidersTabs .nav > div.active a {
  color: #ffffff;
  background-color: #BCA396;
}


#profileServiceProvidersTabs .tab-content {
  margin-top: 15px;
}

#profileServiceProvidersTabs .service-provider-item {
  margin-bottom: 10px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0px;
}

#profileServiceProvidersTabs .service-provider-body {
  padding: 0;
  display: flex;
  align-items: center;
}

#profileServiceProvidersTabs .service-provider-icon {
  margin-left: 15px;
}

#profileServiceProvidersTabs .service-provider-icon img {
  width: 40px;
  height: 40px;
}

#profileServiceProvidersTabs .service-provider-content {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#profileServiceProvidersTabs .service-provider-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 2px;
}

#profileServiceProvidersTabs .service-provider-name {
  color: #999;
  font-size: 14px;
}

#profileServiceProvidersTabs .service-provider-amount {
  background-color: #BCA396;
  color: white;
  max-width: 85px;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  height: 55px;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#profileServiceProvidersTabs .service-provider-amount .price {
  font-weight: bold;
  font-size: 18px;
}

#profileServiceProvidersTabs .edit-sp-closed-category {
  padding: 30px 20px;
}

#profileServiceProvidersTabs .edit-sp-closed-category .edit-form {
  background-color: #fff;
  padding: 25px 30px;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}

#profileServiceProvidersTabs .edit-sp-closed-category .category-icon {
  margin-bottom: 20px;
}

#profileServiceProvidersTabs .edit-sp-closed-category .category-icon i {
  font-size: 60px;
  color: #b8a396;
  background-color: #d4c4b8;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px dotted #b8a396;
}

#profileServiceProvidersTabs .edit-sp-closed-category .category-icon i img {
  width: 90%;
  object-fit: cover;
}

#profileServiceProvidersTabs .edit-sp-closed-category .category-title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  direction: rtl;
}

#profileServiceProvidersTabs .edit-sp-closed-category .category-subtitle {
  font-size: 16px;
  color: #666;
  margin-bottom: 30px;
  direction: rtl;
}

#profileServiceProvidersTabs .edit-sp-closed-category .form-fields {
  margin-bottom: 30px;
}

#profileServiceProvidersTabs .edit-sp-closed-category .field-group {
  margin-bottom: 15px;
  text-align: right;
}

#profileServiceProvidersTabs .edit-sp-closed-category .field-group label {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
  font-weight: 500;
  direction: rtl;
}

#profileServiceProvidersTabs .edit-sp-closed-category .field-group input {
  width: 100%;
  border: none;
  background-color: #e8ddd6;
  font-size: 16px;
  text-align: right;
  direction: rtl;
  color: #000;
  height: 45px;
}

#profileServiceProvidersTabs .edit-sp-closed-category .field-group input::placeholder {
  color: #999;
  direction: rtl;
}

#profileServiceProvidersTabs .edit-sp-closed-category .field-group input:focus {
  outline: none;
  background-color: #ddd0c7;
}

#profileServiceProvidersTabs .edit-sp-closed-category .save-btn {
  background-color: #b8a396;
  color: white;
  border: none;
  padding: 15px 40px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 20px;
  width: 100%;
  direction: rtl;
}

#profileServiceProvidersTabs .edit-sp-closed-category .save-btn:hover {
  background-color: #a59388;
}

#profileServiceProvidersTabs .edit-sp-closed-category .back-link {
  display: inline-block;
  color: #666;
  text-decoration: none;
  font-size: 16px;
  direction: rtl;
}

#profileServiceProvidersTabs .edit-sp-closed-category .back-link:hover {
  color: #333;
  text-decoration: none;
}






#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .price-input-section {
  margin: 40px 0px;

}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .price-section-title {
  font-size: 28px;
  color: #333;
  font-family: 'OpenSansHebrew', sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .price-input-wrapper {
  background-color: #e8ddd6;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .price-input {
  border: none;
  background: transparent;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  width: 100px;
  outline: none;
  color: #333;
  font-family: 'OpenSansHebrew', sans-serif;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .price-label {
  font-size: 32px;
  color: #333;
  font-family: 'OpenSansHebrew', sans-serif;
  font-weight: normal;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .slider-section {
  margin-bottom: 25px;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: 0 20px;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .slider-min, #profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .slider-max {
  font-size: 16px;
  color: #666;
  min-width: 40px;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .slider-container {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .price-slider {
  width: 100%;
  height: 8px !important;
  border-radius: 4px;
  background: #c9b7a4;
  outline: none !important;
  -webkit-appearance: none;
  position: relative;
  margin: 0;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .price-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #a59388;
  cursor: pointer;
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .price-slider::-moz-range-thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #8B7355;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .or-section {
  margin-bottom: 15px;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .or-text {
  font-size: 18px;
  color: #666;
  font-family: 'OpenSansHebrew', sans-serif;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .back-link {
  margin-bottom: 35px;
  color: #464646;
  text-decoration: underline;
}

#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .slider-max,
#profileServiceProvidersTabs .edit-sp-closed-category.ext-closed .slider-min {
  font-size: 16px;
  font-weight: 600;
  color: #666;
}

/* service providers cards */




@media (max-width: 768px) {

  body {
    overflow-x: hidden;
  }

  #logoWrap {
    text-align:  center;
    margin: 15px 0px;
  }
  #logoWrap .logo-text {
    display:  block;
  }
  #logoWrap .logo-text .logo-text-minus {
    display:  none;
  }

  #eventDetails {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #helpVideoModal {
    float: left;
    text-align: left;
    cursor: pointer;  
  }

  #helpVideoModal span{
    display: none;
  }

  button.change-event {
    position: absolute;
    margin-top: -40px;
  }

  header #eventDetails .countdown .desc {
    font-size: 13px;
  }

  header .tumbnail {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  #purchase_guest_limit {
    margin-top: 15px;
  }

  #purchase_additional_guests {
    padding: 10px;
    font-size: 20px;
  }

  #purchase_additional_seating_members {
    padding: 10px;
    font-size: 20px;
  }

  .flip.nav-tabs.nav-justified>li {
    width: 100% !important;
    border: 0px !important;
  }

  .flip.nav-tabs.nav-justified>li a{
    border-bottom: 2px solid #ccc !important;
  }

  .flip.nav-tabs.nav-justified>li.active a{
    border-bottom: 2px solid #b69d6c !important;
  }

  .hr-1 {
    display: block;
    border: 1px dashed #ccc;
    width: 90%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: -10px;
  }

  .nav-tabs.nav-justified {
    font-size: 22px;
    border-bottom: 0px;
  }

  #amount_guest_over_purchased {
    font-size: 18px;
  }

  #actionsWrap {
    font-size: 12px;
  }

   #actionsWrap .action {
    height: 80px;
    padding: 0;
  }

  .col-md-12-2 .col-md-2 {
    width: 33.33333333% !important;
    padding: 0;
  }
  
  
  #stats {
    margin-top: -35px;
  }      

  #stats .col-xs-6 {
    width: 50%  !important;
    margin: 5px 0px;
  }

  .mhide {
    display:  none;
  }

  .wrap-guest-table {
    overflow-x: auto;
  }

  footer {
    bottom: -125px;
  }

  footer .options {
    width: 100%;
  }

  .amount-display {
    height: 100px;
  }

  .total_seating_members {
    margin-left:  0px;
  }

  #stats .stat .stat-wrap {
    font-size:  14px;
  }

  .modal-dialog {
    width: 90%;
    margin: 0 auto;
  }

  #help_videoModal .modal-dialog {
    width: 90% !important;
    margin: 0 auto;
  }

  #help_videoModal .modal-dialog iframe{
    width: auto;
    height:  auto;
  }

  #profile h1 {
    margin-bottom: 10px;
  }
  #profile .input-label {
    margin-bottom:  0px;
  }
  #actionWrap .col-xs-4 {
    padding: 0px;
  }
  #profile .input-wrap {
    margin-bottom:  20px;
  }
  #profile .name_address {
    width: 100% !important;
  }
  #eventDet input[type='search'] {
    width: 100% !important;
  }
  .name_address.ui-select-bootstrap > .ui-select-choices {
    width: inherit !important;
  }
  .ui-select-bootstrap .ui-select-choices-row>a {
    white-space: normal;
  }

  #actionsSeatingWrap {
    margin: 10px 0;
  }
  #actionsSeatingWrap > div {
    margin-bottom: 10px;
    height: 90px;
  }
  .guest-chairs-table-wrap {
    overflow-x:  auto;
  }

  form.table-form .form-group {
    display:  block;
  }

  .table-form {
    padding-bottom: 15px !important;
  }

  .table-form > div label {
    width: 120px !important;
    text-align: right;
    margin: 0px !important;
    display: block;
    padding-bottom: 10px;
  }
  table.name-tables-table tbody td span.remove_table {
    display:  block;
  }
  .add_guest_to_table{
    margin: 0px;
  }
  .name-tables-table .remove_table{
    margin:  0px;
  }

  .table-seating-statistics {
    text-align: center;
    margin-top: 15px;
  }

  .table-button-seating-switch-color {
    position: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 10px;
    padding-top: 0px;
    max-width: initial;
  }

  .table-seating-switch-color {
    cursor: pointer;
    color: #494949;
    width: 330px;
    text-align: center;
    background-color: #efefef;
    padding: 10px;
    margin: 0 auto;
    float: initial;
  }

  #table_seating_arrangement_wrap .add-createtable-form {
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .checks-end-seating-statuses {
    text-align: center;
  }
}

@media (max-width: 290px) {
  .amount-display-footer {
    font-size: 14px;
  }
}