/* The only rule that matters */
#video-background {
    /*  making the video fullscreen  */
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.detalis_table_header button{
    float: left;
}
.detalis_table_header input , .detalis_table_header select{
    display: inline-block;
    width: 75%;
}

.listOfInvitedThatNotHaveChairYetPopUp  {
    text-align: right;
}


.media_gender{
    position: absolute;
    top: 1rem;
    left: 4rem;
}
.ngdialog.listOfInvitedThatNotHaveChairYetPopUp .ngdialog-content {
    width: 30% !important;
    padding: 0% !important;
    text-align: right;
    min-height: 100%;
    direction: rtl;
    margin: auto;
    background-color: #ffffff;
    margin-top: 0rem;
    padding-top: 1rem;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0,0,0);
    -webkit-perspective: 1000;
}
.ngdialog.listOfInvitedThatNotHaveChairYetPopUp .ngdialog-content  .my_list_of_invited_on_table  .chooseUserForSittingTable .list_of_visitor .my_item .media .media-body {
    font-size: 1.2rem;
    font-weight: bold;
}

.ngdialog.listOfInvitedThatNotHaveChairYetPopUp .ngdialog-overlay  {
    background :rgba(0, 0, 0, 0.0);
    color: black;

}

body.is-os section {
    background-attachment: initial !important;
    background-size: cover !important;
}

.wedding-image {

    width: 100%;
    height: auto;
}

.wedding-image .couple_image {

    width: 100%;
    height: 20rem;
}

.approv_coming_buttoms .active {
    color: #fff;
    background-color: #DAA520 !important;
}

.menu_item_side .list-inline-item.active {
    color: #fff;
    background-color: #2aaad2 !important;
}
.filterByTable{
    width: 33%;
    margin: auto;
    text-align: center;
    margin-bottom: 1rem;
    float: right;
    margin-top: 1rem;
    direction: rtl;
}
/*.navbar-inverse{*/
    /*background-color: #151514;*/
    /*border-color: #131212;*/
    /*width: 82%;*/
    /*height: 5rem;*/
    /*border-radius: 25px 5px 25px 5px;*/
    /*margin: auto;*/
    /*margin-bottom: 2rem;*/
    /*box-shadow: 10px 10px 5px #888888;*/
/*}*/
/*.navbar-fixed-top {*/
    /*top: 24px;*/
/*}*/

/*.navbar-nav > li > .dropdown-menu{*/
    /*background-color: #1ca9d4;*/
    /*border-radius: 25px;*/
    /*box-shadow: 10px 10px 5px #888888;*/
/*}*/

/*.navbar-inverse .navbar-nav > li.active > a {*/
    /*color: #fff;*/
    /*background-color: #2aaad2 !important;*/
    /*border-radius: 15px;*/

/*}*/

/*.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {*/
    /*background-color: #a73535;*/
    /*border-radius: 15px;*/
    /*color: #ffffff;*/
/*}*/

/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {*/
    /*background-color: #a73535;*/
    /*border-radius: 15px;*/
    /*color: #ffffff;*/
/*}*/

/*.dropdown-menu > li > a {*/
    /*color: #fff;*/
/*}*/

/*.menuTableButton {*/
    /*margin-top: 1rem;*/
/*}*/

/*.slidemenu {*/
    /*text-align: center;*/
/*}*/

/*.navbar .navbar-nav {*/
    /*display: inline-block;*/
    /*float: none;*/
    /*vertical-align: top;*/
    /*font-size: 1rem;*/
    /*margin-top: 0.5rem;*/
    /*margin-bottom:  0.5rem;*/
    /*font-family: "Droid Sans Hebrew";*/

/*}*/

/*.navbar .navbar-collapse {*/
    /*text-align: center;*/
/*}*/

/*.navbar-inverse .navbar-nav > li > a {*/
    /*color: #fff;*/
    /*background-color: #131212;*/
    /*font-weight: bold;*/
/*}*/

/*.dropdown-submenu {*/
    /*position: relative;*/
/*}*/

/*.dropdown-submenu > .dropdown-menu {*/
    /*!*top: 0;*!*/
    /*!*left: 100%;*!*/
    /*!*margin-top: -6px;*!*/
    /*!*margin-left: -1px;*!*/
    /*-webkit-border-radius: 0 6px 6px 6px;*/
    /*-moz-border-radius: 0 6px 6px 6px;*/
    /*border-radius: 0 6px 6px 6px;*/
/*}*/

/*.dropdown-submenu:hover > .dropdown-menu {*/
    /*display: block;*/
/*}*/

/*.dropdown-submenu > a:after {*/
    /*display: block;*/
    /*content: " ";*/
    /*float: right;*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-color: transparent;*/
    /*border-style: solid;*/
    /*border-width: 5px 0 5px 5px;*/
    /*border-left-color: #cccccc;*/
    /*margin-top: 5px;*/
    /*margin-right: -10px;*/
/*}*/

/*.dropdown-submenu:hover > a:after {*/
    /*border-left-color: #ffffff;*/
/*}*/

/*.dropdown-submenu.pull-left {*/
    /*float: none;*/
/*}*/

/*.dropdown-submenu.pull-left > .dropdown-menu {*/
    /*left: -100%;*/
    /*margin-left: 10px;*/
    /*-webkit-border-radius: 6px 0 6px 6px;*/
    /*-moz-border-radius: 6px 0 6px 6px;*/
    /*border-radius: 6px 0 6px 6px;*/
/*}*/

.go_back_icon {
    background-color: #DAA520;
    position: fixed;
    width: 100%;
    left: 0px;
    padding: 2%;
    top: 0px;
    z-index: 99999;
    box-shadow: 2px 3px 5px #888888;
}

.go_back_icon .display-cell {
    padding: 0px;

}

.go_back_icon img {
    width: 2.5rem;

}

.go_back_icon h1, .go_back_icon h1 p {

    padding: 0px;
    margin: 0px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    text-shadow: 2px 2px #141415;
}

.sitting_place_table_skicha .auditorium_image {
    margin-bottom: 2rem;
}

.sitting_place_table_skicha p {
    font-weight: bold;
    color: black;
}

.goBackArrow img {
    width: 2rem;
    height: auto;
}
.chooseUserForSittingTable {
    text-align: center;
    margin: 0rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.chooseUserForSittingTable label {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.chooseUserForSittingTable h1, .chooseUserForSittingTable h3, .chooseUserForSittingTable label {
    color: #000000;
}

.pageScroolBackround {
    background-color: #daa421;
}
/* ---------------- general page ---------------------------    */


pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    font-weight: bold;
    word-wrap: break-word;
    background: none !important;

    border: 0px solid #ccc ;
    border-radius: 0px ;
}
.form-group.required .control-label:before {
    content:"*";
    color:red;
}

.enterForMangerToApp {
    text-align: right;
    direction: rtl;
}

.enterForMangerToApp p {
    text-align: right;
    padding: 1rem;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 80% !important;
    color: #fff !important;
    background-color: #DAA520 !important;
    text-align: center;
    font-size: 1.4rem !important;
    font-family: "ReformaNarrowLight" !important;
    padding: 2% !important;
    font-weight: bold;
    direction: rtl;

}

.ngdialog.ngdialog-theme-default.dialog-users .ngdialog-content {
    background-color: #f3f3f3 !important;
    width: 90% !important;
    padding: 5% !important;
    padding-top: 1% !important;
}

.addInvitedDialog.addInvitedDialog .ngdialog-content {
    width: 60% !important;

}

.form-control {
    font-size: 1.2rem;
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

.mainScreen{
    width: 100%;
    display: block !important;
    position: fixed;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
}

.headr_text {
    background-color: #ffffff;
    padding: 3%;
    border: 2px solid #DAA520;
    border-radius: 0px 20px 0px 25px;
    box-shadow: 10px 10px 80px #888888;

}

.headr_text h2 {
    font-weight: normal;
    font-size: 1.3rem;
    direction: rtl;
    font-family: "Droid Sans Hebrew";
    color: #0d0e0d;
}

.headr_text p {
    text-align: right;
    font-weight: normal;
    direction: rtl;
    color: #0d0e0d;
    font-family: "Droid Sans Hebrew";
}

.headr_text.headr_textApp {
    border-radius: 0px;
    border: 0px solid #DAA520;
    direction: rtl;

}
.headr_text.headr_textApp p {

    font-size: 1.2rem;
    line-height: 1.6rem;
}



.approv_coming_buttonApp {
    text-align: center;
    direction: rtl;
}

.approv_coming_buttonApp div {
    font-size: 1.1rem;
    font-weight: bold;
}

.approv_coming_buttonApp form .form-group label {

    font-size: 1.5rem;
}

.approv_coming_buttonApp form {

    border: 1px solid #363836;
    padding: 3%;
    box-shadow: 5px 5px;
}

.approv_coming_buttonApp button {
    width: 90%;
    background-color: #DAA520;
    color: #ffffff;
    margin-bottom: 3%;
    font-weight: bold;
    padding: 3%;
    box-shadow: 10px 10px 5px #888888;

}

.page_16 .content_text {
    direction: rtl;
}

.content_text .menu_item {
    background-color: #DAA520;
    color: #ffffff;
    padding: 1%;
    margin-bottom: 1rem;

}

.content_text .menu_item img {
    width: 2rem;
}

.content_text .menu_item p p {
    font-size: 1.5rem;
    line-height: 1.7rem;
}

.content_text p p span strong {
    font-size: 1.5rem;
}

.display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: auto;
}

.display-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;

}

/* ---------------- page 9 ---------------------------    */

.siting_page_table {
    font-size: 1.7rem;
}

/* ---------------- end page 9 ---------------------------    */

.sitting_visitor .printPage {
    width: 3rem;
}

/* ---------------- page 4 ---------------------------    */


/* ---------------- page 12 page 7 ---------------------------    */

.view12Page .all_table textarea, .view12Page .all_table input {
    font-size: 2rem;
}

.view12Page .all_table td textarea, .view12Page .all_table td input {
    font-size: 1rem;
}
.and_new_invited_that_come_to_event{

}
.and_new_invited_that_come_to_event img{
    width: 3rem;
    border: 1px solid #131212;
    border-radius: 25px;
}
.NewNumComsFinally {
    font-size: 3rem;
    text-align: center;
    margin: auto;
    vertical-align: middle;
    padding: 2rem;
}


.not_come_to_event {
    background-color: #ff3232;
    color: #000;
}

.maybe_come_to_event {
    background-color: #fbff01;
    color: #000;
}

.finally_come_to_event {
    background-color: #4fffc8;
    color: #000;
}

.good_come_to_event {
    background-color: #5cb85c;
    color: #ffffff;
}

.some_good_come_to_event {
    background-color: #4875b4;
    color: #ffffff;
}





/* ---------------- page 13 ---------------------------    */
/* Landscape*/

@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
    .container_about {
        border: 0px solid #a1a1a1;
        border-radius: 0px;
        width: 100%;
        box-shadow: 10px 10px 5px #888888;
    }
    .flex-container > div {
        width: 100%;
        border-radius: 0px;
        box-shadow: 10px 10px 5px #888888;
    }

    .recommendation {
        width: 95%;
    }
    .addButtomDataAboutSite {
        width: 95%;
    }
    .listOfTableBody {
        border: 0px solid #a1a1a1;
        border-radius: 0px;
    }

}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
    .container_about {
        border: 0px solid #a1a1a1;
        border-radius: 0px;
        width: 100%;
        box-shadow: 10px 10px 5px #888888;
    }
    .flex-container > div {
        width: 100%;
        border-radius: 0px;
        box-shadow: 10px 10px 5px #888888;
    }

    .recommendation {
        width: 95%;
    }
    .addButtomDataAboutSite {
        width: 95%;
    }
    .listOfTableBody {
        border: 0px solid #a1a1a1;
        border-radius: 0px;
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    /* your css rules for ipad portrait */
    .container_about {
        border: 0px solid #a1a1a1;
        border-radius: 0px;
        width: 100%;
        box-shadow: 10px 10px 5px #888888;
    }
    .flex-container > div {
        width: 100%;
        border-radius: 0px;
        box-shadow: 10px 10px 5px #888888;
    }

    .recommendation {
        width: 95%;
    }
    .addButtomDataAboutSite {
        width: 95%;
    }
    .listOfTableBody {
        border: 0px solid #a1a1a1;
        border-radius: 0px;
    }

}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    /* your css rules for ipad landscape */
    .container_about {
        border: 0px solid #a1a1a1;
        border-radius: 0px;
        width: 100%;
        box-shadow: 10px 10px 5px #888888;
    }
    .flex-container > div {
        width: 100%;
        border-radius: 0px;
        box-shadow: 10px 10px 5px #888888;
    }

    .recommendation {
        width: 95%;
    }
    .addButtomDataAboutSite {
        width: 95%;
    }

    .the_of_the_table {
        top: 0rem;
    }
    .the_of_the_table {
        width: 67%;
    }
    .listOfTableBody {
        border: 0px solid #a1a1a1;
        border-radius: 0px;
    }

}

@media only screen and (max-width: 1024px) {
    .ngdialog.listOfInvitedThatNotHaveChairYetPopUp .ngdialog-content {
        width: 100% !important;

    }
    .all_view {
        margin-top: 0rem;
        padding: 0%;
        width: 100% !important;
        border-radius: 0px;
    }
    .listOfTableBody {
        border: 0px 0;
        border-radius: 0px;
        box-shadow: 0px0;
    }
    .media-left {
        vertical-align: middle !important;
    }





    .btn-app .badge {
        color: #1BBD8F;
        background-color: #ffffff;
    }
}

.approve_coming_button {
    margin-top: 1rem;

}

.approve_coming_button button {
    width: 100%;
    font-size: 1.5rem;
    border: 2px solid #DAA520;
    border-radius: 25px;
    direction: rtl;
    box-shadow: 10px 10px 5px #888888;

}

.approve_coming_button button span {

    font-size: 2rem;
    background-color: #060606;
}

.text_for_inviteed {
    width: 100%;
    background-color: #fff;
    text-align: right;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1rem;
    margin-bottom: 1rem;
    padding-top: 0px;
}

.text_for_inviteed h3 {
    background-color: red;
    color: #fff;
    padding: 1rem;
}

.fotter_main_page {
    background-color: #ffffff;
    padding: 3%;
    padding-top: 5%;
    border: 2px solid #2aabd2;
    border-radius: 25px;
    margin-bottom: 3rem;

}

.share_main_page {
    background-color: #ffffff;
    padding: 2%;
    margin-bottom: 2rem;
    margin-left: 2%;
    margin-right: 2%;
}

.share_main_page div div p {
    font-size: 1.5rem;
    margin-top: 0.5rem;
}

.share_main_page div img {
    width: 50%;

}

.share_main_page div .share_text {
    font-size: 2rem;
    line-height: 2rem;
}

.fotter_image {
    width: 2rem;
}

.fotter_parant {
    font-weight: normal;
    font-size: 1rem;
    font-family: "Droid Sans Hebrew";
}

.fotter_main_page div p {
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.my_list_of_share li {
    list-style-type: none;
    width: 80%;
    padding: 5%;
    border: 1px solid;
    border-radius: 25px;
    margin-bottom: 1rem;
}

.my_list_of_share li a {
    text-decoration: none;
    color: #ffffff;
}

.pop_up_dialog {

}

.ngdialog.ngdialog-theme-default .ngdialog-close {
    display: none;
}

.close_icon_dialog {
    position: absolute;
    width: 1.2rem !important;
    right: 0.5rem;
    top: 0.5rem;
}

.share_my_app, .love_icon {
    text-align: center;
}

.share_my_app img {
    width: 4rem;
    height: 4rem;
}

.share_and_couple {
    padding: 5%;
}

.share_and_couple div {
    text-align: center;
}

.love_icon img {
    width: 4rem;
    height: 4rem;
}

.love_icon.the_flower {
    text-align: center;
}

.page_13_header {
    position: relative;
}
.app_tag_item img {
    width: 6rem;
}
.page_13_header h2 {
    padding: 5%;
    /* margin: 0%; */
    text-align: center;
    margin: auto;
    margin-bottom: 0rem;
    width: 90%;
}

.page_13_header_app h2 {
    padding: 2%;
}

.page_13_header p {
    margin: 0px;
    padding: 1%;
    font-size: 1rem;
    line-height: 1.2rem;
    /*background-color: #ffffff;*/
    text-align: center;

}

.page_13_header p a {
    font-size: 1.2rem;
    line-height: 1.2rem;

}

.page_13 .all_view {
    margin-top: 0rem !important;
}

.page_13 .page_13_fotter {
    margin-top: 2rem;
    padding: 3%;
    margin-bottom: 3rem;
}

.app_row_item div {
    border: 2px solid #DAA520;
    border-radius: 25px;
    background-color: #ffffff;
    margin: 4%;
    box-shadow: 10px 10px 5px #888888;
}

.page_13 .app_row_item_fottor div p {
    padding: 2%;
}

.page_13 .app_row_item div img {
    width: 60%;
    background-color: #ffffff;
    height: auto;
    max-height: 6rem;
    padding: 5%;
}

.page_13 .app_row_item div p {
    background-color: #DAA520;
    margin-top: 1rem;
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 1.6rem;

    padding: 2%;
}

.mission_to_visitor button {
    font-weight: bold;
}

.btn-primary:active:hover, .btn-primary:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background-color: #2aabd2;
    border-color: #2aabd2;
}

/* -------------------------------------------    */

/* --------------page 14-----------------------------    */

.page14 {
    width: 100%;
}

.page14 .list_of_visitor, .my_list_of_invited_on_table .list_of_visitor {

    border-color: #2aabd2;
    padding: 3%;
    text-align: right;

}

.page14 .page14_all_page {

    width: 100%;

}
.bordOfAddNewInvited {
    padding: 1%;
    background-color: #DAA520;
    color: #ffffff;

    border: 2px solid #DAA520;
    border-radius: 25px;
    box-shadow: 10px 10px 5px #888888;
}

.bordOfAddNewInvited .approv_coming_buttonApp form {
    box-shadow: 0px 0px 5px #DAA520;
    border: none;
}

.bordOfAddNewInvited button {
    background-color: #2aabd2;
    border-color: #2aabd2;

}
.headerOfAddNewInvited {
    text-align: center;
}
.list_edit_item_button {
    border-color: #5a5a58 !important;
    background-color: #2aabd2 !important;
}
.list_of_visitor .my_item {
    background-color: #DAA520;
    color: #ffffff;
    margin-bottom: 3%;
    font-weight: bold;
    padding: 3%;
    box-shadow: 10px 10px 5px #888888;
}

.list_of_visitor .my_item .media img {
    width: 2rem;

}

.my_list_of_invited_on_table_app {
    text-align: right;
}

.my_list_of_invited_on_table_app h2, .my_list_of_invited_on_table_app p {
    color: #000000;
}

.headr_text_list_of_inviter {
    background-color: #ffffff;
    padding: 5%;
    width: 100%;
    text-align: right;
    direction: rtl;
    margin-bottom: 2rem;
    color: #141415;
    border: 2px solid #DAA520;
    border-radius: 25px;
    box-shadow: 10px 10px 5px #888888;
}

.headr_text_list_of_inviter h2 {

    padding: 0px;
    margin: 0px;
}

.headr_text_list_of_inviter p {
    word-wrap: break-word !important;
    white-space: normal;
}

.headr_text_list_of_inviter .make_shore_your_name {
    font-weight: bold;
    font-size: 1.2rem;
}

.page14 .media-body {
    direction: rtl;
}

.page14 .media-body p, .page14 .media-body div span {
    font-size: 1.3rem;
    line-height: 1.5rem;
    direction: rtl;
    color: #fff;
    font-weight: bold;
}
.my_invited_list_botton {
    display: flex;
    align-items: baseline;
    justify-content: space-around;
}
.my_invited_list_botton button {
    margin-bottom: 1rem;
}
/* --------------page 15-----------------------------    */
.page15  {
    width: 100%;
    margin-top: 2rem;
}
.page19  {
    width: 100%;
    margin-top: 4rem;
}

.sitting_details {
    margin-top: 5%;
    text-align: right;
    padding: 5%;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #101010;
    direction: rtl;
}

.people_sit_with_me {
    background-color: #ffffff;
    padding: 2%;
}

.people_sit_with_me.all_table_list .row {
    margin: 0px;

}

.removeUserFromChair {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top:1rem;
    right: 1rem;
}
.userComeToChair {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top:1rem;
    right: 1rem;
}



.people_sit_with_me .row .col-xs-4 {
    background-color: #2aabd2;
    color: #ffffff;
    border: 1px solid #ffffff;
    font-weight: normal;
    vertical-align: middle;
    height: 5rem;
    font-size: 1.1rem;
    line-height: 1.5rem;
}

.vertical-center {
    min-height: 7rem; /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}
.removeInvitedFromChair {
    text-align: center;
    margin-top: 1rem;
}
.removeInvitedFromChair button {
    margin: 0.5rem;
}

.sitting_details .header_num_site_with_you {
    text-align: center;
    color: #2aabd2;
    margin-bottom: 0px;
}

.headr_text_list_of_table {
    background-color: #ffffff;
    padding: 7%;
    text-align: center;
    font-weight: bold;
    line-height: 0rem;
    font-size: 1.5rem;
    direction: rtl;
    margin-bottom: 1rem;
    color: #DAA520;
    font-family: "Droid Sans Hebrew";
    border: 2px solid;
    border-radius: 25px;
}

.text_for_register_to_drive, .text_for_comming {
    text-align: right;
}

.text_for_register_to_drive h3, .text_for_comming h3 {
    text-align: right;
    direction: rtl;
    color: #000000;
}

.aprrov_yes_no, .aprrov_yes_no {
    width: 90%;

}


.the_of_the_table {
    width: 68%;
    float: left;
    padding-top: 2rem;
    position: fixed;
    overflow-y: scroll;
    background-color: #fff;
    max-height: 100%;



}


.text_on_page {
    margin-top: 2rem;
}

.text_on_page span p {
    font-size: 1.4rem;
    line-height: 1.6rem;
}

.my_chair {
    background-color: #2aabd2 !important;
}


.empty_chair {
    background-color: #DAA520 !important;
}
.eventComeToWedding {
    background-color: #da1a86 !important;
}

.how_many_people_come {
    margin-top: 2rem;
}

.how_many_people_come input {
    width: 100%;
    background-color: gainsboro;
}

.how_many_people_come .how_many_people_come_text {
    font-size: 1.5rem;
    line-height: 1.5rem;
    direction: rtl;
}

.need_a_drive_bus a {
    font-size: 1.5rem;
}

/* --------------page 16-----------------------------    */
.page_header_text p {
    font-size: 2rem;
}

.choose_side {
    font-size: 2rem;
}

.page_16_header {
    background-color: #ffffff;
    text-align: right;
    margin-bottom: 3rem;
    direction: ltr;
    border: 2px solid #2aabd2;
    border-radius: 25px;
}

.page_16_header h2 p {
    font-size: 1.5rem;
    line-height: 1.7rem

}





/* --------------enter page -----------------------------    */



.app_botton_text {
    text-align: center;
    margin-top: 1rem;
}

.loginToAppDiv button {
    width: 100%;
}

.login_form p {
    text-align: right;
    color: #ffffff;
}






.enterToSystemApp {

    width: 100%;

}


.btn-primary {
    background-color: #DAA520;
}

.list_of_save_visitor {

    border-color: #2aabd2;
    padding: 3%;
    text-align: right;

}

.list_of_save_visitor .my_item {
    background-color: #DAA520;
    color: #ffffff;
    margin-bottom: 3%;
    font-weight: bold;
    padding: 3%;
    box-shadow: 10px 10px 5px #888888;
    direction: ltr;

}

.list_of_save_visitor .my_item .media img {
    width: 2rem;

}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.div_main_image_login_page, .div_main_image_login_page_app, .div_main_image_login_page_ppayon {
    text-align: center;
}

/*.div_main_image_login_page_app img {*/
/*width: 100%;*/
/*max-height: 25rem;*/
/*height: auto;*/
/*}*/

figure{
    width:100%; /*container-width*/
    overflow:hidden; /*hide bounds of image */
    margin:0;   /*reset margin of figure tag*/
}
figure img{
    display:block; /*remove inline-block spaces*/
    width:100%; /*make image streatch*/
}
figure img{
    /*add to other styles*/
    /*margin: -12.875% 0%;*/
}


.main_image_login_page {
    width: 60%;
    text-align: center;
}

.navigate_to_manager {
    width: 2rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 50;
}



.supplier_page h2 {
    float: right;
}



.reception_time_text {
    text-align: center;
    padding: 0px;
}

.colInCentered {
    float: none;
    margin: 0 auto;
}

.colInRighr {
    float: right;
}

.container_list_of_save_visitor {
    padding-left: 5%;
    padding-right: 5%;
}



.for_more_detailes_about_us {
    margin-top: 1rem;

}
.formOfRegisterToCommingOrNot {
    margin-top: 2rem;
    margin-bottom: 2rem;
}




.logoImageDiv , .wedding-image{
    width: 100%;
    height: 70px;
    overflow: hidden;
    text-align: center;
    margin-top: 1rem;

}

.logoImageDiv .logoImage , .wedding-image .couple_image{
    width: 50%;
    margin: auto;
    height: 220px;
    margin: -75px 0 0 0px;
}
/*.logoImageMenu {*/
    /*position: absolute;*/
    /*width: 20%;*/
    /*height: 50px;*/
    /*right: 0rem;*/
    /*overflow: hidden;*/
    /*margin-top: 0.5rem;*/
/*}*/
/*.logoImageMenu .logoImage {*/
    /*width: 50%;*/
    /*margin: auto;*/
    /*height: 200px;*/
    /*margin: -75px 0 0 65px;*/

/*}*/

/*.go_out_button {*/
    /*background-color: #ffffff;*/
    /*height: 200px;*/
    /*padding: 0.5rem;*/

/*}*/
/*.user_name_data {*/
    /*position: absolute;*/
    /*top: 1rem;*/
    /*left: 2rem;*/
    /*direction: rtl;*/
    /*font-size: 1.3rem;*/
    /*color: #ffffff;*/
    /*padding: 0.5rem;*/
    /*background: #0c0c0c;*/
    /*font-weight: bold;*/
    /*!* border-radius: 25px; *!*/
    /*padding-bottom: 1px;*/

/*}*/

/*.user_name_data .user_name_text {*/
    /*border-bottom: 1px solid #fff;*/
/*}*/



/* --------------enter page  end-----------------------------    */


/* --------------supplier page app  START-----------------------------    */
.phoneCallItem {
    color: #ffffff;
}
/* --------------supplier page app  END-----------------------------    */






/* --------------list of table-----------------------------    */

.go_back_icon .table_work {
    margin-right: 2rem;
}


.add_new_remind_text_for_table {
    direction: rtl;
    text-align: right;
    width: 90%;
    margin: auto;
    margin-top: 4rem;
}
.list_of_table_item {

    font-weight: bold;
    background-color: #DAA520;
    width: 6.5rem;
    margin: 0.5rem;
    height: 6.5rem;
    border-radius: 50%;
    font-size: 1.3rem;
    color: #fff;
    line-height: 6.5rem;
    text-align: center;
    box-shadow: 10px 10px 5px #888888;
}
.showRegularTable {
    border-radius: 50%;
    width: 6.5rem;
}
.showBigTable {
    border-radius: 0%;
    width: 8.5rem;
}
.showBigTable div .imageTableSideOnTable {
    left: 3.5rem;
}
.add_new_table_circle {
    font-size: 2rem;
}

.fliter_on_list_tabel {
    display: flex;
    text-align: right;
    direction: rtl;
    flex-direction: row;

}
.fliter_on_list_tabel .filter_item  {
    width: 50%;

}
.filter_item {
    direction: rtl;
}
.fliter_on_list_tabel div button {
    height: 2.5rem;

}
.nameTheIsFor {
    text-align: right;
    direction: rtl;
}
.imageTableSideOnTable {
    position: absolute;
    width: 1.5rem;
    height: auto;
    top: 0rem;
    left: 2.5rem;
}

.headerOfTable {
    position: absolute;
    top: -18px;
    right: 32px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    color: #009688;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    width: 5rem;
    font-size: 0.9rem;
}

.showGender {
    position: absolute;
    top: 36px;
    right: 32px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    width: 5rem;
    font-size: 0.8rem;
}


.my_list_of_table_header {
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1%;
    margin-bottom: 2rem;
    color: #DAA520;
    background-color: #ffffff;
    text-align: center;
    direction: ltr;
}
.add_new_group_from_app{
    margin-bottom: 2rem;
}
.table_item_box{
    display: flex;
    flex-flow: row wrap;
}
.show_image_all {

    text-align: center;


}
.show_image_all img {
    width: 2rem;
    height: 2rem;
}
.show_image_all p {
    text-align: center;
}
.show_all_food {
    position: absolute;
    top: 5rem;
    right: 5rem;
    text-align: center;

}
.show_all_food img {
    width: 2rem;
    height: 2rem;
}
.show_all_food p {
    text-align: center;
}



.saveTableIsFor {
    text-align: right;
    direction: rtl;
    margin-bottom: 1.3rem;
}
.my_list_of_table_header h1 {

    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #DAA520;
    text-align: center;

}
.my_list_of_table_header p {

    font-size: 1.1rem;
    font-weight: normal;
    margin-bottom: 2rem;
    color: #000000;
    text-align: center;

}



/* --------------list of table end -----------------------------    */

/* --------------  details table-----------------------------    */

.all_chir_on_table {
    background-color: #ffffff;
    padding: 1%;
}

.clear_both {
    clear: both;
}

/* -------------- details table end -----------------------------    */

h1 {
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: bold;
}

h2 {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2rem;
}

h3 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4rem;
}

h4 {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.2rem;
    direction: rtl;
}

p {
    font-size: 1.1rem;
    line-height: 1.3rem;
}

td {
    font-size: 1rem;
    line-height: 1.2rem;
}

.messagePage td a {
    color: #2aabd2;
}

th {
    background-color: #2aabd2;
    color: white;
    font-weight: bold;
    font-size: 0.8rem;
    line-height: 1rem;
    padding: 0.6%;
    height: 2.5rem;
    text-align: center;
}

button, .btn-sm, .btn-group-sm > .btn, .btn-default, .btn {
    font-size: 1rem;
    color: #ffffff;
    background-color: #DAA520;
    border-color: #DAA520;

}

a {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

@media only screen and (min-device-width: 800px) {
    .ngdialog.ngdialog-theme-default .ngdialog-content {
        padding: 2% !important;
        width: 30% !important;
    }

    .addInvitedDialog.addInvitedDialog .ngdialog-content {
        width: 60% !important;

    }
}

@media only screen and (max-width: 500px) {

}

@media only screen and (min-width: 500px) and (max-width: 800px) {

}

@media only screen and (min-width: 800px) and (max-width: 1000px) {

}

@media only screen and (min-width: 1000px) and (max-width: 1100px) {

}

@media only screen and (min-width: 1100px) {

}

.ngdialog *, .ngdialog *:before, .ngdialog *:after {
    width: 100%;
}

.confirm_alert  {
    display: flex;
    align-items: baseline;
    justify-content: space-between;

}
.confirm_alert  div:nth-child(1) {
   margin-left: 2rem;

}

.confirm_alert  button {
    background-color: #19677e;
    color: #ffffff;
}

.register_to_bus_icon .bus_image img {
    width: 30%;
}

.full_image {
    background-color: black;

}

.full_image_black {
    position: absolute;
    background-color: black;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.full_image .cuppel_image {
    width: 100%;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}
.list_of_visitor_in_table {
    text-align: right;
}
.list_of_visitor_in_table .media-heading {
    direction: rtl;

    font-weight: bold;
}
.list_of_visitor_in_table .bottom_into_item_of_table_list_invited {

    font-weight: normal;

}
.list_of_visitor_in_table .bottom_into_item_of_table_list_invited img {

    border: 1px solid #131212;
    border-radius: 25px;

}
.list_of_visitor_in_table .bottom_into_item_of_table_list_invited span {

    margin-left: 0.5rem;
    margin-right: 0.5rem;

}

.add_delet_button_on_table_list {
    float: left;
}
.add_new_visitor_list_table {
    margin-bottom: 0.7rem;

}

.num_for_count_invited {
    direction: rtl;
}
.myButtonInHeaderListOfTable {
    margin-bottom: 1rem;
    width: 100%;
    padding-top: 2rem;
    text-align: center;
    margin: auto;
}
.listOfTableBody {
    margin-top: 3rem;

}
.listOfTable .media .media-body .media-heading {
    font-size: 1.1rem;
}
.listOfTable .media .media-body .media-center {
    font-size: 1rem;
}
.tableListItem .media-body {
    font-size: 1rem;
}


.myButtonInHeaderListOfTable button {
    margin-bottom: 1rem;
    text-align: center;
    width: 30%;
}

.bottom_into_item_of_table_list_invited {
    direction: rtl;
}

.family_image {
    margin-bottom: 1rem;
    width: 100%;
    text-align: center;
}

.wedding_data .cuppel_image_div {
    height: 10rem;
}
.title_of_list_of_user__and_sort{
    text-align: center;
    float: right;
    border: 1px solid #a1a1a1;
    background-color: #fff;
    padding: 1%;
}


.wedding_data_text {
    margin-bottom: 1rem;
}

.edit_couple_image {
    width: 50%;
}

.go_cabk_full_image {
    position: absolute;
    top: 5%;
    left: 2%;
    width: 3rem;
    height: 3rem;
    z-index: 111;
}

.invited_image img {
    width: 15%;
}

.show_list_of_site {
    margin-top: 1rem;
}

.list_of_sitting_on_table {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 1%;
    justify-content: center;
}
.list_of_sitting_on_table .my_chair , .list_of_sitting_on_table .empty_chair {
        margin: 1rem;
}
.list_of_sitting_on_table .invitedNameSittingInChair  {
    position: absolute;
    top: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}


.list_of_sitting_on_table .chair_num  {
    position: absolute;
    bottom: 0rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.reserve_table {
    position: absolute;
    top: 4px;
    right: 8px;
    color: #ffffff;
    background-color: #000000;
    font-weight: bold;
    border-radius: 50%;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.4rem;
}

.list_of_table_item_not_full_table {
    background-color: #bb281d;

}

.list_of_table_item_full_table {
    background-color: #DAA520;
}

.all_invited_come_to_this_table {
    background-color: #7a43b5;
}


.numberOfNotComing_on_list {
    position: absolute;
    top: 21px;
    right: 32px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    color: #000;
    font-weight: bold;
    width: 3rem;
    font-size: 1.1rem;
}

.coming_to_table {

    position: absolute;
    top: 0px;
    left: 0px;
}

.coming_to_table img {
    width: 2rem;
    height: auto;

}

.people_sit_with_me p, .my_list_of_invited_on_table p {
    text-align: right;
    color: #000000;
    font-weight: normal;
    clear: both;
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 1px;
    padding: 2%;

}

.my_list_of_invited_on_table .list_of_visitor p {
    padding: 0;
    border-bottom-width: 0;
}

.num_invite_and_com {
    margin-bottom: 1rem;
    padding: 0px;
    margin: 0px;
}

.num_invite_and_com .item_come {
    padding: 0px;
}

.num_invite_and_com .item_come img {
    width: 2.5rem;
    height: auto;
    margin-left: 1rem;
    margin-right: 1rem;
}

.my_invited_chart {
    width: 100% !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my_invited_chart_header {
    text-align: center;
    margin-top: 1rem !important;

}

.my_invited_chart_header .chart_header_item {
    text-align: center;
}

.square {
    width: 20px;
    height: 20px;
}

.square.square_come {
    background: #008000;
}

.square.square_not_come {
    background: #ff0000;
}

.square.square_maybe_come {
    background: #FFFF00;
}

.square.square_invited {
    background: #4875b4;
}

.sitting_visitor_place {
    direction: rtl;
}




.listOfTableBody {
    margin: auto;
    background-color: #fff;
    height: 100%;
    border: 1px solid #a1a1a1;
    box-shadow: 10px 10px 5px #888888;
}

.list_of_visitor_in_table {
    margin: 1%;
}

.the_of_the_table {
    width: 72%;
}


.title_of_list_of_user__and_sort {
    width: 27%;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 360px) {
    html {
        font-size: 12px;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-width: 375px) {
    html {
        font-size: 12px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 480px) {
    html {
        font-size: 14px;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 640px) {
    html {
        font-size: 14px;
    }

}

@media only screen and (min-device-width: 640px) and (max-device-width: 720px) {
    html {
        font-size: 14px;
    }

}

@media only screen and (min-device-width: 720px) and (max-device-width: 1024px) {
  
   

    html {
        font-size: 14px;
    }

}
@media (min-width: 768px) and (max-width: 1024px) {
    .app_page {
        max-width: 100%;
        margin: auto;
        margin-top: 0px;
    }
   
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1400px) {

    html {
        font-size: 14px;
    }

}

@media only screen and (min-device-width: 1400px) {
    html {
        font-size: 14px;
    }

}

@media (min-width: 768px) {
    .page_13 .app_row_item div img {
        max-height: 14rem;
    }

    .wedding-image {
        display: none;
    }


}

@media only screen and (min-width: 1024px) {
    .invited_image img {
        width: 10%;
    }

    .register_to_bus_icon .bus_image img {
        width: 10%;
    }

    .list_of_visitor .my_item {
        padding: 2%;
    }

    .headr_text_list_of_inviter {
        padding: 2%;
    }

    .page14 .list_of_visitor, .my_list_of_invited_on_table .list_of_visitor {
        padding: 0%;
    }

    .list_of_visitor .my_item {
        margin-bottom: 2%;
    }

    .go_back_icon {
        padding: 1%;
        display: none;

    }


    .list_of_visitor .my_item .media .media-left {
        height: 10px;
        line-height: 10px;
    }

    .list_of_visitor .my_item .media .media-left a {
        height: 10px;
        line-height: 10px;
        text-align: center;
        border: 1px dashed #f69c55;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select:focus,
    textarea:focus,
    input:focus {
        font-size: 16px;
        background: #eee;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    textarea,
    input {
        font-size: 1rem;
        line-height: 1.2rem;
        width: 100%;
    }

    select {
        font-size: 0.8rem;
        line-height: 1rem;
        width: 100%;
    }

}

@media only screen and (min-device-width: 769px) {
    .app_page {
        max-width: 35rem;
        margin: auto;
        margin-top: 0rem;
    }
}

@media only screen and (max-width: 767px){
    .navbar-inverse {

        width: 100%;
        border-radius: 0px;
    }
    .listOfTableBody {
        margin-top: 0rem;
    }

    .show_all_food {
        position: initial;

    }
    .show_image_all {
        position: initial;
    }
    .myButtonInHeaderListOfTable button {

        width: 90%;
    }
    .the_of_the_table {
        width: 100%;
        position: initial;
    }
    .title_of_list_of_user__and_sort {

        display: none;
    }
}