@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@font-face {
    font-family: 'OpenSans';
    font-weight: normal;
    src: url("https://allseated-res.cloudinary.com/raw/upload/v1/asPlatform/styles/fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url("https://allseated-res.cloudinary.com/raw/upload/v1/asPlatform/styles/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url("https://allseated-res.cloudinary.com/raw/upload/v1/asPlatform/styles/fonts/OpenSans/OpenSans-Semibold.ttf") format("truetype");}

@font-face {
    font-family: 'Allseated';
    src: url("https://allseated-res.cloudinary.com/raw/upload/v1/asPlatform/styles/fonts/Allseated.eot");
    src: url("https://allseated-res.cloudinary.com/raw/upload/v1/asPlatform/styles/fonts/Allseated.eot?#iefix") format('embedded-opentype'),
    url("https://allseated-res.cloudinary.com/image/raw/v1/asPlatform/styles/fonts/Allseated.woff") format('woff'),
    url("https://allseated-res.cloudinary.com/image/raw/v1/asPlatform/styles/fonts/Allseated.ttf") format('truetype'),
    url("https://allseated-res.cloudinary.com/image/raw/v1/asPlatform/styles/fonts/Allseated.svg#Allseated") format('svg');
    font-weight: normal;
    font-style: normal;}

*:not(textarea) {
    /*-moz-user-select: -moz-none;*/
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;}

::-moz-selection{background: #e6e7e8;}
::selection{background: #e6e7e8;}

.selectableText,
input {
    /*-moz-user-select: -moz-text;*/
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text;}

img {
    content: "";
    text-indent: -999em;}

g defs.blackSvg > path {
    stroke: #000000;}

.line {
    width: 100%;
    float: left;}

.as-text-container {
    font-family: "OpenSans";
    font-weight: normal;
    font-size: 16px;
    color: #737375;}

.text-bold {font-weight: bold;}

.btn-wrapper .btn {
    width: 100px;
    height: 32px;}

.btn-sharp {
    border-radius: 0;}

.custom-cursor {
    cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/custom-cursor.png"), default;}

.person-cursor {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_seating_pointer.svg") no-repeat;
    width: 20px;
    height: 19px;
    z-index: 999;
    position: absolute;
    pointer-events: none;}

.blockLayerForModals {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;}

.tooltip.top .tooltip-inner,
.top-nav-tab-content .tooltip-inner {
    max-width: 400px;
    padding: 3px 8px;
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;}

.table-designer-wrapper .tooltip .tooltip-inner,
.settings-wrapper .tooltip.top .tooltip-inner,
.reportsWrapper .tb-layout-list .tooltip-inner {
    max-width: 400px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 5px;
    border: 1px solid #000;}

.table-designer-wrapper .tooltip.top .tooltip-arrow,
.settings-wrapper .tooltip.top .tooltip-arrow,
.reportsWrapper .tb-layout-list .tooltip .tooltip-arrow {
    border-top-color: #000 !important;}

.general-nav-content .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000 !Important;}

.tooltip.top .tooltip-arrow {
    border-top-color: #313236 !important;}

.tooltip .tooltip-inner {
    border-radius: 2px !important;
    background-color: #313236 !important;
    color: #fff !important;
    border: none !important;
}

.table-designer-wrapper .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;}

.sp-picker-container, .sp-palette-container {
    width: 84px;}


.sp-container {
    box-shadow: 0px 1px 8px 1px #a29898;
    width:200px;}

.sp-container .sp-palette-container {
    width:181px;
    height: auto;
    padding: 10px 10px 290px 10px;}

div.sp-palette-only div.sp-palette-container {
    width: 253px;
    height: 168px;}

div.sp-palette {
    max-width: none;}

div.sp-cf.sp-palette-row {
    width: auto;
    float: left;}

.modal--center-dialog .text-center .btn--as-button.btn--orange {
    margin-top: 15px;}

div.sp-cf.sp-palette-row.sp-palette-row-selection {
    display: none !important;}

div.sp-button-container button.sp-choose {
    border-radius: 0;
    line-height: 13.5px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    text-transform: capitalize;
    font-family: OpenSans-SemiBold;
    border: none;
    padding: 7px 15px;
    text-shadow: none;}

.sp-color, .sp-hue, .sp-clear {
    border: none !important;}

div.sp-button-container .sp-cancel {
    border-radius: 0;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    background-color: #adbebd;
    font-size: 13px;
    text-transform: capitalize;
    font-family: OpenSans-SemiBold;
    border: none;
    padding: 4.5px 15px;
    position: relative;
    top: 0.5px;
    color: #fff !important;
    text-decoration: none;
    text-shadow: none;}

div.sp-button-container .sp-dragger {
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background: transparent;
    cursor: pointer;}



@media screen and (max-width: 780px) {
    .sp-palette .sp-thumb-el {
        width: calc(100% / 6 - 2px) !important;
        height: 12px !important;
        margin: 0 !important;
        border: none;
    }
}

div.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner,
div.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{
    background-image: none;
    border: 1px solid red !important;}

html, body, .main-container,
.main-container > div > div,
.fill-page, .fill-page > div,
.occasions-list > div {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;}

.as-admin .occasions-list ul.nav.nav-tabs li {
    min-width: 105px;}

.fill-page .marketPulseMain {
    overflow: auto;
    background: #d4dad9;
    overflow-x: hidden;
    width: calc(100vw + 20px);
    min-width: 1100px;}

/*.main-preloader {*/
/*position: absolute;*/
/*height: 100%;*/
/*width: 100%;*/
/*text-align: center;}*/

/*.main-preloader img {*/
/*position: relative;*/
/*top: calc(100% - 50% - 110px);*/
/*z-index: 99999;*/
/*width: 300px;*/
/*height: 95px;}*/

/*.main-preloader .main-preloader-text {*/
/*position: relative;*/
/*top: calc(100% - 50% - 95px);*/
/*z-index: 9999;*/
/*font-size: 14px;*/
/*font-family: OpenSans-Bold;*/
/*font-weight: normal;}*/

.animation-preloader img {
    -webkit-animation-name: animatepreload;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 10;
    animation-name: animatepreload;
    animation-duration: 1s;
    animation-iteration-count: 10;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;}

@keyframes animation-preloader {
    0% {
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1);
    }
    50% {
        -ms-transform: scale(1.2); /* IE 9 */
        -webkit-transform: scale(1.2); /* Safari */
        transform: scale(1.2);
    }
    50% {
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1);
    }
}

img.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px;
    text-indent: -999em;
    content: "";}

.welcome-wrapper .btn img.spinner {
    margin-top: 4px;}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;}


* html .clearfix,
*:first-child + html .clearfix { /* IE6 */
    zoom: 1;}

/* IE7 */
[class^='icon-']:before {
    display: inline-block;
    font-family: 'Allseated';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.icon-planner-01:before { content: '\0041'; }
.icon-vendor-01:before { content: '\0042'; }
.icon-caterer-01:before { content: '\0043'; }
.icon-host-01:before { content: '\0044'; }
.icon-venue-01:before { content: '\0045'; }

[class^='icon_'] {
    display: inline-block;
    text-indent: -9999px;
    background-size: cover !important;
    margin-left: 8px;}

[class^='icon_penguin_'] {
    display: block;
    text-indent: -9999px;
    width: 106px !important;
    height: 140px !important;
    background-size: cover !important;
    margin-top: 20px;
    margin-left: 35px;}

button.edit [class^='icon_'] {
    background-size: auto !important;}

.color_beige              { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Beige.svg") no-repeat;}
.color_black              { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Black.svg") no-repeat;}
.color_black_gloss        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Black_Gloss.svg") no-repeat;}
.color_black_white        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Black_White.svg") no-repeat;}
.color_blue               { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Blue.svg") no-repeat;}
.color_blue_ultra         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Blue_Ultra_Suede.svg") no-repeat;}
.color_brick_alligator    { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Brick_Alligator.svg") no-repeat;}
.color_brown              { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Brown.svg") no-repeat;}
.color_brown_grey         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Brown_Gray.svg") no-repeat;}
.color_burgundy           { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Burgundy.svg") no-repeat;}
.color_camel_ultra        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Camel_Ultra_Suede.svg") no-repeat;}
.color_celery_ultra       { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Celery_Ultra_Suede.svg") no-repeat;}
.color_copper             { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Copper.svg") no-repeat;}
.color_cream              { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Cream.svg") no-repeat;}
.color_filigree           { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Filigree.svg") no-repeat;}
.color_gold               { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Gold.svg") no-repeat;}
.color_gold_alligator     { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Gold_Alligator.svg") no-repeat;}
.color_green              { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Green.svg") no-repeat;}
.color_grey               { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Grey.svg") no-repeat;}
.color_grey_fabric        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Grey_Fabric.svg") no-repeat;}
.color_grey_python        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Grey_Python.svg") no-repeat;}
.color_grey_taupe         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Grey_Taupe.svg") no-repeat;}
.color_gunmetal           { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Gunmetal.svg") no-repeat;}
.color_light_blue         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Light_Blue.svg") no-repeat;}
.color_maple              { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Maple.svg") no-repeat;}
.color_neutral_oatmeal    { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Neutral_Oatmeal.svg") no-repeat;}
.color_orange             { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Orange.svg") no-repeat;}
.color_orange_ultra       { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Orange_Ultra_Suede.svg") no-repeat;}
.color_pear_green         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Pear_Green.svg") no-repeat;}
.color_pink               { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Pink.svg") no-repeat;}
.color_platinum           { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Platinum_Suede.svg") no-repeat;}
.color_purple             { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Purple.svg") no-repeat;}
.color_red                { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Red.svg") no-repeat;}
.color_red_vinyl          { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Red_Vinyl.svg") no-repeat;}
.color_rose_gold          { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Rose_Gold.svg") no-repeat;}
.color_rose_mirror        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Rose_Mirror.svg") no-repeat;}
.color_snow_leopard       { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Snow_Leopard.svg") no-repeat;}
.color_teal               { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Teal.svg") no-repeat;}
.color_transparent_chrome { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Transparent_Chrome.svg") no-repeat;}
.color_white              { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_White.svg") no-repeat;}
.color_white_classic      { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_White_Classic_Vinyl.svg") no-repeat;}
.color_white_gloss        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_White_Gloss.svg") no-repeat;}
.color_white_tiger        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_White_Tiger.svg") no-repeat;}
.color_yellow             { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Yellow.svg") no-repeat;}
.color_lavender           { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Lavender.svg") no-repeat;}
.color_linen              { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Linen.svg") no-repeat;}
.color_ocean_blue         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Ocean_Blue.svg") no-repeat;}
.color_olive_green        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Olive_Green.svg") no-repeat;}
.color_wood               { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Wood.svg") no-repeat;}
.color_green_blue         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Green_Blue.svg") no-repeat;}
.color_Emerald              { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Emerald.svg") no-repeat;}
.color_black_gold_marble    { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Black_Gold_Marble.svg") no-repeat;}
.color_gray_marble          { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Gray_Marble.svg") no-repeat;}
.color_white_marble         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_White_Marble.svg") no-repeat;}
.color_fuchsia              { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Fuchsia.svg") no-repeat;}
.color_forest_green         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Forest_Green.svg") no-repeat;}
.color_rose_quartz          { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Rose_Quartz.svg") no-repeat;}
.color_citrus_green         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Citrus_Green.svg") no-repeat;}
.color_desert_rose          { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Desert_Rose.svg") no-repeat;}
.color_spice_orange         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Spice_Orange.svg") no-repeat;}
.color_azure_blue           { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Azure_Blue.svg") no-repeat;}
.color_brushed_yellow       { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Brushed_Yellow.svg") no-repeat;}
.color_chartreuse           { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Chartreuse.svg") no-repeat;}
.color_graphite_nebula      { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Graphite_Nebula.svg") no-repeat;}
.color_deep_sea_blue        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Deep_Sea_Blue.svg") no-repeat;}
.color_lilac                { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Lilac.svg") no-repeat;}
.color_merlot               { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Merlot.svg") no-repeat;}
.color_mocha                { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Mocha.svg") no-repeat;}
.color_pewter               { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Pewter.svg") no-repeat;}
.color_presidential_blue    { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Presidential_Blue.svg") no-repeat;}
.color_rich_white           { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Rich_White.svg") no-repeat;}
.color_valentine_red        { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Valentine_Red.svg") no-repeat;}
.color_winter_white         { background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_Winter_White.svg") no-repeat;}

.icon_edit,.icon_edit_disabled,.icon_edit_enabled {
    width: 16px;
    height: 16px;}

.icon_edit          {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Edit.svg") no-repeat;}
.icon_edit_disabled {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_edit_disabled.svg") no-repeat;}
.icon_edit_enabled  {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_edit.svg") no-repeat;}

.icon_seating_chair {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_seating_chair.svg") no-repeat;
    background-size: contain !important;}

.icon_seating_orange {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_seating_orange.svg") no-repeat;
    background-size: contain !important;}

.icon_seating_white {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_seating_white.svg") no-repeat;
    background-size: contain !important}

.icon_seating_checkmark {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_seating_checkmark.svg") no-repeat;
    background-size: contain !important;}

.icon_seating_question_mark {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_seating_question_mark.svg") no-repeat;
    background-size: contain !important;}

.shared_private {
    width: 15px;
    height: 15px;
    float: left;
    position: relative;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #adbebd;
    padding: 0;
    color: #fff;
    line-height: 14px;
    text-align: center;
    margin-left: 8px;
    margin-top: 8px;
    cursor: pointer;}

.icon_invitations {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_invitations.svg") no-repeat;}

.icon_invite {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_invite.svg") no-repeat;
    margin: 0;
    width: 21px;
    height: 11px;
    position: relative;
    top: 2px;
    left: -3px;}

.btn-close-modal .icon_invite {
    width: 24px;
    height: 14px;
    top: 1px;}

.icon_star_base {
    width: 14px !important;
    height: 14px !important;
    margin-top: 10px;
    margin-left: 1px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/GR_Star_Base.svg") no-repeat;
    display: inline-block;
    text-indent: -9999px;
    background-size: cover;
}

.icon_delete_base {
    width: 14px !important;
    height: 14px !important;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/delete_icon_gray.svg") center center no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    bottom: 8px;
    left: 7px;
    margin-left: 0;
    visibility: hidden;
}

.event-item:hover .object-display-box .icon_delete_base {
    visibility: visible;}

.icon_star_base:hover {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/GR_Star_Over.svg") no-repeat; background-size: cover;}

.icon_star_active {
    width: 14px !important;
    height: 14px !important;
    margin-top: 10px;
    margin-left: 1px;
    display: inline-block;
    text-indent: -9999px;
    background-size: cover;
}
.icon_private_white {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/private_icon_white.svg") no-repeat;}
.icon_share {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/floorplan_actions/share_icon.svg") no-repeat;}
.icon_share_vr {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/floorplan_actions/vr_on_icon.svg") no-repeat;}
.icon_trash       {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_trash.svg") no-repeat;}
.icon_save      {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/save_icon.png") no-repeat;}
.icon_stop_share{background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_stop_share.svg") no-repeat;}
.icon_stop_share_vr{background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/floorplan_actions/vr_off_icon.svg") no-repeat;}
.icon_share_grey {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/share_icon_grey.svg") no-repeat;}
.icon_stop_share_grey{background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_stop_share_grey.svg") no-repeat;}
.icon_share_white {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/share_icon_white.svg") no-repeat;}
.icon_trash4       {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/floorplan_actions/delete_icon.svg") no-repeat;}
.icon_trash_gray       {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/delete_icon_gray.svg") no-repeat;}
.icon_private2       {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/floorplan_actions/locked_icon.svg") no-repeat;}
.icon_public2       {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/floorplan_actions/unlocked_icon.svg") no-repeat;}
.icon_trash_white2       {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/delete_icon_white.svg") no-repeat;}
.icon_trash_white {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_trash_white.svg") no-repeat;}
.icon_trash2      {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_trash2.svg") no-repeat;}
.icon_vendor_status_approved {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_vendor_status_approved.svg") no-repeat;}
.icon_vendor_status_sent     {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_vendor_status_sent.svg") no-repeat;}
.icon_vendor_status_maybe    {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_vendor_status_maybe.svg") no-repeat;}
.icon_warning         {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_warning.svg") no-repeat;}
.icon_potential_reach {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Potential_reach_people.svg") no-repeat;}
.icon_box_uncheck     {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Box_uncheck.svg") no-repeat;}
.icon_discover_card   {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/discover.png") no-repeat;}
.icon_dropdown_arrow_black {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Dropdown_arrow_black.svg") no-repeat;}
.icon_exclamation_mark     {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/exclamation_mark.svg") no-repeat;}
.icon_exposure_graph       {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Exposure_graph.svg") no-repeat;}
.icon_delete_user {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/trash_can_users.svg") no-repeat;}

.icon_info {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/info.svg") no-repeat;
    width: 18px;
    height: 18px;}

.icon_delete {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/remove-black.png") no-repeat;
    width: 24px;
    height: 24px;}

.icon_leads_graph {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Leads_graph.svg") no-repeat;}
.icon_magnifying_glass {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Magnifying_glass.svg") no-repeat;}
.icon_mastercard {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/master-card.png") no-repeat;}
.icon_profile_icon {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Profile_icon.svg") no-repeat;}
.icon_profile_views_graph {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Profile_views_graph.svg") no-repeat;}
.icon_radio_btn_checked {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Radio_btn_checked.svg") no-repeat;}
.icon_radio_btn_unchecked {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Radio_btn_unchecked.svg") no-repeat;}
.icon_visa_card {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/visa.png") no-repeat;}
.icon_x_orange {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/x.svg") no-repeat;}
.icon_search_x {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/x_icon.svg") no-repeat;}
.icon_plus {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/plus.svg") no-repeat;}
.icon_plus_white {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_plus.svg") no-repeat;}
.icon_refresh {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_refresh.svg") no-repeat;}
.icon_tour {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_tour.svg") center center no-repeat;}
.icon_amex_card {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/amex.png") no-repeat;}
.icon_box_check {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Box_check.svg") no-repeat;}
.icon_permission {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/permissions.svg") no-repeat;}
.icon_magnifier {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Btn_Search_Base.svg") no-repeat;}
.icon_magnifier_glass {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/GR_Icon_Magnifier.svg") no-repeat;}
.icon_magnifier:hover {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Btn_Search_Over.svg") no-repeat;}
.icon_blue_pin {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_blue_pin.svg") no-repeat;}
.icon_duplicate {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/floorplan_actions/duplicate_icon.svg") no-repeat;}
.icon_move_down {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_move_down.svg") no-repeat;}
.icon_move_up {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_move_up.svg") no-repeat;}
.icon_move_up_down {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_move_up_down.svg") no-repeat;}
.icon_Settings {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/floorplan_actions/edit_icon.svg") no-repeat;}
.icon_trash3 {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_trash3.svg") no-repeat;}
.map_icon_undo {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Undo.svg") no-repeat;}
.map_icon_capture {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/capture_icon.svg") no-repeat;}
.map_icon_info {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Info.svg") no-repeat;}
.disabledButton .map_icon_info {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/map_icon_info2.svg") no-repeat;}
.map_icon_pdf {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/map_icon_pdf.svg") no-repeat;}
.map_icon_pdf_v2 {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/pdf_icon.svg") no-repeat;}
.map_icon_ruler {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Ruler.svg") no-repeat;}
.disabledButton .map_icon_ruler {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/map_icon_ruler2.svg") no-repeat;}
.map_icon_settings {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Settings.svg") no-repeat;}
.disabledButton .map_icon_settings {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/map_icon_settings2.svg") no-repeat;}
.map_icon_table_numbers {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Table_Numbers.svg") no-repeat;}
.disabledButton .map_icon_table_numbers {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/map_icon_table_numbers2.svg") no-repeat;}
.map_icon_table_print {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Print.svg") no-repeat;}
.disabledButton .map_icon_table_print {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/map_icon_table_print2.svg") no-repeat;}
.map_icon_table_status {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Capacity.svg") no-repeat;}
.disabledButton .map_icon_table_status {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/map_icon_table_status2.svg") no-repeat;}
.map_icon_templates {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Template.svg") no-repeat;}
.disabledButton .map_icon_templates {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Template.svg") no-repeat;}
.map_icon_zoom {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Zoom.svg") no-repeat; display: none;}
.disabledButton .map_icon_zoom {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/map_icon_zoom2.svg") no-repeat;}
.map_icon_grid {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/Grid.svg") no-repeat;}
.disabledButton .map_icon_grid {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/map_icon_grid2.svg") no-repeat;}
.icon_align_hor {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_align_hor.svg") no-repeat;}
.icon_align_vert {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_align_vert.svg") no-repeat;}

.icon_align_top {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/align-vert-top-icon.svg") no-repeat;background-size: 16px !important;}
.icon_align_hor_center {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/align-hor-center-icon.svg") no-repeat;background-size: 16px !important;}
.icon_align_bottom {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/align-vert-bottom-icon.svg") no-repeat;background-size: 16px !important;}
.icon_align_left {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/align-horz-left-icon.svg") no-repeat;background-size: 16px !important;}
.icon_align_vert_center {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/align-vert-center-icon.svg") no-repeat;background-size: 16px !important;}
.icon_align_right {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/align-horz-right-icon.svg") no-repeat;background-size: 16px !important;}

.icon_arrange_back {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_arrange_back.svg") no-repeat;}
.icon_arrange_backward {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_arrange_backward.svg") no-repeat;}
.icon_arrange_forward {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_arrange_forward.svg") no-repeat;}
.icon_arrange_front {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_arrange_front.svg") no-repeat;}
.icon_arrange_back_designer {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_arrange_back_designer.svg") no-repeat;}
.icon_arrange_backward_designer {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_arrange_backward_designer.svg") no-repeat;}
.icon_arrange_forward_designer {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_arrange_forward_designer.svg") no-repeat;}
.icon_arrange_front_designer {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_arrange_front_designer.svg") no-repeat;}
.icon_assign_seating {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_assign_seating.svg") no-repeat;}
.icon_chairs_curve {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_chairs_curve.svg") no-repeat;}
.icon_chairs_curved_pyramid {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_chairs_curved_pyramid.svg") no-repeat;}
.icon_chairs_pyramid {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_chairs_pyramid.svg") no-repeat;}
.icon_chairs_rows {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_chairs_rows.svg") no-repeat;}
.icon_clone_down {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_clone_down.svg") no-repeat;}
.icon_clone_left {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_clone_left.svg") no-repeat;}
.icon_clone_right {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_clone_right.svg") no-repeat;}
.icon_clone_up {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_clone_up.svg") no-repeat;}
.icon_remove_selected {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_remove_selected.svg") no-repeat;}
.icon_seat {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_seat.svg") no-repeat;}
.icon_select_all {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_select_all.svg") no-repeat;}
.icon_space_hor {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_space_hor.svg") no-repeat;}
.icon_space_vert {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_space_vert.svg") no-repeat;}
.icon_switch_with_table {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_Switch_Tables.svg") no-repeat;}
.icon_unseat {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_unseat.svg") no-repeat;}
.icon_unselect_all {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_unselect_all.svg") no-repeat;}
.icon_collapse {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_window_close.svg") no-repeat;}
.icon_expand {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_window_open.svg") no-repeat;}
.icon_padlock_open {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_lock_open.svg") no-repeat;}
.icon_padlock_closed {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_lock_closed.svg") no-repeat;}
.icon_fit {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_fit.svg") no-repeat;}
.hallmap_legend_icon {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D_Controls/legend.svg") no-repeat;}

.icon_file_open {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/GR_Btn_Browse_Base.svg") no-repeat;
    background-position: 0;
}

.icon_file_open:hover {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/GR_Btn_Browse_Over.svg") no-repeat;
    background-position: 0;
}

.icon_pan {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_pan.svg") no-repeat;}
.icon_zoom_in {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_zoom_in.svg") no-repeat;}
.icon_zoom_out {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_zoom_out.svg") no-repeat;}
.icon_tool_airwall {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/airwall_icon.svg") no-repeat;}
.icon_tool_chair {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/chair_arrangements_icon.svg") no-repeat;}
.icon_tool_elipse {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/oval_icon.svg") no-repeat;}
.icon_tool_ruler {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/ruler.svg") no-repeat;}
.icon_tool_line {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/line.svg") no-repeat;}

.icon_add_ruler {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/add-ruler.svg") no-repeat;}
.icon_hide_ruler {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/hide-ruler.svg") no-repeat;}
.icon_hide_ruler.show_ruler {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/show-ruler.svg") no-repeat;}
.icon_tool_arrow {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/tool_arrow.svg") no-repeat;}
.icon_tool_square_circle {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/objects.svg") no-repeat;}
.icon_tool_square {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/rectangle_icon.svg") no-repeat;}
.icon_tool_text {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/objects-tab-btns/text_icon.svg") no-repeat;}
.icon_fb {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_Import_FB.svg") no-repeat;}
.icon_excel {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_Import_Xcel.svg") no-repeat;}
.icon_floorplan {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_Floorplan.svg") no-repeat;}
.icon_print {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_Print.svg") no-repeat;}
.icon_3d_separate_stack {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_3D_separate_stack.svg") no-repeat;}
.icon_table_numbers {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D_Controls/table_numbers_icon.svg") no-repeat;}
.icon_transparency_high {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_Transparency_1.svg") no-repeat;}
.icon_transparency_medium {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_Transparency_2.svg") no-repeat;}
.icon_transparency_low {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_Transparency_3.svg") no-repeat;}
.icon_view_bird {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_View_Bird.svg") no-repeat;}
.icon_view_walking {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_View_Walking.svg") no-repeat;}
.icon_walls {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Icon_Walls.svg") no-repeat;}

*:focus {outline: none;}

#preloader_div2 {display: none;}

body {
    font-family: 'OpenSans';
    font-weight: normal;
    background: #d4dad9;
    font-size: 12px;
    color: #58595b;}

.overlay {
    background: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;}

.overlay span.msg {
    color: #fff;
    font-size: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 50px;
    margin-left: -150px;
    margin-top: -25px;
    text-align: center;
    z-index: 9999;}

.btn:focus, .btn:active {
    outline: none !important;}

input.disabled {
    cursor: default !important;
    background: rgba(0, 0, 0, 0.1) !important;}

label {margin: 0;}

.hidden-spinner-preloader img {display: none;}

.entry_div > div:first-child,
div.main-box > div:first-child {
    position: absolute;
    left: calc(50% - 230px);
    top: calc(50% - 265px);
    overflow: visible;}

.normal-cursor    {cursor: default;}
.crosshair-cursor {cursor: crosshair;}

/*.crosshair-cursor  {*/
/*cursor: crosshair !important;*/
/*cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Chair_Loader.gif"), default !important;*/
/*animation: animated-cursor 1s infinite !important;*/
/*}*/


@keyframes animated-cursor{
    0%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer1.png"), auto;
    }
    5.5%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer2.png"), auto;
    }
    11%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer3.png"), auto;
    }
    16.5%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer4.png"), auto;
    }
    22%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer5.png"), auto;
    }
    27.5%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer6.png"), auto;
    }
    33%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer7.png"), auto;
    }
    38.5%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer8.png"), auto;
    }
    44%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer9.png"), auto;
    }
    49.5%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer10.png"), auto;
    }
    55%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer11.png"), auto;
    }
    60.5%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer12.png"), auto;
    }
    66%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer13.png"), auto;
    }
    71.5%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer14.png"), auto;
    }
    77%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer15.png"), auto;
    }
    82.5%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer16.png"), auto;
    }
    88%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer17.png"), auto;
    }
    93.5%{
        cursor: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loader/Layer18.png"), auto;
    }

}


.loginContainer .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection .dropdown-content {
    width: 100%;
    height: 370px;
    overflow-y: scroll;}

.chrome-notice {display: none;}

.browser-issue.chrome-notice {
    display: block;
    font-family: OpenSans;
    font-size: 13px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/logo_chrome.png") no-repeat;
    margin: 14px 0 0 0;
    color: #333;
    padding-left: 20px;
    background-size: 20px;
    text-align: center;
    background-position: 10px center;
    max-width: 462px;}

.browser-issue.chrome-notice a {
    color: #0677d8;
    font-weight: 700;
    font-family: OpenSans-Bold;}

.loginContainer,
.newPasswordContainer {
    height: 320px;
    width: 462px;
    background-color: white;
    padding: 0;
    position: relative;
    z-index: 10;}

.loginContainerBorder {
    width: 100%;
    height: 100%;
    background-color: white;}

.loginContainerBorder .offline-registration-greeting span {
    font-family: OpenSans-Bold;}

.offline-reg-welcome .preloader {
    position: absolute;
    background: rgba(20, 20, 20, 0.2);}

.loginContainerForm--row {
    width: 100%;
    height: 100%;
    background-color: white;
    border: 1px solid darkgray;
    flex-direction: row;
    padding: 15px;}

.loginContainerForm--column {
    width: 100%;
    height: 100%;
    padding: 15px;
    position: relative;}

.loginContainerForm--column .invalid-login-sts {
    background: #FEE6DC;
    min-width: 100%;
    height: 30px;
    color: #FE3A37;
    font-size: 11px;
    margin: -15px;
    text-align: center;
    line-height: 30px;
    position: absolute;}

.loginContainerForm--column input::-webkit-input-placeholder{
    font-style: italic !important;
    color: #b1b2b4;
    font-size: 15px;
    -webkit-transition: opacity 0.1s linear;}

.loginContainerForm--column input:-ms-input-placeholder {
    font-style: italic !important;
    color: #b1b2b4;
    font-size: 15px;
    -webkit-transition: opacity 0.1s linear;}

.loginContainerForm--column input:focus::-webkit-input-placeholder {opacity: 0;}
.loginContainerForm--column input:focus:-ms-input-placeholder {opacity: 0;}

.loginContainerForm--column label.user-input {
    position: relative;
    padding: 3px 10px;
    width: 100%;}

.loginContainerForm--column > label:nth-child(2) {
    margin-top: 5px;}

.loginContainerForm--column label.user-input-get-started {
    position: relative;
    width: 100%;}

.loginContainerForm--column > label.user-input-get-started,
.loginContainerForm--column > label.user-input-get-started input {
    margin: 0;}

.loginContainerForm--column > label.user-input-get-started input.disabled {
    background-color: #ebebe4;
    pointer-events: none;}

.loginContainerForm--column label.zip-code-label input {
    margin-top: 0;}

.loginContainerForm--column i {
    font-size: 11px;
    color: #a8a8a8;
    margin-left: 3px;
    margin-bottom: 2px;}

.loginContainerForm--column label.user-input span {
    position: absolute;
    top: 27px;
    left: 20px;
    color: #e9e9e9;
    font-size: 20px;}

.loginContainerForm--column input {
    height: 40px;
    width: 100%;
    border: 1px solid #94A2A1;
    outline: none;
    border-radius: 0;
    padding-left: 40px;
    font-size: 14px;
    font-family: 'OpenSans', sans-serif;
    font-weight: normal;}

.loginContainerForm--column .dropdown-content label {
    font-size: 14px;
    font-family: 'OpenSans', sans-serif;
    font-weight: normal;}

.loginContainerForm--column select {
    margin: 10px 0;}

.loginContainerForm--column .get-started-box {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;}

.loginContainerForm--column .get-started-box label {
    font-size: 12px;
    color: #59595b;
    position: relative;
    top: 2px;}

.loginContainerForm--column .get-started-box button {
    font-family: 'OpenSans-Bold';
    font-weight: normal;}

.loginButtons {
    width: 100%;
    margin-top: 10px;
    padding: 0 10px;}

.loginButtons button {
    width: 100%;
    height: 50px;
    font-size: 20px;
    font-family: 'OpenSans';
    font-weight: normal;
    margin: 20px 0 0 0;
    position: relative;}

.loginButtons.host-button {
    margin-top: 10px;
    padding: 0;}

.loginCheckBoxes {
    margin: 10px;
    font-size: 11px;
    color: #737375;
    clear: both;}

.loginCheckBoxes label .chb-square {margin-top: 1px;}
.loginCheckBoxes label {cursor: pointer;}

.newPasswordContainer {text-align: center;}

.newPasswordContainer .new-password {
    padding: 30px 0 40px 0;
    font-size: 20px;}

.newPasswordContainer .new-password-wrapper {
    padding: 0 30px;}

.newPasswordContainer .new-password-wrapper > div label {
    width: 100%;}

.newPasswordContainer .new-password-wrapper > div label i {
    position: absolute;
    margin-top: -15px;
    font-size: 11px;
    color: #94a2a1;}

.newPasswordContainer .new-password-wrapper > div label input {
    margin-bottom: 15px;
    color: #59595b;
    height: 40px;
    width: 100%;
    border: 1px solid #94A2A1;
    outline: none;
    border-radius: 0;
    font-size: 14px;
    font-family: 'OpenSans', sans-serif;
    font-weight: normal;}

.newPasswordContainer .btn-wrapper {
    padding-right: 30px;
    margin-top: 40px;}

.newPasswordContainer .btn-wrapper button {
    width: 105px;
    height: 40px;
    margin-left: 10px;
    color: #fff;}

.chb-square {
    background: #fff;
    width: 13px;
    margin-top: 1.5px;
    height: 13px;
    border: 1px solid rgba(49,50,54, 0.4) !important;
    float: left;
    margin-right: 5px;
    cursor: pointer;}
.chb-square:hover {
    border: 1px solid rgba(49,50,54, 0.6) !important;
}
.chb-square.rounded {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: none;
    margin-top: 5px;}

.chb-square.checked {
    background: #7fa062;
    border: 1px solid rgba(49,50,54, 0.4) !important;
    box-shadow: inset 1.5px 1.5px #fff, inset -1.5px -1.5px #fff;}

.chb-square.disabled-radiobutton {
    opacity: 0.3;
    background: white;
    pointer-events: none;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settingsList .ir.selected .combo-edit-delete label .chb-square.disabled-radiobutton {
    opacity: 0.6;
    background: #7fa062;
    pointer-events: none;}

.chb-square.checked-alpha {
    opacity: 0.5;
    background: #7fa062;
    box-shadow: inset 1.5px 1.5px #fff, inset -1.5px -1.5px #fff;}

.chb-square.rounded.checked {
    background-color: #fff;
    box-shadow: none;
    background-size: 14px 14px;
    background-position: center;}

.chb-square.rounded.checked.yes {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/GR_RSVP_Yes.svg") no-repeat;
    background-color: #fff;}

.chb-square.rounded.checked.maybe {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/GR_RSVP_Maybe.svg") no-repeat;
    background-color: #fff;}

.chb-square.rounded.checked.no {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/GR_RSVP_No.svg") no-repeat;
    background-color: #fff;}

.chb-square.rounded.checked.not_set {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/GR_RSVP_Not_Set.svg") no-repeat;
    background-color: #fff;}

.loginCheckBoxes .forgot-passwd       {float: right;}
.loginCheckBoxes .forgot-passwd:hover {text-decoration: underline;}

div.getStartedContent {
    font-family: 'OpenSans';
    font-weight: normal;
    background-color: transparent;
    height: 420px;}

div.getStartedContent .user-type {
    padding: 30px;
    height: 320px;
    background-color: #fff;}

div.getStartedContent .user-type h3 {
    text-align: center;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    font-size: 20px;
    margin-top: 0;}

div.getStartedContent .user-type > label {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    font-size: 14px;
    color: #5e5e60;
    margin-bottom: 20px;}

div.getStartedContent .user-type button.usrType-btn {
    position: relative;
    width: 73px;
    height: 90px;
    border: 1px solid #bcbec0;
    border-radius: 0;
    margin-right: 5px;
    padding: 0;}

div.getStartedContent .user-type button.usrType-btn p {
    font-family: Allseated;
    font-size: 40px;
    padding-bottom: 15px;}

div.getStartedContent .user-type button.usrType-btn span.usrType-title {
    font-family: 'OpenSans-Bold';
    font-weight: normal;}

div.getStartedContent .user-type button.usrType-btn span {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100%;
    font-size: 11px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;}

div.getStartedContent .user-type button.usrType-btn:last-child {
    margin-right: 0;}

div.getStartedContent .vendor-data {
    height: 420px;
    padding: 5px 30px 30px 30px !important;
    background-color: #fff;
}

div.getStartedContent .vendor-data .ir.selected {
    background: #f0f0f0;}

div.getStartedContent .loginContainerForm--column {
    padding: 15px 30px 30px;}

div.getStartedContent .loginContainerForm--column .invalid-login-sts {
    margin: -30px;}

div.getStartedContent .loginContainerForm--column .terms-chb {
    height: 35px;
    padding: 12px 0;}

div.getStartedContent .loginContainerForm--column .terms-chb span {
    margin-top: 2px;}

div.getStartedContent input {
    padding-left: 10px;}

div.getStartedContent select {
    height: 40px;
    width: 100%;
    border: 1px solid #94A2A1;
    outline: none;
    border-radius: 0;
    padding-left: 10px;
    font-size: 14px;
    color: #bdbdbd;
    margin: 0;
    font-family: 'OpenSans';
    font-weight: normal;
    font-style: italic !important;}

div.getStartedContent select option {
    font-size: 14px;
    color: #545454;}

div.getStartedContent .state-info {
    width: 100%;
    position: relative;
    height: 40px;}

div.getStartedContent div .half {
    width: 48%;
    float: left;
    height: 100%;}

div.getStartedContent div select.half {
    padding: 0;
    margin: 0 4% 10px 0;}

div.getStartedContent div .combo-input-over-selection.state select.half {
    padding: 0;
    height: 40px;}

div.getStartedContent .loginButton {
    margin-top: 35px;
    width: 100%;
    font-size: 17px;
    padding: 12px 0;}

div.getStartedContent .loginButton.user-data-btn {
    margin-top: 5px;}

div.getStartedContent .chb-square {
    margin-top: 5px;
    cursor: pointer;}

div.getStartedContent .terms-and-cond .termsofuse-info {
    line-height: 22px;}

div.getStartedContent .terms-and-cond {
    margin-top: 10px;}

div.getStartedContent .termsofuse-info {
    font-size: 11px;}

div.getStartedContent .termsofuse-info a {
    text-decoration: underline;
    font-style: italic !important;
    color: #000;
    font-family: 'OpenSans-Bold';
    font-weight: normal;}

label.back-to-login {
    text-align: center;
    width: 100%;
    font-size: 13px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    color: #59595b;
    cursor: pointer;
    margin-top: 15px;}

label.back-to-login:hover {
    text-decoration: underline;}

.btn {
    border: 0 none;
    font-weight: bold;}

.btn.sharp {
    border-radius: 0;
    font-size: 1.5em;}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;}

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

.preloader > div {
    height: 100%;
    text-align: center;}

.preloader > div > div {
    text-align: center;}

.preloader > div > div img {
    margin-top: calc(100% - 300px - 70%);}

.scroller {
    margin-left: 30px;
    float: left;
    height: 500px;
    width: 1600px;
    background: #F5F5F5;
    overflow-y: auto;
    margin-top: 15px;}

.ir {
    overflow-y: auto;
    overflow-x: hidden;}

.no-margin {margin: 0 !important;}
.no-padding {padding: 0 !important;}

div.venue-inline-element-wrapper .first-name {
    width: 48%;
    float: left;}

div.venue-inline-element-wrapper .last-name {
    width: 48%;
    float: right;}

.accept-terms-checkbox {
    margin: 10px;
    font-size: 11px;
    color: #737375;
    clear: both;}

.accept-terms-checkbox label {
    cursor: pointer;}

.next-and-sign-me-up-buttons-wrapper {
    width: 100%;
    display: block;
    padding: 0 31px;
    flex-direction: row;
    margin-top: 28px;
    position: relative;
    bottom: 95px;}

.next-and-sign-me-up-buttons-wrapper button.btn-default.loginButton {
    width: 400px;
    height: 50px;
    font-size: 20px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    margin: 0 auto;}

label.terms-vendor-signup {
    margin-top: 15px;}

.reset-password-container {
    height: 320px;
    width: 462px;
    background-color: white;
    padding: 0;
    position: relative;}

.reset-password-container .back-to-login {
    position: relative;
    top: -65px;}

.reset-password-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    position: relative;
    bottom: 85px;}

.reset-password-wrapper button {
    width: 400px;
    height: 50px;
    font-size: 20px;
    font-family: 'OpenSans';
    font-weight: normal;
    margin: 0 auto;}

.reset-password-label input.input-sm {
    padding-left: 10px;}

.reset-password-container .loginContainerForm--column label:first-child {
    margin-top: 20px;
    color: #737375;
    font-size: 14px;}

.reset-password-container label {
    padding: 3px 15px;}

.reset-password-confirmation label {
    padding: 50px 30px 0 30px;
    color: #737375;
    font-size: 14px;
    font-family: Opensans-SemiBold;
    font-weight: normal;
    height: 320px;}

.combo-input-over-selection .combo-country {
    position: absolute;
    width: 380px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    left: 0;
    top: 20px;}

.combo-input-over-selection.state .combo-state {
    position: absolute;
    width: 170px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 0 4% 10px 0;
    left: 0;
    top: 20px;}

.zip-code-label {top: -20px;}

.login-lock, .login-user {
    font-family: Allseated;}

/* ADMIN */
.main-dashboard {
    overflow-y: hidden;}

.as-admin,
.event-page {
    min-width: 1100px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
}

.collapse.navbar-collapse {
    width: 100%;
    min-width: 960px;}

.as-admin .navbar-as,
.event-page .navbar-as {
    width: 100vw;
    height: 65px;
    min-width: 1100px;
    flex: 0 1 auto;
    min-height: 65px;
    background: #313237;
    border-radius: 0;
    padding: 0;
    border: none;
    border-color: transparent;
    position: relative;
    margin-bottom: 0;}

.as-admin .navbar-as .navbar-header {
    height: 100%;
    width: 100%;
    min-width: 1000px;}

.event-page .navbar-as .navbar-header {
    height: 100%;
    min-width: 740px;}


.navbar-as .navbar-header .dropdown input{
    font-family: OpenSans-Bold;
    color: #fff;
    opacity: 1;
    border: none !important;
    text-transform: uppercase;
    left: 30px;
    height: 65px;
    top: -13px;
    width: 240px;
    background-color: #3d3e43;
    font-size: 14px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-indent: 24px;
    user-select:none;
}

.navbar-as .navbar-header .dropdown input::selection {
    background: none;
}

.navbar-as .navbar-header .dropdown .dropdown-toggle {
    background:#3d3e43 url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/dropdown_multi_expand.svg") no-repeat;
    background-position: 198px;
    background-size: 17px 17px;
}

.navbar-as .navbar-header .dropdown .dropdown-toggle.dropdown-opened {
    background: #2c2d31 url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/dropdown_multi_collapse.svg") no-repeat !important;
    background-position: 198px !important;
    background-size: 17px 17px !important;
    color: #fff !important;
    text-indent: 24px;
}

.navbar-as .navbar-header .dropdown input::-webkit-input-placeholder {
    color: #fff;
    font-style: normal;
}
.navbar-as .navbar-header .dropdown .dropdown-content {
    left: 261px;
    width: 311px !important;
    top: 64.8px;
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}
.navbar-as .navbar-header .dropdown .dropdown-content.dropdown-open-bottom {
    opacity: 1;
    visibility: visible;
}
.navbar-as .navbar-header .dropdown .dropdown-content .ir {
    background-color: #2c2d31 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    height: 64px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.navbar-as .navbar-header .dropdown .dropdown-content .ir:hover {
    background-color: #3d3e43 !important;
}

.navbar-as .navbar-header .dropdown .dropdown-content .ir.selected {
    background-color: #3d3e43 !important;
}

.navbar-as .navbar-header .dropdown .dropdown-content .ir label {
    text-shadow: none;
    color: #fff;
    border-bottom: none;
    font-size: 14px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    font-family: OpenSans-Bold;
    margin-left: 24px;
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    text-transform: uppercase;
}

.as-admin .navbar-as .navbar-header .profile-actions-container{
    width: 206px;
    position: absolute;
    background: white;
    z-index: 10;
    right: 0;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.as-admin .navbar-as .navbar-header .profile-actions-container:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-right-color: white;
    transform: rotate(90deg);
    top: -10px;
}

.as-admin .navbar-as .navbar-header .profile-actions-container button{
    display: block;
    border: none;
    background: transparent;
    color: #313237;
    height: 42px;
    line-height: normal;
    padding: 0 16px;
    width: 100%;
    text-align: left;
    font-size: 14px;
}
.as-admin .navbar-as .navbar-header .profile-actions-container button span{
    width: 100%;
    display: inline-block;
    height: 100%;
    padding: 11px 0;
    border-bottom: 1px solid #f2f2f2;
}
.as-admin .navbar-as .navbar-header .profile-actions-container button:hover span{
    border-color: transparent;
}

.as-admin .navbar-as .navbar-header .profile-actions-container button:hover{
    background-color: #f0f0f0;
}
.as-admin .dashboard-block-layer{
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 10;
}


.as-admin .navbar-as ul,
.event-page .navbar-as ul {
    height: 65px;
    margin-right: 0;
    float: right;}

.as-admin .navbar-as ul.nav.navbar-nav li,
.as-admin .navbar-as ul.nav.navbar-nav li a,
.event-page .navbar-as ul.nav.navbar-nav li,
.event-page .navbar-as ul.nav.navbar-nav li a {
    height: 100%;
    line-height: 65px;
    color: #fff;
    text-transform: uppercase;
    width: auto;
    text-align: center;
    cursor: pointer;
    padding: 0;
    font-size: 14px;}

.as-admin .navbar-as ul.nav.navbar-nav li,
.event-page .navbar-as ul.nav.navbar-nav li {
    min-width: 130px;}

.as-admin .navbar-as ul.nav.navbar-nav li a.profile-tab {
    overflow: hidden;
    max-width: 210px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;}

.event-page .navbar-as ul.nav.navbar-right li,
.event-page .navbar-as ul.nav.navbar-right li a {
    min-width: 100px;}

.as-admin .navbar-as ul.nav.navbar-nav li img {
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -4px;
    content: initial;
    display: inline-block;}

.as-admin .navbar-as ul.nav.navbar-nav li a:hover,
.event-page .navbar-as ul.nav.navbar-nav li a:hover {
    background-color: rgba(255, 255, 255, .1);}

.as-admin .navbar-as ul.nav.navbar-nav li a,
.event-page .navbar-as ul.nav.navbar-nav li a {
    font-family: OpenSans-Bold;
    font-weight: normal;}

.event-page .navbar-as ul.nav.navbar-nav li a {
    padding: 0 15px;
}

.as-admin .occasions-list,
.guests-panel {
    margin: 25px 71px 45px 71px;
    width: auto;
    min-height: 495px;
    min-width: 930px;
    flex: 1 1 auto;
    position: relative;
    z-index: 9;}

.guests-panel .preloader {
    position: absolute;
    height: calc(100% - 225px);
    top: 81px;}

.guests-panel .preloader .background-preloader {
    background-color: #000;
    opacity: 0.6;}

main {
    width: 100%;
    height: 100%;
    min-height: 488px;
    min-width: 680px;}

main > div,
main > div > div,
main > div > div > div {
    height: 100%;
    position: relative;}

main > div.events-list > div {
    height: auto;}

.as-admin main ul.nav-tabs,
.guests-panel main ul.nav-tabs {
    height: 33px;
    background: transparent;}

.as-admin main ul.nav-tabs.layout-tabs {
    background: #d4dad9;}

.as-admin main ul.nav-tabs li,
.guests-panel main ul.nav-tabs li {
    width: auto;
    height: 100%;
    font-size: 12px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    cursor: pointer;
    padding: 0 15px;}

.layout-panel .left-controls ul.nav-tabs li {
    min-width: 33.33%;
    width: auto;
    padding: 0 10px;}

.as-admin main ul.nav-tabs li a,
.guests-panel main ul.nav-tabs li a {
    padding: 6px 0;
    text-align: center;
    border: none;
    margin: 0;
    border-radius: 0;}

.as-admin main ul.nav-tabs li a:hover,
.guests-panel main ul.nav-tabs li a:hover {
    border: none;
    height: 100%;
    width: 100%;}

.upgradeNow-button {
    float: right;
    background: transparent !important;
    width: auto !important;
    padding: 0 0 10px;
    position: relative;}

.upgradeNow-button a {
    font-family: OpenSans-SemiBold;}

.navbar-as ul.nav.navbar-nav li.upgradeNow-button a {
    width: 100%;
    padding: 0 15px;}

.upgradeNow-button a span {
    color: #58595b;
    padding-right:5px;
    font-family:OpenSans;}

.upgradeNow-button.plan-name-info {
    padding-top: 9px;
    padding-bottom: 0;
    padding-right: 10px;
    cursor: default;}

.as-admin main form.navbar-form,
.guests-panel main form.navbar-form {
    background: #f0f0f0;
    height: 46px;
    float: left;
    width: 100%;
    margin: 0;
    border: none;
    border-bottom: 1px solid #e6e7e8;
    color: #59595b;
    padding: 10px 15px;}

.as-admin main form.navbar-form-buttons {
    display: flex;
}

.as-admin main form.navbar-form-buttons > div {
    float: left;}

.as-admin main form.navbar-form-buttons > div:first-child {
    flex-grow: 1;}

.as-admin main form.navbar-form-buttons > div:nth-child(2)  {
    width: auto;}

.as-admin main form.navbar-form-buttons > div:nth-child(3)  {
    float: right;}

.as-admin main form.navbar-form div.form-group {
    float: right;
    height: 100%;}

.as-admin main form.navbar-form div.form-group.search-control {
    margin-right: 20px;
    float: left;
    position: relative;}

.search-control .icon_search_x {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    left: 272px;
    cursor: pointer;}

.as-admin main form.navbar-form div.form-group.search-control input,
.guests-panel main form.navbar-form div.form-group.search-control input {
    width: 300px;
    border-radius: 0;
    height: 26px;
    border: 1px solid #e3e3e4;
    outline: none;
    outline-color: transparent;
    outline-width: 0;
    box-shadow: none;
    margin: 0px;
    font-size: 12px;
    font-family: OpenSans;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 25px;}
.as-admin main form.navbar-form div.form-group.search-control input:hover,
.guests-panel main form.navbar-form div.form-group.search-control input:hover {
    border: 1px solid #d4dad9;
}
.guests-panel main form.navbar-form div.form-group.search-control input.guest-list-main-search {
    padding-right: 25px;}

.guests-panel main form.navbar-form div.form-group.search-control.searched:after {
    content: 'x';
    font-family: OpenSans;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    top: 9px;
    left: -22px;}

.as-admin main form.navbar-form div.form-group.search-control input::-webkit-input-placeholder {font-style: italic !important; color: #cfcfcf;}
.guests-panel main form.navbar-form div.form-group.search-control input::-webkit-input-placeholder {font-style: italic !important; color: #cfcfcf;}
.as-admin main form.navbar-form div.form-group.search-control input:-ms-input-placeholder {font-style: italic !important; color: #cfcfcf;}

.as-admin main form.navbar-form > label {
    padding-top: 16px;
    height: 100%;
    float: left;}

.as-admin main form.navbar-form label.show-my-events {
    font-size: 10px;
    color: #5f5f61;
    padding: 6px 0;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    float: left;}

.as-admin main form.navbar-form label.show-my-events .show-only-my-events-checkbox {
    margin-top: 0;}

.as-admin main form.navbar-form #check-my-events {
    font-size: 10px;
    color: #5f5f61;
    float: left;
    margin-top: 16px;}

.as-admin main form.navbar-form > div.form-group.evt-controls {
    margin-right: 0;}

.evt-controls .dropdown .dropdown-content label {
    line-height: 1;
    height: 30px;
    padding-top:8px;}

.as-admin main form.navbar-form div.form-group.evt-controls button.btn {
    border: none;
    height: 30px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    padding: 0;
    font-size: 10px;
    margin-top: -2px;
    width: 105px;
    position: relative;
    font-family: OpenSans;
}

.as-admin main form.navbar-form div.form-group.evt-controls button.btn span {
    float: left;
    line-height: 30px;}

.as-admin main form.navbar-form div.form-group.evt-controls button.btn.evt-new {
    margin-right: 15px;
    min-width: 105px;
    width: auto;
    padding-right: 12px;
}

.as-admin main form.navbar-form div.form-group.evt-controls button.btn:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 22px;
    top: 4px;
    left: 33px;
    background: rgba(0,0,0,.2);
}


.as-admin main form.navbar-form div.form-group.evt-controls button.btn.evt-new div,
.as-admin main form.navbar-form div.form-group.evt-controls button.btn.evt-new img {
    height: 16px;
    width: 16px;
    float: left;
    margin: 7px 19px 7px 9px;
}

.as-admin main form.navbar-form > div > div.form-group.evt-controls button.btn.evt-refresh {
    width: auto;
}

.as-admin main form.navbar-form > div > div.form-group.evt-controls button.btn.evt-refresh span {
    float: right;
    display: inline-block;
    height: 30px;
    margin-right: 12px;}



.as-admin main form.navbar-form > div > div.form-group.evt-controls button.btn.evt-refresh div,
.as-admin main form.navbar-form > div > div.form-group.evt-controls button.btn.evt-refresh img {
    float: left;
    width: 16px;
    height: 16px;
    margin: 7px 19px 7px 10px;
    background-size: contain !important;
}

.as-admin main form.navbar-form > div > div.form-group.evt-controls button.btn.evt-tour div,
.as-admin main form.navbar-form > div > div.form-group.evt-controls button.btn.evt-tour img {
    float: left;
    width: 16px;
    height: 16px;
    margin: 7px 19px 7px 10px;
    background-size: contain !important;
}

.as-admin main form.navbar-form > div > div.form-group.evt-controls button.btn.evt-tour {
    width: 34px;
    transition: width .35s ease-in-out, color 0.5s ease-in-out .4s;
}

.as-admin main form.navbar-form > div > div.form-group.evt-controls button.btn.evt-tour:hover {
    width: 105px;
    transition: width .35s ease-in-out;
}

.as-admin main form.navbar-form div.form-group.evt-controls button.btn.evt-tour span {
    color: transparent;
    transition: color 0.25s ease-in-out .35s;
}
.as-admin main form.navbar-form div.form-group.evt-controls button.btn.evt-tour:after {
    opacity: 0;
}

.as-admin main form.navbar-form div.form-group.evt-controls button.btn.evt-tour:hover span{
    color: #ffffff;
}
.as-admin main form.navbar-form div.form-group.evt-controls button.btn.evt-tour:hover:after {
    opacity: 1;
}


.as-admin main form.navbar-form > div > div.form-group.evt-controls button.btn.evt-refresh {
    margin-right: 15px;
}

.as-admin main .events-list {
    height: 100%;
    width: 100%;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;}

.as-admin main .layout-box {
    height: 85%;
    background: #fff;
    overflow: hidden;}

/* fix for Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-color-index: 0) {
    .qoute-modal .qoute-box .info-text {
        font-weight: normal;
    }
}



.as-admin main .layout-box .events-list {text-align: center;}

.as-admin main .layout-box .preloaderHall,
.as-admin main .events-list .preloaderHall{
    position: absolute;
    background: #666;
    width: 100%;
    height: 100%;
    opacity: 0.6;}

.as-admin main .layout-box .preloaderHall {
    top: 35px;
    left: 0;}

.as-admin main .events-list.menu-objects {
    background-color: #f0f0f0;
    overflow-y: hidden;}

::-webkit-scrollbar {
    width: 7.5px;
    border: none;
    background: transparent;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0;}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    min-height: 30px;}

.as-admin main .events-list .event-item {
    height: 60px;
    border-bottom: 1px solid #e6e7e8;}
.as-admin main .events-list .event-item.show {
    height: 78px;
}

.as-admin main .events-list .event-item:hover,
.as-admin main .events-list .event-item.brand:hover {
    background-color: #f0f0f0;}

.as-admin main .events-list .event-item > div {
    float: left;
    height: 100%;
    padding: 30px 15px 0 0;
    font-weight: bold;}

.as-admin main .events-list .event-item div label,
.as-admin main .events-list .event-item div > span {
    width: 100%;
    height: 100%;
    padding-left: 5%;}

.as-admin main .events-list .event-item div span {
    font-size: 11px;}

.as-admin main .events-list .event-item .chb-container .defaultLabel {
    background-color: #ACBBBB;
    padding: 0 3px 1px 3px;
    color: #fff;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 100;
    margin-left: 2px;
}
.left-controls > form > .events-list > div > div.events-list .event-item div.object-details .defaultLabel.default-used {
    background-color: #ACBBBB;
    padding: 0 3px 1px 3px !important;
    color: #fff;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 100;
}
.as-admin main .events-list .event-item .chb-container .makeDefaultLabel {
    background-color: #fff;
    color: #e95f35;
    border: 1px solid #e95f35;
    padding: 0 2px 0 2px;
    font-size: 9px;
    border-radius: 2px;
    cursor: pointer;
}
.as-admin main .events-list .event-item .chb-container:nth-child(2) .makeDefaultLabel {
    top: 56px;
    left: 157px;
}
.as-admin main .events-list .event-item .chb-container .label-text:hover .makeDefaultLabel{
}


.as-admin main .events-list .event-item div span.glyphicon {
    width: 1px;
    margin-right: 3px;}

.as-admin main .events-list .event-item div.ev-delete,
.host-vendors-container .events-list .event-item > div.ev-delete {
    width: 40px;
    padding: 0;}

.as-admin main .events-list .event-item div.ev-date {
    width: 90px;
    padding: 0;}

.as-admin main .events-list .event-item div.ev-date label {
    height: 85%;
    width: 100%;
    border-right: 1px solid #e6e7e8;
    padding: 2px;}

.as-admin main .events-list .event-item div.ev-date label p span,
.host-vendors-container .events-list .event-item > div.ev-date label p span {
    padding-left: 5px;}

.as-admin main .events-list .event-item div.ev-date label span.ev-day,
.host-vendors-container .events-list .event-item > div.ev-date label span.ev-day {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 36px;
    float: left;
    height: 100%;
    width: 50%;}

.as-admin main .events-list .event-item div.ev-date label span.ev-time,
.host-vendors-container .events-list .event-item > div.ev-date label span.ev-time {
    float: left;
    height: 100%;
    width: 50%;
    font-size: 11px;
    padding-top: 11px;
    padding-left: 5px;}

.as-admin main .events-list .event-item div.ev-title,
.host-vendors-container .events-list .event-item > div.ev-title {
    padding: 5px 0 0 0;}

.as-admin main .events-list .event-item div.ev-title .icon_warning {
    display: inline-block;
    text-indent: -9999px;
    width: 18px;
    height: 15px;
    background-size: cover !important;
    margin-left: 8px;}

.as-admin main .events-list .event-item div .icon_vendor_status_approved {
    width: 14px !important;
    height: 14px !important;
    float: left;
    margin-top: 1px;}

.as-admin main .events-list .event-item div .icon_vendor_status_sent {
    width: 16px !important;
    height: 10px !important;
    float: left;
    margin-top: 3px;}

.as-admin main .events-list .event-item div .icon_vendor_status_maybe {
    width: 15px !important;
    height: 15px !important;
    float: left;}

.as-admin main .events-list .event-item div.ev-title p,
.host-vendors-container .events-list .event-item > div.ev-title p {
    padding-top: 5px;}

.host-vendors-container .events-list .event-item > div.ev-title p {
    padding-top: 0;}

.as-admin main .events-list .event-item div.ev-venue span.info,
.as-admin main .events-list .event-item div.ev-host span.info {
    padding-left: 4%;
    float: left;
    width: 60%;
    height: 85%;}

.as-admin main .events-list .event-item div.ev-caterer span.info {
    padding-left: 4%;
    float: left;
    width: 60%;}

.as-admin main .events-list .event-item div.ev-title {
    width: 13.4%;}

.as-admin main .events-list .event-item div.ev-title,
.as-admin main .events-list .event-item div.ev-contact {
    white-space: nowrap;}

.as-admin main .events-list .event-item div.ev-contact {
    width: 15.25%;
    overflow: hidden;
    text-overflow: ellipsis;}

.as-admin main .events-list .event-item div.ev-venue,
.as-admin main .events-list .event-item div.ev-caterer,
.as-admin main .events-list .event-item div.ev-host,
.as-admin main .events-list .event-item div.ev-planner {
    width: 10%;
    white-space: nowrap;}

.as-admin main .events-list .event-item div.ev-title label > span:first-child,
.host-vendors-container .events-list .event-item > div.ev-title label > span:first-child {
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.as-admin main .events-list .event-item div.ev-delete img,
.host-vendors-container .events-list .event-item > div.ev-delete img {
    cursor: pointer;
    width: 13px;
    height: 17px;
    margin-top: 21px;
    margin-left: 30%;}

.as-admin main .events-list .event-item div.ev-select,
.host-vendors-container .events-list .event-item > div.ev-select {
    min-width: 70px;
    padding: 0;
    float: right;
    margin-right: 15px;}

.as-admin main .events-list .event-item div.ev-select button,
.host-vendors-container .events-list .event-item > div.ev-select button {
    font-family: 'OpenSans' !important;
    min-width: 70px;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    margin-top: 20px;}

.as-admin main .events-list .event-item div.ev-select button.btn_grey {
    padding: 6px 0;}

.container-fluid {
    padding-right: 70px;
    padding-left: 70px;
    height: 100%;}

.as-admin main .events-list .dropdown-designer .event-item {
    height: 30px;}

.as-admin main .events-list .dropdown-designer .event-item .object-display-box img.menuImage {
    max-height: 30px;
    position: static;
    float: right;}

.as-admin main .events-list .dropdown-designer .event-item > div {
    padding: 0;
    width: 100%;}

.as-admin main .events-list .dropdown-designer .event-item .object-details {
    display: inline-block;}

.as-admin main .events-list .dropdown-designer .event-item .object-details p {
    margin-bottom: 0;}

.as-admin main .events-list .dropdown-designer .dropdown-content .ir:hover {
    cursor: pointer;}

.profile img {
    width: 35px;
    float: left;
    border: 1px solid #fff;
    border-radius: 30px;
    margin-top: 15px;
    margin-left: 15px;}

.dropdown {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 450px;
    height: auto;}

.dropdown-content label {
    color: #555;
    text-shadow: 0 1px #fff;
    float: left;
    width: 100%;
    font-style: normal;
    font-weight: normal;}

.dropdown-toggle {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/dropdown_grey_arrow.svg") no-repeat;
    background-position: 98%;
    background-size: 9px 6px;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0 0 0 1px;
    height: 40px;
    width: 465px;
    border: 1px solid #e3e3e4 !important;
    outline: 0;
    text-indent: 8px;}
.dropdown-toggle:hover {
    border: 1px solid #d4dad9 !important;

}
.combo-input-over-selection.state .dropdown.dropdown-combo-input-over-selection.state input {
    position: relative;
    text-indent: 0;
    padding-left: 10px;}

.combo-input-over-selection.state .dropdown.dropdown-combo-input-over-selection.state .dropdown-content {
    width: 192px;}

.combo-input-over-selection.state .dropdown.dropdown-combo-input-over-selection.state .dropdown-content.dropdown-open-bottom {
    top: 63px;}

.dropdown.dropdown-combo-input-over-selection {
    width: 100%;
}

.my-campaign-add-job-wrapper .dropdown.dropdown-combo-input-over-selection > div {
    height: 0;}

.combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input {
    position: relative;
    background-position: 98%;
    text-indent: 10px;
    padding-left: 0;
    width: 100%;}

.combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input.disabled {
    background-color: #ebebe4;
    pointer-events: none;}

.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input {
    font-size: 15px;
    border: 1px solid #b0c1c0;
    font-family: 'OpenSans';
    font-weight: normal;
    color: #58595b;}

.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection .dropdown-content {
    height: 183px;
    overflow: hidden;}

.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection .dropdown-content .ir {
    height: 30px;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input::-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input::-webkit-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input:-ms-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input:-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .modal-body .form-group label input::-webkit-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .modal-body .form-group label input:-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .modal-body .form-group label input::-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .modal-body .form-group label input:-ms-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .input-group.date .calendar-input::-webkit-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .input-group.date .calendar-input:-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .input-group.date .calendar-input::-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .input-group.date .calendar-input:-ms-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input::-webkit-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input:-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input::-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input:-ms-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .modal-body .form-group label input::-webkit-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .modal-body .form-group label input:-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .modal-body .form-group label input::-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .modal-body .form-group label input:-ms-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .input-group.date .calendar-input::-webkit-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .input-group.date .calendar-input:-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .input-group.date .calendar-input::-moz-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}
.new-event .input-group.date .calendar-input:-ms-input-placeholder { font-family: 'OpenSans'; font-style: italic !important; color: #cacaca !important;}



.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input.inputError::-webkit-input-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input.inputError:-moz-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input.inputError::-moz-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input.inputError:-ms-input-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .modal-body .form-group label input.inputError::-webkit-input-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .modal-body .form-group label input.inputError:-moz-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .modal-body .form-group label input.inputError::-moz-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .modal-body .form-group label input.inputError:-ms-input-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .input-group.date .calendar-input.inputError::-webkit-input-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .input-group.date .calendar-input.inputError:-moz-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .input-group.date .calendar-input.inputError::-moz-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}
.new-event .input-group.date .calendar-input.inputError:-ms-input-placeholder {font-family: 'OpenSans'; font-style: italic !important; color: red !important; font-weight: normal;}


.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection .dropdown-content {
    width: 100%;}

.combo-input-over-selection .dropdown.dropdown-combo-input-over-selection .dropdown-content {
    width: 192px;}

.combo-input-over-selection .dropdown.dropdown-combo-input-over-selection .dropdown-content.dropdown-open-bottom {
    top: 63px;
    width: 402px;
    z-index: 999999;}

.combo-input-over-selection .dropdown.dropdown-combo-input-over-selection.new-event .dropdown-content.dropdown-open-bottom {
    width: 478px;}

.half.user-input-get-started.zip-code-label {
    float: right;
    top: 0;}

.modal-dialog .form-group input::-webkit-input-placeholder {
    font-family: 'OpenSans';
    font-weight: normal;
    font-style: italic !important;
    color: #b1b2b4;
    font-size: 15px;
    -webkit-transition: opacity 0.1s linear;}

.modal-dialog .form-group input:-moz-placeholder {font-family: 'OpenSans'; font-weight: normal; font-style: italic !important;}
.modal-dialog .form-group input::-moz-placeholder {font-family: 'OpenSans'; font-weight: normal; font-style: italic !important;}
.modal-dialog .form-group input:-ms-input-placeholder {font-family: 'OpenSans'; font-weight: normal; font-style: italic !important;}

.dropdown-toggle:focus::-webkit-input-placeholder {
    opacity: 0;}

.dropdown-toggle:focus {
    outline: 0;
    border: 1px solid #d4dad9 !important;}

.dropdown-content {
    position: fixed;
    visibility: hidden;
    max-height: 250px;
    text-indent: 10px;
    line-height: 30px;
    background-color: #fff;
    border: 1px solid #afc1c0;
    color: #333;
    width: 100%;
    height: auto;
    min-height: 30px;
    overflow: auto;
    z-index: 16;}


.dropdown-content::-webkit-scrollbar{
    width: 9px;
}
.dropdown-content::-webkit-scrollbar-thumb {
    background-color: transparent !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px solid transparent;
    border-left: 3px solid transparent;
    background-clip: padding-box !important;
}
.dropdown-content::-webkit-scrollbar:active{
    border-left: 1px solid #D9D9D9;
    background: #fff !important;
}

.dropdown-content:hover::-webkit-scrollbar-thumb {
    background-color:#D9D9D9 !important;
}


.dropdown-content.max-2  {max-height: 60px; }
.dropdown-content.max-3  {max-height: 90px; }
.dropdown-content.max-4  {max-height: 200px;}
.dropdown-content.max-5  {max-height: 150px;}
.dropdown-content.max-6  {max-height: 180px;}
.dropdown-content.max-7  {max-height: 210px;}
.dropdown-content.max-8  {max-height: 240px;}
.dropdown-content.max-9  {max-height: 270px;}
.dropdown-content.max-10 {max-height: 300px;}

.dropdown-open-bottom {
    list-style-type: none;
    top: 35px;
    padding: 0;
    margin: 0;
    opacity: 0;}

.dropdown-open-top {
    list-style-type: none;
    top: auto !important;
    bottom: 3px !important;
    padding: 0;
    margin: 0;
    opacity: 1;}

.dropdown-content label {
    display: block;
    border-bottom: 1px solid #f0f0f0;
    margin-left: 10px;
    text-indent: 0;}


.dropdown-content .ir:not(.selected):hover {
    background-color: #f0f0f0 !important;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;}

.dropdown-toggle:focus ~ .dropdown-open-top {
    opacity: 1;
    visibility: visible;
    top: -205px;}

.my-campaign-add-job-wrapper .dropdown-toggle:focus ~ .dropdown-open-bottom {
    top: 43px;}

.dropdown-toggle:focus ~ .dropdown-open-bottom {
    opacity: 1;
    visibility: visible;
    top: 33px;}

.dropdown-content.dropdown-force-close {
    display: none;}

.custom-pop-up-placeholder i {
    font-size: 11px;
    color: #b1b2b4;
    margin-left: 3px;
    height: 15px;}

.occasion-date.custom-pop-up-placeholder i {display: block;}

.modal-dialog .form-group i.event-type-i {
    float: left;
    position: absolute;
    left: 0px;
    top: -20px;
    font-size: 11px;
    color: #a8a8a8;}

.datepicker {
    padding: 10px;
    margin-left: 290px;}

.datepicker thead tr,
.datepicker tbody {
    padding: 0 5px;}

.datepicker thead .datepicker-switch {
    pointer-events: none;}

.modal-dialog .form-group:first-child {
    margin-top: 0;}

.modal-dialog .form-group {
    font-family: 'OpenSans';
    font-weight: normal;
    font-style: italic !important;
    margin-top: 20px;}

.modal-dialog .form-group .evt-name-input {
    height: 40px;
    width: 465px;
    border: 1px solid #ccc;
    font-style: normal;
    outline: 0;
    text-indent: 10px;
    color: #555;}

.modal-dialog .form-group .date span.calendar-icon {
    border-radius: 0;
    border-left: 1px solid #ccc;}

.modal-dialog .form-group .calendar-input {
    height: 40px;
    width: 265px;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 0;
    margin-right: 10px;}

.modal-dialog .form-group .expected-guests-span {
    border: 1px solid #ccc;
    padding: 10px 65px 10px 10px;
    width: 265px;
    margin-right: 10px;
    color: #7f7f81;}

.modal-dialog .form-group .expected-guests-span:focus, .modal-dialog .form-group .expected-guests-span:active {
    outline: 0 !important;}

.modal-dialog .form-group .expected-guests-number {
    height: 41px;
    width: 43px;
    text-align: center;
    font-style: normal;}

.form-group .evt-name-input {margin-top: 20px;}
.form-group label.custom-event-name-wrapper-label {margin-top: 15px;}

.form-group .modal-footer .btn-close-modal {
    font-family: 'OpenSans';
    font-weight: normal;
    font-size: 1.1em !important;
    height: 50px !important;
    width: 465px !important;
    margin-top: 80px !important;}

.welcome-wrapper {padding: 30px;}

.welcome-title {
    text-align: center;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    font-size: 20px;
    margin-top: 0;}

.welcome-login-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    position: relative;}

.welcome-login-wrapper button {
    width: 400px;
    height: 50px;
    font-size: 20px;
    font-family: 'OpenSans';
    font-weight: normal;
    margin: 0 auto;}

.welcome-text {padding: 0 10px 0 5px;}

.welcome-text label {
    font-family: 'OpenSans';
    font-weight: normal;
    color: #737375;}

.loginContainer.welcome-wrapper {
    height: 405px;}

@media (max-width: 767px) {
    .as-admin main form.navbar-form div.form-group.search-control input,
    .guests-panel main form.navbar-form div.form-group.search-control input {
        margin-top: -1px;
    }

    .guests-panel main form.navbar-form div.form-group.evt-controls {
        line-height: 24px !important;
    }

    .guests-panel main form.navbar-form div.form-group.evt-controls > div {
        margin-top: -2px !important;
    }
}

@media (max-width: 1100px) {
    .as-admin .navbar-as, .event-page .navbar-as {
        width: 100%;
    }
}

@media (max-width: 768px) {
    /* Styles */
    .as-admin main form.navbar-form div.form-group.search-control input {
        margin-top: 0;
    }

    .as-admin main form.navbar-form > label #check-my-events {
        margin-top: 5px;
    }

    .as-admin main form.navbar-form > label span.chb-square {
        margin-top: 5px;
    }

    .navbar-collapse.collapse {
        height: 210px;
        background: #313237;
    }

    .navbar-collapse.collapse ul li {
        width: 100% !important;
    }

    .navbar-collapse.collapse ul li a {
        width: 100% !important;
    }

    .navbar-left {
        float: left !important;
    }

    .navbar-collapse.collapse {
        display: block !important;
    }

    .navbar-nav > li, .navbar-nav {
        float: left !important;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px !important;
    }

    .navbar-right {
        float: right !important;
    }

    .navbar-nav {
        margin: 0;
    }
}

/* EVENT PAGE */
.event-page .navbar-as ul.nav.navbar-left {
    margin-left: 25px;}

.event-page .navbar-as ul.nav.navbar-right li,
.event-page .navbar-as ul.nav.navbar-right li a {
    width: 100px;
    line-height: normal;
    padding: 0;}

.event-page .navbar-as ul.nav.navbar-right li a {
    padding: 0;
    position: relative;}

.event-page .navbar-as ul.nav.navbar-right li a img,
.event-page .navbar-as ul.nav.navbar-right li a div {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -15px;
    width: 27px;}

.event-page .navbar-as ul.nav.navbar-right li a span {
    width: 100%;
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -50px;
    font-size: 12px;
    text-align: center;}

.event-page main {
    padding-left: 70px;
    padding-right: 0;
    width: calc(100% - 70px);
    margin-top: 25px;
    z-index: 9;}

.event-page main aside {
    width: 130px;
    margin-right: 30px;
    float: left;
    height: 95%;}

.event-page main aside ul {
    padding-left: 0;
    width: 130px;}

.event-page main aside ul li {
    list-style: none;
    width: 130px;
    height: 50px;
    text-align: center;
    padding-top: 12%;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;}

.event-page main aside ul li a:hover {
    text-decoration: none;}

.event-page main aside.timelines-list{
    width: 200px;
    margin-right: 15px;
    position: relative;
    height: 100%;}

.event-page main .wrapper,
.event-page main .timeline-wrapper {
    height: 95%;
    float: left;
    width: calc(100% - 160px);
    overflow: hidden;
    position: relative;
    min-height: 540px;
    z-index: 99999;
    background: #d4dad9;}

.event-page main aside.timelines-list button {
    width: 100%;
    text-transform: capitalize;
    margin-bottom: 3px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.event-page main .content .event-info {
    height: 100px;
    width: 100%;
    background: #fff;
    margin-bottom: 15px;
    position: relative;}

.event-page main .content .event-info button.icon_edit {
    position: absolute;
    right: 10px;
    border: 0;
    top: 10px;
    width: 18px;
    height: 18px;}

.event-page main .content .event-info .date {
    width: 145px;
    height: 100%;
    float: left;
    border-right: 1px solid #e3e3e3;
    padding: 20px 10px 20px 20px;}

.event-page main .content .event-info .date p {
    width: 50%;
    height: 100%;
    float: left;
    font-family: 'OpenSans-Bold';
    font-weight: normal;}

.event-page main .content .event-info .date .day {
    font-size: 46px;}

.event-page main .content .event-info .date .m-y {
    font-size: 17px;
    padding-top: 10px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.event-page main .content .event-info .details {
    width: auto;
    overflow: hidden;
    height: 100%;
    padding: 20px;}



.event-page main .content .event-info .as-connect{
    font-size: 14px;
    color: #313236;
    border-radius: 1px;
    position: absolute;
    top: calc(50% - 16px);
    height: 32px;
    border: 1px solid rgba(120, 121, 123, 0.2);
    background-color: #ffffff;
    color: #313236;
    line-height: 1px;
}

.event-page main .content .event-info .as-connect.launch-as-connect{
    min-width: 154px;
    width: auto;
    right: 34px;
    background-color: #e95f35;
    padding: 6px 16px 9px 16px;
    color: #ffffff;
    border: none;
}

.event-page main .content .event-info .as-connect.copylink-as-connect{
    padding: 6px 12px 9px 32px;
    min-width: 118px;
    width: auto;
    right: 198px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/as_connect/url_icon.svg") 13px 8px  no-repeat;
}

.event-page main .content .event-info .as-connect.copylink-as-connect.copy{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/as_connect/checkmark_icon.svg") 13px 8px  no-repeat;

}

.event-page main .content .event-info .as-connect.copylink-as-connect:not(.copy):hover{
    color: #e95f35;
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/as_connect/url_icon_tomato.svg");
}

.event-page main .content .event-info .as-connect.disable-as-connect{
    padding: 6px 12px 9px 12px;
    min-width: 147px;
    width: auto;
    right: 34px;

}


.event-page main .content .event-info .details p,
.event-page main .content .event-details > div > div.user-info p {
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 3px;
    color: #59595b;}

.event-page main .content .event-info .details span {
    font-size: 12px;
    color: #9eaba9;
    font-weight: bold;}

.event-page main .content .event-details {
    width: 100%;
    height: 218px;
    margin-bottom: 15px;}

.event-page main .content .event-details .profile-box {
    height: 235px;
    width: 49.5%;
    position: absolute;}

.event-page main .content .event-details .profile-box .inner-container {
    margin: 15px 20px;
    border: 3px solid #d4dad9;
    padding: 5px 10px;
    height: 77%;}

.event-page main .content .event-details .profile-box .inner-container .profile-round-img {
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    border-radius: 50%;
    float: left;
    margin: 0 20px 60px 0;}

.event-page main .content .event-details .profile-box .inner-container .planner-name {
    margin: 5px 0 10px 0;
    float: left;
    width: calc(100% - 100px);
    padding-bottom: 10px;
    border-bottom: 2px solid #d4dad9;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    font-size: 12px;
    color: #59595b;}

.event-page main .content .event-details .profile-box .add-planner {
    margin: 0 20px;
    text-align: center;
    color: #94a2a1;}

.event-page main .content .event-details .profile-box .add-planner .text {
    font-size: 14px;}

.event-page main .content .event-details .profile-box .add-planner .add-button {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 10px;
    cursor: pointer;}

.event-page main .content .event-details .profile-box .inner-container .text {
    width: calc(100% - 100px);
    float: left;
    height: 91px;
    margin-bottom: 5px;
    overflow-y: auto;}

.event-page main .content .event-details .profile-box .inner-container .view-buttons {
    color: #94a2a1;
    font-size: 11px;
    cursor: pointer;}

.event-page main .content .event-details .profile-box .inner-container .separator {
    color: #94a2a1;
    font-size: 11px;}

.event-page main .content .event-details > div {
    height: 100px;
    width: 49.5%;
    float: left;
    margin-bottom: 15px;
    background-color: #fff;
    position: relative;}

.event-page main .content .event-details > div .preloader {
    position: absolute;
    top: 0;
    height: 100%;
    line-height: 100px;
    background: #fff;
    opacity: 1;
    width: calc(100% - 80px);
    margin-left: 80px;}

.event-page main .content .event-details > div .preloader span {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 25px;
    color: #fff;
    margin-top: -50px;
    margin-left: 24px;}

.event-page main .content .event-details > div .controls button {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    line-height: 100px;}

.event-page main .content .event-details > div .controls button:hover {
    background-color: #f0f0f0;}

.event-page main .content .event-details > div .controls button img {
    width: 20px;
    height: 60px;
    background-size: 20px 20px !important;
    vertical-align: top;
    margin-top: 40px;}

.event-page main .content .event-details > div .controls span {
    color: #c9d0d0;
    text-transform: uppercase;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    font-size: 16px;
    margin-left: 10px;}

.event-page main .content .event-details > div .controls span.plus_sign {
    font-size: 38px;
    position: absolute;
    margin-left: -22px;
    line-height: 95px;}

.event-page main .content .event-details > div:nth-child(2n+1) {
    margin-right: 1%;}

.event-page main .content .event-details > div > div.icon {
    width: 90px;
    height: 100%;
    border-right: 1px solid #e3e3e3;
    float: left;
    text-align: center;}

.event-page main .content .event-details > div > div.icon p {
    font-family: Allseated;
    font-size: 25px;
    margin-bottom: 0;
    margin-top: 20px;}

.event-page main .content .event-details > div > div.icon span {
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    font-size: 10px;}

.event-page main .content .event-details > div > div.controls,
.event-page main .content .event-details > div > div.user-info {
    width: auto;
    overflow: hidden;
    height: 100%;}

.event-page main .content .event-details > div .action-vendors {
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    position: absolute;
    z-index: 10;}

.event-page main .content .event-details > div .action-buttons {
    width: 100%;
    height: 1%;
    position: absolute;
    z-index: 11;}

.event-page main .content .event-details > div .action-buttons button {
    float: right;
    margin-top: 10px;
    margin-right: 15px;
    width: 20px;
    height: 20px;
    border: none;
    background-size: contain !important;}

.event-page main .content .event-details > div .action-vendors .btn-view-profile {
    position: relative;
    top: 35%;
    left: 42%;
    outline: none;
    border: 1px solid white;
    border-radius: 5px;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 6px 13px;}

.event-page main .content .event-details > div .action-vendors .icon_trash2 {
    position: relative;
    top: 5%;
    left: 80%;
    width: 20px;
    height: 20px;
    background-size: contain !important;
    outline: none;
    border: none;}

.event-page main .content .event-details > div > div.user-info {
    padding: 7px 10px;
    position: relative;}

.event-page main .content .event-details > div > div.user-info span {
    font-size: 10px;
    font-weight: bold;
    color: #9eaba9;
    font-family: OpenSans-SemiBold;}

.event-page main .content .event-details > div > div.user-info span a {
    color: #94a2a1;
    text-decoration: underline;}

.event-page main .content .event-details > div > div.user-info span.vendor-name {
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    margin-bottom: 3px;
    color: #59595b;
    font-size: 14px;}

.event-page main .content .event-details > div > div.user-info span.view-profile {
    margin-left: 5px;
    text-transform: capitalize;}

.event-page main .content .event-details > div > div.user-info .lock-user {
    position: absolute;
    bottom: 5px;
    z-index: 20;}

.event-page main .content .event-details > div > div.user-info .lock-user label span {
    position: relative;
    top: 1px;}

.event-page main .content .event-details > div > div.user-info .lock-user label span.login-chb {
    width: 12px;
    height: 12px;
    position: relative;
    top: 2px;}

.event-page main .content .event-details > div > div.user-info .pull-right {
    height: 100%;
    position: absolute;
    right: 15px;
    top: 10px;}

.event-page main .content .event-details > div > div.user-info .pull-right button {
    border: 0;}

.event-page main .content .event-details > div > div.user-info .pull-right button.icon_trash {
    width: 15px;
    height: 21px;}

.event-page main .content .event-details > div > div.user-info .pull-right button.icon_permission {
    width: 21px;
    height: 24px;}

.event-page main .content .vendors {
    width: 100%;
    position: absolute;
    top: 342px;
    bottom: 0;
    height: auto;
    background: #fff;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    min-height: 190px !important;}

.event-page main .content .vendors.half {
    width: 49.5%;
    float: left;
    margin-right: 1%;}

.event-page main .content .vendors.half.entourage {
    margin-right: 0;
    right: 0;
    left: auto;}

.event-page main .content .vendors .vcontent {
    min-height: 130px !important;
    height: auto;
    position: absolute;
    width: 100%;
    top: 60px;
    bottom: 0;
    overflow-y: auto;}

.event-page main .content .vendors .vcontent .ir {
    position: relative;}

.event-page main .content .vendors .vcontent .ir .overlay {
    text-align: right;
    padding: 15px 20px;}

.event-page main .content .vendors .vcontent .ir .overlay.transparent {
    display: none;}

.event-page main .content .vendors .vcontent .ir .overlay.transparent button {
    visibility: hidden;}

.event-page main .content .vendors .vcontent .ir .overlay span {
    background-size: 20px 18px !important;
    opacity: 1;
    margin: 5px 0 0 0;
    width: 20px;
    height: 20px;
    cursor: pointer;}

.event-page main .content .vendors .vcontent .ir .overlay button {
    position: absolute;
    right: 50%;
    margin-right: -54px;
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    border-radius: 4px;
    padding: 6px 13px;
    min-width: 120px;}

.event-page main .content .vendors .vcontent .ir div.icon {
    width: 70px;
    float: left;
    height: 70px;
    border-right: 1px solid #e6e7e8;
    text-align: center;
    border-bottom: 1px solid #e6e7e8;}

.event-page main .content .vendors .vcontent .ir div.icon p {
    width: 100%;
    height: 18px;
    background-position: center;
    background-size: 28px 18px !important;
    margin: 12px 0 5px 0;}

.event-page main .content .vendors .vcontent .ir div.icon span {
    font-family: OpenSans;
    font-size: 10px;
    font-weight: 700;}

.event-page main .content .vendors .vcontent .ir .user-info {
    height: 70px;
    border-bottom: 1px solid #e6e7e8;
    padding: 7px 15px 10px 15px;
    margin-left: 70px;}

.event-page main .content .vendors .vcontent .ir .user-info p.company {
    margin-bottom: 0;}

.event-page main .content .vendors .vcontent .ir .user-info span.vendor-name {
    margin: 0 0 3px 0;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    color: #59595b;}

.event-page main .content .vendors .vcontent .ir .user-info p.company span.view-profile {
    margin-left: 5px;
    text-transform: capitalize;
    cursor: pointer;}

.event-page main .content .vendors .vcontent .ir .user-info span {
    font-size: 10px;
    color: #9eaba9;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.event-page main .content .vendors .vcontent .ir .user-info span a {
    color: #94a2a1;
    text-decoration: underline;
    cursor: pointer;}

.event-page main .content .vendors .header {
    height: 60px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    padding: 20px;}

.event-page main .content .vendors .header span {
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;}

.event-page main .content .vendors .header button {
    border: none;
    min-width: 120px;
    height: 30px;
    margin-left: 10px;
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    top: -4px;}

.event-page main .content .vendors .preloader {
    position: absolute;}

.account-page {
    min-height: 495px;
    flex: 1 1 auto;
    height: 85%;}

.account-main {
    background: #fff;
    height: 100%;
    position: relative;}

.account-page .account-main {
    background: transparent;}

.account-page .account-main .profile-page {
    max-width: 930px;
    min-width: 930px;
    overflow-y: auto;
    background: #fff;
    overflow-x: hidden;
    z-index: 9;
    font-family: OpenSans;}

.account-page .account-main .profile-page .profile-wrapper-div {
    padding: 15px;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-header {
    width: 100%;
    height: 400px;
    position: relative;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-header .cover-image {
    width: 100%;
    height: 360px;
    position: relative;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-header .cover-image img,
.account-page .account-main .profile-page .profile-wrapper-div .profile-header .logo-image img {
    width: 100%;
    height: 100%;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-header .logo-image {
    bottom: 0;
    height: 200px;
    width: 200px;
    position: absolute;
    left: 50px;
    background: #fff;
    border: 4px solid #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(136, 153, 166, 0.55);
    z-index: 2;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-header .account-name {
    bottom: 50px;
    position: absolute;
    left: 270px;
    z-index: 2;
    font-size: 24px;
    line-height: 1;
    color: #fff;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-services {
    position: relative;
    min-height: 40px;}

.account-page .account-main .profile-page .profile-wrapper-div .vdpg-edit {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    z-index: 1;}

.account-page .account-main .profile-page .profile-wrapper-div .vdpg-edit .vdpg-edit-icon {
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;}

.account-page .account-main .profile-page .profile-wrapper-div .cover-image:hover .vdpg-edit,
.account-page .account-main .profile-page .profile-wrapper-div .logo-image:hover .vdpg-edit,
.account-page .account-main .profile-page .profile-wrapper-div .profile-contacts:hover .vdpg-edit,
.account-page .account-main .profile-page .profile-wrapper-div .profile-social:hover .vdpg-edit,
.account-page .account-main .profile-page .profile-wrapper-div .profile-services:hover .vdpg-edit,
.account-page .account-main .profile-page .profile-wrapper-div .profile-about:hover .vdpg-edit,
.account-page .account-main .profile-page .profile-wrapper-div .profile-unique:hover .vdpg-edit {
    visibility: visible;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-header-preview {
    height: 40px;
    position: absolute;
    bottom: 0;
    background: #93A29F;
    width: 100%;
    padding: 7px 280px;
    color: #fff;
    font-size: 14px;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-header-preview i {
    top: 3px;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content {
    margin-top: 30px;
    padding: 0 15px;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-right-side > div {
    position: relative;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-left-side {
    border-right: 1px solid #e1e1e1;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-social {
    font-size: 25px;
    text-align: center;
    position: relative;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-services .vdpg-services-badge-text:before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-content-section-title {
    font-size: 16px;
    font-family: OpenSans-Bold;
    margin: 15px 0 5px 0;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-contacts {
    position: relative;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-contacts .vdpg-contact-item {
    margin: 15px 0;}

.update-cover-modal .vdpg-modal.modal--center-dialog .vdpg-drag-zone {
    width:100%;}

.vdpg-modal.modal--center-dialog .vdpg-drag-zone {
    height: 280px;
    padding: 5px;
    width: 280px;}

.update-cover-modal .vdpg-cover-img-con,
.update-cover-modal .modal--center-dialog .vdpg-drag-zone {
    height: 360px;}

.update-cover-modal .modal-body .vdpg-drag-zone .form-group {
    padding: 5px;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-contacts .vdpg-contact-item span {
    font-size: 12px;
    line-height: 1.5;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-contacts .vdpg-contact-item .glyphicon {
    font-size: 18px;
    position: relative;
    line-height: 1;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-info-text {
    font-size: 14px;
    color: #000;
    font-family: OpenSans;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-right-side > div {
    border-bottom: 1px solid #e1e1e1;}

.account-page .account-main .profile-page .profile-wrapper-div .profile-content .profile-right-side > div:last-child {
    border-bottom: none;}

.account-page-content {
    float: left;
    width: 85%;
    padding-top: 17px;
    padding-right: 5%;
    min-height: 495px;
    padding-bottom: 17px;}

.account-page-content .campaign-manager-injected-div {
    min-width: 930px;}

.account-users-wrapper {
    background: #fff;
    overflow-y: auto;
    min-width: 670px;
    min-height: 488px;
    z-index: 9;}
.billing-page {
    padding: 0;
    overflow-y: auto;
    max-width: 930px;
    min-width: 930px;
    background:#d4dad9;}

.billing-page > div {
    overflow: hidden;}

.billing-page .billing-plan-info {
    background: #fff;
    padding: 30px 0 30px 30px;
    margin-bottom:7px;}

.billing-page .billing-heading {
    font-family: OpenSans-SemiBold;
    color: #c2c2c2;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;}

.billing-page .billing-plan-info .plan-name {
    font-size: 17px;
    font-family: OpenSans-Bold;
    display: block;
    text-transform: uppercase;
    margin-top: 10px;}

.billing-page .billing-plan-info .plan-name.black {
    color: #58595b;
    font-size: 17px;
    font-family: OpenSans-Bold;
    display: block;
    text-transform: uppercase;
    margin-top: 10px;}

.billing-page .billing-plan-info .billing-plan-active-info label > span.months-span span,
.billing-page .billing-payment-show .billing-plan-info .billing-plan-active-info label > span.months-span span,
.billing-page .billing-plan-info .billing-plan-active-info label > span.months-span {
    font-family: OpenSans;
    font-weight: normal;
    line-height: 1.5;}

.billing-page .billing-plan-info .billing-plan-active-info label > span.months-span span {
    font-size: 50px;}
.billing-page .billing-payment-show .billing-plan-info .billing-plan-active-info label > span.months-span span {
    font-size: 42px;}
.billing-page .billing-payment-show .billing-plan-info .billing-plan-active-info label > span.months-span span.charge-amount {
    font-size: 42px;
}

.billing-page .billing-plan-info .billing-plan-active-info label > span.months-span {
    font-size: 20px;}

.billing-page .billing-plan-info .billing-plan-active-info label > span.total-billed {
    font-size: 12px;
    display: block;
    font-family: OpenSans-SemiBold;
    margin-top: 5px;}

.billing-page .billing-plan-info .plan-name-save {
    font-family: OpenSans-SemiBold;
    font-size: 13px;
    text-transform: none;}

.billing-page .upgrade-button {
    border: none !important;
    outline: none !important;
    color: #fff;
    font-size: 13px;
    margin-right: 15px;
    padding: 7px 0;
    font-family: OpenSans-Bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-transform: capitalize;}

.billing-page .current-payment-method-details .upgrade-button.change-card,
.billing-page .billing-plan-info .billing-plan-active .upgrade-button,
.billing-page .billing-current-payment .upgrade-button.total-billed-btn,
.billing-page .billing-payment-show .billing-update-payment .change-card.upgrade-button{
    padding: 7px 10px;}

.billing-page .billing-current-payment input.discount-input {
    font-family: OpenSans;
    width:185px;
    float:left;}

.billing-page .billing-current-payment .clearfix {
    margin: 10px 0 0;}

.billing-page .billing-current-payment .upgrade-button.total-billed-btn {
    width: auto;}

.billing-page .billing-plan-info .billing-plan-active {
    display: inline-block;
    width: 72%;
    min-height: 69px;
    border-right: 2px solid #efefef;}

.billing-page .billing-plan-info .billing-plan-active-info {
    float:right;
    width: 28%;
    margin: 14px 0;
    text-align: center;}

.billing-page .error-payment.decline-error-payment {
    margin: 0;
    display: block;}

.billing-page .billing-payment-show .billing-plan-info .billing-plan-active-info {
    margin:0;}

.billing-page .billing-payment-show .existing-card-button {
    text-decoration: underline;
    cursor: pointer;}

.billing-page .billing-payment-show .billing-plan-info .billing-plan-active-info .perm > span {
    font-size:10px;}

.billing-page .billing-payment-show .billing-plan-info .billing-plan-active-info > label {
    margin-top:-14px;}

.billing-page .billing-plan-info .billing-plan-active-info label > span {
    font-size: 50px;
    font-family: OpenSans;
    font-weight: normal;
    line-height: 1.5;}

.billing-page .billing-plan-info .billing-plan-active-info p {
    margin-top: -5px;
    font-family: OpenSans;
    font-style: italic;
    font-weight: normal;}

.billing-page .billing-plan-info .billing-plan-active-info .occasion-type {
    color: #313237;
    font-family: OpenSans-SemiBold;
    font-weight: bold;
    font-style: normal;
    margin-top: -10px;}

.billing-page .cancel-button {
    background: none;
    border: none !important;
    outline: none !important;
    font-size: 11px;
    font-family: OpenSans-SemiBold;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-transform: capitalize;}

.billing-page .billing-plan-info .incentive-info {
    margin-bottom:10px;}

.billing-page .billing-plan-info .incentive-info.displayNone + .incentive-info.displayNone + .incentive-info.displayNone + .upgrade-button{
    margin-top: 42px;
}

.billing-page .billing-plan-info .incentive-info .dark-text-bold {
    font-family: OpenSans-SemiBold;
    margin: 8px 0;
    font-size: 14px;}

.billing-page .incentive-info label {
    display: block;
    font-family: OpenSans;
    font-size: 13px;
    margin-top: 5px;
    font-weight: normal;}

.billing-page .billing-page-error-div {
    background: #fff;
    margin-bottom: 7px;
    padding: 30px;}

.billing-page .billing-current-payment {
    padding: 30px;
    background: #fff;
    margin-bottom: 7px;
    clear:both;
    position: relative;}

.billing-page .billing-current-payment label {
    display: block;
    font-family: OpenSans;
    font-size: 13px;
    font-weight: normal;}

.billing-page .billing-current-payment .dark-text {
    font-family:OpenSans-Bold;
    font-size:14px;}

.billing-page .billing-current-payment .dark-text.list-price,
.billing-page .billing-current-payment .dark-text.discount-amount,
.billing-page .billing-current-payment .dark-text.total-billed-w-disc {
    font-size: 13px;
    font-family: OpenSans-SemiBold;
    max-width: 270px;
    margin-bottom: 5px;
}

.discount-amount.displayNone + .total-billed-w-disc span{
    float: none !important;
}

.billing-page .billing-current-payment .dark-text.total-billed-w-disc {
    font-size: 15px;
}

.billing-page .billing-current-payment .dark-text.list-price span,
.billing-page .billing-current-payment .dark-text.discount-amount span,
.billing-page .billing-current-payment .dark-text.total-billed-w-disc span {
    float: right;
    display: inline-block;
    width: 45px;
}


.billing-page .billing-plans-legend {
    float:left;
    margin: 5px 0 0 5px;
    color: #58595b;
    font-size: 14px;
    clear:both;
    width: 100%;
    text-align: center;}

.billing-page .billing-plans-legend > a{
    display: block;
    text-decoration: underline;}

.billing-page .billing-current-payment > div {
    margin-bottom:10px;}

.billing-page .billing-current-payment > div.current-payment-method-details {
    margin-bottom: 0;}

.billing-page .preloader {
    position: absolute;
    text-align:center;}

.billing-page .preloader .cloud2-img {
    width: 68px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    margin: 0 auto;}

.billing-page .preloader div.orange-text {
    display: table;
    width:100%;
    height:100%;}

.billing-page .preloader span.orange-text {
    display: table-cell;
    vertical-align: middle;
    padding-top: 65px;}

.billing-page .billing-current-payment .billing-heading {
    margin-bottom: 15px;}

.billing-page .billing-current-payment .billing-name {
    display: block;
    font-family: OpenSans-SemiBold;
    font-size: 14px;
    margin-bottom: 5px;}

.billing-page .billing-current-payment .billing-digits {
    display: block;
    font-family: OpenSans-SemiBold;
    font-size: 13px;
    color: #b2b2b2;}

.billing-page .billing-current-payment .upgrade-button {
    margin: 0;}

.billing-page .billing-current-payment .upgrade-button.discount-button {
    margin-left: 20px;
    padding: 7.5px 19px;}

.billing-page .billing-current-payment .discount-info-message {
    display: inline-block;
    font-family: OpenSans-SemiBold;
    color: red;
    margin-left:10px;
}

.billing-page .billing-current-payment .discount-info-message.clearfix {
    height: 33px;
    margin-top: 0;
    line-height: 33px;
    vertical-align: top;
}

.billing-page .billing-current-payment .discount-info-message label {
    display: inline-block;
    font-family: OpenSans-SemiBold;
    margin-left:10px;
    color: #58595b;}

.billing-page .upgrade-button.change-card {
    margin-top: 10px;
    background: #fff;}

.billing-page .billing-invoice {
    background: #fff;
    padding:30px;
    position: relative;}

.billing-page .billing-invoice .ir:nth-of-type(even) {
    background: #dedede;}

.billing-page .billing-invoice .billing-heading {
    margin-bottom: 20px;}

.billing-page .billing-invoice .invoice-table .ir {
    display: block;
    height: 30px;
    padding: 6px 4px 0 5px;}

.billing-page .billing-invoice .invoice-table .ir .invoice-row > div {
    float: left;}

.billing-page .billing-invoice .invoice-table .ir .invoice-row > div.invoice-date {
    width: 25%;
    text-transform: uppercase;}

.billing-page .billing-invoice .invoice-table .ir .invoice-row > div.invoice-pay {
    width: 25%;}

.billing-page .billing-invoice .invoice-table .ir .invoice-row > div.invoice-status {
    width: 25%;
    text-align: right;}

.billing-page .billing-invoice .invoice-table .ir:nth-child(2n) {
    background: #efefef;}


.billing-page .billing-invoice .invoice-table .ir .invoice-row > div.invoice-pay.invoice-pay-status {
    width: 70px;
    text-align: center;
    color: white;
    border-radius: 3px;
    padding: 1px 10px;
    margin-right: 65px;
    text-transform: uppercase;
    font-size: 10px;
}
.billing-page .billing-invoice .invoice-table .ir .invoice-row > div.invoice-pay.invoice-pay-status.status-green {
    background: #8DC63F;
}

.billing-page .billing-invoice .invoice-table .ir .invoice-row > div.invoice-pay.invoice-pay-status.status-red {
    background: #d84f4f;
}

.billing-page .billing-invoice .invoice-table .ir .invoice-row > div.invoice-pay.invoice-pay-status.status-orange {
    background: #e95f35;
}

.billing-page .billing-invoice .invoice-table .ir .invoice-row > div.invoice-pay.invoice-pay-status.status-grey {
    background: #acbcbb;
}



.billing-page .billing-invoice .invoice-table .ir .invoice-row > .invoice-link {
    color: #e95f35;
    text-decoration: underline;
}

.billing-page .billing-invoice .invoice-table .ir .invoice-row > div.invoice-pay.invoice-amount {
    width: 100px;
}

.billing-page .billing-invoice .invoice-table .ir .invoice-row > div.invoice-pay.error-text {
    color: red;}

.billing-page .billing-update-payment {
    background: #fff;
    padding: 30px;
    margin-bottom: 7px;
    position: relative;}

.billing-page .billing-update-payment .billing-heading {
    margin-bottom: 20px;}

.billing-page .billing-update-payment .details {
    height: auto;
    display: inline-block;
    width: 100%;}

.billing-page .billing-update-payment .details > label {
    width: 41%;
    display: inline-block;
    margin-bottom: 12px;}

.billing-page .billing-update-payment .details > label label {
    width:80%;}

.billing-page .billing-update-payment .details > label i {
    display: none;}

.billing-page .billing-update-payment .details > label p {
    color: #58595b;
    margin-bottom: 5px;}

.billing-page .billing-update-payment .details > label input {
    font-family: OpenSans;
    font-style: normal;
    font-weight: normal;}

.billing-page .billing-update-payment .details > label input::-webkit-input-placeholder {font-style: normal !important;}
.billing-page .billing-update-payment .details > label input::-moz-placeholder {font-style: normal !important;}

.billing-page .billing-update-payment .termsOfServ-check {
    margin-bottom: 12px;}

.billing-page .billing-update-payment .cancel-button {
    background: #adbebd;
    color:#fff;
    font-size: 13px;
    font-family: OpenSans-Bold;}

.billing-page .billing-update-payment .upgrade-button {
    padding: 7px 10px;}

.billing-page .billing-plans {
    background: #fff;
    padding: 0;}

.billing-page .billing-plans > p {
    padding: 0 30px;
    font-size: 14px;
    margin-top: 10px;}

.billing-page .toggle-button {
    width: 40px;
    height: 22px;
    border-radius: 16px;
    color: #fff;
    padding-left: 30px;
    position: relative;
    line-height: 24px;
    margin:0 5px;
    cursor:pointer;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    vertical-align: middle;}

.billing-page .toggle-button button {
    outline: 0;
    border: none;
    width: 18px;
    height: 18px;
    border-radius: 15px;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: 1s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;}

.billing-page .toggle-button-selected button {
    left:18px;}

.billing-page .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;}

.billing-page .billing-plans .billing-heading {
    margin-left: 30px;
    display: block;}

.billing-page .billing-left-arrow,.billing-page .billing-right-arrow {
    width: 20px;
    height: 38px;
    position: absolute;
    top: 100px;}

.billing-page .billing-left-arrow {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/billing_left_arrow.png") no-repeat transparent;
    left: 80px;}

.billing-page .billing-right-arrow {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/billing_left_arrow.png") no-repeat transparent;
    right: 80px;
    transform: rotate(180deg);}

.billing-page .billing-plan-item .billing-plan-heading {
    color: #a1b1b0;
    text-transform: uppercase;
    font-size:15px;
    font-family: OpenSans-SemiBold;
    margin-bottom: 30px;}

.billing-page .billing-plan-item * {
    display: block;
    text-align: center;}

.billing-page .billing-plan-item {
    float: left;
    width: 32.3333%;
    border: 1px solid #e6e6e6;
    border-top: 5px solid #a1b1b0;
    padding-top: 20px;
    position: relative;}

.billing-page .billing-plan-item .billing-plan-notice {
    position: absolute;
    width: 201px;
    top: 41px;
    font-family: OpenSans-SemiBold;
    font-size: 10px;
    color: #a1b1b0;}

.billing-page .billing-plan-item .billing-plan-notice.vr-offering {
    font-size: 12px;}

.billing-page .billing-plan-item.billing-plan-item-plus {
    padding-bottom: 61px;}

.billing-page .billing-plan-item .plan-separator {
    border-top: 1px solid #a1b1b0;
    height: 1px;
    width: 62%;
    margin: 20px auto;}

.billing-page .billing-plan-item .currentPlan {
    font-size: 14px;
    height: 32.5px;
    display: block;
    margin: 9.5px auto 20px;
    line-height: 2.3;
    color: #a1b1b0;}

.billing-page .billing-plans .grey-section-bg {
    padding-top: 30px;
    padding-bottom: 25px;
    width: 100%;
    background-color: #f2f2f2;}

.billing-page .billing-plans .billing-plans-heading {
    font-family: OpenSans-Bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
    position: relative;}

.billing-page .billing-plans .billing-plans-subheading {
    font-family: OpenSans;
    text-align: center;
    font-size: 17px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index:10;}

.billing-page .billing-plans .billing-plans-subheading > span {
    font-family: OpenSans-Bold;
    text-align: center;
    font-size: 20px;
    margin-top: 0;
    display: block;}

.billing-page .billing-plans .billing-plans-subheading span.first {
    font-family: OpenSans;
    margin-top: 20px;}

.billing-page .billing-plan-item .billing-plan-price {
    min-height:40px;}

.billing-page .billing-plan-item .billing-plan-price label > span {
    display: inline-block;}

.billing-page .billing-plan-item .billing-plan-price p > .billing-plan-occasion {
    display: block;
    line-height: 1;}

.billing-page .billing-plan-item .billing-plan-price p {
    font-size:14px;
    font-family: OpenSans-SemiBold;
    margin-bottom:0;}

.billing-page .billing-plan-item .billing-plan-price span span {
    display: inline-block;}

.billing-page .billing-plan-item .billing-plan-price span span.billing-plan-occasion-new-price {
    font-size:35px;
    font-family: OpenSans;}

.billing-page .billing-plan-item .billing-plan-price span span.billing-plan-occasion-dollar {
    position: relative;
    top: -15px;}

.billing-page .billing-plan-item .billing-plan-price .billing-plan-old-price {
    color:#a1b1b0;
    text-decoration: line-through;
    text-decoration-color: red;
    margin:0 10px;
    font-size: 13px;}

.billing-page .billing-plan-item .billing-plan-price .billing-plan-old-price .billing-plan-old-price {
    margin: 0;}

.billing-page .billing-plan-item .billing-plan-price label {
    color: #a1b1b0;
    margin-top: 5px;}

.billing-page .billing-plan-item .billing-plan-details {
    min-height: 60px;}

.billing-page .billing-plan-item .billing-plan-details > button {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/check_mark.png") no-repeat;
    padding-left: 20px;
    background-position: left center;
    width: 173px;
    margin-left: 18px;
    text-align: left;
    color: #a1b1b0;
    font-size: 12px;
    cursor: default;}

.billing-page .billing-plan-item-middle {
    margin-left: 1.5%;
    margin-right: 1.5%;}

.billing-page .billing-plan-item .upgrade-button,
.billing-page .billing-plan-item .cancel-button {
    margin: 0 auto;}

.billing-page .billing-plan-item label.biliing-plan-details {
    padding: 0 40px;
    font-size:13px;
    font-family: OpenSans;
    margin-bottom: 30px;
    min-height:55px;}

.billing-page .billing-plan-item .billing-plan-count {
    font-size: 35px;
    margin-bottom: 10px;
    line-height: 0.6;
    height: 22px;}

.billing-page .billing-plan-item .countProEvent {
    position: relative;
    font-family: OpenSans-SemiBold;}

.billing-page .billing-plan-item .countProEvent > span                    {display: inline-block;}
.billing-page .billing-plan-item .countProEvent > span.countProEvent-upTo {display: block;}

.billing-page .billing-plan-item .countProEvent .headingCountProEvent {
    position: absolute;
    top: -30px;
    width: 100%;
    text-align: center;
    font-family: OpenSans-SemiBold;}

.billing-page .displayRow {display: block;}

.billing-page .billing-plan-item .countProEvent .controlCountProEvent {
    font-size: 17px;
    line-height: 0.8;
    text-align: center;
    display: block;
    border: 1px solid #333;
    border-radius: 3px;
    width: 24px;
    height: 24px;
    cursor: pointer;}

.billing-page .error-payment {
    margin-bottom:13px;}

.billing-page .billing-plan-item .countProEvent .controlCountProEvent.left {
    float: right;
    line-height: 0.55;
    position: absolute;
    left: 16px;
    top: 5px;
    font-size: 30px;}

.billing-page .billing-plan-item .countProEvent .controlCountProEvent.right {
    float: right;
    font-size: 24px;
    line-height: 0.87;
    position: absolute;
    right: 16px;
    top: 5px;}

.billing-page .billing-plan-item .billing-plan-occasion {
    font-size: 13px;
    font-family: OpenSans-Bold;}

.billing-page .billing-plan-items {
    display: block;
    background: #fff;
    padding: 0 30px 0;
    width: 690px;
    margin: 0 auto;
    text-align: center;}

.billing-page .billing-plan-occasion-extra {
    font-style:italic;
    font-size: 12px;
    color: #a1b1b0;}

.billing-page .billing-plan-item .upgrade-button {
    margin: 10px auto 20px;
    width: 160px;}

.billing-page .billing-plan-item .pro-plus-button {
    padding: 0 40px;
    margin-top: -1.5px;
    position: relative;
    height: 70px;}

.billing-page .billing-plan-item .pro-plus-button span {
    font-size: 25px;
    font-family: OpenSans-SemiBold;
    width: 180px;
    position: absolute;
    left: 50%;
    margin-left: -90px;
}



.billing-page .billing-plan-description {
    position: relative;
    overflow: hidden;
    width: 550px;
    margin: 0 auto;
    padding: 40px 0;}

.billing-page .billing-plan-description .billing-plan-description-extended {
    width: 100%;
    position: relative;
    margin-bottom: 20px;}

.billing-plan-description .billing-plan-description-item {
    float: left;
    width: 100%;}

.billing-page .billing-plans .perm {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;}

.billing-page .perm > span {
    font-family: OpenSans-SemiBold;
    color: #c2c2c2;
    position: relative;
    top: 1px;}

.billing-page .perm > span.selected {
    color: #58595b;}

.billing-page .billing-update-payment button.change-card-button {
    background: none;
    font-size: 11px;
    font-family: OpenSans-SemiBold;
    position: absolute;
    bottom: 38px;
    left: 180px;}

.billing-page .billing-plan-description .billing-plan-description-heading {
    font-size:15px;
    font-family: OpenSans-SemiBold;
    text-align:center;
    margin-bottom: 30px;}

.billing-page .billing-plan-description .billing-plan-description-text {
    margin-bottom: 10px;
    width: 50%;
    padding-right: 20px;
    float:left;}

.billing-page .billing-plan-description .billing-plan-description-text-item p {
    margin-bottom: 0;}

.billing-page .billing-plan-description .billing-plan-description-text-item {
    margin-bottom: 30px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/check_mark.png") no-repeat;
    background-position: left 3px;
    text-align: left;
    padding-left: 16px;
    padding-right: 11px;}

.billing-page .billing-plan-description .billing-plan-description-text-item .plans-include-heading {
    font-family: OpenSans-SemiBold;
    margin-bottom: 5px;}

.billing-page .billing-plan-description ul {
    list-style-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/check_mark.png");
    padding-left: 15px;}

.billing-page .billing-plans .arrow-down {
    margin: 0 auto;
    position: relative;
    z-index: 999;
    top: 20px;}

.allseated-mini-wrapper {padding: 30px;}

.allseated-mini-wrapper .title-mini {
    font-size: 22px;
    font-family: 'OpenSans';
    font-weight: normal;}

.allseated-mini-wrapper .about-mini {
    font-size: 13px;
    font-family: OpenSans-SemiBold;}

.allseated-mini-wrapper .subtitle-mini {
    font-size: 15px;
    font-family: OpenSans;
    margin: 20px 0 15px 0;}

.allseated-mini-wrapper .floorplans-templates-mini > .ir {
    border-top: 1px solid #ddd;
    padding: 20px 0;}

.allseated-mini-wrapper .floorplans-templates-mini .ir .fptemp > span {
    font-family: OpenSans-Bold;
    font-size: 14px;}

.allseated-mini-wrapper .floorplans-templates-mini .ir .fptemp > span.chb-square {
    position: relative;
    top: 2px;}

.allseated-mini-wrapper .floorplans-templates-mini .ir .subitem-fptemp {
    padding: 10px 40px 0;}

.allseated-mini-wrapper .floorplans-templates-mini .ir .subitem-fptemp .ir {
    margin: 3px 0;}

.allseated-mini-wrapper .floorplans-templates-mini .ir .subitem-fptemp .ir span {
    font-family: OpenSans;
    font-weight: lighter;}

.allseated-mini-wrapper .floorplans-templates-mini .ir .subitem-fptemp .ir span.char-count {
    margin-left: 5px;}

.allseated-mini-wrapper .floorplans-templates-mini .ir .subitem-fptemp .ir span.char-count span {
    font-size: 13px;}

.allseated-mini-wrapper .floorplans-templates-mini .ir .subitem-fptemp .ir label {
    width: 30%;}

.allseated-mini-wrapper .floorplans-templates-mini .ir .subitem-fptemp .ir input {
    width: 50%;
    display: inline-block;
    height: 30px;}

.account-users-wrapper.account-status {
    padding: 20px;}

.account-users-wrapper.account-status .title-account {
    font-family: OpenSans;
    font-weight: normal;
    font-size: 21px;
    margin-bottom: 15px;}

.account-users-wrapper.account-status .dark-text {
    font-family: OpenSans;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 20px;}

.account-users-wrapper.account-status .orange-gradient {
    font-family: OpenSans-Bold;
    font-weight: normal;
    color: #fff;
    border: none;
    padding: 4px 12px;}

.account-page-nav-wrapper {
    width: 15%;
    min-width: 330px;
    float: left;
    padding: 0 17px 0 71px;}

ul.account-page-nav {
    list-style-type: none;
    background: #fff;
    padding-left: 0;
    height: auto;
    margin-top: 17px;}

ul.account-page-nav li {
    color: #59595b;
    font-family: 'OpenSans';
    font-weight: bold;
    font-size: 14px;
    position: relative;
    line-height: 15px;
    padding: 19px 20px 19px 70px;
    height: auto;}

ul.account-page-nav li div {
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top: -25px;
    height: 50px;}

ul.account-page-nav li:hover {
    background-color: #fff;
    cursor: pointer;}

ul.account-page-nav li img {
    width: 30px;
    margin-right: 20px;}

ul.account-page-nav li img.default-permission-img {
    width: 25px;}

.account-users-wrapper .account-add-user-button {
    font-family: 'OpenSans' !important;
    min-width: 80px;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 20px;
    margin-left: 25px;
    padding: 6px 12px;}

.account-users-wrapper .account-add-user-button.disabled{
    pointer-events: none;
}

.account-users-wrapper > div {
    height: auto;}

.account-users-wrapper .account-title-section {
    border-bottom: 1px solid #d4dad9;
    width: 100%;
    height: 70px;
    line-height: 50px;
    padding-left: 10px;}

.account-users-wrapper .account-title-section span {
    top: 13px;
    position: relative;
    left: 20px;
    font-size: 22px;
    font-family: 'OpenSans';
    font-weight: normal;}

.account-users-wrapper .account-title-section button {
    margin-left: 40px;}

.account-users-wrapper .permissions-wrapper {
    height: auto;
    padding: 0 20px;}

.account-users-wrapper .permissions-wrapper > div {
    height: 100%;}

.account-users-wrapper .permissions-wrapper > div .perm span {
    color: #8a8b8c;
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-left: 10px;}

.permissions-wrapper > div > div {
    padding: 14px 10px;
    border-bottom: 1px solid #d4dad9;
    width: 100%;}

.permissions-wrapper .toggle-button {
    background: #edeeef;
    width: 60px;
    height: 22px;
    border-radius: 16px;
    color: #fff;
    padding-left: 22px;
    position: relative;
    line-height: 24px;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    vertical-align: middle;}

.permissions-wrapper .toggle-button button {
    outline: 0;
    border: none;
    width: 22px;
    height: 22px;
    border-radius: 15px;
    background: #8a8b8c;
    position: absolute;
    top: 0;
    left: 0;
    transition: 1s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;}

.permissions-wrapper .toggle-button span {
    display: inline-block;
    width: 100%;
    text-align: center;}

.permissions-wrapper .toggle-button-selected {
    background: #a5bc91;
    padding-left: 0;
    padding-right: 22px}

.permissions-wrapper .toggle-button-selected button {
    left: 38px;}

/* CHANGE PERMISSIONS MODAL */
.change-permissions {
    padding: 10px;
    height: 100%;
    width: 100%;
    position: relative;}

.change-permissions button.close {
    position: absolute;
    right: 10px;
    background: transparent;
    padding: 0;
    width: 20px;
    opacity: 1;
    font-size: 21px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.change-permissions .title {
    text-align: center;
    margin-top: 24px;
    font-size: 20px;}

.change-permissions .default {
    border-bottom: 1px solid gray;
    margin: 0 -10px;}

.change-permissions .default > label {
    margin: 15px 0px 15px 20px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    color: #59595b;}

.change-permissions .default > label input {
    margin-right: 15px;
    width: 16px;
    height: 16px;
    background: #e6e7e8;
    -webkit-appearance: none;
    border-radius: 16px;
    border: 2px solid #fff;
    outline: none;
    box-shadow: 0 0 0 1px #aeb9b8;
    float: left;
    cursor: pointer;}

.change-permissions .default > label input[data-checked="true"] {
    background: #7fa062;
    box-shadow: 0 0 0 1px #aeb9b8;}

.change-permissions .default > label span {
    float: left;
    margin-top: 3px;}

.change-permissions .toggle-button {
    background: #e6e7e8;
    cursor: pointer;}

.change-permissions .toggle-button-selected {
    background: #7fa062;}

.change-permissions .toggle-button button {
    background: #58595b;}

.change-permissions .toggle-button.disabled {
    background-color: #edeeef;
    cursor: default;}

.change-permissions .toggle-button.disabled button {
    background-color: #8a8b8c;}

.change-permissions .toggle-button-selected.disabled {
    background-color: #a5bc91;
    cursor: default;}

.change-permissions .permissions-wrapper > div .perm span {
    color: #58595b;
    margin-left: 10px;}

.permissions-wrapper .perm label.toggle-button span {
    margin-left: 0;
    color: #fff;}

.change-permissions .permissions-wrapper > div > div {
    border-bottom-color: #58595b;}

.change-permissions button.update {
    width: 92%;
    position: absolute;
    bottom: 20px;
    left: 4%;
    height: 50px;
    border: none;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.change-permissions .not-applicable {
    background-color: #fee6dc;
    color: red;
    padding: 15px 25px;
    margin: 0 -10px;
    font-size: 13px;}

/* END PERMISSIONS MODAL */
.account-users-list-item {
    height: 55px;
    border-bottom: 1px solid #e3e3e3;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;}

.halls-section .account-users-list-item {
    height: 40px;}

.halls-section div.ir:last-child .account-users-list-item {
    border-bottom: none;}

.account-users-list-item .trash-icon-wrapper {
    width: 30px;
    height: 30px;
    background: #fff;
    display: none;
    border-radius: 2px;
    border: solid 1px #d4dad9;
    opacity: 1;
    cursor: pointer;
    background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/trash_can_users.svg") center center no-repeat;
    background-size: 12px 12px;
    float: right;
    margin-right: 10px;
    margin-top: 7px;
}

.account-users-list-item .trash-icon-wrapper:hover {
    background: #f0f0f0 url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/trash_can_users.svg") center center no-repeat;}

.halls-section .account-users-list-item .trash-icon-wrapper {
    width: 70px;
    height: 35px;
    margin-top: -3px;}

.account-users-list-item .account-user-wrapper {
    min-width: 250px;
    float: left;
    height: 40px;
    padding-top: 7px;
    margin-left: 5px;}

.account-users-list-item .account-user-role label span{
    display: inline-block;
    width: 120px;
    height: 30px;
    border-radius: 2px;
    border: solid 1px #d4dad9;
    background-color: #fff;
    float: right;
    font-size: 12px;
    padding: 7px 11px;
    margin-top: 7px;
    margin-right: 10px;
    font-family: OpenSans;
    font-weight: 400;
}

.account-users-list-item .account-user-role {
    display: inline-block;
    float: right;
}

.account-users-list-item .account-user-wrapper label > span:first-child {
    font-size: 14px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;}

.account-users-list-item .account-user-wrapper label > p span {
    font-size: 11px;
    color: #b1b2b4;}

/*.account-users-list-item .account-user-role label > span {*/
/*color: #59595b;*/
/*font-size: 14px;*/
/*font-family: 'OpenSans-Bold';*/
/*font-weight: normal;}*/

.account-users-list-item .delete-user-account {
    position: absolute;
    right: 15px;
    top: 15px;}

.account-users-list-item .delete-user-account span {
    width: 15px;
    height: 21px;
    cursor: pointer;}

.account-users-list-item .account-user-type-dropdown {
    /*width: 120px;*/
    height: 30px;
    /*position: absolute;*/
    /*top: 6px;*/
    /*right: 10px;*/
    float: right;
    margin-right: 10px;
    margin-top: 7px;
}

.account-users-list-item .account-user-type-dropdown .dropdown {
    height: 30px;}

.account-users-list-item .account-user-type-dropdown .dropdown-toggle {
    width: 150px;
    height: 30px;
    display: inline-block;}

.account-users-list-item .account-user-type-dropdown .dropdown-toggle.dropdown-opened {
    background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/down_arrow_orange.svg") no-repeat !important;
    background-position: 96% !important;
    background-size: 10px 8px !important;
}


.account-scroll-portion {
    height: 92%;
    max-height: calc(100% - 70px);
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;}

span.disabled-checkbox {
    background: lightgray !important;
    box-shadow: inset 1.5px 1.5px #fff, inset -1.5px -1.5px #fff;
    cursor: default;
    pointer-events: none;}

label.disabled-checkbox .chb-square {
    background: lightgray !important;
    box-shadow: inset 1.5px 1.5px #fff, inset -1.5px -1.5px #fff;
    cursor: default;
    pointer-events: none;}

label.disabled-checkbox span {color: lightgrey;}
.disabled-text               {color: lightgray !important;}

.my-campaigns-wrapper {
    height: 100%;
    background: #fff;
    z-index: 9;
    color: #59595b;
    overflow-x: hidden;}

.my-campaigns-wrapper > div {
    position: relative;
    height: 100%;}

.my-campaigns-right-card-wrapper {
    width: 90%;
    margin: 20px auto;}

.campaignStart .my-campaigns-wrapper .my-campaigns-left-side {
    width: 100%;
    float: left;
    height: 170px;}

.campaignStart .my-campaigns-wrapper .my-campaigns-left-side .my-campaigns-title-section p {
    display: inline;}

.my-campaigns-wrapper .my-campaigns-right-side {
    max-width: calc(100% - 60px);
    max-height: calc(100% - 170px);
    text-align: center;
    margin: 170px 30px 0 30px;}

.my-campaigns-wrapper .my-campaigns-right-side img {
    max-height: 100%;
    max-width: 100%;}

.step-2.my-campaigns-left-side h4.my-campaigns-title {
    margin: 0 0 20px 0;}

.step-2.my-campaigns-left-side p.my-campaigns-under-title {
    margin-top: 5px;
    font-size: 14px;}

.my-campaigns-left-side p.my-campaigns-under-title {
    margin-top: 5px;
    font-size: 14px;}

.start-my-campaigns-text-wrapper {
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    color: #59595b;
    font-size: 14px;
    padding: 20px 0;
    width: 70%;
    line-height: 25px;
    display: inline-block;}

.start-my-campaigns-text-wrapper .my-campaigns-list ul {
    padding-left: 20px;}

.start-my-campaigns-text-wrapper .my-campaigns-list {
    margin-top: 35px;}

.start-my-campaigns-text-wrapper p:first-child {
    margin-bottom: 25px;}

.my-campaigns-title-section .my-campaigns-first-paragraph {
    font-size: 14px;}

.my-campaigns-title-section .my-campaigns-list ul li {
    font-size: 16px;}

.my-campaigns-wrapper .my-campaigns-start-button {
    font-size: 13px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    width: 22%;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px;
    margin: 0 0 0 30px;
    float: right;}

.dropdown-toggle.create-a-promotion-dropdown {
    position: inherit;
    background-position: 450px 8px;
    height: 50px;
    width: 488px;}

.my-campaigns-right-card-wrapper img.penguin-card-holder {
    width: 500px;
    position: absolute;
    top: 40%;
    margin-top: -225px;
    left: 45%;}

ul.my-campaigns-page-nav {
    list-style-type: none;
    padding-top: 25px;
    padding-left: 8px;
    width: 200px;}

ul.my-campaigns-page-nav li {
    color: #fff;
    font-family: 'OpenSans';
    font-weight: normal;
    padding: 30px 30px 30px 30px;
    margin-right: 8px;
    background: lightgray;
    margin-bottom: 5px;}

ul.my-campaigns-page-nav li:hover {
    background: gray;
    cursor: pointer;}

ul.my-campaigns-page-nav li.active-campaign-nav {
    background: gray;}

ul.my-campaigns-page-nav {
    width: 200px;}

.my-campaigns-content {
    height: 100%;
    width: 100%;}

.my-campaigns-left-side h4 {
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    font-size: 20px;}

.my-campaigns-left-side span.info {
    font-size: 16px;}

.my-campaigns-right-card-wrapper-arrow {
    width: 400px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #888888;
    -moz-box-shadow: 5px 5px 5px #888888;
    -webkit-box-shadow: 5px 5px 5px #888888;
    height: 200px;
    margin: 50px 0 0 60px;
    background: #afc1c0;
    display: table;}

.my-campaigns-card-right-arrow {
    display: table-cell;
    vertical-align: middle;}

.my-campaign-add-job-wrapper .delete-btn {
    margin-top: 10px;}

.my-campaign-add-job-wrapper {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 450px;}

.my-campaign-add-job-wrapper .state-wrapper {
    height: 43px;
    width: 410px;
    border: 1px solid grey;}

.my-campaign-add-job-wrapper .state-wrapper .dropdown-combo-input-over-selection .dropdown-toggle {
    background: #fff;
    border: none;
    width: 99%;}

.my-campaign-add-job-wrapper .state-wrapper .dropdown-combo-input-over-selection .dropdown-toggle {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_edit.svg") no-repeat !important;
    background-position: 95% !important;
    background-size: 3% !important;}

.my-campaign-add-job-wrapper .state-wrapper .dropdown-combo-input-over-selection .dropdown-content {
    width: 100%;}

.my-campaign-add-job-wrapper .cities-wrapper {
    border: 1px solid grey;
    margin-top: 20px;
    padding: 10px;
    width: 410px;}

.my-campaign-add-job-wrapper .cities-wrapper .ir:hover .delete-entry,
.my-campaign-add-job-wrapper .venues-wrapper .ir:hover .delete-entry {
    display: block;
    cursor: pointer;}

.my-campaign-add-job-wrapper .cities-wrapper .cities-title {
    margin: 0;
    font-size: 15px;}

.my-campaign-add-job-wrapper .venues-wrapper .venues-title {
    margin: 0;
    font-size: 15px;
    color: #a8a8a8;
    font-style: italic !important;}

.my-campaign-add-job-wrapper .cities-wrapper button.edit {
    border: none;
    background: none;
    outline: none;
    float: right;
    padding-right: 3px;}

.my-campaign-add-job-wrapper .cities-wrapper button.edit img {
    width: 16px;
    height: 16px;}

.my-campaign-add-job-wrapper .cities-wrapper .create-a-promotion-multicheck-search {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;}

.my-campaign-add-job-wrapper .cities-wrapper .create-a-promotion-multicheck-search .ir {
    width: 100%;
    line-height: 19px;}

.my-campaign-add-job-wrapper .delete-entry {
    line-height: 1;
    float: right;
    margin-right: 16px;
    font-size: 19px;
    color: #000;
    display: none;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;}

.my-campaign-add-job-wrapper .ir label {
    display: inline;}

.my-campaign-add-job-wrapper .create-a-promotion-multicheck-search .ir {
    padding: 10px;
    font-size: 15px;
    line-height: 15px;}

.my-campaign-add-job-wrapper .delete-btn {
    margin-bottom: 20px;}

.modal-campaign-location .modal-header {
    border: none;
    background-color: #f0f0f0;}

.modal-campaign-location label {
    width: 100%;
    padding: 5px 0;}

.modal-campaign-location label input {
    width: 100%;
    padding: 10px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/search_button.jpg") no-repeat;
    background-position: 100%;
    background-size: contain;
    border: 1px solid #a3b3b1;}

.modal-campaign-location .budget-all-weeks-popup .modal-body .weekly-costs-list > .ir {
    height: auto;
    background: #fff;}

.modal-campaign-location .modal-body div.ir.select-all {
    padding: 0;
    border-bottom: 1px solid #e6e7e8;}

.modal-campaign-location .modal-body .weekly-costs-list {
    padding: 0 10px;}

.create-a-promotion-left-side div.ir.select-all {
    padding: 10px 0;
    border-bottom: 1px solid #e6e7e8;}

.create-a-promotion-left-side .create-a-promotion-multicheck-search {
    padding: 0 10px;}

.create-a-promotion-left-side .create-a-promotion-multicheck-search .ir {
    padding: 5px 0;
    font-size: 15px;
    line-height: 15px;}

.create-a-promotion-left-side .create-a-promotion-multicheck-search .ir.selected {
    background: #fff;}

.my-campaign-add-job-wrapper .cities-wrapper .ir:hover,
.my-campaign-add-job-wrapper .venues-wrapper .ir:hover {
    background: #f0f0f0;}

.modal-campaign-location .modal-footer {
    padding: 15px;
    background: #f0f0f0;}

.create-a-promotion-left-side .my-campaigns-subtitle.marginT-35 {
    margin-top: 20px !important;}

.modal-campaign-location .modal-footer button {
    width: 100%;
    padding: 10px 0;}

.my-campaign-add-job-wrapper .venues-wrapper {
    width: 410px;
    border: 1px solid grey;
    margin: 10px 0;
    padding: 10px;}

.my-campaign-add-job-wrapper .venues-wrapper .create-a-promotion-multicheck-search .ir {
    width: 100%;
    margin-bottom: 0;
    line-height: 19px;}

.my-campaign-add-job-wrapper .venues-wrapper .my-campaigns-subtitle.marginT-35 {
    margin-top: 0;}

.my-campaign-add-job-wrapper .venues-wrapper button.edit {
    border: none;
    background: none;
    outline: none;
    float: right;}

.my-campaign-add-job-wrapper .venues-wrapper button.edit img {
    width: 16px;
    height: 16px;}

.my-campaign-add-job-wrapper .venues-wrapper .create-a-promotion-multicheck-search {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    float: none;
    margin-bottom: 0;}

.my-campaign-add-job-wrapper p.state-title,
.my-campaign-add-job-wrapper p.cities-title {
    font-size: 11px;
    color: #a8a8a8;
    margin-left: 3px;
    margin-bottom: 2px;
    font-style: italic !important;}

.my-campaign-add-job-wrapper p.cities-title img          {cursor: pointer;}
.my-campaign-add-job-wrapper p.cities-title img.disabled {cursor: default;}

.my-campaign-add-job-wrapper > p {
    font-size: 16px;
    margin-bottom: 5px;}

.breadcrumb {margin-bottom: 0;}

.my-campaign-add-another-loacation p span {
    padding: 5px;
    margin-right: 5px;}

.my-campaign-add-another-loacation p {
    font-size: 16px;}

.my-campaign-add-another-loacation p:hover {
    cursor: pointer;}

.my-campaigns-breadcrumb-wrapper ul {
    height: 50px;
    display: table;
    width: 100%;
    padding: 0;}

.my-campaigns-breadcrumb-wrapper ul li {
    width: 33%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #afc1c0;
    position: relative;}

.my-campaigns-breadcrumb-wrapper ul li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #afc1c0;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 100%;
    z-index: 2;}

.my-campaigns-breadcrumb-wrapper ul li:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid white;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;}

.my-campaigns-breadcrumb-wrapper ul li.active-breadcrumb:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 100%;}

.my-campaigns-breadcrumb-wrapper ul li.active-breadcrumb::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;}

.my-campaigns-breadcrumb-wrapper ul li a {
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    color: #59595b;
    font-size: 14px;
    line-height: 25px;
    max-height: 74px;
    padding-right: 10px;
    list-style-type: none;}

.my-campaigns-breadcrumb-wrapper ul li a {
    text-decoration: none;}

.my-campaigns-breadcrumb-wrapper ul li.active-breadcrumb a {
    color: #fff;}

.my-campaign-next-bar-wrapper {
    bottom: 0;
    position: absolute;
    background: #f0f0f0;
    width: 100%;
    left: 0;
    height: 55px;
    z-index: 10;}

.my-campaign-next-bar-wrapper button:hover {
    color: #fff;}

.create-a-promotion-right-side {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/big_arrow.png") no-repeat;
    width: 300px;
    height: 120px;
    margin-right: 50px;
    position: absolute;
    top: 138px;}

.create-a-promotion-right-side span.close-arrow {
    float: right;
    padding: 5px 10px;
    font-size: 21px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    cursor: pointer;}

.create-a-promotion-right-side .right-arrow-content p.text {
    font-family: 'OpenSans';
    font-weight: normal;
    color: #59595b;
    font-size: 14px;
    line-height: 25px;
    float: left;
    padding: 0 10px 2px 50px;
    width: 265px;}

.campaign-next-button,
.campaign-previous-button {
    margin-right: 25px;
    margin-top: 10px;
    height: 35px;
    border: none;
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    border-radius: 0;}

.campaign-next-button     {float: right;}
.campaign-previous-button {margin-left: 20px;}

.create-a-promotion-left-side {
    width: 100%;
    padding: 20px 0px 0 30px;
    height: 100%;
    position: relative;
    float: left;
    margin-bottom: 50px;}

.create-a-promotion-left-side p {
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    color: #59595b;
    font-size: 14px;
    line-height: 25px;
    padding-right: 10px;}

.create-a-promotion-left-side .my-campaign-add-another-loacation p {
    color: #c9d0d0;
    font-size: 14px;
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;}

.create-a-promotion-left-side .my-campaign-add-another-loacation p.add-location-btn {
    width: 250px;}

.create-a-promotion-left-side .my-campaign-add-another-loacation p.add-location-btn span {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 18px;}

.my-campaigns.add-a-promotion-scrollable-part {
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;}

.my-campaigns.add-a-promotion-scrollable-part p {
    margin-bottom: 0;
    margin-top: 10px;}

.my-campaigns.add-a-promotion-scrollable-part .info-wrapper p {
    margin-top: 0;}

.my-campaigns.add-a-promotion-scrollable-part p img {
    cursor: pointer;
    width: 18px;
    height: 18px;}

.my-campaigns.add-a-promotion-scrollable-part p img.disabled {
    cursor: default;
    pointer-events: none;}

.my-campaigns-wrapper.add-a-promotion {
    height: 100%;
    overflow-y: hidden;}

.my-campaigns-wrapper.add-a-promotion > div {
    position: relative;}

.my-campaigns-wrapper.add-a-promotion .my-campaigns-title-section {
    font-family: 'OpenSans-Semibold';
    font-weight: normal;
    margin: 20px 0;}

.my-campaigns-wrapper .start-campaign-screen .my-campaigns-title-section {
    margin: 20px 30px 0 30px;
    border-bottom: 1px solid #efefef;}

.fill-details .create-a-promotion-left-side div.my-campaigns-title-section {
    padding: 0;}

.my-campaigns-title-section .my-campaigns-title {
    font-size: 20px;
    font-family: OpenSans-Semibold;
    font-weight: normal;
    display: block;}

.fill-details .my-campaigns-subtitle {
    font-size: 16px;
    font-family: OpenSans-Semibold;
    font-weight: normal;}

.fill-details .my-campaigns-subtitle.marginT-35 {margin-top: 75px;}
.fill-details .my-campaigns-subtitle.marginT-35.first {margin-top: 35px;}
.create-a-promotion-multicheck-search .where-do-you-work {margin-top: 40px;}
.my-campaigns-title-section .venues {margin-top: 15px;}

.my-campaigns .creade-an-ad,
.my-campaigns .creade-an-ad > div {
    width: 100%;
    height: 100%;}

.my-campaigns .creade-an-ad .my-campaigns-right-card-wrapper {
    background: #fff;
    border: 1px solid #e6e7e8;}

.my-campaigns-wrapper.add-a-promotion .creade-an-ad .my-campaigns-title-section {
    margin: 20px 30px;}

.my-campaigns-right-side.step-2 {
    width: 30%;
    float: right;
    height: 100%;
    background: #f0f5f5;
    position: relative;
    margin: 0;
    min-height: 100%;}

.my-campaigns-right-side.step-2 .ad-preview-title {
    font-size: 20px;
    margin: 0;
    padding: 20px 0 0 22px;
    font-family: 'OpenSans-Semibold';
    font-weight: normal;}

.my-campaigns-right-card-wrapper .ad-preview-header {
    text-align: center;
    position: relative;
    border-bottom: 1px solid #e6e7e8;
    background: #f5f5f5;}

.ad-preview-header .my-campaigns-close-card {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 21px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    cursor: pointer;}

.ad-preview-header .my-campaigns-card-profile-picture {
    width: 40px;
    height: 100%;
    display: none;
    line-height: 60px;}

.ad-preview-header .my-campaigns-card-profile-picture img,
.ad-preview-header .my-campaigns-card-profile-picture .icon_profile_icon {
    width: 40px;
    height: 40px;
    border-radius: 20px;}

.ad-preview-header .my-campaigns-card-profile-picture .icon_profile_icon {
    background-size: 100%;}

.ad-preview-header .my-campaigns-text-under-profile-image {
    display: inline-block;
    font-size: 18px;
    width: 100%;
    font-family: OpenSans-Semibold;
    font-weight: normal;
    vertical-align: middle;}

.my-campaigns-right-card-wrapper .my-campaigns-right-text {
    padding: 15px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    line-height: 28px;}

.my-campaigns-right-card-wrapper .my-campaigns-right-text p {
    display: inline;
    word-wrap: break-word;}

.my-campaigns-right-card-wrapper .my-campaigns-right-text span.my-campaigns-view-profile {
    font-family: OpenSans-Bold;
    font-weight: normal;
    cursor: pointer;
    display: inline;}

.my-campaigns-card-right.step-2 {
    height: 200px;
    background: #fff;
    border-radius: 10px;}

.my-campaigns-right-side.step-2 .middle-arrow-side {
    position: absolute;
    top: 245px;
    left: -19px;
    height: 120px;
    width: 300px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/big_arrow.png") no-repeat;
    background-size: 100% 120px;}

.my-campaigns-right-side.step-2 .middle-arrow-side .my-campaigns-close-card {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 21px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    cursor: pointer;}

.my-campaigns-right-side.step-2 .middle-arrow-side .info-wrapper {
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    color: #59595b;
    font-size: 14px;
    line-height: 25px;
    padding: 10px 10px 0 50px;
    width: 85%;
    height: 100%;}

.my-campaigns-wrapper.add-a-promotion.step-2 {
    padding: 0 0 30px 55px;}

.my-campaigns-wrapper .step-2.my-campaigns-left-side {
    width: 70%;
    float: left;
    height: 100%;}

.step-2.my-campaigns-left-side .create-card-wrapper {
    width: 93%;
    border: 1px solid #e3e3e4;
    position: relative;
    height: 300px;
    overflow: hidden;
    margin: 50px auto;}

.step-2.my-campaigns-left-side .create-card-left-side {
    float: left;
    width: 72%;
    height: 100%;}

.step-2.my-campaigns-left-side .create-card-left-side .top-card-switcher {
    height: 50px;
    border-bottom: 1px solid #e6e7e8;
    line-height: 50px;
    padding: 0 10px 0 20px;}

.step-2.my-campaigns-left-side .create-card-left-side .top-card-switcher .arrow img {
    margin-top: 3px;
    width: 13px;
    height: 13px;
    cursor: pointer;}

.step-2.my-campaigns-left-side .create-card-left-side .top-card-switcher .arrow.disabled img {
    cursor: default;}

.step-2.my-campaigns-left-side .create-card-left-side span.clear-all {
    float: right;
    font-size: 11px;
    background: #afc1c0;
    color: #fff;
    padding: 0 8px;
    height: 25px;
    line-height: 25px;
    text-transform: uppercase;
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-top: 12px;
    cursor: pointer;}

.step-2.my-campaigns-left-side .create-card-left-side span.switch {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    vertical-align: middle;
    margin: 0 10px;
    line-height: 50px;}

.step-2.my-campaigns-left-side .create-card-left-side .editable-text-wrapper {
    height: 250px;
    padding: 15px 15px 30px;
    position: relative;
    font-size: 18px;
    line-height: 40px;
    color: #515151;}

.step-2.my-campaigns-left-side .create-card-left-side .editable-text-wrapper textarea {
    border: none;
    width: 100%;
    height: 100%;
    resize: none;}

.step-2.my-campaigns-left-side .create-card-left-side .editable-text-wrapper p span {
    background: #afc1c0;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    padding: 2px 10px;
    cursor: pointer;
    font-family: OpenSans-Semibold;
    font-weight: normal;}

.step-2.my-campaigns-left-side .create-card-left-side .editable-text-wrapper span.characters-counter {
    position: absolute;
    left: 15px;
    bottom: 0;
    color: #ccc;
    font-size: 14px;}

.step-2.my-campaigns-left-side .create-card-right-side {
    float: left;
    height: 100%;
    width: 28%;
    background: #f5f5f5;
    padding: 6px 0;
    text-align: center;}

.step-2.my-campaigns-left-side .create-card-right-side .top-card-element {
    border-bottom: 1px solid #e6e7e8;
    width: 100%;
    height: 44px;
    font-size: 13px;
    padding: 0 15px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.step-2.my-campaigns-left-side .create-card-right-side .draggable-elements p {
    height: 25px;
    background: #afc1c0;
    border-radius: 15px;
    line-height: 25px;
    font-size: 15px;
    color: #fff;
    margin-bottom: 12px;
    cursor: pointer;
    font-family: OpenSans-Semibold;
    font-weight: normal;}

.step-2.my-campaigns-left-side .create-card-right-side .draggable-elements {
    height: 248px;
    overflow-y: auto;
    padding: 15px 20px;}

.step-2.my-campaigns-left-side .my-campaigns-first-paragraph {
    font-size: 14px;
    color: #333;}

.step-2.my-campaigns-left-side input.add-tags {
    width: 68%;
    height: 50px;
    padding-left: 20px;
    line-height: 50px;
    font-size: 14px;
    border: 1px solid #e4e4e4;
    margin-top: 10px;}

.step-2.my-campaigns-left-side .step-2-tag-wrapper {
    width: 68%;
    margin-top: 30px;
    margin-bottom: 50px;}

.step-2.my-campaigns-left-side p.tag-span {
    padding: 5px 10px;
    background: #f2f2f2;
    border-radius: 20px;
    font-size: 14px;
    margin-right: 5px;
    display: inline-block;}

.step-2.my-campaigns-left-side p.tag-span span {
    margin-left: 5px;}

.middle-arrow-content {
    width: 24%;
    float: left;
    height: 100%;}

.middle-arrow-content p {
    width: 150px;
    text-align: center;
    background: lightgray;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    top: 300px;}

.generic-modal {
    display: none; /* Hidden by default */
    position: fixed !important; /* Stay in place */
    z-index: 9999;
    padding-top: 80px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
    font-family: 'OpenSans';
    font-weight: normal;}

.auto-layout-modal {display: none;}
.auto-layout-modal.show-the-modal {display: block;}

.generic-modal.generic-upload {
    padding-top: 65px;}

.generic-modal-full-height {
    height: auto !important;}

/* Modal Content */
.generic-modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 520px;
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.animation-notif {
    -webkit-animation-name: animatenotif;
    -webkit-animation-duration: 0.4s;
    animation-name: animatenotif;
    animation-duration: 0.4s}

.animation-top {
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;}

.animation-bottom {
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 0.4s;
    animation-name: animatebottom;
    animation-duration: 0.4s;}

.animation-left {
    -webkit-animation-name: animateleft;
    -webkit-animation-duration: 0.4s;
    animation-name: animateleft;
    animation-duration: 0.4s;}

.animation-right {
    -webkit-animation-name: animateright;
    -webkit-animation-duration: 0.4s;
    animation-name: animateright;
    animation-duration: 0.4s;}

.animation-pop-in {
    -webkit-animation-name: pop-in;
    -webkit-animation-duration: 0.2s;
    animation-name: pop-in;
    animation-duration: 0.2s;}

/* Add Animation */
@-webkit-keyframes animatepreload {
    from {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes animatepreload {
    from {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes animation-preloader {
    0%{}
    50% {
        -ms-transform: scale(1.2); /* IE 9 */
        -webkit-transform: scale(1.2); /* Safari */
        transform: scale(1.2);
    }

    50%{
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1);
    }
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes animatenotif {
    0%   {top: 77px;}
    25%  {top: 81px;}
    75%  {top: 77px;}
    100% {top: 81px;}
}

@keyframes animatenotif {
    0%   {top: 77px;}
    25%  {top: 81px;}
    75%  {top: 77px;}
    100% {top: 81px;}
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }
    to {
        left: 0;
        opacity: 1
    }
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }
    to {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }
    to {
        right: 0;
        opacity: 1
    }
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }
    to {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pop-in {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@keyframes pop-in {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.combo-edit-delete label {
    padding-left: 10px;}

.combo-edit-delete .icon_trash,
.combo-edit-delete .icon_edit {
    margin-right: 5px;
    margin-top: 9px;
    width: 12px;
    height: 12px;
    background-size: contain !important;}

/* More planners modal */
.generic-modal .more-planners {
    width: 500px;
    height: calc(100vh - 400px);}

.generic-modal .more-planners .modal-header {
    border: none;
    text-align: center;
    height: 80px;}

.generic-modal .more-planners .modal-header .close {
    font-size: 25px;}

.generic-modal .more-planners .modal-header .info {
    position: relative;
    font-size: 20px;
    font-family: 'OpenSans';
    font-weight: normal;
    top: 30px;}

.generic-modal .more-planners .modal-body {
    padding: 10px 30px;}

.generic-modal .more-planners .modal-body .profile-image {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border: 1px solid transparent;
    border-radius: 50%;}

.generic-modal .more-planners .modal-body .planner-name {
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    font-size: 12px;
    color: #59595b;}

.generic-modal .more-planners .modal-body .view-button {
    color: #94a2a1;
    font-size: 11px;
    text-decoration: underline;
    margin-left: 10px;}

.generic-modal .more-planners .modal-body .text {
    font-size: 12px;
    color: #333;
    padding: 10px 0;
    border-bottom: 1px solid #d4dad9;
    font-family: 'OpenSans';
    font-weight: normal;}

/* The Close Button */
.generic-close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;}

.generic-close:hover,
.generic-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;}

.generic-modal-penguin {
    width: 125px;
    float: left;
    height: 100%;}

.generic-modal-penguin img {
    width: 100px;
    margin-top: 30px;
    margin-left: 10px;}

.generic-modal-penguin span[class^="icon"] {
    margin-left: 15px;}

.generic-modal-body {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-right: 10px;}

.generic-modal-body > span.icon_penguin_warning,
.generic-modal-body > span.icon_penguin_question,
.generic-modal-body > span.icon_penguin_question_sign,
.generic-modal-body > span.icon_penguin_card_error,
.generic-modal-body > span.icon_penguin_notice,
.generic-modal-body > span.icon_penguin_like,
.generic-modal-body > span.icon_penguin_error,
.generic-modal-body > span.icon_penguin_locked,
.generic-modal-body > span.icon_penguin_notallowed {
    float: left;
    margin: 5px 17px;}

.generic-modal-body .generic-modal-title {
    font-size: 20px;
    font-family: 'OpenSans';
    font-weight: normal;}

.generic-modal-body .generic-modal-text-content {
    position: relative;
    top: 5px;
    clear: both;
    font-size: 14px;
    font-family: OpenSans;
    font-weight: normal;
    color: #59595b;}

.generic-modal-body .generic-modal-text-content:before {
    display: table;
    content: " ";}

.generic-modal-footer {
    width: 100%;
    text-align: right;
    padding: 2px 16px 10px 16px;
    margin-top: 5px;}

.generic-modal-footer .cancel-button,
.generic-modal-footer .delete-button,
.generic-modal-footer .ok-button {
    border-radius: 0;
    font-family: OpenSans-Bold;
    padding: 6px 15px;
    font-weight: normal;
    font-size: 12px;}

.generic-modal-footer .cancel-button {
    margin-right: 5px;
    min-width: 83px;
    width: auto;}

.generic-modal-footer .delete-button {
    position: absolute;
    right: 20px;
    z-index: 9999;
    color: #fff;}

.generic-modal-footer .ok-button {
    z-index: 9999;
    color: #fff;
    min-width: 83px;
    width: auto;}

.generic-modal.show-the-modal,
.generic-modal.hide-the-modal {
    display: block;}

.generic-modal .modal-review {
    top: 30%;
}

.generic-modal .modal-review .generic-modal-body {
    padding: 32px 48px;
}

.generic-modal .modal-review .generic-modal-body .genericWindowClose {
    width: 12px;
    height: 12px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/closeButton.png") center center no-repeat;
    position: absolute;
    background-size: contain;
    right: 20px;
    top: 24px;
    opacity: 1;
}

.generic-modal .modal-review .generic-modal-footer {
    padding-bottom: 15px;
}

.generic-modal .modal-review .generic-modal-body .generic-modal-title {
    color: #59595b;
    font-size: 24px;
}

.generic-modal .modal-review .generic-modal-body .window-stars{
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}


.generic-modal .modal-review .generic-modal-body .window-stars .star{
    display: inline-block;
    width: 40px;
    height: 38px;
    margin-left: 7px;
    margin-right: 7px;
    cursor: pointer;
}

.generic-modal .modal-review .generic-modal-body .window-stars .star.fill{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/star.svg") center center no-repeat;
    background-size: 40px;
}

.generic-modal .modal-review .generic-modal-body .window-stars .star.empty{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/empty_star.svg") center center no-repeat;
    background-size: 40px;
}

.generic-modal .modal-review .generic-modal-body .window-review-text input{
    width: 100%;
    background-color: #f3f3f3;
    border: none;
    height: 56px;
    font-family: Lato;
    font-size: 14px;
    color: #59595b;
    padding-left: 10px;
    vertical-align: top;
}

.dates-payment,
.dates-payment > div {
    height: 100%;
    position: relative;}

.my-campaigns-title.step-3 {
    font-size: 22px;}

.step3-notice {
    color: green;
    font-family: 'OpenSans-Bold';
    font-weight: normal;}

.step-3-price-after-calendar {
    padding: 5px 10px 5px 10px;
    border: 1px solid gray;}

.step-3-payment-title {
    float: left;
    margin-right: 10px;}

#payment-form .form-control.error,
#payment-form-edit .form-control.error {
    border-color: red;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);}

#payment-form label.error,
#payment-form-edit label.error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
    position: absolute;}

input.error,
span.error {
    color: red;}

#payment-form .form-group-validation {width: 60%;}

#payment-form .streched-form-group-validation {width: 100%;}

#payment-form .form-group-validation:last-child {
    margin-left: 9%;
    width: 30%;}

.payment-modal .generic-modal-content {
    height: auto;}

.payment-modal .modal-title {
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 10px 10px;}

.payment-modal .modal-header {
    padding: 15px 10px 0;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    border: none;
    background-color: #f0f0f0;}

.payment-modal .modal-header button.close {
    font-size: 38px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-top: -15px;
    opacity: 1;}

.payment-modal .modal-body .details label {
    display: block;}

.payment-modal .modal-body .details > label {
    margin: 20px 0;}

.payment-modal .modal-body .details label p {
    font-size: 12px;
    font-family: "OpenSans";
    color: rgb(155, 171, 170);
    font-style: italic !important;
    margin-bottom: 3px;}

.payment-modal .modal-body .details label input {
    border: 1px solid rgb(175, 193, 192);
    height: 40px;
    text-indent: 10px;
    width: 100%;
    font-size: 14px;}

.payment-modal .modal-body .details .payment-exp-date {width: 70%;}

.payment-modal .modal-body .details .payment-code {width: 40%;}

.payment-modal .modal-footer button {
    width: 40%;
    height: 40px;}

img.step-3-cards {
    width: 250px;
    float: right;}

.card-number-label,
.security-code-label {
    float: left;}

.card-number,
.card-security-code {
    float: left;
    clear: both;}

.payment-form {
    width: 325px;
    background: lightgray;
    height: 270px;
    margin-bottom: 50px;
    padding: 10px;
    margin-top: 30px;}

.payment-form input {
    width: 98%;
    height: 35px;
    text-align: center;
    margin-bottom: 7px;}

.payment-form label {
    font-family: 'OpenSans';
    font-weight: normal;
    margin-bottom: 5px;}

.payment-form select {
    width: 100px;
    height: 35px;
    border-radius: 0;}

.card-expiration {
    width: 100%;}

.payment-form input.card-security-code {
    width: 150px;}

.my-campaigns-right-side.step-2.step-3 {
    height: 140%;}

.middle-arrow-content.step-3 p {
    position: relative;
    bottom: 140px;
    top: 900px;}

.multi-select-open-list {
    display: block !important;}

/* MY CAMPAIGN - DATES, PRICES AND PAYMENT */
main .my-campaigns-dates-wrapper.step-3 {
    position: relative;
    min-height: 620px;
    min-width: 930px;
    background: #fff;}

main .my-campaigns-dates-wrapper.step-3::after {
    clear: both;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection {
    width: 65%;
    display: inline-block;
    height: 100%;
    padding: 20px 50px;
    overflow: hidden;
    background: #fff;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection h4 {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 16px;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .security-demo p {
    font-family: OpenSans;
    font-weight: normal;
    font-size: 14px;
    width: 172px;
    text-align: right;
    padding: 0;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .calendar {
    margin-top: 20px;
    border: 1px solid #e3e3e4;
    position: relative;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .calendar .preloader {
    position: absolute;
    pointer-events: none;
    z-index: 100;}

.dates-selection .calendar .date-title {
    text-align: center;
    font-size: 20px;
    font-family: OpenSans;
    font-weight: normal;
    background: #f5f5f5;
    padding: 8px 0;}

.dates-selection .calendar .date-title .left-arrow {
    float: left;
    margin-left: 20px;
    cursor: pointer;}

.dates-selection .calendar .date-title .right-arrow {
    float: right;
    margin: 0 20px 0 0;
    cursor: pointer;}

.dates-selection .calendar .date-title .arrow.disabled {
    cursor: default;}

.dates-selection .calendar .week-days {
    border-bottom: 1px solid #e3e3e4;}

.dates-selection .calendar .week-days ul {
    height: 30px;
    padding: 0;
    display: flex;
    line-height: 30px;
    margin: 0;}

.dates-selection .calendar .week-days ul li {
    list-style: none;
    display: inline-block;
    width: 14.28%;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    color: #9babaa;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 15px;}

.my-campaigns-dates-wrapper.step-3 .dates-selection .calendar-wrapper {
    display: flex;
    flex-flow: row wrap;
    position: relative;}

main .my-campaigns-dates-wrapper.step-3 .tooltip {
    min-width: 150px;}

.dates-selection .calendar-wrapper div.ir {
    width: 14.28%;
    cursor: pointer;
    position: relative;
    overflow-x: initial;
    overflow-y: initial;}

.dates-selection .calendar-wrapper div.ir.disabled {
    background: #e3e3e4;
    color: #868686;
    cursor: default;}

.dates-selection .calendar-wrapper .calendar-item {
    width: 100%;
    height: 85px;
    border-bottom: 1px solid lightgray !important;
    box-sizing: border-box;
    border-right: 1px solid lightgray !important;
    text-align: center;
    padding-top: 15px;
    overflow: hidden;}

.dates-selection .calendar-wrapper div.ir:nth-child(7n) .calendar-item {
    border-right: none;}

.dates-selection .calendar-wrapper div.ir:nth-last-child(-n+7) .calendar-item {
    border-bottom: none;}

.dates-selection .calendar-wrapper .calendar-item .date {
    font-size: 20px;
    margin-top: 5px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.dates-selection .calendar-wrapper .calendar-item .cost {
    font-family: OpenSans;
    font-weight: normal;
    font-size: 14px;
    color: #a8a8a8;}

.dates-selection .calendar-wrapper .calendar-item .icon {
    position: absolute;
    top: 5px;}

.dates-selection .calendar-wrapper .calendar-item .icon img {
    width: 18px;
    height: 18px;
    cursor: pointer;}

main .my-campaigns-dates-wrapper.step-3 .info {
    position: absolute !important;
    z-index: 1000;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection p.notice {
    margin-top: 15px;
    font-family: OpenSans;
    font-weight: normal;
    font-size: 14px;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection label.max-budget {
    display: block;
    margin-top: 25px;
    font-size: 20px;
    color: grey;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection label.max-budget p {
    font-size: 16px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    text-transform: capitalize;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection label.max-budget span {
    font-size: 14px;
    display: block;
    margin: 10px 0;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection label.max-budget input {
    width: 65px;
    height: 40px;
    text-align: center;
    margin-bottom: 25px;
    margin-left: 10px;
    font-size: 14px;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper {
    width: calc(100% + 110px);
    margin-top: 40px;
    position: relative;
    margin-left: -50px;
    padding: 0 50px;
    overflow-x: hidden;
    background: #f0f0f0;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .termsOfServ-check {
    clear: both;
    margin-top: 0;
    font-size: 14px;
    width: calc(100% + 100px);
    margin-left: -50px;
    padding: 30px 50px;
    background: #fff;
    max-width: none;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper > div {
    width: 100%;
    height: 100%;
    position: relative;}

.dates-selection .payment-wrapper .card-info {
    height: auto;
    width: 400px;
    position: relative;
    float: left;
    margin-bottom: 30px;}

.dates-selection .payment-wrapper .security-demo {
    width: 350px;
    margin-left: 190px;}

.dates-selection .payment-wrapper .security-demo .create-a-promotion-right-side {
    bottom: 50px;
    left: 195px;
    top: -191px;
    height: 110px;
    text-align: center;
    background-size: cover !important;
    width: 250px;}

.dates-selection .payment-wrapper .security-demo .create-a-promotion-right-side img {
    height: 60px;
    margin-left: 40px;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .card-type {
    width: 100%;
    height: 40px;
    vertical-align: bottom;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .card-type::after {
    clear: both;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .card-type > span {
    float: left;
    font-size: 16px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    text-transform: capitalize;}

.dates-selection .payment-wrapper .card-type > ul {
    float: right;}

.dates-selection .payment-wrapper .card-type > ul li {
    list-style: none;
    display: inline;}

.dates-selection .payment-wrapper .card-type > ul li a img {
    width: 39px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: 15%;}

.dates-selection .payment-wrapper .details {
    clear: both;
    width: 100%;
    height: auto;}

.dates-selection .payment-wrapper .details > label {
    width: 100%;
    margin-bottom: 10px;
    height: 70px;}

.dates-selection .payment-wrapper .details > label > label {
    width: 100%;}

.dates-selection .payment-wrapper .details > label:last-child {
    margin-bottom: 0;}

.dates-selection .payment-wrapper .details > label input {
    border: 1px solid rgb(175, 193, 192);
    height: 40px;
    text-indent: 10px;
    width: 100%;
    font-size: 14px;}

.dates-selection .payment-wrapper .details > label input::-webkit-input-placeholder {
    color: rgb(155, 171, 170);}

.dates-selection .payment-wrapper .details > label input.security-code {
    width: 150px;}

.dates-selection .payment-wrapper .details > label p {
    font-size: 12px;
    font-family: "OpenSans";
    color: rgb(155, 171, 170);
    font-style: italic !important;
    margin-bottom: 3px;}

.dates-selection .payment-wrapper .details > label .separator {
    float: left;
    height: 100%;
    line-height: 40px;
    width: 30px;
    text-align: center;
    font-size: 18px;
    margin-top: 0;}

.dates-selection .payment-wrapper .details > label .expiration-field {
    float: left;
    position: relative;
    width: 100px;
    height: 40px;
    background: #fff;}

.dates-selection .payment-wrapper .details > label .expiration-field .dropdown-toggle {
    width: 100%;
    height: 100%;
    background-position: 93%;}

.dates-selection .payment-wrapper .details > label .expiration-field .dropdown-opened {
    background-position: 93% !important;}

.dates-selection .payment-wrapper .details > label .expiration-field .dropdown-open-bottom {
    width: 100px;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .details > img {
    width: 415px;
    float: left;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .details::after {
    clear: both;
    overflow: hidden;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .details .card-secury-wrapper {
    float: left;
    margin-left: 20px;
    position: relative;
    height: 100%;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .details .card-secury-wrapper .code-ex {
    width: 250px;
    background: #D7D7D7;
    height: 140px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: center;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .details .card-secury-wrapper .code-ex p {
    color: #666;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;}

main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .details .card-secury-wrapper .code-ex img {
    width: 150px;
    height: 95px;
    text-align: center;}

.dates-selection .payment-wrapper .card-info .termsOfServ-check {
    width: 100%;
    background: #fff;
    height: 45px;
    line-height: 45px;}

.dates-selection .payment-wrapper .card-info .edit-card-text span {
    font-size: 14px;
    color: grey;
    font-weight: bold;}

.dates-selection .payment-wrapper .card-info .edit-card-text .edit-payment-button {
    cursor: pointer;
    text-decoration: underline;
    margin-left: 20px;}

.dates-selection .payment-wrapper .card-info .edit-card-text img {
    margin-left: 20px;
    margin-top: -5px;}

.dates-selection .payment-wrapper .card-info .termsOfServ-check .chb-square {
    margin-top: 17px;}

.dates-selection .payment-wrapper .card-info .termsOfServ-check span.info {
    font-size: 14px;
    float: left;
    width: auto;
    height: 100%;}

.dates-selection .payment-wrapper .card-info .termsOfServ-check span.info a {
    font-family: OpenSans-Bold;
    font-weight: normal;}

.dates-selection .payment-wrapper .card-info .termsOfServ-check > label {
    width: 100%;}

main .my-campaigns-dates-wrapper.step-3 aside {
    width: 35%;
    height: 100%;
    float: right;
    background: #f0f5f5;
    padding: 20px 30px;
    display: inline-block;}

main .my-campaigns-dates-wrapper.step-3 aside p.title {
    margin-bottom: 10px;
    font-size: 16px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    text-transform: capitalize;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table {
    min-width: 100%;
    background: #fff;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-header {
    background: #fff;
    border: 1px solid #e3e3e4;
    padding: 10px;
    height: 50px;
    line-height: 30px;
    font-size: 14px;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content {
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results {
    padding-top: 20px;
    min-height: 195px;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-header-no-dates {
    background: #fff;
    border: 1px solid #e3e3e4;
    border-top: none;
    height: 50px;
    padding: 10px;
    line-height: 30px;
    font-size: 14px;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-header-no-dates .no-dates {
    width: 100%;
    border: none;
    text-align: center;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-header .date {
    box-sizing: border-box;
    border-right: 2px solid #e3e3e4;
    height: 100%;
    text-align: center;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-header .date,
main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .date {
    width: 50%;
    display: inline-block;
    text-align: center;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-header .cost,
main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .cost {
    width: 40%;
    display: inline-block;
    text-align: center;
    color: #666;
    box-sizing: border-box;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-header .cost {
    color: #000;
    text-align: center;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content ul {
    padding: 0;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .date-and-cost {
    max-height: 1040px;
    overflow-y: auto;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .date-and-cost .item {
    height: 40px;
    width: 100%;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-top: none;
    line-height: 40px;}

.dates-summary-table .summary-content .date-and-cost .ir {
    overflow: hidden;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .date-and-cost .item > div {
    font-size: 15px;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results {
    position: relative;
    background: #f0f5f5;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results > div {
    height: 30px;
    width: 100%;
    line-height: 30px;
    font-size: 14px;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content div.icon.delete img,
main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content div.icon.delete .icon_delete {
    float: right;
    margin-top: 8px;
    margin-right: 5px;
    cursor: pointer;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content div.icon,
main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results div.icon {
    display: inline-block;
    width: 7%;
    margin-top: 5px;
    margin-right: 1%;
    float: right;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content div.icon {
    margin-top: 0;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content div.icon img {
    width: 24px;
    height: 24px;
    cursor: pointer;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results div.icon img {
    width: 18px;
    height: 18px;
    margin-left: 0;
    margin-top: -15px;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results div.icon p.info {
    position: absolute;
    width: 300px;
    right: -10px;
    line-height: 20px;
    background: #515151;
    color: #fff;
    padding: 10px;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results .date {
    color: #a8a8a8;
    width: 55%;
    text-align: left;
    padding-left: 10%;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results .cost {
    color: #a8a8a8;
    font-family: 'OpenSans';
    font-weight: normal;
    width: 30%;
    padding: 0;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results .max-leads {
    border-top: 1px solid #e1e5e5;
    margin-top: 15px;
    padding-top: 5px;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results .max-leads .cost {
    font-family: 'OpenSans-Semibold';
    font-weight: normal;
    width: 32%;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results .potential-reach {
    font-weight: bold;
    border-top: 1px solid #e1e5e5;
    margin-top: 10px;
    padding-top: 15px;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results .potential-reach .date {
    width: 50%;}

main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results .potential-reach .cost {
    font-size: 18px;
    width: 40%;}

.my-active-campaign-wrapper .header .title button {
    margin-top: -11px;
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border-radius: 2px;
    font-weight: bold;
    border: 0;}

/* MY ACTIVE CAMPAIGN */
.my-active-campaign-wrapper {
    height: 100%;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 25px 30px 25px;}

.my-active-campaign-wrapper .header {
    height: auto;}

.my-active-campaign-wrapper .header .title h1 {
    margin: 0 10px 0 0;
    font-size: 22px;
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    display: inline;}

.my-active-campaign-wrapper .header .title img {
    display: inline;
    vertical-align: baseline;
    cursor: pointer;}

.my-active-campaign-wrapper .header .user-details {
    width: 100%;
    height: 200px;
    border: 1px solid #f5f5f5;
    background: #f0f6f6;
    margin-top: 20px;
    padding: 20px 10px;
    clear: both;}

.my-active-campaign-wrapper .header .user-details > div {
    float: left;
    height: 100%;
    overflow: hidden;}

.my-active-campaign-wrapper .header .user-details .user-events {
    float: right;}

.my-active-campaign-wrapper .header .user-description {
    width: 63%;
    padding: 10px;
    background: #fff;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 14px;
    border: 1px solid #f5f5f5;
    position: relative;}

.my-active-campaign-wrapper .header .user-description p {
    word-break: break-word;
    line-height: 26px;}

.my-active-campaign-wrapper .header .user-description a {
    font-family: OpenSans-Bold;
    font-weight: normal;}

.my-active-campaign-wrapper .header .current-reach {
    width: 25%;
    text-align: center;
    border-right: 1px solid #b4bcbc;}

.my-active-campaign-wrapper .header .current-reach p:first-child {
    font-size: 16px;
    margin-bottom: 0;}

.my-active-campaign-wrapper .header .current-reach p:nth-child(2) {
    font-size: 40px;
    font-family: OpenSans;
    font-weight: normal;
    margin-bottom: 0;}

.my-active-campaign-wrapper .header .current-reach img {
    margin-top: 10px;}

.my-active-campaign-wrapper .header .user-events {
    width: 35%;
    position: relative;}

.my-active-campaign-wrapper .header .user-events .leads-dates-list {
    width: 100%;
    height: 100%;}

.my-active-campaign-wrapper .header .user-events .ir,
.my-active-campaign-wrapper .header .user-events .more-ev {
    width: 49%;
    height: 20px;
    float: left;
    margin-right: 1%;
    margin-bottom: 10px;
    line-height: 20px;
    text-align: center;
    color: #515151;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.my-active-campaign-wrapper .header .user-events .ir:nth-child(2n+1) {
    border-right: 1px solid #b4bcbc;}

.my-active-campaign-wrapper .header .user-events .ir.expired {
    color: #b4bcbc;}

.my-active-campaign-wrapper .header .user-events .more-ev {
    cursor: pointer;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.my-active-campaign-wrapper .header .details-btn {
    height: 50px;
    position: absolute;
    top: 75%;
    left: 37%;}

.my-active-campaign-wrapper .header .details-btn button {
    width: 120px;
    height: 30px;
    line-height: 30px;
    border: none;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    margin-top: 8px;}

.my-active-campaign-wrapper .budget-statistics {
    width: 100%;
    height: 190px;
    margin-top: 30px;}

.my-active-campaign-wrapper .budget-statistics .budget {
    height: 100%;
    width: 30%;
    float: left;
    margin-right: 2%;
    background: #f5f5f5;
    position: relative;
    padding: 43px;
    text-align: center;}

.my-active-campaign-wrapper .budget-statistics .budget p.info {
    font-size: 16px;
    color: #515151;
    margin-bottom: 0;}

.my-active-campaign-wrapper .budget-statistics .budget p.values {
    font-size: 30px;
    font-family: OpenSans;
    font-weight: normal;
    color: #999;
    margin-bottom: 0;}

.my-active-campaign-wrapper .budget-statistics .budget p.values span.active {
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.my-active-campaign-wrapper .budget-statistics .budget p.values span.total {
    color: #59595b;
    font-family: OpenSans-SemiBold;}

.my-active-campaign-wraper .budget-statistics .budget p.values img {
    width: 26px;
    height: 20px;
    cursor: pointer;}

.my-active-campaign-wrapper .budget-statistics .budget p.budget-progress-bar {
    width: 150px;
    border-radius: 6px;
    overflow: hidden;
    height: 7px;
    position: relative;
    margin-left: -75px;
    left: 50%;}

.my-active-campaign-wrapper .budget-statistics .budget-credit {
    font-size: 16px;}

.my-active-campaign-wrapper .budget-statistics .budget p progress {
    -webkit-appearance: none;
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0;
    margin-left: -75px;}

.my-active-campaign-wrapper .budget-statistics .budget p button.btn.view {
    height: 30px;
    border: none;
    font-size: 14px;
    text-transform: uppercase;}

.my-active-campaign-wrapper .budget-statistics .statistics {
    height: 100%;
    width: 68%;
    float: left;
    background: #f5f5f5;}

.my-active-campaign-wrapper .budget-statistics .statistics .left {
    width: 68%;
    float: left;
    text-align: center;
    height: 100%;
    position: relative;}

.my-active-campaign-wrapper .budget-statistics .statistics .left > div {
    float: left;
    height: 100%;
    width: 28%;}

.my-active-campaign-wrapper .budget-statistics .statistics .left .exposure {
    margin-left: 5%;}

.my-active-campaign-wrapper .budget-statistics .statistics .left > div p.value {
    height: 65px;
    width: 100%;
    margin-top: 50px;
    font-size: 27px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    line-height: 65px;}

.my-active-campaign-wrapper .budget-statistics .statistics .left > div p.info {
    font-size: 16px;}

.my-active-campaign-wrapper .budget-statistics .statistics .left div.exposure p.value      {background: #c9c9c9;}
.my-active-campaign-wrapper .budget-statistics .statistics .left div.profile-views p.value {background: #d7d7d7;}
.my-active-campaign-wrapper .budget-statistics .statistics .left div.leads p.value         {background: #e4e4e4;}

.my-active-campaign-wrapper .budget-statistics .statistics .left > img {
    float: left;
    height: 24px;
    width: 20px;
    margin-top: 70px;
    cursor: pointer;}

.my-active-campaign-wrapper .budget-statistics .statistics .left .leads {
    margin-right: 1%;}

.my-active-campaign-wrapper .budget-statistics .statistics .pub {
    width: 32%;
    float: left;
    height: 100%;
    position: relative;}

.my-active-campaign-wrapper .budget-statistics .statistics .dropdown {
    position: relative;
    width: 100%;
    margin-top: 10px;
    margin-left: 22px;
    float: none;
    display: block;}

.my-active-campaign-wrapper .budget-statistics .statistics .dropdown input {
    border: none;
    width: 82%;
    height: 30px;
    font-size: 15px;
    color: #515151;
    margin-right: 10px;}

.my-active-campaign-wrapper input::-webkit-input-placeholder {color: #b1b2b4;}
.my-active-campaign-wrapper input:-ms-input-placeholder {color: #b1b2b4;}

.my-active-campaign-wrapper .budget-statistics .statistics .dropdown img {
    position: absolute;
    right: 15px;
    top: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;}

.my-active-campaign-wrapper .budget-statistics .statistics p.events-status {
    text-align: left;
    width: 90%;
    padding-left: 25px;
    margin-bottom: 0;}

.my-active-campaign-wrapper .budget-statistics .statistics p.events-status span.value {
    font-size: 20px;
    margin-right: 10px;
    color: #666666;
    font-weight: 600;}

.my-active-campaign-wrapper .budget-statistics .statistics p.events-status span.info {
    font-size: 15px;}

.my-active-campaign-wrapper .budget-statistics .statistics p.events-status.booked {
    margin-top: 35px;}

.my-active-campaign-wrapper .budget-statistics .statistics p.events-status.booked span.value {
    color: #008000;}

.my-active-campaign-wrapper .budget-statistics .statistics p.events-status.declined span.value {
    color: #F00;}

.my-active-campaign-wrapper .leads-wrapper {
    height: auto;
    margin-top: 30px;}

.my-active-campaign-wrapper .leads-wrapper .no-leads {
    font-size: 14px;}

.my-active-campaign-wrapper .leads-wrapper h2 {
    float: left;
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    font-size: 28px;
    width: 20%;}

.my-active-campaign-wrapper .leads-wrapper h2 span {
    font-size: 16px;
    color: #59595b;
    font-family: OpenSans;
    font-weight: normal;}

.my-active-campaign-wrapper div.dropdown {
    float: right;
    width: 18%;
    text-indent: 10px;
    margin-top: 20px;
    margin-right: 1%;
    max-width: 200px;}

.my-active-campaign-wrapper .leads-list div.dropdown {
    position: absolute;}

.my-active-campaign-wrapper div.dropdown > div {
    width: 100%;
    height: 100%;}

.my-active-campaign-wrapper div.dropdown input {
    width: 100%;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    border: 1px solid rgba(228, 228, 228, 1);
    left: 0;
    background-position: 98%;
    background-color: #fff;}

.my-active-campaign-wrapper .leads-list div.dropdown input {
    background-color: transparent;
    border: none;}

.my-active-campaign-wrapper div.dropdown img {
    position: absolute;
    width: 19px;
    height: 17px;
    right: 35px;
    top: 32px;}

.my-active-campaign-wrapper div.dropdown .dropdown-open-bottom {
    width: 100%;
    left: 0;
    height: auto;
    z-index: 2;}

.my-active-campaign-wrapper div.dropdown .dropdown-opened {
    background-color: #fff !important;}

.my-active-campaign-wrapper div.dropdown.most-recent {
    padding-left: 12px;
    position: relative;}

.my-active-campaign-wrapper .leads-wrapper p.search {
    float: right;
    width: 20%;
    max-width: 200px;
    text-align: right;
    padding-left: 12px;
    position: relative;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;}

.my-active-campaign-wrapper .leads-wrapper p.search input {
    width: 90%;
    height: 30px;
    border: 1px solid rgba(228, 228, 228, 1);
    text-indent: 10px;
    font-size: 14px;
    margin-right: 10px;
    line-height: 30px;}

.my-active-campaign-wrapper .leads-wrapper p.search input::-webkit-input-placeholder {
    font-style: italic !important;}

.my-active-campaign-wrapper .leads-wrapper p.search img {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
    background: #f2f2f2;
    padding: 7px;}

.my-active-campaign-wrapper .leads-wrapper .ir {
    overflow-y: hidden;
    margin-bottom: 5px;}

.my-active-campaign-wrapper .leads-wrapper .ir.selected {
    background: transparent;}

.my-active-campaign-wrapper .leads-wrapper .ir.new .leads-item {
    background: #fafafa;}

.my-active-campaign-wrapper .leads-wrapper .leads-item {
    height: 60px;
    line-height: 30px;
    width: 100%;
    background: #f2f2f2;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    vertical-align: middle;
    display: table;
    cursor: pointer;}

.my-active-campaign-wrapper .leads-wrapper .leads-item.selected {
    background: #fff3d9;}

.my-active-campaign-wrapper .leads-wrapper .leads-item p {
    width: 14%;
    text-align: center;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    word-break: break-word;
    padding: 0 5px;}

.my-active-campaign-wrapper .leads-wrapper .leads-item div.dropdown {
    width: 13%;
    margin-top: 15px;}

.my-active-campaign-wrapper .leads-wrapper .leads-item .dropdown-opened {
    background-position: 98% 11px !important;}

.my-active-campaign-wrapper .leads-wrapper .ir.new.header {
    margin-bottom: 0;}

.my-active-campaign-wrapper .leads-wrapper .ir.new.header .leads-item {
    background: #fff;
    border-bottom: 2px dotted #efefef;}

.my-active-campaign-wrapper .leads-wrapper .ir.new.header .leads-item > p {
    text-transform: uppercase;
    line-height: 20px;
    height: 40px;}

.my-active-campaign-wrapper .leads-wrapper .leads-item p.date,
.my-active-campaign-wrapper .leads-wrapper .leads-item p.name {
    width: 15%;}

.my-active-campaign-wrapper .leads-wrapper .leads-item p.venue,
.my-active-campaign-wrapper .leads-wrapper .leads-item p.eventType {
    width: 10%;}

.my-active-campaign-wrapper .leads-wrapper .leads-item p.email {
    width: 20%;}

.my-active-campaign-wrapper .leads-wrapper .leads-item p.phone {
    width: 16%;}

.my-active-campaign-wrapper .leads-wrapper .leads-item p.dropdown {
    float: none;
    padding-top: 0;}

.my-active-campaign-wrapper .leads-wrapper .leads-item p.dropdown img {
    top: 22px;
    right: 15px;}

.my-active-campaign-wrapper .leads-wrapper .leads-item p.dropdown input {
    width: 100%;}

/* ADD NEW USER MODAL */
.add-user {
    height: 100%;
    padding: 10px;}

.add-user button.close,
.new-event .modal-header button.close,
.new-timeline .modal-header button.close,
.clone-timeline-modal .modal-header button.close,
.instructions-3d-popup .modal-header button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: transparent;
    padding: 0;
    width: 20px;
    opacity: 1;
    font-size: 27px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.add-user h4,
.new-event .modal-header p.modal-title,
.new-timeline .modal-header p.modal-title,
.clone-timeline-modal .modal-header p.modal-title {
    text-align: center;
    margin: 20px -10px;
    height: 30px;
    line-height: 40px;
    font-size: 20px;}

.add-user label,
.add-user .member-type-wrapper{
    padding: 3px 20px;
    width: 100%;}

.add-user label.email_label{
    margin-top: 37px;
}

.add-user .member-type-wrapper .dropdown-content .ir label {
    padding: 3px 10px 3px 0;
    font-size: 14px;
    text-indent: 0;}

.add-user label span {
    display: block;}

.add-user label .chb-square {
    margin-top: 2px;}

.add-user label input,
.add-user .member-type-wrapper input{
    height: 40px;
    width: 100%;
    border: 1px solid #E3E3E4;
    outline: none;
    padding-left: 10px;
    font-size: 14px;
    font-family: OpenSans;
    font-weight: normal;
    text-indent: 5px;}

.add-user label input::placeholder {
    color: #cacaca;
}

.add-user label input:hover {
    border: 1px solid #d4dad9;
}

.add-user .member-type-wrapper input.dropdown-toggle {
    margin-top: 4px;}

.add-user .member-type-wrapper .dropdown {
    width: 100%;}

.add-user .member-type-wrapper .dropdown-content label {
    margin-left: 15px;
}

.add-user button.save-user,
.new-event .modal-footer button {
    width: 92%;
    position: absolute;
    bottom: 20px;
    left: 4%;
    height: 50px;
    border: none;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 0;}

.add-user button.save-user:hover,
.new-event .modal-footer button:hover {
    width: 92%;
    position: absolute;
    bottom: 20px;
    left: 4%;
    height: 50px;
    border: none;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 0;}

.accept-event-modal .generic-modal-content {
    width: 450px;
    height: 300px;}

.generic-modal-content .campaign-list-popup {
    max-height: 300px;
    overflow-y: auto;}

.accept-event-modal .generic-modal-content .assign-manager .chb-square {
    display: none;}

.accept-event-modal .generic-modal-content .notification {
    position: relative;
    top: 45px;}

.accept-event-modal .generic-modal-content .dropdown {
    width: 100%;}

.accept-event-modal .generic-modal-content .dropdown .dropdown-toggle {
    width: 100%;}

.accept-event-modal .add-user {
    padding: 10px 20px;}

.accept-event-modal .add-user h4 {
    border: none;
    margin: 0 0 30px 0;}

.accept-event-modal .add-user label {
    padding: 0;}

.accept-event-modal .add-user .label-note {
    width: 100%;
    padding: 10px 0;
    background-color: #efefef;
    margin-top: 55px;
    text-align: center;}

/* END NEW USER MODAL */
/* NEW EVENT MODAL */
.new-event {
    height: 500px;
    border-radius: 0;}

.new-event .modal-header,
.new-timeline .modal-header,
.clone-timeline-modal .modal-header {
    text-align: center;
    border-bottom: none;
    margin: 0 15px;
    padding-bottom: 0;}

.new-event .modal-header {
    margin-bottom: 9px;}

.new-event .modal-body {
    padding: 0 20px;
    position: static;}

.new-event .modal-body .form-group,
.new-timeline .modal-body .form-group {
    height: 60px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;}

.new-event .modal-body .form-group {
    margin-top: 3px;}

.new-event .modal-body .form-group label {
    height: 100%;
    width: 100%;
    position: relative;}

.new-event .modal-body .form-group.name label.user-input {
    width: 88%;}

.new-event .modal-body .invite-vendor label {
    margin-bottom: 15px;}

.new-event .modal-body .invite-vendor label i {
    height: 17px;}

.new-event .modal-body .form-group.picture label i.passwd {
    display: inline-block;
    width: 100%;}

.new-event .modal-body .form-group .invite-vendor label input {
    text-indent: 15px;
}

.new-event .modal-body .form-group label input {
    width: 100%;
    height: 40px;
    border-radius: 0;
    outline: none;
    border: 1px solid #E3E3E4;
    font-size: 15px;
    color: #58595b;
    font-family: OpenSans;
    font-weight: normal;
    box-shadow: none;}

.new-event .modal-body .form-group label:hover input {
    border: 1px solid #d4dad9;
}

.new-event .modal-body .form-group label input.dropdown-toggle {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/down_arrow_gray.svg") no-repeat;
    background-position: 98%;
    background-size: 13px;
    cursor: pointer;
    padding: 0;
    height: 40px;
    border: 1px solid #ccc;
    outline: 0;
    text-indent: 10px;}

.new-event .form-group label.custom-event-name-wrapper-label,
.new-event .form-group .evt-name-input {
    margin-top: 0;}

.new-event .input-group.date .calendar-input {
    display: inline-block;
    width: 280px;
    height: 40px;
    font-size: 15px;
    font-family: OpenSans;
    font-weight: normal;
    color: #58595b;
    border: 1px solid #e3e3e4;
    box-shadow: none}

.new-event .input-group.date:hover .calendar-input {
    border: 1px solid #d4dad9;}

.new-event .input-group.date .calendar-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
    padding-top: 8px;}

.new-event .input-group.date .calendar-icon > span {
    font-size: 22px;
    left: 1.5px;}

.new-event .input-group .expected-guests-span {
    display: inline-block;
    width: 280px;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    color: #909092;
    font-style: italic !important;
    border: 1px solid #e3e3e4;
    padding-left: 10px;}

.new-event .modal-body .form-group label input.expected-guests-number {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    text-align: center;
    padding: 0;
    margin-top: 15px;
    color: #909092;}

.new-event .modal-footer {
    border-top: none;
    height: 90px;}

.new-event div.change-permissions {
    padding-top: 0;}

.new-event .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection .dropdown-content.dropdown-open-bottom {
    width: 100%;}

.new-event .back-btn {
    text-align: center;
    width: 100%;
    font-size: 13px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    color: #59595b;
    cursor: pointer;
    position: absolute;
    bottom: 20px;}

.new-event .users-list .ir.selected {
    background-color: transparent;}

.new-event .users-list .user-wrapper {
    margin: 0 20px;
    border-bottom: 1px solid #59595b;
    height: 60px;
    padding: 10px 10px;}

.new-event .users-list .ir.selected .user-wrapper,
.new-event .users-list .user-wrapper:hover {
    background-color: #f0f0f0;}

.new-event .users-list .user-wrapper p {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 2px;}

/* END NEW EVENT MODAL */

/*ADD NEW VENUE MODAL*/

.add-venue .modal-header button.close {
    position: absolute;
    right: 10px;
    background: transparent;
    font-size: 20px;
    padding: 0;
    width: 20px;
    opacity: 1;}

.add-venue .modal-header p.modal-title {
    text-align: center;
    margin: 20px -10px;
    height: 50px;
    line-height: 40px;
    font-size: 20px;}

.add-venue .modal-footer button {
    width: 100%;
    bottom: 20px;
    left: 4%;
    height: 50px;
    border: none;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 0;}

.add-venue {
    height: 600px;
    border-radius: 0;}

.add-venue .modal-header {
    text-align: center;
    border-bottom: none;
    padding: 0 15px;}

.add-venue .modal-body {
    padding: 0 20px 0 20px;}

.add-venue .modal-body .form-group {
    height: 35px;
    width: 100%;}

.add-venue .modal-body .form-group label {
    height: 100%;
    width: 100%;
    position: relative;}

.add-venue .modal-body .form-group label input {
    width: 100%;
    height: 40px;
    border-radius: 0;
    outline: none;}

.add-venue .modal-body .form-group.add-venue-selected-wrapper {
    height: 420px;}

.add-venue .add-venue-search input {
    height: 30px;
    width: 90%;
    border: 1px solid #94A2A1;
    outline: none;
    border-radius: 0;
    padding-left: 15px;
    font-size: 14px;
    font-family: 'OpenSans';
    font-weight: normal;
    color: #59595b;
    float: left;
    margin-right: 10px;}

.add-venue .add-venue-search span {
    height: 30px;
    width: 7%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 7px;
    float: left;
    top: 0;
    cursor: pointer;}

.add-venue .add-venue-search span:hover,
.add-venue .add-venue-search span:active {
    background: #8b9998;}

.add-venue-selected-wrapper .add-venue-share-event {
    padding: 10px 0 0 20px;}

.add-venue .add-venue-list-wrapper {
    padding: 0 0 0 20px;
    height: 440px;
    overflow: scroll;
    margin-right: 25px;}

.add-venue .previously-used-venue {
    margin-left: 20px;}

.add-venue .add-venue-list-wrapper .add-venue-list-item h4 {
    font-size: 12px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    margin-bottom: 4px;}

.add-venue .add-venue-list-wrapper .add-venue-list-item p {
    font-size: 11px;
    margin-bottom: 0;}

.add-venue-list-item-selected h4 {
    font-size: 12px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    margin-bottom: 4px;}

.add-venue-list-item-selected p {
    font-size: 11px;
    margin-bottom: 0px;}

.add-venue-list-item-selected {
    background: #e6e7e8;
    padding: 1px 0 10px 20px;}

.add-venue .add-venue-list-wrapper .add-venue-list-item {
    padding: 0 0 10px 15px;
    border-bottom: 1px solid #59595b;
    height: 70px;}

.add-venue .add-venue-list-wrapper .add-venue-list-item .add-venue-select-button-wrapper {
    width: 70px;
    padding: 0;
    float: right;
    margin-right: 20px;}

.add-venue .add-venue-list-wrapper .add-venue-list-item .text-wrapper {
    width: 300px;
    float: left;}

.add-venue.add-venue-selected .modal-body {
    padding: 0;}

.add-venue.add-venue-selected .modal-footer {
    padding: 0 20px 0 20px;}

.add-venue .add-venue-list-wrapper .add-venue-list-item .add-venue-select-button-wrapper button {
    font-family: 'OpenSans' !important;
    width: 70px;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 9px;
    margin-top: 20px;}

.add-venue .modal-footer {
    padding: 0;}

.add-venue-share-event h4 {
    font-size: 12px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    margin-bottom: 4px;}

.add-venue-share-event {
    height: 100%;
    width: 100%;
    position: relative;}

.add-venue-list-item-selected-wrapper button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: transparent;
    font-size: 16px;
    padding: 0;
    width: 20px;
    opacity: 1;}

.add-venue-share-event .title {
    text-align: center;
    margin: 35px 0 35px 0;
    font-size: 20px;
    font-family: 'OpenSans';
    font-weight: normal;}

.add-venue-share-event .default > label {
    margin: 0 0 0 20px;
    font-family: 'OpenSans';
    font-weight: normal;
    color: #59595b;}

.add-venue-share-event .default > label input {
    margin-right: 15px;
    width: 16px;
    height: 16px;
    background: #e6e7e8;
    -webkit-appearance: none;
    border-radius: 16px;
    border: 2px solid #fff;
    outline: none;
    box-shadow: 0 0 0 1px #aeb9b8;
    float: left;
    cursor: pointer;}

.add-venue-share-event .default > label input[data-checked="true"] {
    background: #7fa062;
    box-shadow: 0 0 0 1px #aeb9b8;}

.add-venue-share-event .default > label span {
    float: left;
    margin-top: 3px;}

.add-venue-share-event .toggle-button {
    background: #e6e7e8;
    cursor: pointer;}

.add-venue-share-event .toggle-button-selected {background: #7fa062;}
.add-venue-share-event .toggle-button button {background: #58595b;}
.add-venue-share-event .permissions-wrapper > div .perm span {color: #58595b;}

.permissions-wrapper .perm label.toggle-button span {margin-left: 0;}

.add-venue-share-event .permissions-wrapper > div > div {border-bottom-color: #58595b;}

.add-venue-share-event button.add-venue-update {
    width: 92%;
    position: absolute;
    bottom: 55px;
    left: 4%;
    height: 50px;
    border: none;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.add-venue-list-item-selected-wrapper {
    height: 600px;}

.add-venue-share-event button,
.add-venue-share-event .text-wrapper,
.add-venue-share-event .default {
    padding: 0 20px 0 20px;}

.add-venue-share-event .add-venue-update {
    padding: 20px;}

.add-venue-share-event .default h4 {
    color: #59595b;
    margin: 25px 0 10px 20px;}

/*END NEW VENUE MODAL*/
.account-page,
.account-page > div,
.account-page > div > div {
    height: 100%;}

/* NEW HALL PAGE */
.new-hall {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 15px 71px;}

.new-hall .hall-details {
    width: 242px;
    height: 545px;
    float: left;
    margin-right: 17px;
    border-radius: 12px;
    padding: 15px;
    text-align: right;}

.new-hall .hall-details h4 {
    margin-top: 0;
    font-size: 20px;
    text-align: left;}

.new-hall .hall-details .dark-text {
    text-align: left;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.new-hall .hall-details .title-hall-details,
.new-hall .hall-details .subtitle-hall-details{
    font-size: 28px;
    text-align: left;
    font-family: OpenSans;
    font-weight: normal;
    color: #000;}

.new-hall .hall-details .subtitle-hall-details {
    font-family: OpenSans-Bold;
    font-size: 14px;}

.new-hall .hall-details .info-list {
    padding-left: 35px;}

.new-hall .hall-details .info-list.second-list {
    padding-top: 8px;
    padding-bottom: 8px;}

.new-hall .hall-details .info-list.second-list .orange-text {
    margin-top: -5px;}

.new-hall .hall-details .input-dimensions {
    font-size: 22px;
    width: 100%;
    text-align: center;}

.new-hall .hall-details .input-dimensions input {
    width: 57px;
    padding: 3px 5px;
    font-size: 11px;
    margin-left: 2px;
    margin-right: 3px;}

.new-hall .hall-details .info-list > span {
    position: absolute;
    margin-left: -35px;
    margin-top: 3px;
    font-size: 14px;
    font-family: OpenSans;
    font-weight: normal;
    border-radius: 50%;
    padding: 1px 7px;}

.hall-details .floor-plan {
    height: 40px;
    width: 100%;
    position: relative;
    margin-top: 30px;}

.hall-details .floor-plan input.filename {
    width: 65%;
    float: left;
    height: 35px;
    margin-right: 2%;
    text-indent: 10px;}

.hall-details .floor-plan label {
    width: 33%;
    float: left;
    height: 33px;}

.hall-details .floor-plan input.browse {
    width: 33%;
    float: left;
    height: 33px;
    line-height: 35px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    color: transparent;
    outline: 0;
    margin-top: 1px;}

.hall-details .floor-plan input.browse::-webkit-file-upload-button {
    visibility: hidden;
    outline: 0;}

.hall-details .floor-plan input.browse::before {
    content: "BROWSE";
    display: inline-block;
    color: #fff;
    width: 100%;
    text-align: center;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;}

.hall-details .hall-name {
    width: 100%;
    height: 35px;
    margin-top: 20px;
    text-indent: 10px;}

.hall-details button.cancel,
.hall-details button.next {
    border: none;
    height: 30px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    padding: 0;
    font-size: 13px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    width: 100px;
    margin-top: 30px;}

.hall-details .hall-name input.feet-input {
    width: 65%;
    float: left;
    height: 35px;
    margin-right: 2%;
    text-indent: 10px;}

.hall-details .hall-name input.space-name-input {
    width: 100%;
    float: left;
    height: 35px;
    margin-right: 2%;
    text-indent: 10px;
    font-weight: normal;
    font-family: OpenSans;}

.hall-map-menu {
    height: 30px;
    width: calc(100% - 259px);
    float: left;
    padding-left: 2%;
    min-width: 670px;}

.hall-map-menu button {
    width: 20%;
    height: 100%;
    border: none;
    padding: 0;}

.hall-map {
    width: calc(100% - 259px);
    float: left;
    background: #fff;
    height: 95%;
    min-width: 670px;
    min-height: 488px;}

.hall-map-menu div.button-hover-area {
    width: 16%;
    height: 30px;
    text-align: center;
    float: left;}

.hall-map-menu div.button-hover-area:hover  {background: #96A5A4;}
.hall-map-menu div.button-hover-area:active {background: #8b9998;}

.hall-center-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_map_center.svg") no-repeat;
    background-position: center;
    background-size: 20px;}

.hall-fit-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_map_fit.svg") no-repeat;
    background-position: center;
    background-size: 20px;}

.hall-zoom-in-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_map_plus.svg") no-repeat;
    background-position: center;
    background-size: 20px;}

.hall-zoom-out-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_map_minus.svg") no-repeat;
    background-position: center;
    background-size: 20px;}

.hall-rotate-left-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_map_rotate_ccw.svg") no-repeat;
    background-position: center;
    background-size: 20px;}

.hall-rotate-right-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_map_rotate_cw.svg") no-repeat;
    background-position: center;
    background-size: 20px;}

/* END NEW HALL PAGE */

@media (max-width: 1870px) {
    .account-page-content {
        width: 81%;
    }
}

@media (max-width: 1740px) {
    .account-page-content {
        width: 77%;
    }
}

@media (max-width: 1436px) {
    .account-page-content {
        width: 74%;
    }
}

@media (max-width: 1270px) {
    .account-page-content {
        width: calc(100% - 380px);
        padding-right: 0;
    }
}

@media (max-width: 1200px) {
    .guests-panel main form.navbar-form div.form-group.evt-controls {
        width: 42%;
    }

    .guests-panel main form.navbar-form div.form-group.evt-info {
        width: 24%;
    }
}

@media (max-width: 1320px) and (min-width: 1271px) {
    .account-page-content {
        width: 74%;
    }
}

/* RIGHT FLOATING CONTROLS */
.as-admin .right-floating-controls,
.event-page .right-floating-controls {
    position: absolute;
    width: 50px;
    right: 0;
    top: 120px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    min-height: 320px;
    height: calc(95vh - 120px);
    overflow: hidden;
}

.as-admin .right-floating-controls > div,
.event-page .right-floating-controls > div {
    height: 170px;
    width: 100%;
    position: relative;}

.as-admin .right-floating-controls > div p,
.event-page .right-floating-controls > div p {
    width: 52px;
    height: 150px;
    cursor: pointer;
    float: right;}

.my-campaign-step1 {margin: 10px 0;}

.my-campaign-step1 > label input {
    margin-right: 15px;
    width: 16px;
    height: 16px;
    background: #e6e7e8;
    -webkit-appearance: none;
    border-radius: 16px;
    border: 2px solid #fff;
    outline: none;
    box-shadow: 0 0 0 1px #aeb9b8;
    float: left;
    cursor: pointer;}

.my-campaign-step1 > label input[checked] {
    background: #7fa062;
    box-shadow: 0 0 0 1px #aeb9b8;}

.my-campaign-step1 span {
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    color: #59595b;
    font-size: 14px;
    line-height: 25px;
    padding-right: 10px;}

.invites-notif-bubble {
    background: #ff0000;
    padding: 2px 6px 2px 6px;
    border-radius: 3px;
    color: #fff;
    margin-right: 5px;
    position: absolute;
    top: -10px;
    right: -10px;
    box-shadow: 0 1.5px 0 0 #4a4952;}

.update-info-open .invites-notif-bubble {
    top:231px;}

/*// COMBO BOXES*/
.my-campaign-add-job-wrapper .dropdown-combo-input-over-selection .dropdown-toggle {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/down_arrow_gray.svg") no-repeat;
    background-position: 98%;
    background-size: 13px;
    z-index: 1;
    cursor: pointer;
    position: inherit;
    top: 0;
    padding: 0;
    margin: 0 0 0 1px;
    height: 40px;
    width: 410px;
    border: 1px solid #afc1c0;
    outline: 0;
    text-indent: 10px;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.my-campaign-add-job-wrapper .dropdown-combo-input-over-selection .dropdown-content {
    width: 410px;}

.my-campaign-add-job-wrapper .delete-btn {
    height: 35px;
    border: none;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.my-campaign-step1-search {
    position: relative;
    float: left;}

/*// END COMBO BOXES*/

/*Multicheck combo for campaign*/
.create-a-promotion-multicheck-search {
    position: relative;
    width: 410px;
    /*margin-bottom: 10px;*/
    margin-bottom: 40px;}

.wrapper-dt {
    position: relative;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/down_arrow_gray.svg");
    background-repeat: no-repeat;
    background-position: 98% 15px;
    background-size: 13px;
    border: 1px solid #afc1c0;}

.wrapper-dd {
    position: relative;
    background-color: #fff;
    z-index: 16;}

.wrapper-dd .multiSelect {
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    color: #59595b;
    font-size: 14px;
    background-color: white;
    display: none;
    left: 0;
    padding: 2px 15px;
    position: absolute;
    width: 100%;
    list-style: none;
    height: 100px;
    overflow: auto;
    margin-top: 38px;
    border: 1px solid #afc1c0;
    box-shadow: rgba(0, 0, 0, 0.34902) 5px 5px 5px;
    z-index: 10;
    max-height: 250px;}

.wrapper-dd .multiSelect ul {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;}

.wrapper-dd .multiSelect ul div.ir.select-all {
    padding: 10px 0;
    border-bottom: 1px solid #e6e7e8;}

.wrapper-dd .multiSelect ul div.ir {
    padding: 6px 0;}

.wrapper-dd .multiSelect ul div.ir span.chb-square {
    margin-top: 3px;}

div.absolute-input {
    position: absolute;
    z-index: 15;
    bottom: -39px;
    width: 410px;
    left: -0;
    height: 40px;}

div.absolute-input input {
    width: 100%;
    height: 100%;
    text-indent: 10px;}

div.absolute-input::-webkit-input-placeholder {
    font-style: normal;}

span.multiSel {
    display: inline-block;
    padding: 2px 10px 2px 10px;
    background: #afc1c0;
    color: #fff;
    margin: 5px;
    border-radius: 15px;
    text-transform: capitalize;}

div.multiSel-wrapper {
    position: relative;
    margin-top: 10px;
    height: auto;
    display: table;
    width: 410px;}

p.multiSel {
    width: 100%;
    height: auto;
    max-height: 100px;
    min-height: 40px;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #afc1c0;
    border-bottom: none;}

p.multiSel > .ir {
    padding: 5px 10px;}

p.multiSel span.chb-square {
    margin-top: 7px;}

.multiSel span.remove-tag {
    margin: 0;
    padding-right: 0;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    cursor: pointer;
    font-size: 18px;
    text-transform: none;}

.multiSelect label:hover {
    cursor: pointer;}

.create-a-promotion-right-side-wrapper {
    float: left;
    position: relative;
    width: 65%;
    height: 100%;}

@media (max-width: 1800px) {
    .create-a-promotion-left-side {
        width: 100%;
    }
    .create-a-promotion-right-side-wrapper {
        width: 64%;
    }
}

@media (max-width: 1680px) {
    .create-a-promotion-left-side {
        width: 100%;
    }
    .create-a-promotion-right-side-wrapper {
        width: 61%;
    }
}

@media (max-width: 1580px) {
    .create-a-promotion-left-side {
        width: 100%;
    }
    .create-a-promotion-right-side-wrapper {
        width: 58%;
    }
}

.ir:hover {
    color: #59595b;}

.marginB-35 {
    margin-bottom: 35px;}

.marginT-35 {
    margin-top: 35px;}

.fill-details,
.fill-details > div {
    width: 100%;
    height: 100%;}

/* SEATING - OBJECTS */
.seating {height: 85%;}

.seating div.hall-map-selector {
    background-color: transparent;
    position: relative;
    overflow: hidden;
    display: table;}

.seating .hall-map-selector .type-wrapper {
    height: auto;
    padding: 10px 10px 0;
    background-color: #fff;
    text-align: right;}

.seating .hall-map-selector .type-wrapper button.type {
    width: 100%;
    height: 52px;
    margin-bottom: 10px;
    text-align: left;
    border-radius: 0;
    padding: 6px 10px;}

.seating .hall-map-selector .type-wrapper button.type p {
    width: 100%;
    margin-bottom: 0;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 15px;}

.seating .hall-map-selector .type-wrapper button.type label {
    font-size: 11px;}

.seating .hall-map-selector .type-wrapper button.cancel {
    height: 26px;
    width: 90px;
    padding: 0;
    font-size: 11px;
    border-radius: 0;
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-bottom: 10px;}

.seating .hall-map-selector .name-wrapper {
    height: 85px;
    margin-top: 5px;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 5px;}

.seating .hall-map-selector .name-wrapper > label {
    width: 100%;}

.seating .hall-map-selector .name-wrapper p {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 5px;}

.seating .hall-map-selector .name-wrapper input {
    width: 100%;
    height: 35px;
    text-indent: 10px;
    border: 1px solid #e3e3e4;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    font-family: OpenSans;
    font-weight: normal;
    position: relative;
    top: -15px;}
.seating .hall-map-selector .name-wrapper input:hover {
    border: 1px solid #d4dad9;
}

.seating .hall-map-selector input::-webkit-input-placeholder {font-family: OpenSans; font-weight: normal;}
.seating .hall-map-selector input:-ms-input-placeholder {font-family: OpenSans; font-weight: normal;}

.seating .hall-map-selector .map-type-wrapper {
    background-color: #fff;
    margin-top: 5px;
    bottom: 0;
    position: relative;
    width: 100%;
    padding: 10px;
    display: table-row;}

.seating .hall-map-selector .upload-floorplan .upload-floorplan-text {
    padding: 0;
    width: 100%;
    height: auto;
    text-align: left;}

.seating .hall-map-selector .upload-floorplan .upload-floorplan-text p.venue-halls-title {
    padding: 10px;}

.seating .hall-map-selector .upload-floorplan .upload-floorplan-text a {
    margin-left: 10px;
    text-decoration: underline;
    font-family: OpenSans-Bold;
    font-size: 14px;
    cursor: pointer;}

.seating .hall-map-selector .map-type-wrapper > div {
    padding: 10px;}

.seating .hall-map-selector .map-type-wrapper p.venue-halls-title {
    font-size: 16px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    padding: 10px 10px 14px ;
    margin-bottom: 0;}
.seating .hall-map-selector .map-type-wrapper p.venue-halls-title:before{
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    border: none;
    position: relative;
    background-color: #e6e7e8;
    left: 0px;
    top: 36px;
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list {
    height: calc(100% - 120px);
    overflow-y: auto;
    position: initial;
    top: 30px;
    bottom: 50px;
    width: 100%;
    left: 0;
    padding: 0;}


.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir {
    width: 100%;
    overflow: hidden;
    padding: 12px 0 0 10px;
    font-size: 13px;
    min-height: 40px;
    color: #59595b;
}

.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir.selected {
    background: transparent !important;}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir.selected:hover,
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir.selected:hover .zones-list .ir{
    /*background: #f0f0f0 !important;*/
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir .chb-square {
    margin-top: 3px;
    margin-right: 8px;
    border: 1px solid #cfcfcf;
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir > label .chb-square {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir .zones-list .chb-square {
    border-radius: 2px;
}

.name-with-info{
    display: inline-block;
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir.with-zones .zones-list{
    width: 270px;
    margin-left: -10px;
    padding-left: 10px;
    background-color: rgba(230,231,232,.2) !important
}

.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir.with-zones .zones-list .ir{
    padding-left: 20px;
}

.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir.with-zones .zones-list .ir.disabled-checkbox label{
    opacity: 0.5;
    pointer-events: none;
}

.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir label div.info-checkbox {
    display: inline-block;
    width: 90%;}

.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir label div.info-checkbox span.is-real-view{
    display: inline-block;
    width: auto;
    height: 13px;
    border-radius: 2px;
    background-color: #acbbbb;
    font-family: lato, sans-serif;;
    font-size: 8px;
    font-weight: 600;
    color: #ffffff;
    padding: 1px 4px;
    position: relative;
    top: -1px;}

.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir label div.info-checkbox span.is-real-view span {
    color: #fff;
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir > label .chb-square.checked{
    background: #e95f35;
    border-color: #e95f35;
}

.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir .zones-list .chb-square.checked{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/box_checked_square.svg") center center no-repeat;
    border: none;
    box-shadow: none;
    border-radius: 2px;
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir > label .chb-square.checked{
    box-shadow: inset 1px 1px 0px 0px #fff, inset 0px 0px 0 2px #fff;
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir label div.info-checkbox span{
    font-family: lato, sans-serif;
    color: #58595b;}

.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir:hover{
    /*background-color: #f0f0f0;*/
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir:hover label div.info-checkbox span.is-real-view,
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir label .chb-square.checked + div.info-checkbox span.is-real-view{
    background-color: #e95f35;}

.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir label {
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(230,231,232,0.2);}


.seating .hall-map-selector .map-type-wrapper .floorplan-bottom-buttons {
    width: auto;
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: 0;}

.seating .hall-map-selector .map-type-wrapper .floorplan-bottom-buttons.custom {
    position: static;}

.seating .hall-map-selector .map-type-wrapper .floorplan-bottom-buttons button {
    width: 100px;
    height: 30px;
    border-radius: 0;
    font-size: 12px;
    margin-left: 8px}


.auto-layout-select-buttons div.ir {
    width: 47px;
    margin: 0 3.8px 15px;
    float: left;
    padding: 0;
    outline: none;
    -webkit-appearance: none;
    height: 47px;
    border: 2px solid #d4dad9;
    overflow: hidden;}

.auto-layout-select-buttons div.ir button {
    width: 100%;
    height: 100%;
    outline:none;
    border:none;
    background: transparent;}

.auto-layout-select-buttons label.auto-layout-one {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/autolayout-shape1.svg");
    background-size: contain;}

.auto-layout-select-buttons label.auto-layout-two {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/autolayout-shape2.svg");
    background-size: contain;}

.auto-layout-select-buttons label.auto-layout-three {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/autolayout-shape3.svg");
    background-size: contain;}

.auto-layout-select-buttons label.auto-layout-four {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/autolayout-shape4.svg");
    background-size: contain;}

.auto-layout-pattern {
    position:fixed;
    z-index:99;
    background:#fff;
    padding:5px;
    width:200px;
    -webkit-box-shadow: 0px 0px 1px 0.5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0.5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0.5px rgba(0,0,0,0.75);}

.auto-layout-pattern .space-wrapper .label-title {
    display: block;
    font-family: OpenSans-Bold;
    font-size: 17px;
    text-align: left;
    text-indent: 10px;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px;}

.auto-layout-pattern .space-wrapper {
    background: #f1f1f1;
    padding:10px;}

.auto-layout-pattern .space-wrapper i {
    font-size: 10px;
    height: 10px;
    display: inline-block;}

.auto-layout-pattern .space-wrapper .gray-button {
    width: 48%;
    margin: 0 1% 0 0;}

.auto-layout-pattern .space-wrapper > div label {
    width: 40px;
    font-family: OpenSans;
    font-weight: lighter;}

.auto-layout-pattern .space-wrapper > div label.dark-text {
    height: 15px;
    margin-bottom: 5px;}

.auto-layout-pattern .space-wrapper > div label.subtitle {
    width: auto;
    min-width: 69px;
    margin-top:15px;
    font-size:13px;}

.auto-layout-pattern .space-wrapper > div span.indicator {
    position: relative;
    top: -6px;}

.auto-layout-pattern .space-wrapper > div label input {
    width:100%;
    font-family: OpenSans-SemiBold;
    font-size:13px;
    height: 28px;
    text-indent: 5px;}

.auto-layout-pattern .floorplan-templates-buttons {
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;}

.auto-layout-pattern .orange-button,
.auto-layout-pattern .gray-button {
    display: inline-block;
    padding: 6px 0;
    text-transform: uppercase;
    width: 48%;
    margin: 15px 0 0 1%;}

.auto-layout-shape .btn.orange-gradient:disabled {
    cursor: default;}

.auto-layout-shape .modal-footer .btn.orange-gradient {
    position: relative;}

.auto-layout-shape {
    width: 250px !important;}

.auto-layout-shape div.modal-footer {
    margin-left: 10px;
    padding: 15px 8px;
    width: 220px;}

.auto-layout-shape .info {
    font-size:16px !important;}

.auto-layout-shape.modal-shadow .modal-header {
    height: 40px;}

.auto-layout-shape div.modal-footer button {
    width: 99px;
    float: left;}

.auto-layout-shape .update-rect {
    font-weight: normal;
    font-size: 13px;
    margin: 13px 0 0 8px;
}

.seating .hall-map-selector .map-type-wrapper .settings-modal-units p.dark-text,
.seating .hall-map-selector .map-type-wrapper .dimensions-wrapper p.dark-text,
.seating .hall-map-selector .map-type-wrapper .background-color-wrapper p {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0;}

.seating .hall-map-selector .map-type-wrapper .settings-modal-units label {
    margin-right: 10px;}

.seating .hall-map-selector .map-type-wrapper .settings-modal-units {
    padding-bottom: 20px;}

.seating .hall-map-selector .map-type-wrapper .settings-modal-units p.dark-text {
    margin-bottom: 15px;}

.seating .hall-map-selector .map-type-wrapper .dimensions-wrapper label.user-input {
    width: 49%;
    font-size: 15px;}

.seating .hall-map-selector .map-type-wrapper .dimensions-wrapper label.user-input i {
    display: block !important;
    font-size: 11px;}

.seating .hall-map-selector .map-type-wrapper .dimensions-wrapper label.user-input input {
    width: 60px;
    font-size: 12px;
    text-indent: 10px;
    height: 30px;
    margin-right: 3px;
    border: 1px solid #e3e3e4;
    font-family: OpenSans;
    font-weight: normal;
    outline: none;
    border-radius: 0;
    box-shadow: none;}
.seating .hall-map-selector .map-type-wrapper .dimensions-wrapper label.user-input input:hover{
    border: 1px solid #d4dad9;
}
.seating .hall-map-selector .map-type-wrapper .dimensions-wrapper label.user-input span {
    vertical-align: bottom;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 5px;}

.seating .hall-map-selector .map-type-wrapper .background-color-wrapper {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;}

.seating .hall-map-selector .map-type-wrapper .background-color-wrapper p {
    float: left;}

.seating .hall-map-selector .map-type-wrapper .background-color-wrapper div.color-picker-wrapper {
    width: 70px;
    height: 25px;
    float: left;
    margin-left: 10px;
    position: relative;}

div.color-picker-wrapper .evo-pop {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    position: absolute;
    top: 30px;
    width: 220px;
    padding: 3px 6px 0;}

.occasion-wrapper > div {
    height: 100%;}

.table-controls > div {
    margin: 10px 0;
    font-family: OpenSans-Bold;
    font-weight: normal;
    position: relative;}

.table-controls .dropdown .dropdown-content label,
.edit-object-modal .dropdown .dropdown-content label {
    height: 30px;}

.table-controls > div > span.info {
    line-height: 30px;
    color: #59595B;
    font-size: 12px;
    margin-left: 16px;
    font-family: lato, sans-serif;
    font-weight: 700;}

.table-controls > div > p.selected-item,
.table-controls > div > ul {
    float: right;
    width: 200px;
    border: 1px solid #B0B1C0;
    text-indent: 10px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    color: #59595B;
    cursor: pointer;}

.table-controls > div > p.selected-item {
    height: 30px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/down_arrow_gray.svg") no-repeat;
    background-color: #fff;
    background-position: 98%;
    background-size: 13px;
    line-height: 30px;
    margin-bottom: 3px;}

.table-controls > div > div.dropdown {
    float: right;
    width: 200px;
    margin-right: 5px;
    height: auto;
    background-color: #fff;}

.table-controls > div > div.dropdown input {
    width: 100%;
    background-color: #fff !important;
    height: 30px;
    text-indent: 10px;
    border: 1px solid #B0B1C0;
    font-size: 12px;
    font-family: OpenSans;
    font-weight: normal;}

.table-controls > div > div.dropdown input.dropdown-opened {
    background-position: 98% !important;}

.table-controls > div > div.dropdown .dropdown-content {
    overflow-x: hidden;
    top: 32px;
    background-color: #fff;
    left: 1px;}

.table-controls > div > div.dropdown .dropdown-content label {
    font-family: OpenSans;
    font-weight: normal;}

.table-controls > div > ul {
    height: auto;
    background: #fff;
    padding: 5px;
    position: absolute;
    top: 33px;
    right: 0;
    z-index: 99999;}

.table-controls > div > ul li {
    height: 30px;
    line-height: 30px;
    list-style: none;
    margin-bottom: 1px;}

.table-controls > div > ul li.selected,
.table-controls > div > ul li:hover {
    background-color: #f0f0f0;}

.menu-objects .info-set-name {
    line-height: 30px;
    color: #59595B;
    font-size: 14px;
    margin-left: 5px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.floorplan-controls {
    height: 55px;
    width: 100%;}

.floorplan-controls ul {
    padding: 5px 0;}

.floorplan-controls ul li {
    list-style: none;
    display: inline-block;
    width: 42.2px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #000;
    cursor: pointer}

.floorplan-controls ul li svg {
    width: 100%;
    height: 100%;
    text-align: center;
    border: none;
    margin: 0;
    border-radius: 0;
    background-size: 35px 35px !important;
    background-position: center;}

.floorplan-controls ul li svg.icon_tool_text {
    background-size: 14px !important;
    background-position: center;}

.floorplan-controls ul li svg.icon_tool_square {
    background-size: 14px !important;
    background-position: center;}

.floorplan-controls ul li svg.icon_tool_elipse {
    background-size: 15px !important;
    background-position: center;}

.floorplan-controls ul li svg.icon_tool_ruler {
    background-size: 25px !important;
    background-position: center;}

.floorplan-controls ul li svg.icon_add_ruler {
    background-size: 26px !important;
    background-position: center;}

.floorplan-controls ul li svg.icon_hide_ruler {
    background-size: 26px !important;
    background-position: center;}

.floorplan-controls ul li svg.icon_tool_line {
    background-size: 25px !important;
    background-position: center;}

.floorplan-controls ul li svg.icon_tool_chair {
    background-size: 18px !important;
    background-position: center;}

.floorplan-controls ul li svg.icon_tool_airwall{
    background-size: 18px !important;
    background-position: center;}

.floorplan-controls .subline-list {
    position: absolute;
    width: 42.39px;
    z-index: 999;
    margin-top: -13px;}

.floorplan-controls .subline-list svg {
    height: 35px;}

.floorplan-controls .subline-list svg:last-child {
    margin-top: -13px;}

.search-controls {
    padding: 0 5px 5px;
    height: auto;
    /*border-bottom: 1px solid #e6e7e8;*/
}

.search-controls > input {
    width: 100%;
    border: 1px solid #e3e3e4 !important;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    font-family: OpenSans;
    font-weight: normal;
    font-size: 14px;}
.search-controls > input:hover {
    border: 1px solid #d4dad9 !important;

}
.search-controls > input.seating-object-search {
    padding-right: 25px;}

.search-controls > input::-webkit-input-placeholder {font-style: italic !important; color: #b1b2b4;}
.search-controls > input:-ms-input-placeholder {font-style: italic !important; color: #b1b2b4;}

.layout-wrapper,
.reports-wrapper {
    flex: 1 1 auto;
    position: relative;
    height: 100%;}

.layout-wrapper > div,
.reports-wrapper > div {
    height: 100%;}

.layout-panel {
    height: 100%;
    display: block;}

.layout-panel .left-controls {
    background: #f0f0f0;
    float: left;
    width: 280px;
    min-width: 280px;
    margin-right: 15px;
    height: 100%;}

.layout-panel .left-controls > form.navbar-form {
    padding: 0;
    height: calc(100% - 30px);
    position: relative;
    margin-bottom: 0;}

.layout-panel .left-controls > form.navbar-form .preloader {
    position: absolute;}

.layout-panel .left-controls > form > .events-list,
.layout-panel .left-controls > form > .events-list > div,
.layout-panel .left-controls > form > .events-list > div > div {
    height: 100%;}

.layout-panel .left-controls > form > .events-list > div {
    height: auto;}

.layout-panel .left-controls > form > .events-list > div:last-child {
    position: absolute;
    top: 208px;
    bottom: 0;
    width: 100%;
    background-color: #fff;}

.layout-panel .left-controls > form > .events-list.designer-objects-sidebar > div:last-child {
    top: 245px;}

.layout-panel .left-controls > form > .events-list > div.table-controls,
.layout-panel .left-controls > form > .events-list > div.search-controls {
    height: auto;
    width: 100%;
    background: #f0f0f0;
    position: relative;}

.layout-panel .left-controls > form > .events-list > div.search-controls {
    padding: 0 5px 24px 5px;}

.layout-panel .left-controls > form > .events-list > div.search-controls span {
    position: absolute;
    right: 12px;
    top: 6px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-size: 18px !important;}
.layout-panel .left-controls > form > .events-list > div.search-button {
    position: relative;
    top: -32px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e6e7e8;
}

.layout-panel .left-controls > form > .events-list > div.search-button .categorise-button {
    border: none;
    float: right;
    font-weight: 600;
    margin-right: 14px;
    margin-top: 11px;
}

.layout-panel .left-controls > form > .events-list > div.search-button .categorise-button.doneBtn {
    border: none !important;
    background: #e95f35;
    color: #fff;
    margin-right: 14px;
    margin-top: 11px;
}

.layout-panel .left-controls > form > .events-list > div.search-button .categorise-button.doneBtn:hover {
    background-color: #e64d1e;
    border: none !important;
}

.layout-panel .left-controls > form > .events-list > div.search-button > span {
    margin-top: 9px;
    display: inline-block;
    font-weight: 600;
    margin-left: 13px;
}

.layout-panel .left-controls > form > .events-list > div.floorplan-controls {
    padding: 0 5px;
    height: 47px;
    margin-top: -5px;
    background: #f0f0f0;}

.layout-panel .left-controls > form > .events-list > div > div.events-list {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    border-top: 1px solid #e6e7e8;}

.layout-panel .left-controls > form > .renumber-box {
    background: #f0f0f0;
    padding: 20px 10px;
    font-family: OpenSans;
    font-weight: normal;}

.layout-panel .left-controls > form > .renumber-box .renumber-title {
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-bottom: 10px;}

.layout-panel .left-controls > form > .renumber-box span {
    float: left;
    margin-left: 10px;
    font-family: OpenSans;
    font-weight: bold;
    color: #666;}

.layout-panel .left-controls > form > .renumber-box p {
    margin: 0 0 0 25px;
    font-family: OpenSans;
    font-weight: bold;
    color: #666;}

.layout-panel .left-controls > form > .renumber-box .renumber-input {
    margin: 20px 0 10px 0;
    padding: 15px 0;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;}

.layout-panel .left-controls > form > .renumber-box .renumber-input input {
    width: 42px;
    float: left;
    height: 30px;
    margin-left: 6px;
    text-indent: 10px;
border: 1px solid #e3e3e4}

.layout-panel .left-controls > form > .renumber-box .renumber-input input:hover{
    border: 1px solid #d4dad9;
}

.layout-panel .left-controls > form > .renumber-box .renumber-input .renumber-title {
    margin-top: 6px;
    width: 85px;}

.layout-panel .left-controls > form > .renumber-box .renumber-input button {
    height: 30px;
    color: white;
    float: left;
    font-size: 12px;
    width: auto;
    padding: 0 10px;
    min-width: 70px;
    margin-left: 6px;}

.layout-panel .left-controls > form > .renumber-box .orange-text {
    margin-left: 10px;
    display: inline-block;}

.layout-panel .left-controls > form > .renumber-box .orange-text,
.layout-panel .left-controls > form > .renumber-box .orange-text > span {
    float: none;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.layout-panel .left-controls > form > .renumber-box .gray-gradient {
    color: #fff;
    margin-top: 20px;
    width: 100%;}

.left-controls > form > .events-list > div > div.events-list .event-item {
    width: 100%;
    position: relative;
    cursor: pointer;}

.left-controls > form > .events-list > div > div.events-list .event-item > div {
    padding: 0;}

.left-controls > form > .events-list > div > div.events-list .event-item div.object-display-box {
    width: 100%;}

.left-controls > form > .events-list > div > div.events-list .event-item div.object-display-box .preloader {
    position: absolute;}

.left-controls > form > .events-list > div > div.events-list .event-item div.object-display-box .preloader img {
    left: 55px;}

.left-controls > form > .events-list > div > div.events-list .event-item div .object-amount {
    float: right;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 5px 0;
    text-align: center;
    width: 28px;
    position: relative;}

.left-controls > form > .events-list > div > div.events-list .event-item div .object-amount p {
    margin: 0;}

.left-controls > form > .events-list > div > div.events-list .event-item div .object-amount img.auto-layout-button {
    position: absolute;
    top: 28px;
    left: 0;
    height: 28px;
    width: 28px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_auto_layout_light.svg") 7px 9px no-repeat;
    background-size: 13px 13px;}

.left-controls > form > .events-list > div > div.events-list .event-item:hover div .object-amount img.auto-layout-button {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_auto_layout.svg") 7px 9px no-repeat;
    background-size: 13px 13px;
}

.left-controls > form > .events-list > div > div.events-list .event-item div .object-amount img.chiar-layout-button {
    position: absolute;
    top: 24px;
    left: -5px;
    height: 28px;
    width: 28px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/apply_chair_icon.svg") 7px 9px no-repeat;
    background-size: 20px 20px;}
.left-controls > form > .events-list > div > div.events-list .event-item div .object-amount .fp-icons-tooltip {
    top: 2px;
    left: -28px;
    padding-left: 6px;
}
.left-controls > form > .events-list > div > div.events-list .event-item div .object-amount .fp-icons-tooltip:before {
    left: 91%;
}
.left-controls > form > .events-list > div > div.events-list .event-item div .object-amount img.chiar-layout-button:hover + .fp-icons-tooltip{
    transition-delay: .7s;
    opacity: 1;
    visibility: visible;
}

.left-controls > form > .events-list > div > div.events-list .event-item.show div .object-amount img.chiar-layout-button {
    top: 42px;
    left: -2px;}

.left-controls > form > .events-list > div > div.events-list .event-item div .object-details {
    float: right;
    width: 60%;
    padding-top: 5px;}

.left-controls > form > .events-list > div > div.events-list .event-item div .object-details p {
    margin: 0;}

.left-controls > form > .events-list > div > div.events-list .event-item div.object-display {
    width: 10%;
    padding: 0;
    min-width: 30px;
    border-right: 1px solid #e3e3e4;
    text-align: center;
    float: left;
    height: 100%;}

.left-controls > form > .events-list > div > div.events-list .event-item .divider-display .divider-title {
    font-size: 14px;
    margin: 3px 0 8px 0;}

.left-controls > form > .events-list > div > div.events-list .event-item .divider-display .divider-subtitle {
    font-size: 11px;}

.left-controls > form > .events-list > div > div.events-list .event-item .divider-display {
    background: #94a2a1;
    width: 100%;
    color: #fff;
    padding-left: 35px;
    padding-top: 5px;
    font-family: OpenSans;
    font-weight: normal;}

.left-controls > form > .events-list > div > div.events-list .event-item > div.divider-display p {
    margin: 0;}

form > .events-list > div > div.events-list .event-item div.object-display img {
    width: 14px;
    height: 14px;
    margin-top: 10px;
    margin-left: 1px;}

.left-controls > form > .events-list > div > div.events-list .event-item div.object-details {
    width: 60%;
    padding: 2px 2px 0 10px;}

.left-controls > form > .events-list > div > div.events-list .event-item svg {
    width: 17%;
    overflow: hidden;}
.layout-panel .left-controls > form > .events-list .multiple-actions-floorplan button.btn{
    width: 30px;
    height: 30px;
    padding: 0;
    background-size: 47%;
    background-position: center;
    background-color: #E95F35;
    border-radius: 0;
    top: 25px;
    position: relative;
    left: 65px;
    margin-left: 4px;
}
.layout-panel .left-controls > form > .events-list .new-floorplan,
.layout-panel .left-controls > form > .events-list .multiple-actions-floorplan{
    height: 80px;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #e6e6e7;
    background: #f0f0f0;}

.layout-panel .left-controls > form > .events-list .new-floorplan button.btn{
    position: absolute;
    bottom: 12px;
    right: 14px;
    width: 26px;
    height: 26px;
    padding: 0;
    font-size: 21px;
    font-weight: 500;
    line-height: 1;}
.layout-panel .left-controls > form > .events-list .new-floorplan span{
    bottom: 16px;
    position: absolute;
    left: 16px;
    font-family: OpenSans-Bold;
    font-size: 16px;
    font-weight: 400;}
.layout-panel .left-controls > form > .events-list .new-floorplan span.icon_share,
.layout-panel .left-controls > form > .events-list .new-floorplan span.icon_stop_share{
    background-size: 20px 20px !important;
    width: 20px;
    height: 20px;
    cursor: pointer;
    bottom: 18px;
    position: absolute;
    left: 15px;}

.layout-panel .left-controls .menu-objects .events-list .ir.selected > div {
    background: #fff !important;}

.layout-panel .left-controls > form > div.events-list div.floorplans-list {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    color: #59595B;
    background: transparent;
    padding-left: 8px;
    margin-left: -8px;
    width: calc(100% + 8px);
    top: 80px;
    display: flex;
    flex-flow: column;

}
.layout-panel .left-controls > form > div.events-list div.floorplans-list div.drag-elem .icons{
    display: block !important;
    bottom: 20px;
    opacity: 1;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list div.drag-elem .owner{
    display: none;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list div.drag-elem .icons > span.fp-icons{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.layout-panel .left-controls > form > div.events-list div.floorplans-list div.drag-elem {
    position: absolute;
    width: 280px;
    height: 105px;
    overflow: visible;
    z-index: 9999;
}


.layout-panel .left-controls > form > div.events-list div.floorplans-list > .ir.drag-elem:after {
    position: absolute;
    content: "";
    color: white;
    line-height: 105px;
    height: 105px;
    width: 8px;
    text-align: center;
    top: 0;
    left: -8px;
    background: #acbbcc url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3-dot.png") center center no-repeat;
    background-size: 11px 11px;
    z-index: 11111;
    cursor: grab;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list > .ir.drag-elem:after:hover{
    cursor: grabbing;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list div.isDrag > div{
    pointer-events:none;
}

.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over-leave{
    flex: none;
    min-height: 105px;
    margin: 0;
    transition: all .4s ease-in-out;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over-leave > div{
    margin: 0;
    transition: all .4s ease-in-out;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over.selected{
    background-color: #fff !important;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over.first{
    flex: none;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over.first > div{

    margin-top: 95px;
    border-top: 1px solid #e6e6e7;
    transition: all .4s ease-in-out;
}

.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.with-flex{
    flex: 1;
    background-color: #fff !important;
}



.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over.last{
    min-height: 190px;
    transition: all .4s ease-in-out;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over:not(.last){
    min-height: 105px;
    transition: all .4s ease-in-out;

}

.layout-panel .left-controls > form > div.events-list div.floorplans-list div.drag-over.last > div{
    border-bottom: 1px solid #e6e6e7;
    transition: all .4s ease-in-out;

}
.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over:not(.first):not(.last) {
    flex: none;
}

.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over:not(.first):not(.last) >div {
    margin-bottom: 45px;
    transition: all .4s ease-in-out;
    border-bottom: 1px solid #e6e6e7;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over ~ div.drag-over:not(.first):not(.last) {
    flex: none;
    transition: all .4s ease-in-out;
}

.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.drag-over ~ div.drag-over:not(.first):not(.last) > div {
    margin-top: 45px;
    margin-bottom: 0;
    border-top: 1px solid #e6e6e7;
    transition: all .4s ease-in-out;

}
.layout-panel .left-controls > form > div.events-list div.floorplans-list  div.isDrag .icons {
    display: none;
}

.layout-panel .left-controls > form > div.events-list div.floorplans-list div.over > div{
    background:#fff;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list div.over p{
    pointer-events: none;
}



.layout-panel .left-controls > form > div.events-list.opened-vr div.floorplans-list {height: calc(100% - 385px);}
.layout-panel .left-controls > form > div.events-list.opened-vr-small div.floorplans-list {height: calc(100% - 322px);}
.layout-panel .left-controls > form > div.events-list.opened-vr-strip div.floorplans-list {height: calc(100% - 195px);}

.layout-panel .left-controls > form > div.events-list.opened-vr .share-floor-plan-container.visibleNone + div.floorplans-list {height: calc(100% - 310px);}
.layout-panel .left-controls > form > div.events-list.opened-vr-small .share-floor-plan-container.visibleNone +  div.floorplans-list {height: calc(100% - 250px);}
.layout-panel .left-controls > form > div.events-list.opened-vr-strip .share-floor-plan-container.visibleNone +  div.floorplans-list {height: calc(100% - 120px);}
.layout-panel .left-controls > form > div.events-list:not([class*="opened-vr"]) .share-floor-plan-container:not(.visibleNone) + div.floorplans-list {height: calc(100% - 152px);}


.layout-panel .left-controls > form > div.events-list div.floorplans-list > .ir {
    min-height: 105px;
    height: auto;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e7;
    overflow-y: hidden;}

.layout-panel .left-controls > form > .events-list .floorplans-list div.item {
    min-height: 105px;
    padding: 18px 16px;
    font-family: OpenSans-SemiBold;
    font-weight: 400;
    position: relative;}
.layout-panel .left-controls > form > .events-list .floorplans-list .ir:not(.drag-elem):hover{
    position: relative;
    overflow: visible;
    z-index: 9;
}
.layout-panel .left-controls > form > .events-list .floorplans-list .ir.allow-drag:not(.drag-elem):hover:after{
    position: absolute;
    content: "";
    color: white;
    line-height: 105px;
    height: 105px;
    width: 8px;
    text-align: center;
    top: 0;
    left: -8px;
    background: #acbbcc url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3-dot.png") center center no-repeat;
    background-size: 11px 11px;
    z-index: 11111;
    cursor: grab;
}
.layout-panel .left-controls > form > .events-list .floorplans-list .ir:not(.drag-elem) div.item:hover .icons {
    /*display: block;*/
    bottom: 16px;
    opacity: 1;
    transition: all 0.35s ease-in-out;
}
.layout-panel .left-controls > form > .events-list .floorplans-list .ir:not(.drag-elem) div.item:hover .owner .share-text, .layout-panel .left-controls > form > .events-list .floorplans-list .ir:not(.drag-elem) div.item:hover .owner .created-text{
    opacity: 0;
    transition: all 0.35s ease-in-out;
}

.left-controls div.floorplans-list div.item p.title {
    font-family: OpenSans-Bold;
    font-weight: 400;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 5px;}

.left-controls div.floorplans-list div.item p.owner {
    position: absolute;
    left: 16px;
    bottom: 27px;
    width: auto;
    height: 15px;
    margin-bottom: 0;
    color: #a7b8be;
    font-family: OpenSans-SemiBold;
    font-weight: 400;
    opacity: 1;
    transition: all 0.35s ease-in-out;}

.left-controls div.floorplans-list div.item p.owner .share-text, .left-controls div.floorplans-list div.item p.owner .created-text{
    transition: all 0.35s ease-in-out;
    position: relative;
    top: 12px;
}


.left-controls div.floorplans-list div.item p.owner .floorPlan-info-icon {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/info-icon-grey.svg") no-repeat center;
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    vertical-align: inherit;
    position: absolute;
    left: 225px;
    top: 10px;
    background-size: 14px;
}

.left-controls div.floorplans-list div.item p.owner .floorPlan-info-icon .fp-icons-tooltip{
    left: -73px;
    white-space: initial;
    width: 193px !important;
    top: -57px;
    line-height: 1;
    padding-top: 6px;
    padding-bottom: 8px;
    height: auto !important;
    text-align: left;
}

.left-controls div.floorplans-list div.item p.owner .floorPlan-info-icon .fp-icons-tooltip:before{
    left: 94%;
}

.left-controls div.floorplans-list div.item p.owner .floorPlan-info-icon:hover .fp-icons-tooltip {
    transition-delay: .7s;
    opacity: 1;
    visibility: visible;
}

.left-controls div.floorplans-list div.item p.icons {
    /*display: none;*/
    position: absolute;
    left: 16px;
    bottom: 8px;
    width: auto;
    height: 16px;
    padding-right: 30px;
    margin-bottom: 0;
    opacity: 0;
    transition: all 0.35s ease-in-out;}
.checkin-in-progres .left-controls div.floorplans-list div.item p.icons{
    display: none;
}

.left-controls div.floorplans-list div.item p.icons > span[class*="icon"] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0 4px 0 0;
    float: left}


.layout-panel .left-controls > form > .events-list .share-floor-plan-container{
    position: absolute;
    width: 280px;
    height: 72px;
    padding: 16px;
    z-index: 1;
    bottom: 172px;
    background-color: #f0f0f0;
    pointer-events: none;
}
.layout-panel .left-controls > form > .events-list:not([class*="opened-vr"]) .share-floor-plan-container{
    position: absolute;
    width: 280px;
    height: 0;
    padding: 16px;
    z-index: 1;
    bottom: -50px;
    transition: all 0.5s ease-in-out;
    background-color: #f0f0f0;
}

.layout-panel .left-controls > form > .events-list .share-floor-plan-container .share-checkMark {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/checkmark_icon.svg") no-repeat;
    background-size: contain;
    width: 29px;
    height: 24px;
    z-index: 999;
    position: absolute;
    right: 19px;
    bottom: 24px;
}

.layout-panel .left-controls > form > .events-list .share-floor-plan-container.visibleNone label{
    height: 1px;
    transition: all 0.3s ease-in-out;
}

.layout-panel .left-controls > form > .events-list .share-floor-plan-container:not(.visibleNone) label{
    height: 40px;
    transition: all 0.3s ease-in-out;
}

.layout-panel .left-controls > form > .events-list .share-floor-plan-container.visibleNone span.share-info{
    height: 1px;
    transition: all 0.3s ease-in-out;
}

.layout-panel .left-controls > form > .events-list .share-floor-plan-container:not(.visibleNone) span.share-info{
    height: 24px;
    transition: all 0.3s ease-in-out;
    padding: 12px;
    margin-left: -15px;
    background-color: #899795;
    border-radius: 50%;
}
.layout-panel .left-controls > form > .events-list .share-floor-plan-container:not(.visibleNone).activeFloorPlan span.share-info {
    background-color: #BA4C2A;
}

.layout-panel .left-controls > form > div.events-list.opened-vr .share-floor-plan-container.visibleNone{
    height: 1px;
    opacity: 0;
    transition: all 0.3s ease-in-out}
.layout-panel .left-controls > form > div.events-list.opened-vr-small .share-floor-plan-container.visibleNone{
    height: 1px;
    opacity: 0;
    transition: all 0.3s ease-in-out}
.layout-panel .left-controls > form > div.events-list.opened-vr-strip .share-floor-plan-container.visibleNone{
    height: 1px;
    opacity: 0;
    transition: all 0.3s ease-in-out}

.layout-panel .left-controls > form > div.events-list:not([class*="opened-vr"]).share-floor-plan-container.visibleNone{
    height: 1px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    bottom: -72px}
.layout-panel .left-controls > form > div.events-list:not([class*="opened-vr"]) .share-floor-plan-container:not(.visibleNone){
    height: 72px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    bottom: -100px;}

.layout-panel .left-controls > form > div.events-list.opened-vr .share-floor-plan-container:not(visibleNone){
    height: 72px;
    opacity: 1;
    transition: all 0.3s ease-in-out}
.layout-panel .left-controls > form > div.events-list.opened-vr-small .share-floor-plan-container:not(visibleNone){
    bottom: 172px;
    height: 72px;
    opacity: 1;
    transition: all 0.3s ease-in-out}
.layout-panel .left-controls > form > div.events-list.opened-vr-strip .share-floor-plan-container:not(visibleNone){
    bottom: 43px;
    height: 72px;
    opacity: 1;
    transition: all 0.3s ease-in-out}

.layout-panel .left-controls > form > .events-list .share-floor-plan-container label {
    display: flex;
    flex-direction: row;
    height: 40px;
    border-radius: 2px;
    border: solid 1px #e3e3e4;
    background-color: #ACBDBB;
}
.layout-panel .left-controls > form > .events-list .share-floor-plan-container.activeFloorPlan {
    pointer-events: all;
    cursor: default;
    bottom: 0 !important;
}
.layout-panel .left-controls > form > .events-list .share-floor-plan-container.activeFloorPlan label {
    background-color: #E95F35;
    cursor: pointer;
}

.layout-panel .left-controls > form > .events-list .share-floor-plan-container label:hover {
    border: 1px solid #d4dad9;}

.layout-panel .left-controls > form > .events-list .share-floor-plan-container input {
    cursor: pointer;
    background-color: transparent;
    flex-grow:2;
    border: none;
    padding-left: 12px;
    color: #fff;
    font-family: OpenSans-Bold;
    font-size: 16px;
    font-weight: 400;
}

.layout-panel .left-controls > form > .events-list .share-floor-plan-container span.share-info {
    background-color: #a7b8be;
    border-radius: 2px;
    color: white;
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin: 7px;
    text-align: center;
    line-height: 26px;
    overflow: hidden;
    position: relative;
}
.layout-panel .left-controls > form > .events-list .share-floor-plan-container span.share-info > span{
    position: absolute;
    top: -26px;
    right: 4px;
    display: inline-block;
    width: 16px;
    height: auto;
    word-break: break-word;
    line-height: 26px;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.375);
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
    .layout-panel .left-controls > form > .events-list .share-floor-plan-container span.share-info > span {
        margin-top:3px;
    }
}

form > .events-list > div > div.events-list .event-item > div.object-details > p {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    margin-bottom: 0;}

form > .events-list > div > div.events-list .event-item > div.object-details .name {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 13px;}

.left-controls > form > .events-list > div > div.events-list .event-item > div.object-amount {
    width: 10%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-left: 1px solid #e3e3e4;
    border-bottom: 1px solid #e3e3e4;
    position: relative;}

.left-controls > form > .events-list > div > div.events-list .event-item > svg {
    width: 20%;
    float: left;
    height: 100%;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_map_center.svg") no-repeat;
    background-position: center;
    background-size: 20px;
    background-color: #f0f0f0;}

.left-controls > form > .events-list > div > div.events-list > div.ir,
.left-controls > form > .events-list > div > div.events-list > div.ir.selected {
    overflow: hidden;
    background: #fff !important;}

.left-controls > form > .events-list > div > div.events-list > div.ir:hover .object-details .cort-multi-color-text{
    transition-delay: .2s;
    visibility: visible;
    opacity: 0.6;
    transition-duration: 0.4s;
}


.left-controls > form > .events-list > div > div.events-list > div.ir.selected > div {
    background: #fff;}

.left-controls > form > .events-list > div > div.events-list > div.ir.selected {
    background-color: transparent;}

.layout-panel .right-controls {
    width: auto;
    height: 100%;
    overflow: hidden;}

.layout-panel .right-controls .blockLayer {
    position: fixed;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);}

.layout-panel .right-controls ul.nav-tabs {
    height: 35px;
    position: relative;
    border-bottom: none;
    width: 100%;
    z-index:13;}

.layout-panel .right-controls ul.nav-tabs.three-d li.templates {
    width: 107px;
    padding: 0;}

.layout-panel .right-controls .color-picker-3d {
    float:left;
    padding: 5px;}

.layout-panel .right-controls .quality_buttons_container {
    float: left;
    padding: 5px;
    margin-top: -6px;
    margin-left: 16px;
    pointer-events: all;
    position: relative;
}

.layout-panel .right-controls .quality_buttons_container:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 35px;
    background-color: #aaaaaa;
    top: 4px;
    left: -3px;
    opacity: 0.5;
}


.layout-panel .right-controls .quality_buttons_container span{
    width: 40px;
    height: 32px;
    display: inline-block;
    opacity: 0.8;
    cursor: pointer;
}

.layout-panel .right-controls .quality_buttons_container span:hover {
    opacity: 1;
}

.layout-panel .right-controls .quality_buttons_container div {
    display: inline-block;
    position: relative;
    top: -2px;
}

.layout-panel .right-controls .quality_buttons_container .quality-close-btn {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Quality_buttons/close_icon.svg") center center no-repeat;
    background-size: 33px;
    height: 32px;
}

.layout-panel .right-controls .quality_buttons_container .quality-auto-img{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Quality_buttons/auto_quality_icon.svg") no-repeat;
    background-size: 40px 36px;
}

.layout-panel .right-controls .quality_buttons_container .quality-512-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Quality_buttons/low_quality_icon.svg") no-repeat;
    background-size: 40px 36px;
}
.layout-panel .right-controls .quality_buttons_container .quality-1024-img{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Quality_buttons/medium_quality_icon.svg") no-repeat;
    background-size: 40px 36px;
}
.layout-panel .right-controls .quality_buttons_container .quality-2048-img{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Quality_buttons/high_quality_icon.svg") no-repeat;
    background-size: 40px 36px;
}
.layout-panel .right-controls .quality_buttons_container .quality-auto-img{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Quality_buttons/auto_quality_icon.svg") no-repeat;
    background-size: 40px 36px;
}

.layout-panel .right-controls .cameraPosition-wrapper {
    float:left;
    padding: 9px 0 0;}

.layout-panel .right-controls .cameraPosition-wrapper span {
    float: left;
    margin-right: 10px;
    font-family: OpenSans-SemiBold;}

.layout-panel .right-controls .cameraPosition-wrapper > div {
    float: left;
    width: 150px;
    position: relative;}

.layout-panel .right-controls .cameraPosition-wrapper > div input {
    width: 100%;
    height: 25px;
    position: relative;
    top: -5px;
    background-color: #fff !important;}

.layout-panel .right-controls .cameraPosition-wrapper > div input.dropdown-opened {
    background-position: 98% 8px !important;}

.layout-panel .right-controls .cameraPosition-wrapper > div .dropdown-content {
    z-index:999999;}

.layout-panel .right-controls ul.nav-tabs.three-d li.templates .subline-list span {
    width: 23%;}


.layout-panel .right-controls ul.nav-tabs.three-d li.templates .subline-list span.selected {
    color: #fff;}

.layout-panel .right-controls ul.nav-tabs .subline-list {
    z-index: 1000;
    position: relative;}

.layout-panel .right-controls ul.nav-tabs.empty li {
    visibility: hidden;}

.layout-panel .right-controls > form.navbar-form {
    padding: 0;
    height: 96%;
    position: relative;
    z-index: 12;}

.layout-panel .right-controls > form.navbar-form .center-btn {
    outline: none;
    border: none;
    padding: 30px 20px 30px 80px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 25px;
    margin-top: 21%;}

.layout-panel .right-controls > form.navbar-form .center-btn span {
    font-size: 100px;
    margin-right: 10px;
    line-height: 20px;
    position: absolute;
    font-family: OpenSans;
    font-weight: normal;
    margin-left: -65px;
    margin-top: 3px;}

.layout-panel .right-controls ul.nav-tabs li {
    width: 8.33%;
    line-height: 35px;
    text-align: center;
    cursor: pointer;}

.layout-panel .right-controls ul.nav-tabs > div > li {
    width: 5.33%;}

.layout-panel .right-controls ul.nav-tabs li.disabledButton:hover {
    cursor: default;}

.layout-panel .right-controls ul.nav-tabs li.menu3DButton.disabledButton {
    opacity: 0.6;}

.layout-panel .right-controls ul.nav-tabs li span {
    display: inline-block;
    background-size: 35px 35px;
    width: 100%;
    height: 100%;
    background-position: center;
    vertical-align: top;}

.layout-panel .right-controls ul.nav-tabs.three-d li {
    width: auto;
    padding: 0 8px;
    font-size: 11px;}

@media (max-width: 1150px) {
    .layout-panel .right-controls ul.nav-tabs.three-d li {
        padding: 0 5px;
    }
}

.layout-panel .right-controls ul.nav-tabs.three-d li span {
    width: auto;}

.layout-panel .right-controls ul.nav-tabs.three-d li.disabled {
    opacity: 0.4;
    pointer-events: none;}

.layout-panel .right-controls ul.nav-tabs.three-d li.print {
    padding: 0 8px;}

.layout-panel .right-controls ul.nav-tabs.three-d li.two-d {
    padding: 0 11px;}

.layout-panel .right-controls ul.nav-tabs.three-d li span[class^="icon_"],
.layout-panel .right-controls ul.nav-tabs.three-d li span[class^="map_icon_"] {
    width: 20px;
    height: 100%;
    background-size: 25px 35px !important;
    margin-left: 0;}

.layout-panel .right-controls ul.nav-tabs.three-d li span.icon_table_numbers {
    background-size: 35px 35px !important;
    width: 26px;}
/*  END SEATING-OBJECTS */

/* SEATING - GUESTS */
.menu-guests-tab {
    padding: 10px 5px;
    background-color: #f0f0f0;
    height: 100%;
    width: 100%;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    color: #59595b;
    position: relative;}

.menu-guests-tab .filters-wrapper {
    padding: 0 5px;}

.menu-guests-tab .filters-wrapper .filters-list div label span,
.menu-guests-tab .filters-wrapper .filters-list + .item label span{
    font-size: 12px;}

.menu-guests-tab .filters-wrapper .filters-list + .item label.search-label input {
    width: 165px;
    float: right;}

.menu-guests-tab .title {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #939598;}

.menu-guests-tab .title > label span {
    vertical-align: middle;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;}

.menu-guests-tab .title > label span.icon_edit {
    width: 15px;
    height: 15px;
    cursor: pointer;}

.menu-guests-tab .filters-wrapper div.item > div.dropdown .dropdown-content {
    text-indent: 0;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 12px;
    overflow-x: hidden;}

.menu-guests-tab .filters-wrapper div.item > div.dropdown .dropdown-content .ir > div label {
    /*padding-left: 10px;*/
    font-family: OpenSans;
    font-weight: normal;}

.menu-guests-tab .filters-wrapper .controls {
    padding: 8px 0;}

.menu-guests-tab .filters-wrapper .controls > label.pull-left {
    padding-top: 5px;}

.menu-guests-tab .filters-wrapper .controls .chb-square {
    margin-top: 4px;}

.menu-guests-tab .filters-wrapper .controls button.clear {
    border-radius: 0;
    text-transform: uppercase;
    font-family: OpenSans;
    font-weight: normal;
    font-size: 11px;
    padding: 6px 15px;}

.menu-guests-tab .filters-wrapper div.item {
    width: 100%;
    height: 30px;
    position: relative;
    margin-bottom: 8px;}

.menu-guests-tab .filters-wrapper div.item label.search-label {
    width: 170px;}

.menu-guests-tab .filters-wrapper div.item > label {
    margin-top: 5px;
    float: left;}

.menu-guests-tab .filters-wrapper div.item > div.dropdown,
.menu-guests-tab .filters-wrapper div.item > label.search-label {
    width: 170px;
    height: 100%;
    float: right;}

.menu-guests-tab .filters-wrapper div.item > div.dropdown {
    width: 165px;}

.menu-guests-tab .filters-wrapper div.item > label.search-label {
    margin-top: 0;}

.menu-guests-tab .filters-wrapper div.item > div.dropdown input,
.menu-guests-tab .filters-wrapper div.item > label.search-label input {
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #94A2A1;
    margin-left: 0;
    padding-right: 18px;
    font-family: OpenSans;
    font-weight: normal;
    font-size: 12px;}

.menu-guests-tab .filters-wrapper div.item > div.dropdown input.dropdown-opened,
.menu-guests-tab .filters-wrapper div.item > label.search-label input.dropdown-opened {
    background-position: 98% !important;}

.menu-guests-tab .filters-wrapper div.item > label.search-label input {
    padding-right: 10px;
    text-indent: 10px;
    border: 1px solid #e3e3e4;}

.menu-guests-tab .filters-wrapper div.item > label.search-label input:hover{
    border: 1px solid #d4dad9;}

.menu-guests-tab .filters-wrapper div.item > div.dropdown .dropdown-content {
    top: 33px;
    z-index: 2;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #d4dad9;}

.menu-guests-tab .filters-wrapper .results {
    position: absolute;
    top: 308px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #e2e5e4;
    padding: 10px 5px 20px 10px;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 12px;}

.menu-guests-tab .filters-wrapper .results.expand {
    top: 126px;}

.menu-guests-tab .filters-wrapper .results .list {
    width: 100%;
    height: 100%;}

.menu-guests-tab .filters-wrapper .results .list div.item {
    margin-bottom: 0;}

.menu-guests-tab .results .item {
    margin-bottom: 5px;}

.menu-guests-tab .results .item label.icons {
    margin-right: 5px;
    margin-top: 4px;}

.menu-guests-tab .results .item label .chb-square {
    margin-right: 5px;
    margin-top: 1px;}

.menu-guests-tab .results .item .guests-separator {
    height: 26px;
    background: #333;
    font-family: OpenSans;
    font-size: 14px;
    padding: 2px 8px;}

.menu-guests-tab .results .item label .guest-name {
    width: 189px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    height: 17px;}

.menu-guests-tab .results .item label.icons > span {
    width: 10px;
    height: 14px;
    margin-left: 0;
    cursor: pointer;}

.menu-guests-tab .results .item label.icons span.icon_seating_checkmark {
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;}

.menu-guests-tab .results .item label.icons span.icon_seating_question_mark {
    width: 15px;
    height: 15px;}

.menu-guests-tab .filters-wrapper .results .message {
    padding: 20px 15px;
    text-align: center;}

.menu-guests-tab .filters-wrapper .results .message > p {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;}

.menu-guests-tab .filters-wrapper .results .message > button.link {
    border-radius: 0;
    font-size: 12px;
    padding: 6px 10px;}

/* END SEATING - GUESTS */

/* CAMPAIGN DETAILS POPUP */
.campaign-details-popup {
    height: 500px;
    overflow: hidden;}

.campaign-details-popup .modal-header {
    padding: 15px 10px 0;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.campaign-details-popup .modal-header button.close {
    font-size: 38px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-top: -15px;
    opacity: 1;}

.campaign-details-popup .modal-header p.modal-title {
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 10px 10px;}

.campaign-details-popup .modal-header p.modal-title img {
    width: 19px;
    height: 19px;
    vertical-align: top;
    cursor: pointer;}

.campaign-details-popup .modal-body {
    padding: 5px 15px 10px;
    height: 420px;
    overflow-y: auto;}

.campaign-details-popup .modal-body > div {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;}

.campaign-details-popup .modal-body > div p.subtitle {
    font-size: 15px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.campaign-details-popup .modal-body div[class$="-list"] .ir,
.campaign-details-popup .modal-body div[class$="-list"] .item {
    display: inline-block;
    border-right: 1px solid #bababa;
    margin: 5px 0;
    color: #515151;}

.campaign-details-popup .modal-body div[class$="-list"] .ir.expired,
.campaign-details-popup .modal-body div[class$="-list"] .item.expired {
    color: #b4bcbc;}

.campaign-details-popup .modal-body div[class$="-list"] .ir:last-child,
.campaign-details-popup .modal-body div[class$="-list"] .item:last-child {
    border-right: none;}

.campaign-details-popup .modal-body div[class$="-list"] .ir div.ev-date,
.campaign-details-popup .modal-body div[class$="-list"] .ir div.item,
.campaign-details-popup .modal-body div[class$="-list"] .item p {
    margin: 0 5px;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

/* END CAMPAIGN DETAILS POPUP */

/* LEAD DETAILS POPUP */
.lead-details-popup {
    height: 500px;}

.lead-details-popup .modal-header,
.offer-request-popup .modal-header {
    padding: 15px 10px 0;
    height: 55px;
    line-height: 55px;}

.lead-details-popup .modal-header button.close,
.offer-request-popup .modal-header button.close {
    font-size: 27px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-top: -10px;
    opacity: 1;}

.lead-details-popup .modal-header p.modal-title,
.offer-request-popup .modal-header p.modal-title {
    font-size: 16px;
    padding: 5px 10px 10px;
    float: left;
    width: auto;}

.offer-request-popup .modal-header p.modal-title {
    width: 100%;}

.lead-details-popup .modal-header div.modal-title-dropdown {
    width: 170px;
    position: relative;
    height: 26px;
    line-height: 26px;
    margin: 3px 15px 0 0;
    float: right;
    background: #fff;}

.lead-details-popup .modal-header div.modal-title-dropdown input {
    width: 100%;
    height: 100%;
    background-position: 90% 9px !important;}

.lead-details-popup .modal-header div.modal-title-dropdown input.dropdown-opened {
    background-position: 90% 9px !important;}

.lead-details-popup .modal-header div.modal-title-dropdown .dropdown-content {
    top: 28px;}

.lead-details-popup .modal-body {
    padding: 15px 20px;}

.lead-details-popup .modal-body > div p.subtitle {
    font-size: 15px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.lead-details-popup .modal-body > div p.info {
    font-size: 14px;
    padding-right: 30px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.lead-details-popup .modal-body .lead-info > div {
    width: 50%;
    float: left;
    margin-top: 10px;}

.lead-details-popup .modal-body .lead-info div.list .item {
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    margin-bottom: 5px;}

.lead-details-popup .modal-body .lead-info div.list .item span {
    padding-right: 5px;
    width: 100%;
    word-break: break-word;}

.lead-details-popup .modal-footer,
.offer-request-popup .modal-footer {
    background: #f5f5f5;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top: 1px solid #e5e5e5;}

.lead-details-popup .modal-footer > button,
.offer-request-popup .modal-footer > button {
    padding: 0 25px;
    height: 50px;
    line-height: 30px;
    border: none;
    font-size: 16px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 0;}

.lead-details-popup .modal-footer > button.prev {
    float: left;}

.lead-details-popup .modal-footer > button.next {
    float: right;}

/* END LEAD DETAILS POPUP */

/* ALL WEEKS POPUP */
.budget-all-weeks-popup {
    height: auto;}

.budget-all-weeks-popup .modal-header {
    padding: 15px 10px 0;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.budget-all-weeks-popup .modal-header button.close {
    font-size: 38px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-top: -15px;
    opacity: 1;}

.budget-all-weeks-popup .modal-header p.modal-title {
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 10px 10px;}

.budget-all-weeks-popup .modal-header p.modal-title img {
    width: 19px;
    height: 19px;
    vertical-align: top;
    cursor: pointer;}

.budget-all-weeks-popup .modal-body {
    padding-top: 0;}

.budget-all-weeks-popup .modal-body .weekly-costs-list {
    width: 100%;
    overflow-y: auto;
    height: auto;
    min-height: 85px;
    max-height: 425px;
    position: relative;}

.budget-all-weeks-popup .modal-body .campaign-list-popup {
    width: 100%;
    overflow-y: auto;
    height: auto;
    min-height: 85px;
    max-height: 325px;
    position: relative;}

.budget-all-weeks-popup .modal-body .weekly-costs-list > .ir {
    height: 85px;
    overflow-y: hidden;}

.budget-all-weeks-popup .modal-body .weekly-costs-list .week-item {
    width: 100%;
    height: 85px;
    border-bottom: 1px solid #bfbfbf;
    padding: 15px 0;}

.weekly-costs-list .week-item > div {
    width: 162px;
    float: left;
    height: 100%;
    text-align: center;}

.weekly-costs-list .week-item > div.dates,
.weekly-costs-list .week-item > div.week-leads {
    line-height: 50px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 14px;
    color: #59595b;}

.weekly-costs-list .week-item.expired > div.dates,
.weekly-costs-list .week-item.expired > div.week-leads {
    color: #999;}

.weekly-costs-list .week-item > div.dates {
    width: 207px;
    text-align: left;
    padding-left: 10px;}

.weekly-costs-list .week-item > div.week-leads {
    width: 117px;
    text-align: right;
    padding-right: 10px;}

.weekly-costs-list .week-item p.values {
    font-size: 27px;
    font-family: OpenSans;
    font-weight: normal;
    color: #999;
    margin-bottom: 0;}

.weekly-costs-list .week-item p.values span.active,
.weekly-costs-list .week-item > div.week-leads p {
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.weekly-costs-list .week-item p.values span.total {
    color: #59595b;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.weekly-costs-list .week-item.expired p.values span.active,
.weekly-costs-list .week-item.expired > div.week-leads p,
.weekly-costs-list .week-item.expired p.values span.total {
    color: #999;}

.weekly-costs-list .week-item p.budget-progress-bar {
    width: 140px;
    border-radius: 6px;
    overflow: hidden;
    height: 7px;
    position: relative;
    margin-left: -70px;
    left: 50%;}

.weekly-costs-list .week-item p.budget-progress-bar progress {
    -webkit-appearance: none;
    width: 140px;
    height: 100%;
    position: absolute;
    top: 0;
    margin-left: -70px;}
/* END ALL WEEKS POPUP */

/* MY PROFILE - PREVIEW */
.vdpg-request {
    background: #f3f3f3;
    text-align: center;
    padding: 15px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.vdpg-request button.btn {
    padding: 10px 20px;
    width: 100%;
    line-height: 25px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0;}
/* END MY PROFILE - PREVIEW */

/* OFFER REQUEST POPUP */
.offer-request-popup {
    height: 500px;}

.user-profile-popup {
    height: auto;}

.offer-request-popup .modal-body p {
    color: #59595b;
    font-size: 14px;}

.user-profile-popup .modal-footer label.back-to-login {
    position: initial;
    margin-top: 10px;}

.offer-request-popup .modal-body p.success-upload {
    color: #59595b;
    font-size: 12px;
    font-family: OpenSans;
    position: absolute;
    top: -1px;
    width: 40%;
    left: 52%;}

.offer-request-popup .modal-body > label {
    width: 100%;
    margin-bottom: 15px;}

.offer-request-popup .modal-body > label span {
    display: block;
    font-size: 11px;
    color: #a8a8a8;
    margin-bottom: 2px;
    font-style: italic !important;}

.offer-request-popup .modal-body > label input {
    width: 100%;
    height: 40px;
    text-indent: 10px;
    border-radius: 0;
    border: 1px solid #94A2A1;
    outline: none;}

.offer-request-popup .modal-body > label textarea {
    width: 100%;
    height: 80px;
    resize: none;
    text-indent: 10px;
    border-radius: 0;
    border: 1px solid #94A2A1;
    outline: none;}

.offer-request-popup .modal-footer > button {
    width: 92%;
    height: 40px;
    line-height: 40px;
    position: relative;}
/* END OFFER REQUEST POPUP */

/* EVENT DETAILS POPUP */
.event-details-popup {
    min-height: 500px;
    height: auto;}

.event-details-popup .modal-body .search-wrapper {
    height: 30px;
    margin-top: 30px;}

.event-details-popup .search-wrapper input {
    height: 30px;
    width: 442px;
    text-indent: 10px;
    font-family: OpenSans;
    font-weight: normal;
    border: 1px solid #e3e3e4;
    box-shadow: none;
    background-color: #fff;
    margin-left: 0;
    padding-right: 10px;}
.event-details-popup .search-wrapper input:hover {
    border: 1px solid #d4dad9;}
.event-details-popup .search-wrapper button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 2px;
    vertical-align: bottom;
    padding: 0;
    border: 0;}

.event-details-popup .search-wrapper button img.icon_magnifier {
    width: 30px;
    height: 30px;
    margin-left: 0;
    vertical-align: top;}

.event-details-popup .magnifier-wrapper {
    text-align: center;
    margin-top: 90px;}

.event-details-popup .magnifier-wrapper .no-results-btn {
    border: none;
    outline: none;
    box-shadow: none;
    width: 50px;
    height: 50px;
    padding: 0;
    background: none;
    margin-top: 25px;}

.icon_magnifier_glass {
    width: 50px;
    height: 50px;
    margin: 70px 0 20px 0;}

.event-details-popup .magnifier-wrapper .no-results-btn span.icon_magnifier_glass {
    width: 50px;
    height: 50px;
    margin: 0 0 20px 0;}

.event-details-popup .magnifier-wrapper span.icon_magnifier {
    background-size: 40px 40px !important;
    width: 40px;
    height: 40px;
    margin: 0;}

.event-details-popup .magnifier-wrapper p.orange-text {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;}

.event-details-popup .magnifier-wrapper div.dark-text {
    color: #5b5b5e;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.event-details-popup .magnifier-wrapper label.or-label,
.event-details-popup .magnifier-wrapper div.no-venue-results {
    margin-top: 20px;}

.event-details-popup .magnifier-wrapper button.new-vendor-btn {
    height: 50px;
    border: 0;
    border-radius: 0;
    width: 175px;
    text-align: center;
    line-height: 50px;
    padding: 0;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 11px;}

.event-details-popup .preloader {
    position: absolute;
    top: 160px;
    height: 25px;
    line-height: 25px;
    background: transparent;
    text-align: center}

.event-details-popup .preloader img {
    margin-left: -60px;}

.event-details-popup .preloader span {
    /*margin-left: 230px;*/
    height: 25px;}

.event-details-popup .vendors-wrapper {
    height: 350px;}

.event-details-popup .vendors-wrapper.searched {
    height: 330px;}

.event-details-popup .vendors-wrapper .list-title {
    margin: 20px 0 15px 0;}

.event-details-popup .vendors-wrapper .vendors-list .ir {
    border-bottom: 1px solid #bfbfbf;
    overflow-y: hidden;
    height: 70px;}

.event-details-popup .vendors-wrapper .vendors-list .ir > div {
    padding: 10px;
    color: #94a2a1;}

.event-details-popup .vendors-wrapper .vendors-list .ir,
.event-details-popup .vendors-wrapper .vendors-list .ir > div {
    background: none !important;}

.event-details-popup .vendors-wrapper .vendors-list .ir > div .ev-select button {
    margin-top: 12px;
    font-family: OpenSans !important;
    min-width: 70px;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 9px;}

.event-details-popup .vendors-wrapper .account-scroll-portion.vendors-list .ev-select.pull-right {
    position: absolute;
    right: 10px;}
.event-details-popup .vendors-wrapper .vendors-list .ir > div .vendor-name{
    display: inline-block;
}
.event-details-popup .vendors-wrapper .vendors-list .ir > div .is-real-view{
    width: auto;
    height: 13px;
    border-radius: 2px;
    background-color: #acbbbb;
    font-family: lato, sans-serif;
    font-size: 8px;
    color: #ffffff;
    font-weight: 600;
    padding: 1px 4px;
    top: -1px;
    display: inline-block;
    position: relative;
    margin-left: 5px;

}


.event-details-popup .vendors-wrapper .vendors-list .ir:hover > div .is-real-view{
    background-color:  #e95f35;
}

.event-details-popup .vendors-wrapper .vendors-list .ir > div .vendor-name,
.event-details-popup .selected-vendor-display .vendor-name,
.event-details-popup .invite-caterer-wrapper p.vendor-name {
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-bottom: 0;}

.event-details-popup .selected-vendor-display {
    background: #e6e7e8;
    padding: 5px 30px;
    color: #94a2a1;
    font-family: OpenSans;
    font-weight: bold;
    margin: 20px -20px;}

.event-details-popup .selected-vendor-display .vendor-name {
    color: #59595b;
    font-size: 12px;}

.event-details-popup .selected-vendor-display > span {
    font-size: 10px;}

.event-details-popup .venue-share {
    padding: 0 15px;
    margin-top: 20px;}

.event-details-popup .venue-share label {
    font-family: OpenSans-Bold;
    font-weight: normal;
    color: #59595b;
    margin-bottom: 10px;}

.event-details-popup .venue-share .default > label {
    margin-bottom: 5px;}

.event-details-popup .venue-share .default > label input {
    margin-right: 15px;
    width: 18px;
    height: 18px;
    background: #e6e7e8;
    -webkit-appearance: none;
    border-radius: 16px;
    border: 2px solid #fff;
    outline: none;
    box-shadow: 0 0 0 1px #aeb9b8;
    float: left;
    cursor: pointer;}

.event-details-popup .venue-share .default > label input[data-checked="true"] {
    background: #7fa062;
    box-shadow: 0 0 0 1px #aeb9b8;}

.event-details-popup .venue-share .default > label span {
    float: left;
    margin-top: 3px;
    font-family: OpenSans;}

.event-details-popup .invite-caterer-wrapper {
    background: #e6e7e8;
    padding: 15px 25px;
    height: 100px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 -20px;}

.event-details-popup .invite-caterer-wrapper .cant-find {
    width: 280px;
    float: left;}

.event-details-popup .invite-caterer-wrapper .cant-find.venue {
    margin-top: 5px;}

.event-details-popup .invite-caterer-wrapper .invite-btn {
    float: right;
    width: 180px;
    margin-top: 15px;}

.event-details-popup .invite-caterer-wrapper p {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    color: #757779;}

.event-details-popup .invite-caterer-wrapper p.vendor-name {
    font-size: 13px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    color: #59595b;}

.event-details-popup .invite-caterer-wrapper .invite-btn button {
    font-family: OpenSans-Bold;
    font-weight: normal;
    padding: 18px 52px;
    width: 170px;
    font-size: 11px;
    border-radius: 0;
    text-transform: uppercase;}

.event-details-popup .invite-caterer-wrapper .invite-btn button span.icon_vendor_status_sent {
    width: 20px;
    height: 12px;
    margin-top: 3px;
    margin-left: 0;}

.event-details-popup .invite-caterer-wrapper .invite-btn button span.info {
    vertical-align: top;
    font-size: 11px;}
/* END EVENT DETAILS POPUP */

/* USER PROFILE POPUP */
.user-profile-popup .modal-header {
    background: transparent;
    border: none;
    padding: 15px 10px 0 25px;
    margin-bottom: 0;}

.generic-modal .generic-modal-content.user-profile-popup .modal-header p.modal-title {
    width: 100%;
    text-align: center;
    margin-bottom: 0;}

.generic-modal .generic-modal-content .modal-header p.modal-title {
    font-family: 'OpenSans';
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;}

.generic-modal .generic-modal-content .imsure-chb {
    width: calc(100% - 150px);
    display: inline-block;
    margin-left: 140px;
    top: -40px;
    position: relative;}

.generic-modal .generic-modal-content .imsure-chb .chb-square {
    margin-top: 1.5px;}

.generic-modal .generic-modal-content .imsure-chb span {
    font-family: OpenSans;
    font-weight: 400;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.user-profile-popup .modal-header p.modal-title {
    padding: 5px 25px 10px;
    width: auto;
    display: inline-block;
    margin-bottom: 0;}

.user-profile-popup .modal-header label.change {
    margin-top: 3px;
    cursor: pointer;}

.user-profile-popup .modal-header p.modal-title .email {
    font-size: 20px;
    font-family: OpenSans;
    margin-bottom: 10px;
    font-weight: normal;}

.user-profile-popup .modal-header p.modal-title .change {
    margin-left: 10px;
    font-size: 12px;
    color: #59595b;}

.user-profile-popup .modal-body {
    height: 225px;
    padding: 0 35px;
    display: inline-block;}

.user-profile-popup input::-webkit-input-placeholder {color: #bababa;}
.user-profile-popup input:-ms-input-placeholder {color: #bababa;}

.user-profile-popup .modal-body .user-profile-image {
    width: 220px;
    padding: 0 5px 0 15px;
    float: left;}

.user-profile-popup .modal-body .user-profile-image img {
    width: 100%;
    height: 200px;
    content: initial;
    position: absolute;}

.user-profile-popup .modal-body .user-profile-image img.preview-image-logo {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/unknown_user_large.png") no-repeat;
    background-size: contain;}

.user-profile-popup .modal-body .user-profile-image .preloader {
    position: relative;
    height: 100%;
    text-align: center;}

.user-profile-popup .modal-body .user-profile-image .preloader img {
    width: 40px;
    height: 40px;
    position: initial;
    margin-top: 80px;}

.user-profile-popup .modal-body .user-profile-image .image-controls {
    margin-top: 5px;}

.user-profile-popup .modal-body .user-profile-image .image-controls button.update-pic {
    width: 160px;
    height: 30px;
    margin-right: 6px;
    border: 0;
    padding: 0;
    vertical-align: top;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 11px;}

.user-profile-popup .modal-body .user-profile-image .image-controls button.update-pic.full {
    width: 100%;}

.user-profile-popup .modal-body .user-profile-image .image-controls button.update-pic.full.disabled {
    opacity: .5;
    pointer-events: none;}

.user-profile-popup .modal-body .user-profile-image .image-controls button.delete {
    width: 30px;
    height: 30px;
    border: 0;
    padding: 0;
    text-align: center;}

.user-profile-popup .modal-body .user-profile-image .image-controls button img.icon_trash_white {
    width: 12px;
    height: 17px;
    margin: 0;
    position: relative;}

.user-profile-popup .modal-body .user-profile-details {
    width: 227px;
    padding: 0 15px 0 5px;
    float: left;}

.user-profile-popup .modal-body .user-profile-details label {
    width: 100%;
    margin-bottom: 13px;}

.user-profile-popup .modal-body .user-profile-details label.office-phone {
    width: 73%;
    float: left;}

.user-profile-popup .modal-body .user-profile-details label.ext {
    width: 25%;
    float: right;}

.user-profile-popup .modal-body .user-profile-details label i {
    display: none;}

.user-profile-popup .modal-body .user-profile-details label input {
    width: 100%;
    border: 1px solid #e3e3e4;
    border-radius: 0;
    padding: 5px 10px;}

.user-profile-popup .modal-body .user-profile-details label input:hover {
    border: 1px solid #d4dad9;}

.user-profile-popup input::-webkit-input-placeholder {font-style: italic !important;}
.user-profile-popup input:-ms-input-placeholder {font-style: italic !important;}

.user-profile-popup .modal-body .user-profile-details label input.office-phone {
    width: 71%;}

.user-profile-popup .modal-body .user-profile-details label input.office-ext {
    width: 25%;
    margin-left: 2%;}

.user-profile-popup .modal-body .user-update-wrapper {
    width: 228px;}

.user-profile-popup .modal-body .user-update-wrapper input {
    width: 167px;
    border-radius: 0;
    border: 1px solid #bfbfbf;}

.user-profile-popup .modal-body .user-update-wrapper button {
    width: 30px;
    height: 30px;
    border: 0;}

.user-profile-popup .modal-body .user-update-wrapper .img-info {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 13px;
    padding: 0 5px;
    margin-top: 10px;}

.user-profile-popup .modal-footer {
    border: none;
    background: transparent;
    padding: 20px 17px;
    position: initial;}

.user-profile-popup .back-btn {
    width: 100%;
    text-align: center;
    font-family: OpenSans-Bold;
    font-weight: normal;
    position: absolute;
    bottom: 20px;}

.user-profile-popup .back-btn:hover,
.user-profile-popup .modal-header p.modal-title .change:hover {
    text-decoration: underline;}

.user-profile-popup p.modal-title.change-password {
    width: 100%;
    text-align: center;
    padding: 5px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-bottom: 10px;}

.user-profile-popup p.modal-title.change-password .email {
    font-size: 20px;}

.user-profile-popup .change-password-wrapper {
    padding: 0;
    height: auto;
    position: relative;}

.user-profile-popup .change-password-wrapper label {
    width: 100%;
    padding: 5px 0;}

.user-profile-popup .change-password-wrapper label input {
    width: 100%;
    height: 40px;
    border-radius: 0;
    border: 1px solid #E3E3E4;
    outline: none;
    font-size: 15px;
    color: #58595b;
    font-family: OpenSans;
    font-weight: normal;
    box-shadow: none;}

.user-profile-popup .change-password-wrapper label i {
    font-size: 11px;
    color: #a8a8a8;
    margin-left: 3px;
    margin-bottom: 2px;}

.user-profile-popup .change-password-wrapper button.btn {
    width: 448px;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 35px;}

/* END USER PROFILE POPUP */
/* GUESTS PANEL */
.guests-panel {
    height: 100%;
    min-height: 520px;
    min-width: 960px;}

.guests-panel main {
    padding: 0;
    margin: 0;
    position: relative;
    min-height: 520px;
    min-width: 960px;
    width: 100%;}

.guests-panel .import-wrapper {
    position: absolute;
    right: 10px;
    top: 0;
    height: 24px;
    line-height: 24px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;}

.guests-panel .import-wrapper span {
    vertical-align: top;}

.guests-panel .import-wrapper span[class^="icon_"] {
    width: 24px;
    height: 24px;
    margin-left: 0;
    cursor: pointer;}

.guests-panel main form.navbar-form div.form-group {
    float: left;
    height: 100%;
    position: relative;
    width: 33.333%;}

.guests-panel main form.navbar-form div.form-group.evt-info {
    text-align: right;
    line-height: 25px;}

.guests-panel main form.navbar-form div.form-group.evt-info button.orange-gradient {
    font-family: OpenSans-Bold;
    font-weight: normal;
    height: 25px;
    line-height: 15px;
    outline: none;
    border: none;
    padding: 0 12px;
    font-size: 11px;
    margin-left: 15px;}

.guests-panel main form.navbar-form div.form-group.evt-controls {
    line-height: 30px;
    text-align: center;}

.guests-panel main form.navbar-form div.form-group.evt-controls > * {
    vertical-align: top;}

.guests-panel main form.navbar-form div.form-group.evt-controls > span {
    font-family: OpenSans-Bold;
    font-weight: normal;}

.guests-panel main form.navbar-form div.form-group.evt-controls > div {
    width: 200px;
    height: 35px;
    position: relative;
    margin-top: 0;
    margin-left: 10px;
    z-index: 91;}

.guests-panel main form.navbar-form div.form-group.evt-controls > div input {
    width: 100%;
    height: 30px;}

.guests-panel main form.navbar-form div.form-group.evt-controls > div input.dropdown-opened {
    background-position: 98% !important;}

.guests-panel main form.navbar-form div.form-group.evt-controls > button {
    height: 100%;
    background: transparent;
    padding: 0 10px;}

.guests-panel main form.navbar-form div.form-group.evt-controls > button img {
    width: 19px;
    height: 19px;
    margin-left: 0;}

.guests-panel main form.navbar-form div.form-group.evt-info span.info {
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.guests-panel main form.navbar-form div.form-group.evt-info span.value {
    font-family: OpenSans-Bold;
    font-weight: normal;}

.guests-panel main .list-header,
.reports-wrapper .list-header {
    width: 100%;
    height: 30px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;}

.guests-panel main .guests-list {
    position: absolute;
    top: 111px;
    width: 100%;
    bottom: 144px;
    height: auto;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;}

.guests-panel main .guests-list.open-three {
    height: calc(100% - 358px);}

.guests-panel main .guests-list.open-two {
    height: calc(100% - 307px);}

.guests-panel main .guests-list > div.ir {
    min-height: 99%;}

.guests-list div.grid-column.party > .ir > div.guest-item .dropdown-content {
    max-height: 152px;
    position: fixed;}

.guests-list div.grid-column.party > .ir > div.guest-item .dropdown-content .ir .item label span:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 50px);
    display: inline-block;}

.guests-list div.grid-column.party > .ir > div.guest-item .dropdown-content .ir .item label {
    height: 30px;}

.guests-list div.grid-column.party > .ir > div.guest-item .dropdown-open-top {
    bottom: 30px !important;}

.guests-list > div,
.reports-list > div,
.list-header > div {
    float: left;
    height: auto;}

.guests-list .ir,
.reports-list .ir {
    overflow-y: hidden;}

.guests-list > .ir.selected,
.reports-list > .ir.selected {
    background-color: transparent;}

div.grid-column {
    position: relative;}

.guests-list div.grid-column > .ir,
.reports-list div.grid-column > .ir,
.list-header > div {
    height: 30px;}

.guests-list div.grid-column > .ir .guest-item label,
.guests-list div.grid-column > .ir .guest-item input {
    padding-left: 5px;
    text-indent: 0;
    font-weight: normal;}

.guests-list div.grid-column.check,
.list-header div.guest-item.check {
    width: 25px;
    text-align: center;}

.guests-list div.grid-column.check .guest-item,
.list-header div.guest-item.check {
    overflow: hidden;}

.guests-list div.grid-column.delete,
.list-header div.guest-item.delete {
    width: 30px;
    text-align: center;
    padding-left: 0;}

.guests-list div.grid-column.lastname,
.list-header div.guest-item.lastname {
    width: 110px;}

.guests-list div.grid-column.street,
.list-header div.guest-item.street,
.guests-list div.grid-column.city,
.list-header div.guest-item.city,
.guests-list div.grid-column.state,
.list-header div.guest-item.state {
    width: 340px;}

.guests-list div.grid-column.zip,
.list-header div.guest-item.zip {
    width: 70px;}

.guests-list div.grid-column.country,
.list-header div.guest-item.country {
    width: 100%;}

.guests-list div.grid-column.phone,
.list-header div.guest-item.phone {
    width: 600px;}

div.grid-column.lastname,
div.grid-column.name,
div.grid-column.seats {
    width: 280px;}

div.grid-column.party,
div.grid-column.rsvp {
    width: 300px;}

div.grid-column.table {
    margin-bottom: 0;}

.guests-list div.grid-column.name,
.list-header div.guest-item.name {
    width: 180px;}

.guests-list div.grid-column.seats,
.list-header div.guest-item.seats {
    width: 50px;
    text-align: center;}

.guests-list div.grid-column.party,
.list-header div.guest-item.party {
    width: 190px;}

.guests-list div.grid-column.party .ir {
    overflow: visible;}

.guests-list .grid-column.events,
.list-header div.guest-item.events,
.guests-list div.grid-column.country,
.list-header div.guest-item.country,
.guests-list div.grid-column.email,
.list-header div.guest-item.email,
.guests-list div.grid-column.comments,
.list-header div.guest-item.comments {
    border-right: none;
    width: 100%;}

div.guests-list > div:last-child,
.guests-panel .list-header > div:last-child {
    width: calc(100% - 585px);}

.guests-list div.grid-column div.guest-item,
.reports-list div.grid-column div.guest-item,
.list-header div.grid-column {
    height: 30px;
    border-bottom: 1px solid #e6e7e8;
    border-right: 1px solid #e6e7e8;
    line-height: 30px;
    background-color: #fff;
    font-family: OpenSans;
    font-weight: normal;
    color: #59595b;}

.guests-list div.grid-column div.guest-item,
.reports-list > div.grid-column > div.guest-item {
    width: 100%;}

.guests-list div.grid-column > .ir > div.guest-item label span,
.list-header div.grid-column label span {
    margin-right: 8px;}

.guests-list div.grid-column > .ir > div.guest-item label span {
    font-weight: normal;}

.guests-list div.grid-column > .ir > div.guest-item label span.icon_trash {
    margin-bottom: 5px;}

.guests-list div.grid-column > .ir > div.guest-item .dropdown-content .ir label span.icon_trash,
.guests-list div.grid-column > .ir > div.guest-item .dropdown-content .ir label span.icon_edit {
    font-weight: normal;
    height: 30px;
    width: 20px;
    background-position: center;
    background-size: 10px 10px !important;
    vertical-align: top;
    margin: 0;}

.guests-list div.grid-column > .ir > div.guest-item label .chb-square,
.list-header div.grid-column label .chb-square {
    margin-left: 2px;
    margin-top: 8px;}

.guests-list div.grid-column > .ir > div.guest-item label .chb-square {
    margin-left: 2px;}

.guests-list div.grid-column > .ir.selected .guest-item,
.reports-list > div.grid-column > .ir.selected div.guest-item {
    background-color: #e6e7e8;}

.guests-list div.grid-column > .ir .guest-item:hover,
.reports-list > div.grid-column > .ir div.guest-item:hover {
    background-color: #e6e7e8;}

.guests-list div.grid-column > .ir .guest-item.meal-set {
    background-color: #f3f3f3;
    text-shadow: 0 1px #fff;}

.guests-list div.grid-column.party > .ir > div.guest-item {
    padding-left: 0;
    position: relative;}

.guests-list div.grid-column.party > .ir > div.guest-item > label {
    font-weight: normal;}

.guests-list div.grid-column.name > .ir > div.guest-item.header {
    background-position: 72%;}

.guests-list div.grid-column.party > .ir > div.guest-item.header {
    background-position: 65%;}

.guests-list div.grid-column.party > .ir > div.guest-item.header .separator {
    padding: 0 3px;}

.guests-list div.grid-column.events > .ir > div.guest-item.header .icon_right_arrow_selected {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/right-arrow-selected.png") no-repeat;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    cursor: pointer;}

.guests-list div.grid-column.events > .ir > div.guest-item.header .icon_left_arrow_selected {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/left-arrow-selected.png") no-repeat;
    width: 10px !important;
    height: 10px !important;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;}

.list-header div.grid-column {
    border-bottom: 1px solid #000;
    padding-left: 5px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    width: 100%;}

.list-header div.grid-column label {
    font-weight: normal;}

.guests-list div.grid-column > .ir > div.guest-item > *,
.reports-list div.grid-column div.guest-item > * {
    height: 99%;
    width: 100%;}

.reports-list div.grid-column div.guest-item > * {
    margin-left: 5px;
    font-family: OpenSans;
    font-weight: 400;
    font-size: 12px;}

.guests-list div.grid-column.events div.guest-item > * > .ir {
    display: inline-block;
    margin-right: 5px;}

.guests-list div.grid-column > .ir > div.guest-item.header > *,
.reports-list > div.grid-column > div.guest-item.header > * {
    width: auto;
    height: auto;}

.guests-list .guest-item .dropdown-content {
    text-indent: 5px;}

.guests-list div.ui-resizable-handle,
.list-header div.ui-resizable-handle,
.reports-list div.ui-resizable-handle,
.list-header div.ui-resizable-handle {
    position: absolute;
    top: 0;
    width: 10px;
    cursor: col-resize;
    height: 100%;}

.resize-handle-right,
.resize-handle-left {
    z-index: 90;
    position: absolute;
    top: 0;
    height: 100%;
    cursor: col-resize;
    width: 10px;}

.resize-handle-right,
.guests-list div.ui-resizable-handle.ui-resizable-e,
.list-header div.ui-resizable-handle.ui-resizable-e,
.reports-list div.ui-resizable-handle.ui-resizable-e,
.list-header div.ui-resizable-handle.ui-resizable-e {
    right: 0;}

.resize-handle-left,
.guests-list div.ui-resizable-handle.ui-resizable-w,
.list-header div.ui-resizable-handle.ui-resizable-w,
.reports-list div.ui-resizable-handle.ui-resizable-w,
.list-header div.ui-resizable-handle.ui-resizable-w {
    left: 0;}

.guests-list div.ui-resizable-handle.ui-resizable-s,
.guests-list div.ui-resizable-handle.ui-resizable-se,
.list-header div.ui-resizable-handle.ui-resizable-s,
.list-header div.ui-resizable-handle.ui-resizable-se,
.reports-list div.ui-resizable-handle.ui-resizable-s,
.reports-list div.ui-resizable-handle.ui-resizable-se,
.guests-list div.ui-resizable-handle,
.reports-list div.ui-resizable-handle {
    display: none !important;}

.guests-panel main .guests-controls,
.guests-panel main .selected-guests-controls {
    height: auto;
    background: #f0f0f0;
    padding: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;}

.guests-panel main .guests-controls .checkboxes {
    height: 25px;
    padding-top: 3px;
    margin: 0;
    border-bottom: 1px solid #bfbfbf;}

.guests-panel main .guests-controls .checkboxes > label span {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    color: #59595b;
    margin-right: 15px;}

.guests-panel main .guests-controls .checkboxes > label span.chb-square {
    margin-right: 5px;
    margin-top: 3px;}

.guests-panel main .guests-controls .dropdowns {
    height: 60px;
    padding: 25px 0 0 0;
    text-align: center;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.guests-panel main .guests-controls .dropdowns .group {
    width: 31%;
    float: left;
    vertical-align: top;
    margin-right: 0.4%;}

.guests-panel main .guests-controls .dropdowns .group.spouse.displayNone {
    margin-left: .4%;
    transition: none;}

.guests-panel main .guests-controls .dropdowns .group.spouse {
    transition: all 150ms ease-out;
    width: 32%;}

.guests-panel main .guests-controls .dropdowns .group.spouse .brackets {
    font-size: 30px;
    vertical-align: top;
    height: 35px;
    position: absolute;
    top: -6px;
    left: 0;
    font-family: OpenSans;
    font-weight: normal;}

.guests-panel main .guests-controls .dropdowns .group.spouse .brackets:last-child {
    right: 0;
    left: initial;}

.guests-panel main .guests-controls .dropdowns .group.spouse .user-input {
    width: 94%;
    position: absolute;
    left: 3%;}

.guests-panel main .guests-controls .dropdowns label {
    font-weight: normal;
    position: relative;}

.guests-panel main .guests-controls .dropdowns label > span {
    font-family: OpenSans;
    font-weight: normal;}

.guests-panel main .guests-controls .dropdowns .user-input i {
    position: absolute;
    top: -17px;
    left: 0;}

.guests-panel main .guests-controls .dropdowns label input {
    height: 35px;
    text-indent: 10px;
    width: 100%;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #e3e3e4;
    margin-left: 0;
    padding-right: 10px;
    font-family: OpenSans;
    font-weight: normal;}
.guests-panel main .guests-controls .dropdowns label input:hover {
    border: 1px solid #d4dad9;}

.guests-panel main .guests-controls .dropdowns .dropdown-content {
    top: 37px;
    max-height: 210px;}

.guests-panel main .guests-controls .dropdowns .dropdown-opened {
    background-position: 97% !important;
    background-color: #fff !important;}

.guests-panel main .guests-controls .dropdowns .dropdown-content .item span[class^="icon"] {
    height: 30px;
    width: 20px;
    background-position: center;
    background-size: 10px 10px !important;
    vertical-align: top;
    margin-left: 0;
    margin-top: -2px;
    cursor: pointer;}

.guests-panel main .guests-controls .dropdowns .dropdown-content .ir {
    width: 100%;
    padding: 3px;}

.guests-panel main .guests-controls .dropdowns .dropdown-content .item label {
    width: 100%;}

.guests-panel main .guests-controls .dropdowns div.title {
    width: 28%;
    margin-right: 0.4%;}

.guests-panel main .guests-controls .dropdowns div.title,
.guests-panel main .guests-controls .dropdowns div.party {
    vertical-align: top;}

.guests-panel main .guests-controls .dropdown-content {
    overflow-x: hidden;}

.guests-panel main .guests-controls .dropdowns div.title input,
.guests-panel main .guests-controls .dropdowns div.party input {
    background-position: 97%;
    background-size: 12px 12px !important;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #94A2A1;
    margin-left: 0;
    padding-right: 18px;
    width: 100%;
    height: 35px;
    left: 0;
    text-indent: 30px;
    font-family: OpenSans;
    font-weight: normal;}

.guests-panel main .guests-controls .dropdowns div.title span.icon_padlock_open,
.guests-panel main .guests-controls .dropdowns div.title span.icon_padlock_closed {
    position: absolute;
    top: 0;
    left: 0;
    color: #e9e9e9;
    font-size: 20px;
    width: 28px;
    height: 35px;
    z-index: 2;
    background-size: 16px 16px !important;
    background-position: center;
    margin-left: 0;
    cursor: pointer;}

.guests-panel main .guests-controls .dropdowns label.first-last {
    width: 71%;
    transition: none;}

.guests-panel main .guests-controls .dropdowns label.first-last.full-width {
    width: 100% !important;
    transition: width 150ms ease-out;}

.guests-panel main .guests-controls .dropdowns label.seats {
    width: 4%;
    margin-right: 0.4%;}

.guests-panel main .guests-controls .dropdowns div.party {
    width: 31%;
    height: auto;}

.guests-panel main .guests-controls .dropdowns div.party span[class^="icon_padlock"] {
    width: 28px;
    height: 35px;
    z-index: 2;
    background-size: 16px 16px !important;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    margin-left: 0;
    cursor: pointer;}

.guests-panel main .guests-controls .dropdowns label.and {
    width: 1%;
    height: 100%;
    vertical-align: top;
    padding-top: 13px;
    text-align: center;
    font-size: 16px;
    float: left;
    margin-right: .4%;}

@media (max-width: 1850px) {
    .guests-panel main .guests-controls .dropdowns div.title        {width: 29%;}
    .guests-panel main .guests-controls .dropdowns label.first-last {width: 69%;}
    .guests-panel main .guests-controls .dropdowns label.seats      {width: 6%;}
    .guests-panel main .guests-controls .dropdowns div.party        {width: 28.8%;}
}

@media (max-width: 1780px) {
    .guests-panel main .guests-controls .dropdowns div.title        {width: 31%;}
    .guests-panel main .guests-controls .dropdowns label.first-last {width: 67%;}
}

@media (max-width: 1620px) {
    .guests-panel main .guests-controls .dropdowns div.title        {width: 35%;}
    .guests-panel main .guests-controls .dropdowns label.first-last {width: 63%;}
}

@media (max-width: 1480px) {
    .guests-panel main .guests-controls .dropdowns div.title        {width: 39%;}
    .guests-panel main .guests-controls .dropdowns label.first-last {width: 59%;}
}

@media (max-width: 1300px) {
    .guests-panel main .guests-controls .dropdowns div.title        {width: 45%;}
    .guests-panel main .guests-controls .dropdowns label.first-last {width: 53%;}
    .guests-panel main .guests-controls .dropdowns div.party        {width: 27.5%;}
    .guests-panel main .guests-controls .dropdowns label.seats      {width: 7%;}
}

.guests-panel main .guests-controls .contact-wrapper,
.guests-panel main .guests-controls .address-wrapper {
    height: 52px;
    padding: 5px 5px 0 5px;
    text-align: center;}

.guests-panel main .guests-controls .user-input i {
    display: block;
    font-size: 11px;
    color: rgb(168, 168, 168);
    margin-left: 3px;
    margin-bottom: 2px;
    text-align: left;}

.guests-panel main .guests-controls label input {
    width: 100%;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #e3e3e4;
    margin-left: 0;
    box-shadow: none;
    font-weight: normal;}
.guests-panel main .guests-controls label input:hover {
    border: 1px solid #d4dad9;
}
.guests-panel main .guests-controls .contact-wrapper > label.phone {
    width: 37%;
    margin-right: .5%;}

.guests-panel main .guests-controls .contact-wrapper > label.email {
    width: 62%;}

.guests-panel main .guests-controls .address-wrapper > label {
    width: 19.5%;
    margin-right: 0.4%;}

@media (max-width: 1560px) {
    .guests-panel main .guests-controls .address-wrapper > label {margin-right: 0.3%;}
}

@media (max-width: 1135px) {
    .guests-panel main .guests-controls .address-wrapper > label {margin-right: 0.2%;}
}

.guests-panel main .guests-controls .address-wrapper > label.country {
    margin-right: 0;}

.guests-panel main .guests-controls .buttons {
    height: auto;
    text-align: right;
    padding-top: 10px;}

.guests-panel main .guests-controls .buttons button {
    border-radius: 0;
    height: 29px;
    text-transform: uppercase;
    min-width: 100px;
    margin-left: 5px;
    width: auto;
    font-size: 12px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    padding: 0 15px;}

.guests-panel main .selected-guests-controls {
    height: 144px;}

.guests-panel main .selected-guests-controls > p {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;}

.guests-panel main .selected-guests-controls .dropdown,
.guests-panel main .selected-guests-controls .text-field {
    margin-right: 24px;
    height: auto;
    position: relative;
    vertical-align: top;}

.guests-panel main .selected-guests-controls .dropdown > div {
    width: 100%;}

.guests-panel main .selected-guests-controls .dropdown.wide,
.guests-panel main .selected-guests-controls .text-field.wide {
    width: 250px;}

.guests-panel main .selected-guests-controls .dropdown.medium,
.guests-panel main .selected-guests-controls .text-field.medium {
    width: 180px;}

.guests-panel main .selected-guests-controls .dropdown.small,
.guests-panel main .selected-guests-controls .text-field.small {
    width: 145px;
    font-size: inherit;}

.guests-panel main .selected-guests-controls .dropdown span,
.guests-panel main .selected-guests-controls .buttons-actions span,
.guests-panel main .selected-guests-controls .text-field span {
    display: block;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 12px;}

.guests-panel main .selected-guests-controls .dropdown input,
.guests-panel main .selected-guests-controls .text-field input {
    height: 35px;
    width: 100%;
    background-color: #fff !important;
    top: 22px;
    font-family: OpenSans;
    font-weight: normal;}

.guests-panel main .selected-guests-controls .dropdown input.dropdown-opened {
    background-position: 98% !important;}

.guests-panel main .selected-guests-controls .text-field span {
    top: 0;
    position: absolute;}

.guests-panel main .selected-guests-controls .text-field input {
    background: #fff;
    left: 0;
    position: absolute;
    text-indent: 10px;
    border: 1px solid #e3e3e4;}

.guests-panel main .selected-guests-controls .text-field input:hover {
    border: 1px solid #d4dad9;}

.guests-panel main .selected-guests-controls .dropdown .dropdown-content {
    top: 60px;}

.guests-panel main .selected-guests-controls .dropdown .dropdown-content label span {
    font-family: OpenSans;
    font-weight: normal;
    float: left;}

.guests-panel main .selected-guests-controls .dropdown .dropdown-content label span.icon_trash {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 10px 10px !important;
    background-position: 10px 10px;
    margin: 0 5px 0 0;}

.guests-panel main .selected-guests-controls .dropdown .dropdown-content label span.icon_edit {
    width: 20px;
    height: 20px;
    background-size: 10px 10px !important;
    background-position: 10px 10px;
    margin: 0;}

.guests-panel main .selected-guests-controls .buttons-actions {
    display: inline-block;
    height: 56px;
    vertical-align: top;}

.guests-panel main .selected-guests-controls .buttons-actions button {
    margin-top: 22px;}

.guests-panel main .selected-guests-controls .buttons-actions button,
.guests-panel main .selected-guests-controls .selected-guests-actions button {
    height: 34px;
    width: 110px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 12px;}

.guests-panel main .selected-guests-controls .buttons-actions > span {
    position: absolute;
    top: 0;
    left: 0;}

.guests-panel main .selected-guests-controls .selected-guests-actions {
    position: absolute;
    right: 12px;
    height: 34px;
    width: auto;
    bottom: 5.5px;}

.guests-panel main .selected-guests-controls .selected-guests-actions button {
    opacity: 1;
    height: 29px;
    min-width: 100px;
    margin-left: 10px;
    text-shadow: none;
    padding: 6px 10px;
    width: auto;}

.guests-list .guest-item [class^='icon_'],
.list-header .grid-column [class^='icon_'] {
    width: 12px;
    height: 15px;
    cursor: pointer;
    margin-left: 0;
    vertical-align: middle;
    background-size: contain !important;
    margin-right: 5px;}

.guests-list .guest-item.header [class^='icon_'],
.list-header .grid-column [class^='icon_'] {
    position: static;
    vertical-align: middle;}

.list-header .grid-column [class^='icon_'] {
    margin-top: 1px;}

.list-header .grid-column .separator {
    position: relative;
    top: -1.6px;}

.guests-list input {
    box-shadow: none;
    background-color: #fff !important;
    border: 1px solid #e3e3e4;
    margin-left: 1px;
    margin-top: 1px;
    font-family: OpenSans;
    font-weight: normal;
    width: 99%;}

.guests-list input:hover {
    border: 1px solid #d4dad9}

.guests-list input.dropdown-toggle {
    background-position: 98% 9px !important;
    padding-left: 5px;
    margin: 0;
    height: 100%;
    width: 100%;}
/* END GUESTS PANEL */

/* LAYOUT PAGE MODALS */
.modal-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #fafafa;}

/* 3D CONTROLS MODAL */
.controls-3d {
    width: 170px;
    height: auto;
    border: 1px solid #efefef;
    text-align: center;
    position: absolute;
    display: none;}

.show-the-modal .controls-3d {
    display: block;}

.controls-3d .title {
    font-size: 17px;
    margin: 0;
    padding: 3px 10px;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    border-bottom: 1px solid #efefef;}

.controls-3d .controls-wrapper {
    padding: 0;}

.controls-3d .controls-wrapper .light-settings > div > div {
    display: inline-block;
    width: 100%;
    padding: 0 10px;}

.controls-3d .controls-wrapper .light-settings > div > div.dropdown {
    margin-bottom: 10px;
    position: relative;}

.controls-3d .controls-wrapper .light-settings > div > div.dropdown > div {
    position: relative;}

.controls-3d .controls-wrapper .light-settings > div > div.dropdown > div label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.controls-3d .controls-wrapper .light-settings > div > div.dropdown input {
    max-width: 100%;
    height: 30px;
    background-color: #fff;}

.controls-3d .controls-wrapper .light-settings > div > div.dropdown input.dropdown-opened {
    background-position: 98% 10px !important;}

.controls-3d .controls-wrapper .light-settings > div > div > label {
    width: 50px;
    float: left;
    text-align: left;}

.controls-3d .controls-wrapper .light-settings > div > div > input[type=range] {
    width: 60%;
    float: right;}

.controls-3d .controls-wrapper .light-settings > div > div > div {
    height: 30px;}

.controls-3d .controls-wrapper .light-settings > div > div > div label {
    width: 50px;
    float: left;
    text-align: left;}

.controls-3d .controls-wrapper .light-settings > div > div > div > input[type=number] {
    width: 60%;
    float: right;}

div.controls-3d .modal-header {
    padding: 5px;}

div.controls-3d .modal-header .close {
    right: 0 !important;
    font-size: 25px !important;}

.controls-3d .controls-wrapper .icon {
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 50%;
    background-size: contain;
    background-position: center;
    cursor: pointer;}

.controls-3d .controls-wrapper .icon_refresh_left {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/rotate_ccw_base.svg");
    position: relative;
    top: 5px;
    right: 10px;}

.controls-3d .controls-wrapper .icon_refresh_left:hover {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/rotate_ccw_over.svg");}

.controls-3d .controls-wrapper .icon_refresh_right {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/rotate_cw_base.svg");
    position: relative;
    top: 5px;
    left: 10px;}

.controls-3d .controls-wrapper .icon_refresh_right:hover {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/rotate_cw_over.svg");}

.controls-3d .controls-wrapper .icon_arrow-up {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/arrow_up_base.svg");
    background-position: bottom;
    width: 45px;
    height: 45px;
    position: relative;
    top: 4px;}

.controls-3d .controls-wrapper .icon_arrow-up:hover {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/arrow_up_over.svg");}

.controls-3d .controls-wrapper .icon_minus {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/zoom_out_base.svg");
    position: relative;
    top: -12px;
    right: 10px;}

.controls-3d .controls-wrapper .icon_minus:hover {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/zoom_out_over.svg");}

.controls-3d .controls-wrapper .icon_plus {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/zoom_in_base.svg");
    position: relative;
    top: -12px;
    left: 10px;}

.controls-3d .controls-wrapper .icon_plus:hover {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/zoom_in_over.svg");}

.controls-3d .controls-wrapper .icon_arrow_down {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/arrow_down_base.svg");
    background-position: top;
    width: 45px;
    height: 45px;
    position: relative;
    top: -4px;}

.controls-3d .controls-wrapper .icon_arrow_down:hover {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/arrow_down_over.svg");}

.controls-3d .controls-wrapper .icon_arrow-left {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/arrow_left_base.svg");
    background-position: right;
    width: 45px;
    height: 45px;}

.controls-3d .controls-wrapper .icon_arrow-left:hover {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/arrow_left_over.svg");}

.controls-3d .controls-wrapper .icon_arrow-right {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/arrow_right_base.svg");
    background-position: left;
    width: 45px;
    height: 45px;}

.controls-3d .controls-wrapper .icon_arrow-right:hover {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/arrow_right_over.svg");}

.controls-3d .controls-wrapper .icon_center {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/center_base.svg");
    position: relative;
    top: -4px;}

.controls-3d .controls-wrapper .icon_center:hover {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/3D/center_click.svg");}

/* TEMPLATES MODALS */
.templates-modal .generic-modal-content {
    font-family: OpenSans;
    width: 300px;
    height: auto;}

.generic-modal-content.hall-modal-content {
    width: 250px;}

.generic-modal-content i {
    font-size: 10px;}

.templates-modal .generic-modal-content .modal-header .close {
    opacity: 1;
    font-size: 25px;
    margin-right: -5px;}

.templates-modal .generic-modal-content .modal-body {
    padding: 15px 15px 10px 15px;}

.templates-modal .generic-modal-content .modal-body button {
    width: 100%;
    margin-bottom: 10px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.templates-manage-modal.rename-modal .generic-modal-content {
    height: 190px !important;
    width: 350px !important;}

.rename-modals-wrapper,
.rename-modal .manage-modals-wrapper {
    display: none;}

.rename-modal .rename-modals-wrapper {
    display: block;}

.templates-manage-modal .generic-modal-content {
    background: #fafafa;
    font-family: OpenSans;
    font-weight: normal;
    max-height: 500px;}

.templates-manage-modal .modal-header .close {
    opacity: 1;
    font-size: 20px;}

/*!*.templates-manage-modal .modal-header {*!  to be deleted after we finish merging the template modals*/
/*padding: 10px 15px 5px 15px;*/
/*border-bottom: 1px solid #e5e5e5;}*/

.templates-manage-modal .modal-body .only-me-chb {
    color: #7b7b7d;
    margin: 5px 0;}

.templates-manage-modal .modal-body .templates-list .ir label.show-widget-chb {
    display: inline-block;
    float: right;
    position: relative;
    top: -9px;}

.templates-manage-modal .modal-body .manage-widget-wrapper .templates-list .ir {
    padding: 2px 10px;}

.templates-manage-modal .modal-body .manage-widget-wrapper .templates-list .ir label.show-widget-chb {
    display: block;
    float: none;}

.templates-manage-modal .modal-body .manage-widget-wrapper .templates-list .ir label.show-widget-chb span {
    font-size: 10px;}

.templates-manage-modal .modal-body .manage-widget-wrapper .templates-list .ir label.show-widget-chb span.chb-square {
    width: 10px;
    height: 10px;
    position: relative;
    top: 5px;
    margin-right: 5px;}

.templates-manage-modal .modal-body .templates-list .ir label.show-widget-chb .chb-square {
    position: relative;
    top: 3px;}

.templates-manage-modal .modal-header .modal-title {
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-top: 5px;}

.templates-manage-modal .modal-body {
    padding-top: 0;}

.templates-manage-modal .ir.selected,
.templates-manage-modal .ir.selected > div,
.templates-manage-modal .ir.selected > div > label {
    background: transparent !important;}

.templates-manage-modal .modal-body .search-control {
    margin-bottom: 0;}

.templates-manage-modal .modal-body > label {
    margin-bottom: 5px;}

.templates-manage-modal .modal-body .title-rename {
    margin-top: 20px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.templates-manage-modal .modal-body .search-control label {
    width: 100%;
    margin-bottom: 5px;}

/*.templates-manage-modal .modal-body .search-control label input {*/
/*width: 100%;*/
/*padding: 5px;*/
/*margin-top: 10px;*/
/*font-family: OpenSans;*/
/*font-weight: normal;}*/

.templates-manage-modal .modal-body .templates-list {
    border: 1px solid #bfbfbf;
    height: 329px;
    background: #fff;
    margin-top: 5px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;}

.templates-manage-modal .modal-body .templates-list .preloader {
    position: absolute;
    text-align: center;
    padding-top: 130px;
    background-color: rgba(0, 0, 0, 0.4);}

.templates-manage-modal .modal-body .templates-list .preloader img {
    width: 40px;}

.templates-manage-modal .modal-body .templates-list .preloader p {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    margin-top: 8px;
    font-size: 13px;}

.templates-manage-modal .modal-body .templates-list .ir {
    padding: 8px 10px;
    border-bottom: 1px solid #dddddd;
    height: 60px;
    overflow: hidden;}

.templates-manage-modal .modal-body .templates-list .ir label {
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    display: block;}

.templates-manage-modal .modal-body .templates-list .ir:hover label.show-widget-chb {
    display: block;}

.templates-manage-modal .modal-body button.btn {
    position: relative;
    top: 10px;
    width: 100px;
    color: #fff;
    margin-left: 10px;
    border-radius: 0;}

.templates-manage-modal .modal-body .templates-list .ir > div > span {
    font-family: OpenSans;
    font-weight: normal;
    color: #c7cecd;
    font-size: 11px;}

.templates-manage-modal .modal-body .templates-list .ir > div > span.created-by {
    display: block;
    margin-top: -10px;}

.templates-manage-modal .modal-body .templates-list .ir > div button {
    padding: 4px 12px;
    outline: none;
    border: none;
    float: right;
    position: relative;
    top: -10px;
    right: 5px;
    display: none;
    margin-left: 10px;
    font-size: 10px;
    font-family: OpenSans;
    font-weight: normal;}

.templates-manage-modal .modal-body .templates-list .ir > div button.rename-btn {
    top: -35px;}

.templates-manage-modal .modal-body .templates-list:not(.action-change) .ir:hover > div button {
    display: block;}

.templates-manage-modal .modal-body .templates-list.manage .ir > div button {
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);}

/* END TEMPLATES MODALS */
/* STATS */
.stats-modal {
    position: absolute;
    display: none;}

.show-the-modal .stats-modal {
    display: block;}

.modal-shadow .modal-header {
    height: 35px;
    border-bottom: 1px solid #e6e7e8;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;}

.modal-shadow .modal-header * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

.modal-shadow .modal-header .info {
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.modal-shadow .modal-header button.close {
    position: absolute;
    right: 10px;
    background: transparent;
    padding: 0;
    width: 20px;
    opacity: 1;
    font-size: 21px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    border: 0;}

.modal-shadow.auto-layout-shape .modal-header button.close {
    top: 13px;}

.stats-modal .modal-body {
    height: 85px;
    width: 100%;
    position: relative;
    padding: 10px;
    box-sizing: border-box;}

.stats-modal .modal-body > label {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-size: 13px;}
/* END STATS */
/* REAL TIME SETTINGS MODAL */
.real-time-settings-modal {
    border-radius: 2px;
    box-shadow: 0 20px 20px -16px rgba(0, 0, 0, 0.1);
    border: solid 1px #d4dad9;
    background-color: #fff;
    padding: 4px;
    width: 358px;
    position: absolute;
    display: none;}
.real-time-settings-modal .modal-header{
    pointer-events: none;
}
.real-time-settings-modal .modal-header .close{
    pointer-events: all;
}
.real-time-settings-modal .speaker-up{
    background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/speaker-up.svg") center center no-repeat;
    width: 32px;
    height: 32px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    position: relative;
    display: inline-block;
    top: 54px;
    left: 12px;
}
.real-time-settings-modal .modal-header {
    height: 46px;
    width: 100%;
    padding: 11px 11px 0;
    background-color: #fafafa;
    position: relative;
    border: none;
}
.real-time-settings-modal .modal-header:after {
    content: "";
    background-color: #e6e6e7;
    width: 326px;
    height: 1px;
    opacity: 0.4;
    position: absolute;
    bottom: 0;
}

.show-the-modal .real-time-settings-modal {
    display: block;}

.modal-shadow .modal-header {
    height: 35px;
    border-bottom: 1px solid #e6e7e8;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;}

.modal-shadow .modal-header * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

.modal-shadow .modal-header .info {
    color: #313236 !important;
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.modal-shadow .modal-header button.close {
    border-radius: 50%;
    /*text-indent: 99999px;*/
    width: 16px;
    height: 16px;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/close-icon5.svg") center center no-repeat;
    background-size: contain;
    margin-top: -2px;
    margin-right: 1px;
    position: absolute;
    right: 3px;
    padding: 0;
    opacity: 1;
    font-size: 21px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    text-indent: 999999px;
    border: 0;}

.modal-shadow.auto-layout-shape .modal-header button.close {
    top: 13px;}

.real-time-settings-modal .modal-body {
    background-color: #fafafa;
    height: 156px;
    width: 100%;
    position: relative;
    padding: 16px 16px 0;
    box-sizing: border-box;}


.real-time-settings-modal .modal-body .dropdown .dropdown-toggle{
    width: 319px;
    height: 28px;}

.real-time-settings-modal .modal-body > label {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-size: 13px;}


.real-time-settings-modal .modal-body .real-time-settings-range{
    top: 40px;
    position: relative;
    width: 87%;
    -webkit-appearance: none;
    height: 3px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
    display: inline-block;
}
.real-time-settings-modal .modal-body .real-time-settings-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e95f35;
    cursor: pointer;
}
.real-time-settings-modal .modal-body .real-time-settings-range::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e95f35;
    cursor: pointer;
}

.real-time-settings-modal .modal-body .real-time-settings-range:hover {
    opacity: 1;
}

.real-time-settings-modal .modal-footer{
    border-top: 1px solid #e5e5e5;
    text-align: left;}

.real-time-settings-modal .modal-footer button{
    font-size:12px;}
.real-time-settings-modal .modal-body .dark-text {
    margin-bottom: -2px;
    font-size: 12px;
    font-weight: bold;
    color: #59595b;
}
.real-time-settings-modal .modal-body .dark-text span:nth-of-type(2) {
    float: right;
}
/* END REAL TIME SETTINGS MODAL */

/* DUPLICATE MODAL */

.duplicate-modal {
    display: none;
    width: 300px;
    height: 150px;
    background-color: #fbfbfb;
    position: absolute;
    font-family: OpenSans;
    font-weight: normal;}

.show-the-modal .duplicate-modal {
    display: block;}

.duplicate-modal input {
    margin: 12px 0 15px 0;
    width: 100%;
    height: 30px;
    text-indent: 10px;
    font-weight: normal;
    font-family: OpenSans;
    border: 1px solid #e3e3e4;}

.duplicate-modal input:hover {
    border: 1px solid #d4dad9;}

.duplicate-modal .modal-body {
    padding: 0 30px;}

.duplicate-modal .modal-body > label {
    width: 100%;}

.duplicate-modal .modal-body button {
    color: #fff !important;
    margin-left: 7px;
    font-size: 12px;
    min-width: 85px;}

/* RULER */
.ruler-modal {
    background: transparent;
    border: none;
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 14%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;}

.show-the-modal .ruler-modal {
    display: block;}

.ruler-modal .content {
    height: 25px;
    width: 140px;
    position: relative;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none}

.ruler-modal .content > div.circle {
    width: 18px;
    height: 18px;
    border: 1px solid gray;
    border-radius: 20px;
    cursor: pointer;}

.ruler-modal .content > div.circle:hover {
    border: 1px solid #313237;}

.ruler-modal .content > div.ruler {
    height: 1px;
    background-color: red;
    position: absolute;
    top: 10px;
    width: 90%;
    left: 5%;}

.ruler-modal .content > span.value {
    font-size: 11px;
    line-height: 35px;}

/* END RULER */

/* GRID SETTINGS */
.grid-settings-modal {
    width: 330px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;}

.designer-grid-settings-modal {
    height: 550px;}

.designer-grid-settings-modal .slider-grid {
    margin: 0;
    width: 100px;
    display: -webkit-inline-box;}

.show-the-modal .grid-settings-modal {
    display: block;}

.show-the-modal .grid-settings-modal .modal-body > div {
    height: 45px;}

.grid-settings-modal .modal-body {
    height: 115px;
    box-sizing: border-box;
    padding: 20px 10px;}

.grid-settings-modal .modal-body input.disabled {
    background: rgb(235, 235, 228) !important;}

.grid-settings-modal .modal-body > div {
    width: 100%;
    margin-bottom: 0;}

.grid-settings-modal .modal-body > div > label.horizontal {
    margin-right: 45px;
    line-height: 30px;}

.grid-settings-modal .modal-body > div > label.horizontal .chb-square,
.grid-settings-modal .modal-body > div > label.vertical .chb-square {
    margin-top:9px;}

.grid-settings-modal .modal-body > div > label.vertical {
    margin-right: 62px;
    line-height: 30px;}

.grid-settings-modal .modal-body > div > label.horizontal span.info,
.grid-settings-modal .modal-body > div > label.vertical span.info {
    font-size: 13px;
    font-family: OpenSans;
    font-weight: normal;
    color: #59595b;}

.modal-shadow .modal-body div.measurements {
    display: inline-block;
    float: left;
    width: auto;}

.settings-modal .modal-body div.measurements {
    display: block;
    float: none;
    width: 100%;}

.distance-chairs .inputs-imperial-ct,
.distance-chairs .input-metric-ct,
.settings-modal .modal-body .inputs-imperial-ct,
.settings-modal .modal-body .input-metric-ct {
    display: inline-block;
    float: right;}

.settings-modal .modal-body .input-metric-ct label {
    width: 79px;}

.settings-modal .modal-body .input-metric-ct label input {
    float: left;}

.settings-modal .modal-body .input-metric-ct label input + span {
    float: right;
    width: 9px;
    height: 30px;
    font-size: 13px;
    font-family: OpenSans;
    font-weight: normal;
    color: #59595b;
    line-height: 44px;
    text-indent: 3px;}

.modal-shadow .modal-body div.measurements label {
    min-height: 30px;
    height: auto;
    margin-left: 10px;}

.modal-shadow .modal-body div.measurements label:first-child {
    margin-left: 0;}

.modal-shadow .modal-body div.measurements label input {
    height: 30px;
    width: 70px;
    text-indent: 10px;
    font-family: OpenSans;
    font-weight: normal;
    border: 1px solid #e3e3e4;}
.modal-shadow .modal-body div.measurements label input:hover {
    border: 1px solid #d4dad9;}
.modal-shadow .modal-body div.measurements span {
    vertical-align: top;
    font-size: 13px;}

/* END GRID SETTINGS */

/* SETTINGS */
.settings-modal {
    width: 360px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;}

.settings-modal .modal-body {
    height: auto;
    padding: 15px 15px 0;}

.settings-modal .modal-body .chair-type-setting-window .btn {
    margin-bottom: 0;}

.chair-type-setting-window .dark-text {
    margin-right: 10px;}

.settings-modal .settings-modal-units {
    display: block;
    border-top: 1px solid #94A2A1;
    padding-top: 15px;}

.settings-modal .settings-modal-units label {
    padding-top: 2px;
    margin-right: 10px;}

.settings-modal .settings-modal-units .dark-text {
    margin-right: 10px;}

.show-the-modal .settings-modal {
    display: block;}

.settings-modal .modal-body p.dark-text {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    float:left;}

.settings-modal .modal-body > div {
    width: 100%;
    margin-bottom: 15px;}

.settings-modal .new-chairs-dimensions {
    width: 240px;
    float: right;
    margin-top: -3px;
    padding-right: 10px;}

.settings-modal .icon_warning {
    margin-top:7px !important;}

.settings-modal .measurements .new-chairs-dimensions .dropdown {
    margin-left:0;
    width:100%;}

.settings-modal .measurements .new-chairs-dimensions .dropdown input {
    margin-left:0;
    width:100%;
    background-position: 97% center !important;}

.settings-modal .measurements .new-chairs-dimensions .dropdown .dropdown-content {
    overflow-x: hidden;}

.new-chairs-dimensions .dropdown .dropdown-content label {
    height: 30px;}

.settings-modal .measurements .new-chairs-dimensions .dropdown label {
    width:100%;}

.settings-modal .modal-body > div label.first {
    margin-left: 0;}

.settings-modal .modal-body > div label.tables,
.settings-modal .modal-body > div label.tables-and-rest {
    width: auto;}

.settings-modal .modal-body > div label.tables .info {
    margin-right: 90px;
    font-size: 13px;
    font-family: OpenSans;
    font-weight: normal;
    color: #59595b;}

.settings-modal .modal-body > div label.tables-and-rest .info {
    margin-right: 15px;
    font-size: 13px;
    font-family: OpenSans;
    font-weight: normal;
    color: #59595b;}

.settings-modal .modal-body > div label input {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #94A2A1;
    margin-left: 0;
    text-indent: 10px;}

.settings-modal .modal-body > div label input.disabled {
    background: rgb(235, 235, 228) !important;}

.settings-modal .modal-body > div label input::-webkit-input-placeholder {
    font-style: normal;}

.settings-modal .modal-body > div label input:-ms-input-placeholder {
    font-style: normal;}

.settings-modal .measurements .dropdown {
    width: 70px;
    float: right;
    height: 30px;
    margin-left: 10px;}

.settings-modal .measurements .dropdown input {
    width: 70px;
    max-width: 100%;
    height: 30px;}

.settings-modal .chairs-measurements > span {
    float: right;
    margin: 0 3.5px;}

.settings-modal .chairs-measurements input {
    box-shadow: none;
    background-color: #fff !important;
    border: 1px solid #94A2A1;
    background-position: 90% center !important;}

.settings-modal .chairs-measurements input.disbled {
    background: rgba(0, 0, 0, 0.1) !important;}

.settings-modal .chairs-measurements .tables-and-rest {
    position: relative;
    top: 2px;}

.settings-modal .chairs-measurements .xBetweem {
    line-height: 33px;}

/* END SETTINGS */

/* ZOOM MODAL */
.zoom-modal {
    width: 185px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;}

.show-the-modal .zoom-modal {
    display: block;}

.zoom-modal .modal-body {
    height: 35px;
    width: 100%;
    padding: 0;}

.zoom-modal .modal-body ul {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;}

.zoom-modal .modal-body ul li {
    list-style: none;
    display: inline-block;
    width: 23.3%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;}

.zoom-modal .modal-body ul li span {
    width: 100%;
    height: 100%;
    margin-left: 0;
    background-size: 20px 20px !important;
    background-position: center;}

/* END ZOOM MODAL */

/* OBJECTS DISPLAY MODAL */
.objects-display-modal {
    width: 315px;
    height: 270px;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;}

.show-the-modal .objects-display-modal {
    display: block;}

.objects-display-modal .modal-body {
    height: 235px;
    padding: 10px 0 15px;}

.objects-display-modal .modal-body > div.clearfix {
    border-bottom: 1px solid #94A2A1;
    margin: 0 15px;}

.objects-display-modal .modal-body > div.clearfix > .pull-left {
    width: 50%;
    margin: 10px 0;
    padding: 0 0 0 15px;}

.objects-display-modal .modal-body > div.clearfix > .pull-left.first {
    border-right: 1px solid #94A2A1;
    padding: 0 15px 0 0;}

.objects-display-modal .modal-body > div.clearfix > .pull-left > label.dark-text {
    width: 100%;
    margin-bottom: 5px;}

.objects-display-modal .modal-body > div.clearfix > .pull-left .renumber {
    text-align: center;
    margin-top: 10px;}

.objects-display-modal .modal-body > div.clearfix > .pull-left .renumber button {
    text-transform: uppercase;
    color: #fff;
    border-radius: 0;
    font-size: 13px;}

.objects-display-modal .modal-body > div.second-wrapper {
    margin: 10px 15px;
    border-bottom: 1px solid #94A2A1;
    padding-bottom: 10px;}

.objects-display-modal .modal-body > div.second-wrapper > label.dark-text {
    display: block;
    width: 100%;}

.objects-display-modal .modal-body > div.font {
    padding: 0 15px;
    position: absolute;}

.objects-display-modal .modal-body > div.font > label.dark-text input {
    width: 70px;
    height: 30px;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #e3e3e4 ;
    margin-left: 10px;
    text-indent: 10px;
    position: relative;
    font-family: OpenSans;
    font-weight: normal;}
.objects-display-modal .modal-body > div.font > label.dark-text input:hover{
    border: 1px solid #d4dad9 }
/* END OBJECTS DISPLAY MODAL */

/* TABLE STATUS MODAL */
.table-status-modal {
    height: 40px;
    border: none;
    background: none;
    width: 360px;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;}

.table-status-modal .background-status {
    background: #808080;
    opacity: 0.8;
    position: relative;
    width: 360px;
    height: 40px !important;
    top: -34px;
    left: -10px;
    z-index: -1;}

.show-the-modal .table-status-modal {
    display: block;}

.table-status-modal .modal-header {
    padding: 10px;
    height: 40px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;}

.table-status-modal .modal-header > div {
    display: inline-block;
    height: 100%;
    margin-right: 10px;}

.table-status-modal .modal-header > div label.color {
    width: 20px;
    height: 20px;
    border: 1px solid;
    margin-right: 5px;}

.table-status-modal .modal-header > div span {
    vertical-align: top;
    font-size: 11px;
    line-height: 22px;}

.table-status-modal .modal-header button.close {
    position: absolute;
    right: 10px;
    background: transparent;
    padding: 0;
    width: 20px;
    opacity: 1;
    font-size: 21px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    border: 0;
    text-shadow: none;}

.show-the-modal .quote-modal {
    display: block;}

.quote-modal {
    width: 300px;
    height: 50px;
    background: none;
    border: none;
    position: absolute;
    display: none;}

.quote-modal .quote-box {
    height: 100%;
    width: 100%;
    display: inline-block;
    background: none;
    padding: 12px 0 12px 10px;}

.quote-modal .background-quote {
    background: #808080;
    opacity: 0.8;
    position: relative;
    width: 100%;
    height: 100%;
    top: -50px;
    z-index: -1;}

.quote-modal .modal-header {
    padding: 0;
    height: 100%;
    width: 100%;}

.quote-modal .quote-box .info-text {
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 5px;
    font-size: 11px;}

.quote-modal .quote-box .orange-gradient {
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    outline: none;
    padding: 6px 13px;
    opacity: 0.85;
    font-size: 11px;}

.quote-modal .quote-box .close {
    margin: 2px 5px 0 0;
    background: transparent;
    padding: 0;
    width: 20px;
    opacity: 1;
    font-size: 21px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    border: 0;
    text-shadow: none;}

.generic-modal.show-the-modal {
    padding: 25px 0;}

.generic-modal.generic-upload.show-the-modal {
    padding: 25px 0;}

.quote-price-modal {
    width: 800px;
    background: none;
    border: none;
    display: none;
    background: #fff;
    font-family: Lato, sans-serif;
    font-weight: normal;}

.show-the-modal .quote-price-modal {
    display: block;
    margin-top: 0;
    height: auto;
    max-height: none;
    min-height: 1px;
    padding: 0;}

.quote-price-modal .modal-header {
    position: relative;
    text-align: center;
    padding-bottom: 0;}

.quote-price-modal .modal-body {
    padding-top: 0;
    overflow-y: initial;
    height: calc(100% - 50px);}

.quote-price-modal .quote-title {
    font-size: 18px;
    font-family: Lato, sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;}

.quote-price-modal .close {
    position: absolute;
    top: 14px;
    right: 15px;
    opacity: 1;}

.quote-price-modal .modal-body > p {
    margin: 5px 0;
    font-family: OpenSans-Bold;
    font-weight: normal;
    color: #58595b;}

.quote-price-modal .modal-body .subtitle-info-form{
    height: 32px;
    padding-top: 8px;
    cursor: pointer;
}
.quote-price-modal .modal-body .subtitle-info-form.inactive{
    background-color: #f3f4f5;
}

.quote-price-modal .modal-body .subtitle-info-form.active:before{
    display: inline-block;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/dropdown_up.svg") no-repeat center;
    width: 9px;
    height: 6px;
    content: "";
    margin-right: 6px;
    margin-bottom: 1px;
    margin-left: 5px;
}

.quote-price-modal .modal-body .subtitle-info-form.inactive:before{
    display: inline-block;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/dropdown_down.svg") no-repeat center;
    width: 9px;
    height: 6px;
    content: "";
    margin-right: 6px;
    margin-bottom: 1px;
    margin-left: 5px;
}

.quote-price-modal .modal-body .cort-events{
    color: #58595b;
    font-size: 12px;
    display: inline-block;
    padding-top: 19px;
    padding-bottom: 2px;
}

.quote-price-modal .modal-body .cort-furniture{
    color: #ea5f35;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    font-family: "Lato",sans-serif;
    padding-top: 19px;
    padding-bottom: 2px;
    float:right;
}
/*end*/
.quote-price-modal .modal-body .floorplan-box .floorplan-container{
    height: 54px;
    padding-top: 13px;
    background-color: #f3f4f5;
    border-top: 1px solid black;
}

.quote-price-modal .modal-body .floorplan-box .floorplan-container .error-div{
    display: inline-block;
    position: absolute;
}

.quote-price-modal .modal-body .floorplan-box .floorplan-container .error-div .error-icon {
    display: none;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/error_icon.svg") center no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 741px;
    top: 6px;
    z-index: 9;
}

.quote-price-modal .modal-body .floorplan-box .floorplan-container .tooltip-error {
    display: none;
    top: -3px;
    left: 765px;
    width: auto;
    height: 28px;
    border-radius: 3px;
    background-color: #d64a4a;
    position: absolute;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    text-align: center;
    line-height: 28px;
    white-space: nowrap;
    padding: 0 8px 0 8px;
    z-index: 9;
}

.quote-price-modal .modal-body .floorplan-box .floorplan-container .tooltip-error:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid #d64a4a;
    position: absolute;
    left: -4px;
    top: 9px;
}

.quote-price-modal .modal-body .floorplan-box .floorplan-container.error .error-div .error-icon,
.quote-price-modal .modal-body .floorplan-box .floorplan-container.error .error-div .tooltip-error{
    display: inline-block;
}

.quote-price-modal .modal-body .floorplan-box .floorplan-container.error input {
    border: 1px solid #d64a4a !important;
}

/*.quote-price-modal .modal-body .floorplan-box .floorplan-container .ir{*/
/*    display: inline-block;*/
/*    width: auto;*/
/*    height: 30px;*/
/*    border: solid 1px #ececec;*/
/*    background-color: #fff;*/
/*    border-radius: 4px;*/
/*    text-align: center;*/
/*    margin-left: 12px;*/
/*    padding: 6px 8px;*/
/*    overflow: hidden;*/
/*    cursor: pointer;*/
/*}*/

/*.quote-price-modal .modal-body .floorplan-box .floorplan-container .ir.selected{*/
/*    border: solid 1px #e95f35;*/
/*    color: #e95f35;*/
/*    background-color: #fff !important;*/
/*}*/

/*.quote-price-modal .modal-body .floorplan-box .floorplan-container .ir:active{*/
/*    color: #58595b;*/
/*}*/
.quote-price-modal .modal-body .floorplan-box .floorplan-container .ir .floorplanIr_chb .chb-square{
    margin-top: 8px;
    margin-right: 8px;
}
.quote-price-modal .modal-body .floorplan-box .floorplan-container .ir .floorplanIr_chb .chb-square.checked {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/box_checked_square.svg") center center no-repeat;
    background-size: 16px 16px;
    box-shadow: none;
    border: none !important;
}
/*end*/

.quote-price-modal .modal-body .floorplan-box .floorplan-container{
    position: relative;
    width: 100%;
}
.quote-price-modal .modal-body .floorplan-box .floorplan-container .dropdown-content.dropdown-open-bottom {
    visibility: visible;
    opacity: 1;
}

.quote-price-modal .modal-body .floorplan-box .floorplan-container input{
    width: 746px;
    height: 28px;
    border-radius: 4px;
    border: solid 1px #ececec;
    background-color: #fff;
    font-size: 12px;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 10px;
}

.quote-price-modal .modal-body .floorplan-box .floorplan-form{
    font-family: OpenSans-Bold;
    margin-top: 10px;
    margin-bottom: 8px;
}


.quote-price-modal .modal-body > .save-pdf {
    margin: 20px 0;}

.quote-price-modal .modal-body > .save-pdf > span {
    font-family: OpenSans;
    font-weight: 400;}

.quote-price-modal .modal-body > p span {
    font-family: OpenSans;
    font-weight: normal;}

.quote-price-modal .modal-body .info-box {
    padding: 8px 6px;
    background: #f3f4f5;}

.quote-price-modal .modal-body .info-box .info-form {
    width: 49%;
    display: inline-block;
    padding: 0 20px 0 0;}

.quote-price-modal .modal-body .info-box .info-form .subtitle-info-form {
    font-weight: 700;
    font-size: 14px;}

.quote-price-modal .modal-body .info-box .info-form label {
    width: 74%;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-family: "Lato",sans-serif;

}

.quote-price-modal .modal-body .info-box .info-form label i {
    display: none;}

.quote-price-modal .modal-body .info-box .info-form > span {
    width: 25%;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #58595b;}

.quote-price-modal .modal-body .info-box .info-form input {
    width: 100%;
    margin-bottom: 10px;
    height: 28px;
    font-size: 12px;
    padding-bottom: 3px;
    text-indent: 10px;
    border-radius: 4px;
    border: 1px solid #ececec;
    color: #58595b;}

.quote-price-modal .modal-body .info-box .info-form input.text--error{
    border: 1px solid #d64a4a;
}

.quote-price-modal .modal-body .info-box .info-form input::-webkit-input-placeholder {
    color: #59595b !important;
    font-style: normal;
    opacity: 0.4;
}
.quote-price-modal .modal-body .info-box .info-form .error-div{
    display: inline-block;
    position: absolute;
}
.quote-price-modal .modal-body .info-box .info-form .error-div .error-icon{
    display: none;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/error_icon.svg") center no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -14px;
    top: 9px;
}
.quote-price-modal .modal-body .info-box .info-form .tooltip-error{
    display: none;
    z-index: 1;
    left: 9px;
    width: auto;
    height: 28px;
    border-radius: 3px;
    background-color: #d64a4a;
    position: absolute;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    text-align: center;
    line-height: 28px;
    white-space: nowrap;
    padding: 0 8px 0 8px;
}
.quote-price-modal .modal-body .info-box .info-form .tooltip-error:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid #d64a4a;
    position: absolute;
    left: -5px;
    top: 9px;
}

.quote-price-modal .modal-body .info-box .info-form input.text--error + .error-div .error-icon,
.quote-price-modal .modal-body .info-box .info-form input.text--error + .error-div .tooltip-error{
    display: inline-block;
}

.quote-price-modal .modal-body .info-box .info-form label.input-micro {width: 23%;}
.quote-price-modal .modal-body .info-box .info-form label.input-small {width: 50%;}
.quote-price-modal .modal-body .info-table > div {height: 32px;}

.quote-price-modal .modal-body .info-table {
    max-height: calc(100vh - 653px);
    margin-bottom: 24px;
    overflow-y: auto;
    height: 100%;
    min-height: 85px;}



.quote-price-modal .modal-body div.header > div,
.quote-price-modal .modal-body .info-table > div > div{
    text-align: center;
    height: 100%;
    display: inline-block;
    border-right: 1px solid #e6e6e6;
    float: left;
}

.quote-price-modal .modal-body .info-table > div > div {
    padding: 8px 4px;}

.quote-price-modal .modal-body .info-table > div > div.quote-action {
    padding-top: 8px;
    min-width: 45px;}

.quote-price-modal .modal-body div.header {
    width: 100%;
    overflow: hidden;
    height: 25px;
    background: #f3f4f5;
    border-bottom: 1px solid #000;}

.quote-price-modal .modal-body .info-table > div.ir {
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;}

.quote-price-modal .modal-body .quote-action {
    width: 6%;}

.quote-price-modal .modal-body .quote-count {
    width: 6%;
    max-width: 45px;
    padding-top: 8px;}

.quote-price-modal .modal-body .quote-type,
.quote-price-modal .modal-body .info-table .quote-type {
    width: 38%;
    max-width: 285px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;}

.quote-price-modal .modal-body .quote-dimensions {
    width: 27%;
    max-width: 187px;
    padding-top: 8px;
}

.quote-price-modal .modal-body .quote-itemcode {
    width: 28%;
    padding-top: 8px;
    border: none !important;}

.quote-price-modal .modal-body .header > div {
    padding-top: 4px !important;}

.quote-price-modal .modal-body .info-table > .ir > div .icon_trash2 {
    width: 20px;
    height: 18px;
    margin-top: 0;
    background-size: contain !important;
    cursor: pointer;}

.quote-price-modal .modal-body .orange-gradient {
    width: 49%;
    height: 40px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: OpenSans-Bold;
    font-weight: normal;
    color: #fff;
    border: none;
    position: relative;}

.quote-price-modal .modal-body .quote-info {
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight: 300;
    text-align: center;
    padding: 30px 0 15px;
}

.quote-price-modal .modal-body .white-gradient {
    border: 1px solid #D4DAD9;
    background-color: #fff;
    margin-right: 10px;
    width: 49%;
    height: 40px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: OpenSans-Bold;
    font-weight: normal;
    color: #58595b;
    position: relative;}

.quote-price-modal .modal-body .white-gradient span{
    display: inline-block;
}

.quote-price-modal .modal-body .white-gradient .spinner{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/load_orange.svg") no-repeat center / 100%;
}

.quote-price-modal .modal-body .white-gradient:hover {
    border: 1px solid #E95F35;}

/* END TABLE STATUS MODAL */

/* PRINT MODAL */
.print-modal {
    width: 300px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;}

.show-the-modal .print-modal {
    display: block;}

.print-modal .modal-body {
    height: 165px;
    text-align: center;}

.print-modal .modal-body > p {
    text-align: left;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.print-modal .modal-body > button {
    border-radius: 0;
    color: #fff;
    font-size: 11px;
    padding: 6px 28px;
    margin-top: 25px;}

/* END PRINT MODAL */

/* SAVE PDF MODAL */
.save-pdf-modal {
    width: 400px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;}

.show-the-modal .save-pdf-modal {
    display: block;}

.save-pdf-modal .modal-body {
    height: 200px;
    padding: 20px 15px;}

.save-pdf-modal .modal-body .pdf-size {
    height: 30px;
    width: 100%;
    margin-bottom: 10px;}

.save-pdf-modal .modal-body .pdf-size span {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 15px;
    vertical-align: top;
    line-height: 30px;
    margin-right: 5px;}

.save-pdf-modal .modal-body .pdf-size div.dropdown {
    width: 210px;
    background-color: #fff;
    height: 25px;}

.save-pdf-modal .modal-body .pdf-size div.dropdown input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;}

.save-pdf-modal .modal-body .pdf-name {
    margin-bottom: 10px;}

.save-pdf-modal .modal-body .pdf-name > span {
    font-size: 15px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.save-pdf-modal .modal-body .pdf-name > input {
    width: 100%;
    height: 30px;
    text-indent: 10px;
    margin-top: 10px;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #94A2A1;}

.save-pdf-modal .modal-body .alert-message {
    color: red;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.save-pdf-modal .modal-footer {
    height: 65px;
    text-align: right;}

.save-pdf-modal .modal-footer button.btn {
    border-radius: 0;
    color: #fff;
    width: 100px;
    text-align: center;
    text-transform: uppercase;
    height: 30px;
    font-size: 11px;}

/* END SAVE PDF MODAL */

/* FLOORPLANS MODAL*/
.floorplan-modal {
    width: 400px;
    height: auto;
    border: 5px solid white;
    position: absolute;
    display: none;}

.floorplan-modal .dropdown .dropdown-content label {
    border-bottom: none;
    height: 30px;}

.floorplan-modal.guests-window {
    width: 750px;
    height: 465px;}

.show-the-modal .floorplan-modal {
    display: block;}

.floorplan-modal .dropdown .dropdown-content {
    overflow-x: hidden;}

.floorplan-modal .modal-header {
    touch-action: none;
    padding: 10px 0;
    border-bottom: 1px solid #e6e7e8;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    min-height: 35px;
    height: auto;
    overflow: hidden;}

.floorplan-modal .modal-header button.close {
    top: 10px;}

.floorplan-modal .modal-header .icon_collapse,
.floorplan-modal .modal-header .icon_expand {
    width: 19px;
    height: 19px;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    top: -2px;
    margin-right: 3px;}

.floorplan-modal .modal-header .header-title {
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    line-height: 20px;
    margin-top: -2px;
    max-width: 78%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}

.floorplan-modal .modal-header .right-tabs {
    display: inline-block;
    height: 100%;
    float: right;
    margin-right: 10px;
    position: relative;
    top: -1px;}

.arrangeMenuContainer li > span {
    margin-left: 0;}

.floorplan-modal .modal-header .right-tabs ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;}

.floorplan-modal .modal-header .right-tabs ul li {
    display: inline-block;
    font-size: 11px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    border-right: 1px solid #ccc;
    color: #59595B;
    padding-right: 3px;
    cursor: pointer;
    padding-left: 1px;}

.floorplan-modal .modal-header .right-tabs ul li:last-child {
    border-right: none;}

.floorplan-modal .modal-subheader {
    padding: 10px;
    border-bottom: 1px solid #e6e7e8;
    margin-bottom: 5px;}

.floorplan-modal .modal-subheader div.object-image-wrapper {
    width: 75px;
    height: 75px;
    float: left;
    background-color: #fff;
    text-align: center;
    position: relative;}

.floorplan-modal .modal-subheader div[id^="dimensionsAndDetails_div"] p label span,
.floorplan-modal .modal-subheader div[id^="dimensionsNoDetails_div"] p label span {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
}

.floorplan-modal .modal-subheader div[id^="dimensionsAndDetails_div"] p.dimensions,
.floorplan-modal .modal-subheader div[id^="dimensionsAndDetails_div"] p.code {
    margin-bottom: 6px;
}


.floorplan-modal .modal-subheader div.object-image-wrapper .preloader {
    width: 75px;
    height: 75px;
    position: absolute;}

.floorplan-modal .modal-subheader img.left {
    max-height: 75px;
    background-color: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}
@supports (-webkit-appearance:none) {
    .floorplan-modal .modal-subheader img.left{
        content: initial;
    }
}

.floorplan-modal .modal-subheader img.right {
    float: right;
    width: 50px;
    height: 60px;}

.floorplan-modal .modal-subheader .info,
.floorplan-modal .modal-subheader .info-compressed {
    float: left;
    padding: 0 5px;
    font-size: 11px;
    width: calc(100% - 75px);}

.floorplan-modal .modal-subheader .info-compressed .dimensions {
    width: 50%;
    float: left;
    padding-top: 7px;
    margin-bottom: 0;}

.floorplan-modal .modal-subheader .info-compressed .image-afr {
    width: 75px;
    height: 75px;}

.floorplan-modal .modal-subheader .info-compressed .dimensions > label {
    display: block;
    margin-bottom: 6px;}

.floorplan-modal .modal-subheader .info-compressed img.right {
    width: 50%;}


/*CORT DRAPE DIMENSIONS*/

.floorplan-modal .modal-subheader .cort-dimensions{
    display: inline-block;
    position: relative;
}

.cort-dimensions label.airWallsOrDrapes_airwallLabel,
.cort-dimensions label.airWallsOrDrapes_pipeLabel {
    margin-bottom: 15px;}

.cort-dimensions label.airWallsOrDrapes_airwallLabel span,
.cort-dimensions label.airWallsOrDrapes_pipeLabel span {
    font-weight: 700;
    font-family: OpenSans-SemiBold;}

.floorplan-modal .modal-subheader .cort-dimensions div.measurements input::placeholder {
    font-style: normal;}

.floorplan-modal .modal-subheader .cort-dimensions div.measurements span:first-child {
    font-family: OpenSans-SemiBold;
    margin-left: 6px;
    display: inline-block;
    width: auto;
    font-size: 10px;
    line-height: 30px;}

.cort-dimensions .color-wrapper span.label-name {
    display: inline-block;
    width: auto;
    font-size: 11px;}

.airWallsOrDrapes_pipeLabel {
    margin-left: 10px;}

.cort-dimensions .measurements .spacing-by-div {
    display: inline-block;
    margin-top: 4px;
}

.cort-dimensions .height-from-floor.measurements .spacing-by-div {
    width: 211px;
}

.cort-dimensions .color-wrapper .sp-light {
    margin-left: 16px;
    width: 71px;}

.cort-dimensions .color-wrapper .sp-light .sp-preview {
    width: 45px !important;}

.cort-dimensions > span {
    line-height: 30px;
    display: inline-block;
    float: left;
    margin-top: 5px;
}

.cort-dimensions .dropdown {
    width: 260px;
    height: 30px;
    margin: 5px 0 15px 24px;
    background: #fff;
    float: left;
}

.cort-dimensions  .dropdown input {
    background-color: #fff;
}

.cort-dimensions .dropdown .dropdown-toggle {
    width: 100%;
    height: 30px;
}

.show-the-modal .floorplan-modal .modal-subheader .measurements .inputs-imperial-ct {
    width: 150px;
    position: relative;
    top:2px;
}

.show-the-modal .floorplan-modal .modal-subheader .measurements .inputs-imperial-ct label.first {
    margin-right: 6px;
}

.show-the-modal .floorplan-modal .modal-subheader .measurements .inputs-imperial-ct label input,
.show-the-modal .floorplan-modal .modal-subheader .measurements .input-metric-ct label input
{
    width: 60px;
    height: 22px;
    border-radius: 4px;
    border: solid 1px #ececec;
    background-color: #fff;
    color: #59595b;
    text-indent: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
    font-size:10px;
}

.show-the-modal .floorplan-modal .modal-subheader .measurements .inputs-imperial-ct .feet-unit,
.show-the-modal .floorplan-modal .modal-subheader .measurements .inputs-imperial-ct .inch-unit {
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 5px;
    color: #bbb;
    width:3px;
}

.show-the-modal .floorplan-modal .modal-subheader .measurements .inputs-imperial-ct .feet-unit {
    left: 50px;
}

.show-the-modal .floorplan-modal .modal-subheader .measurements .inputs-imperial-ct .inch-unit{
    left: 114px;
}

.modal-shadow .modal-subheader div.measurements span {
    vertical-align: top;
    font-size: 13px;
}

.show-the-modal .floorplan-modal .modal-subheader .measurements .input-metric-ct {
    position: relative;
    display: inline-block;
    width: auto;
}

.show-the-modal .floorplan-modal .modal-subheader .measurements .input-metric-ct label {
    margin-right: 0;
}
.modal-shadow .modal-subheader div.measurements label {
    min-height: 22px;
    height: auto;
    margin-left: 10px;
}

.show-the-modal .floorplan-modal .modal-subheader .measurements .input-metric-ct .metric-unit{
    position: absolute;
    right: -2px;
    top: 9px;
    color: #bbb;
    font-size: 10px !important;
    line-height: 10px;
}

.show-the-modal .floorplan-modal.cort-drape .info .dimensions{
    display: none;
}

.show-the-modal .floorplan-modal.cort-drape .info .height-type{
    display: none;
}

.show-the-modal .floorplan-modal.cort-drape .info .code{
    font-size:11px;
}

.show-the-modal .floorplan-modal.cort-drape .info .colors{
    font-size: 11px;
    margin-top: 10px;
}

.show-the-modal .floorplan-modal.cort-drape .modal-body .airWallsOrDrapes_body {
    display: none;
}
.show-the-modal .floorplan-modal.cort-drape .modal-subheader .info-compressed{
    display: none;
}

.floorplan-modal .modal-subheader .info p {
    width: calc(100% - 50px);
    float: left;
    margin-bottom: 3px;
    font-size: 10px;}

.floorplan-modal .modal-subheader .info p label,
.floorplan-modal .modal-subheader .info p.code label span {
    margin-right: 5px;}

.floorplan-modal .modal-subheader .info p.colors > span {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    margin-right: 5px;
    line-height: 15px;
    float: left;
}

.floorplan-modal .modal-subheader .info p.colors label {
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0,0,0,0.2);
    cursor: pointer;}

.floorplan-modal .modal-subheader .info p.colors label.selected {
    border: 1px solid rgba(0,0,0,0.4);
    box-shadow:inset 0 0 0 1px #fff;}


.floorplan-modal .modal-subheader p.colors {
    height: auto;/* 15px */
}

.floorplan-modal .modal-subheader p.colors label {
    top: 0;
}

.null-zone-checkbox {
    margin-top:4px;
}
.floorplan-modal .modal-body .object-tab > div {
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.floorplan-modal .modal-body .object-tab > div.designerArea-wrapper {
    border-top: 1px solid #e6e7e8;
    padding-top: 10px;
    margin-top: 10px;}

.designerArea-wrapper .tables-title{
    height: auto;
    margin-bottom: 16px;
    font-family: 'OpenSans-SemiBold';
    font-weight: 600;
    font-size: 14px;
}

.floorplan-modal .modal-body .object-tab > div.designerArea-wrapper .type-wrapper .ir div > label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 16px);
    cursor: pointer;
}

.edit-object-modal .type-wrapper,
.floorplan-modal .modal-body .object-tab > div.designerArea-wrapper .type-wrapper {
    width: 100%;
    display: inline-block;}

.edit-object-modal .designer-button,
.floorplan-modal .modal-body .object-tab > div.designerArea-wrapper .designer-button {
    width: 100%;
    float: right;
    margin-top: 5px;
    margin-bottom: 15px;
}

.generic-modal-content.edit-object-modal .designer-button {
    padding-top: 35px;
    padding-bottom: 0;
    padding-left: 0;
    text-align: center;}

.generic-modal-content.edit-object-modal .designer-button button {
    width: 100%;}

.floorplan-modal .modal-body .object-tab > div.designerArea-wrapper .designerPay button {
    border: none;
    padding: 5px 12px;
    font-size: 16px;
    text-transform: uppercase;}

.floorplan-modal .modal-body .object-tab > div.designerArea-wrapper .designer-button label {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    margin-top: 5px;
    font-size: 11px;}

.floorplan-modal .modal-body .object-tab > div.designerArea-wrapper .designer-button label > span {
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    bottom: 1px;}

.floorplan-modal .modal-body .object-tab div.designerArea-wrapper .designer-button button {
    min-width: 27%;
    max-width: 32%;
    height: 32px;
}

.floorplan-modal .modal-body .object-tab .designerArea-wrapper div.type-wrapper .dropdown {
    width: 250px;}

.floorplan-modal .modal-body .object-tab .designerArea-wrapper div.type-wrapper > div > div {
    margin-bottom: 10px;}

.floorplan-modal .modal-body .object-tab .designerArea-wrapper div.type-wrapper.designer-sets > div > div {
    margin-bottom: 8px;}


.floorplan-modal .modal-body .object-tab .designerArea-wrapper div.type-wrapper span.label-name {
    display: inline;
    width: 78px;
    margin: 0 0 5px;}

.floorplan-modal .modal-body .object-tab > div.cort-quote-wrapper {
    font-family: OpenSans;
    padding-top: 10px;
    border-top: 1px solid #e6e7e8;}

.floorplan-modal .modal-body .object-tab > div.cort-quote-wrapper span {
    font-size: 11px;
    font-family: OpenSans-SemiBold;}

.floorplan-modal .modal-body .object-tab > div.cort-quote-wrapper button {
    color: #fff !important;
    float: right;
    border-radius: 0;
    font-size: 12px;
    padding: 6px 10px;
    margin-top: 4px;}

.floorplan-modal .object-tab > div span.label-name,
.floorplan-modal .object-tab > div > div span.label-name {
    font-size: 11px !important;
    color: #59595b;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    width: 94px;
    height: 100%;
    float: left;
    line-height: 25px;}



.floorplan-modal .object-tab > div > div span.label-name.spacing {
    width: 20px;}

.floorplan-modal .object-tab > div > div span.label-name {
    margin-left: 10px;}

.floorplan-modal .modal-body .object-tab > div.space-wrapper > div > label {
    margin-left: 0 !important;}

.floorplan-modal .object-tab > div.space-wrapper > div > label i,
.floorplan-modal .object-tab > div.space-wrapper > div > label span {
    display: none;}

.floorplan-modal .object-tab > div input.full-width {
    height: 25px;
    width: 250px;
    text-indent: 10px;
    border: 1px solid #e3e3e4;
    font-size: 11px;
    font-family: OpenSans;
    font-weight: normal;}

.floorplan-modal .object-tab > div input.full-width:hover{
    border: 1px solid #d4dad9;
}

.floorplan-modal .modal-body {
    padding: 10px;}

.floorplan-modal .modal-body .object-tab input {
    font-size: 11px !important;
    font-family: OpenSans !important;
    font-weight: normal !important;
    border: 1px solid #e3e3e4;}

.floorplan-modal .modal-body .object-tab input:hover {
    border: 1px solid #d4dad9;}

.floorplan-modal .modal-body > div > div.rows > label {
    display: inline-block;
    margin-right: 10px;}

.floorplan-modal .modal-body .object-tab > div.type-wrapper > div {
    overflow: hidden;
    margin-bottom: 5px;}

.floorplan-modal .modal-body .object-tab > div.type-wrapper > div span.label-name {
    margin-left: 0;}

.floorplan-modal .modal-body .object-tab div.type-wrapper .dropdown {
    width: 250px;
    background-color: #fff;
    vertical-align: top;
    height: 26px;}

.floorplan-modal .modal-body .object-tab div.type-wrapper .dropdown input {
    width: 100%;
    height: 26px;
    background-color: #fff !important;
    background-position: 98% 9px !important;
    margin-left: 0;
    border: 1px solid #b0c1c0;
    font-size: 11px;
    padding-right: 22px;
    color: #59595b !important;}

.floorplan-modal .modal-body .object-tab .dropdown-content,
.floorplan-modal .modal-body .object-tab .dropdown-content {
    top: 28px;
    overflow-y: overlay;
    font-family: OpenSans;
    font-weight: normal;
    cursor: grabbing;
}

.floorplan-modal .modal-body .object-tab .dropdown-content::-webkit-scrollbar:active{
    background: #F0F0F0BF;
}

.floorplan-modal .modal-body .object-tab div.color-wrapper div.color-picker {
    width: 50px;
    height: 25px;
    border: 1px solid;
    position: relative;
    display: inline-block;
    background-color: #fff;
    float: left;}

.floorplan-modal .modal-body .object-tab div.color-wrapper div.texture-3d {
    position: relative;
    vertical-align: top;
    display: inline-block;}

.floorplan-modal .modal-body .object-tab div.color-wrapper div.texture-3d span {
    font-size: 11px;
    margin-right: 5px;
    margin-left: 10px;}

.floorplan-modal .modal-body .object-tab div.color-wrapper div.texture-3d input {
    width: 50px;
    height: 25px;
    border: 1px solid #b0c1c0;}

.floorplan-modal .modal-body .object-tab div.color-wrapper label,
.floorplan-modal .modal-body .object-tab div.table-wrapper label {
    margin-left: 10px;
    line-height: 25px;}

.floorplan-modal .modal-body .object-tab div.color-wrapper label span,
.floorplan-modal .modal-body .object-tab div.table-wrapper label span {
    font-size: 11px;
    margin-top: 7px;}

.floorplan-modal .modal-body .object-tab div.table-wrapper input {
    width: 50px;
    height: 25px;
    text-indent: 10px;
    border: 1px solid #e3e3e4;}
.floorplan-modal .modal-body .object-tab div.table-wrapper input:hover {
    border: 1px solid #d4dad9;
}
.floorplan-modal .modal-body .object-tab div.chairs-wrapper input {
    text-indent: 10px;
    border: 1px solid #e3e3e4;
    height: 25px;
    width: 50px;}
.floorplan-modal .modal-body .object-tab div.chairs-wrapper input {
    border: 1px solid #d4dad9;
}
.floorplan-modal .modal-body .object-tab div.chairs-wrapper .dropdown {
    width: 90px;
    background-color: #fff;
    vertical-align: top;
    margin-right: 5px;}

.floorplan-modal .modal-body .object-tab div.chairs-wrapper .dropdown input {
    width: 100%;
    height: 25px;
    background-color: #fff;
    border: 1px solid #e3e3e4;
    margin: 0;
    background-position: 96% 9px;
    background-size: 10px;}

.floorplan-modal .modal-body .object-tab div.chairs-wrapper .dropdown input.dropdown-opened {
    background-position: 96% 9px !important;
    background-size: 10px !important;
    background-color: #fff !important;}

.floorplan-modal .modal-body .object-tab div.chairs-wrapper input.number {
    width: 50px;
    height: 25px;
    text-indent: 10px;
    border: 1px solid #e3e3e4;
    position: relative;}

.floorplan-modal .modal-body .object-tab div.chairs-wrapper input.number:hover {
    border: 1px solid #d4dad9;
}


.floorplan-modal .modal-body .object-tab .designer-button button {
    color: #fff;
    outline: none;
    border: none;
    padding: 5px 5px;
    border-radius: 5px;
    font-family: 'OpenSans';
    font-weight: 400;
    font-size: 12px;
}

.floorplan-modal .modal-body .object-tab .designer-button button.disabled {
    background-color: #f0b9a8;
    border: 1px solid #f0b9a8;
    user-select: none;
    cursor: not-allowed;
}


.floorplan-modal .modal-body .guests-tab div.list .left > div label .tooltip {
    left: 1px !important;}

.floorplan-modal .modal-body .guests-tab div.list .left > div label .tooltip-arrow {
    left: 63px !important;}

.floorplan-modal .modal-body .guests-tab div.list .left > div label .tooltip-inner {
    max-width: 470px;
    padding: 10px 55px 10px 10px;
    color: #59595b;
    text-align: left;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #59595b;}

.floorplan-modal .modal-body .guests-tab div.list .left > div label .tooltip-inner:after {
    content: "";
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon-penguin-tooltip.png") no-repeat center / 100%;
    width: 43px;
    height: 42px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 15px;}



.generic-modal-content .generic-modal-text-content .icon_share_grey,
.generic-modal-content .generic-modal-text-content .icon_stop_share_grey{
    width: 14px;
    height: 14px;
    background-size: contain !important;
    display: inline-block;
    margin: 0 2px -2px;
}
.generic-modal-content .generic-modal-text-notice{
    font-family: "Lato",sans-serif;
    font-size: 16px;
    display: inline-block;
    color: #a7b8be;
    line-height: 22px;
    padding-top: 15px;}
.table-wrapper .table-validation {
    padding-left: 45px;
    margin: 5px 0;}

.table-wrapper .table-validation span {
    color: red;
    font-family: OpenSans;
    font-weight: normal;}

.table-wrapper .table-validation .icon_warning {
    width: 10px;
    height: 10px;
    margin-right: 5px;}

.chairs-wrapper .chairs-validation {
    padding-left: 45px;
    margin: 5px 0;}

.floorplan-modal .chairs-wrapper .chairs-validation {
    padding-left: 71px;}

.chairs-wrapper .chairs-validation span {
    color: red;
    font-family: OpenSans;
    font-weight: normal;}

.chairs-wrapper .chairs-validation .icon_warning {
    width: 10px;
    height: 10px;
    margin-right: 5px;}

input.number::-webkit-inner-spin-button {
    -webkit-appearance: textfield;
    cursor: pointer;
    display: block;
    opacity: 1;
    width: 8px;
    height: auto;
    color: #333;
    position: absolute;
    background: #FFF url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/number-input-icons.png") no-repeat center center;
    top: 0;
    bottom: 3px;
    right: 3px;
}

input.no-arrows {
    -moz-appearance: textfield;}

input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
    /*-webkit-appearance: none;*/
}

.floorplan-modal .modal-body .object-tab p.input-validation {
    color: red;
    font-size: 11px;
    margin: 5px 0 0 50px;}

.floorplan-modal .modal-body .object-tab p.input-validation .icon_warning {
    width: 18px;
    height: 14px;
    margin-right: 5px;
    position: relative;
    top: 4.5px;}

.floorplan-modal .modal-body .object-tab .size-wrapper p.input-validation {
    width: auto;
    display: inline;
    margin: 0;}

.floorplan-modal .modal-body .object-tab .size-wrapper p.input-validation .number-warning {
    display: inline-block;
    width: 66px;
    position: absolute;
    line-height: 13px;
    margin-top: 3px;}

.floorplan-modal .modal-body .object-tab .align-wrapper.by-object .hor-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper.by-object .vert-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper .top-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper .horc-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper .bot-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper .left-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper .vertc-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper .right-btn{
    display:none;
}

.floorplan-modal .modal-body .object-tab .align-wrapper.by-object .top-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper.by-object .horc-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper.by-object .bot-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper.by-object .left-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper.by-object .vertc-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper.by-object .right-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper .hor-btn,
.floorplan-modal .modal-body .object-tab .align-wrapper .vert-btn{
    display: inline-block;
}

.floorplan-modal .modal-body .object-tab div.organize-wrapper > button,
.floorplan-modal .modal-body .object-tab div.clone-wrapper > button,
.floorplan-modal .modal-body .object-tab div.align-wrapper > button,
.floorplan-modal .modal-body .object-tab div.space-wrapper > button {
    width: 33px;
    height: 25px;
    border: none;}

.floorplan-modal .modal-body .object-tab div.organize-wrapper > button,
.floorplan-modal .modal-body .object-tab div.clone-wrapper > button {
    float: left;
    margin-right: 3px;}

.floorplan-modal .modal-body .object-tab div.group-wrapper > button {
    border: none;
    height: 25px;
    margin-top: 2px;
    border-radius: 0;
    min-width: 50px;
}


.floorplan-modal .modal-body .object-tab div.join-wrapper > button {
    border: none;
    color: #fff;
    height: 25px;
    padding: 0 10px;
    min-width: 50px;}


.floorplan-modal .modal-body .object-tab div.organize-wrapper > button span,
.floorplan-modal .modal-body .object-tab div.clone-wrapper > button span,
.floorplan-modal .modal-body .object-tab div.align-wrapper > button span,
.floorplan-modal .modal-body .object-tab div.space-wrapper > button span {
    width: 100%;
    height: 100%;
    margin-left: 0;
    background-position: center;}

.floorplan-modal .modal-body .object-tab div.align-wrapper .label-name .fp-icons,
.floorplan-modal .modal-body .object-tab div.space-wrapper .label-name .fp-icons,
.floorplan-modal .modal-body .object-tab div.align-wrapper-div .label-name .fp-icons{
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/questionmark-icon.svg") center no-repeat;
    left: 30px;
    top: 6px;
    cursor: pointer;
}
.floorplan-modal .modal-body .object-tab div.space-wrapper .label-name .fp-icons{
    left: 35px;
}
.floorplan-modal .modal-body .object-tab div.align-wrapper-div{
    margin-bottom:12px;
}
.floorplan-modal .modal-body .object-tab div.align-wrapper-div label{
    margin-top: 4px;
}
.floorplan-modal .modal-body .object-tab div.align-wrapper-div label.by-row-lbl{
    margin-left: 10px;
}

.floorplan-modal .modal-body .object-tab div.align-wrapper-div .label-name .fp-icons{
    left: 66px;
}
.floorplan-modal .modal-body .object-tab div.align-wrapper .label-name .fp-icons:hover,
.floorplan-modal .modal-body .object-tab div.space-wrapper .label-name .fp-icons:hover,
.floorplan-modal .modal-body .object-tab div.align-wrapper-div .label-name .fp-icons:hover{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/questionmark-icon-active.svg") center no-repeat;
}

.floorplan-modal .modal-body .object-tab div.align-wrapper .label-name .fp-icons .fp-icons-tooltip.left{
    font-size: 12px;
    z-index: 9;
    width: 193px !important;
    height: 38px !important;
    white-space: normal;
    line-height: 1;
    padding-top: 6px;
    text-align: left;
    left: 112px;
    top: -7px;
}

.floorplan-modal .modal-body .object-tab div.space-wrapper .label-name .fp-icons .fp-icons-tooltip.left{
    font-size: 12px;
    z-index: 9;
    width: 193px !important;
    height: 38px !important;
    white-space: normal;
    line-height: 1;
    padding-top: 6px;
    text-align: left;
    left: 112px;
    top: -7px;
}

.floorplan-modal .modal-body .object-tab div.align-wrapper .label-name .fp-icons .fp-icons-tooltip.left:before,
.floorplan-modal .modal-body .object-tab div.space-wrapper .label-name .fp-icons .fp-icons-tooltip.left:before{
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #313236;
    left: 1px;
    bottom: 20px;
    transform: initial;
}




.floorplan-modal .modal-body .object-tab div.clone-wrapper > label.how-many {
    vertical-align: top;}

.floorplan-modal .modal-body .object-tab div.clone-wrapper > label.how-many input {
    width: 50px;
    text-indent: 10px;
    margin-left: 2px;
    margin-right: 10px;
    height: 25px;}

.floorplan-modal .input:focus {
    border: 1px solid #b0c1c0;}

.floorplan-modal .modal-body .object-tab div.clone-wrapper > label.how-many span {
    font-size: 11px;}

.floorplan-modal .modal-body .object-tab div.space-wrapper div {
    display: inline-block;
    vertical-align: top;}

.floorplan-modal .modal-body .object-tab div.space-wrapper div label {
    vertical-align: top;
    margin-left: 10px;}

.floorplan-modal .modal-body .object-tab div.space-wrapper div span {
    font-size: 15px;
    vertical-align: top;}

.floorplan-modal .modal-body .object-tab div.space-wrapper div label span {
    font-size: 11px;
    padding-right: 5px;
    vertical-align: middle;}

.floorplan-modal .modal-body .object-tab div.space-wrapper div label span:first-child {
    vertical-align: middle;
    font-size: 11px;
    color: #59595b;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.floorplan-modal .modal-body .object-tab div.space-wrapper div label input {
    width: 50px;
    text-indent: 10px;
    margin-left: 2px;
    margin-right: 3px;
    height: 25px;}

.floorplan-modal .modal-body .object-tab > div.rotate-wrapper button {
    border-radius: 0;
    height: 25px;
    width: 33px;
    color: #fff;
    font-size: 11px;
    padding: 0;}

.floorplan-modal .modal-body .object-tab > div.rotate-wrapper button.reset {
    min-width: 40px;
    width: auto;
    padding: 0 5px;}

.floorplan-modal .modal-body .object-tab > div.rotate-wrapper .rotate-direction-ct {
    display: inline-block;
    margin-left: 4px;
    margin-top: 5px;
    margin-bottom: 2px;
}

.floorplan-modal .modal-body .object-tab > div.rotate-wrapper label {
    font-size: 11px;
    margin-left: 3px;}

.floorplan-modal .modal-body .object-tab > div.size-wrapper {
    line-height: 25px;}

.floorplan-modal .modal-body .object-tab > div.size-wrapper label {
    margin-right: 5px;
    vertical-align: middle;}

.floorplan-modal .modal-body .object-tab > div.size-wrapper label input {
    width: 38px;
    height: 20px;
    margin-right: 3px;
    text-indent: 5px;
    border: 1px solid #e3e3e4;}

.floorplan-modal .modal-body .object-tab > div.size-wrapper label input:hover {
    border: 1px solid #d4dad9;}

.floorplan-modal .modal-body .object-tab > div.size-wrapper label input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.floorplan-modal .modal-body .object-tab > div.size-wrapper label input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

.floorplan-modal .modal-body .object-tab > div.display-wrapper label {
    height: 25px;
    font-size: 11px;
    vertical-align: top;
    margin-right: 10px;}

.floorplan-modal .modal-body .object-tab > div.display-wrapper label span {
    margin-top: 10px;
    line-height: 29px;}

.floorplan-modal .modal-body .object-tab > div.display-wrapper label span.chb-square {
    margin-top: 8px;}

.floorplan-modal .modal-body .object-tab > div.font-wrapper .dropdown {
    width: 75px;
    vertical-align: top;
    background-color: #fff;}

.floorplan-modal .modal-body .object-tab > div.font-wrapper .dropdown input {
    width: 100%;
    height: 25px;
    background-color: #fff;
    text-indent: 10px;
    border: 1px solid #b0c1c0;}

.floorplan-modal .modal-body .object-tab > div.font-wrapper .dropdown input.dropdown-toggle {
    background-position: 94% center !important;}

.floorplan-modal .modal-body .object-tab > div.font-wrapper .color-picker {
    width: 35px;
    height: 23px;
    border: 1px solid;
    position: relative;
    display: inline-block;
    background-color: #fff;
    margin-left: 3px;}

.floorplan-modal .modal-body .object-tab > div.font-wrapper .color-picker .sp-replacer {
    margin-top: -1px;
    margin-left: -2px;}

.floorplan-modal .modal-body .object-tab > div.text-wrapper {
    height: 115px;}

.floorplan-modal .modal-body .object-tab > div.text-wrapper textarea {
    height: 100%;
    border: 1px solid #e3e3e4;
    resize: none;
    width: 250px;
    padding: 5px 10px;
    font-family: OpenSans;
    font-weight: normal;
    overflow-x:hidden;}

.floorplan-modal .modal-body .object-tab > div.text-wrapper textarea:hover {
    border: 1px solid #d4dad9;}

.floorplan-modal .modal-body .guests-tab {
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.floorplan-modal .modal-body .guests-tab p {
    margin-bottom: 3px;}

.floorplan-modal .modal-body .guests-tab div.list {
    width: 100%;
    height: 247px;
    border: none;
    background-color: #fff;
    margin-bottom: 10px;}

.floorplan-modal.guests-window .modal-body .guests-tab div.list {
    height: 340px;}

.floorplan-modal .modal-body .guests-tab div.list .left {
    width: 100%;
    float: left;
    padding-top: 5px;
    max-height: 100%;
    overflow-y: auto;}

.floorplan-modal.guests-window .modal-body .guests-tab div.list .left {
    float: left;
    width: 343px;
    padding-top: 5px;
    max-height: 100%;
    overflow-y: auto;}

.floorplan-modal.guests-window .modal-body .guests-tab div.list .right {
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    width: calc(100% - 343px);
    padding-top: 5px;
    max-height: 100%;}

.floorplan-modal .modal-body .guests-tab div.list .left > div {
    padding-top: 5px;}

.floorplan-modal .modal-body .guests-tab div.list .left > div.selected > div,
.floorplan-modal .modal-body .guests-tab div.list .left > div.selected,
.floorplan-modal .modal-body .guests-tab div.list .left > div.selected > div label {
    background: #fff !important;}

.floorplan-modal .modal-body .guests-tab div.list .left > div label {
    vertical-align: top;
    width: 80%;
    overflow: hidden;
    height: 20px;}

.floorplan-modal .modal-body .guests-tab div.list .left > div label > span:last-child {
    width: 80%;
    text-overflow: ellipsis;
    display: inline-block;}

.floorplan-modal .modal-body .guests-tab div.list .left > div label > span.icon_warning {
    width: 16px;
    height: 13px;
    float: left;
    cursor: pointer;
    background-size: contain !important;
    margin: 1.5px 5px 0 0;}

.floorplan-modal .modal-body .guests-tab div.list .left span[class^="icon"] {
    width: 10px;
    height: 14px;
    margin-right: 5px;}

.floorplan-modal .modal-body .guests-tab div.list .right {
    border-left: 1px solid #eceded;
    height: 100%;}

.floorplan-modal .modal-body .guests-tab button {
    border-radius: 0;
    color: #fff;
    font-size: 11px;
    height: 25px;
    padding: 0 8px;
    margin-right: 6px;
    float: left;
    margin-bottom: 10px;}

.floorplan-modal .modal-body .guests-tab button span {
    vertical-align: top;
    padding-left: 2px;}

.floorplan-modal .modal-body .guests-tab button span[class^="icon"] {
    width: 13px;
    height: 13px;
    margin-left: 0;
    background-position: center;}

.floorplan-modal .modal-body .guests-tab button span.icon_remove_selected {
    width: 12px;
    height: 16px;}

.floorplan-modal .modal-body .chairs-tab .wrapper {
    width: 240px;
    height: 240px;
    border: 1px solid;}

.floorplan-modal .modal-body .chairs-tab .wrapper p {
    font-size: 11px;
    text-align: center;
    margin-top: 5px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.floorplan-modal .modal-body .chairs-tab .wrapper .table {
    height: 200px;
    margin-bottom: 0;}

.floorplan-modal .chairs-extended-tab p.title {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;}

.floorplan-modal .chairs-extended-tab .models {
    text-align: center;
    margin-bottom: 15px;
    height: 50px;}

.floorplan-modal .chairs-extended-tab > div > .rows > label > span {
    width: 90px;
    font-family: OpenSans-SemiBold;
    font-size:12px;
    padding-top:3px;
    display: inline-block;}

.floorplan-modal .chairs-extended-tab > div > .rows > label.rows-count > span {
    width: 52px;}

.floorplan-modal .chairs-extended-tab .models > div {
    width: 22.5%;
    height: 50px;
    margin-right: 10px;
    float: left;
    margin-bottom: 15px;}

.floorplan-modal .chairs-extended-tab .models > div:last-child {
    margin-right: 0;}

.floorplan-modal .chairs-extended-tab .models > div button {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
    vertical-align: top;}

.floorplan-modal .chairs-extended-tab .models > div button span {
    width: 100%;
    height: 100%;
    margin-left: 0;
    background-position: center;}

.floorplan-modal .chairs-extended-tab .rows {
    padding: 15px 0;
    border-bottom: 1px solid #e6e7e8;
    border-top: 1px solid #e6e7e8;}

.floorplan-modal .chairs-extended-tab > div > .rows > label > span {
    width: 90px;
    display: inline-block;}

.floorplan-modal .chairs-extended-tab .rows label input {
    width: 100%;
    height: 25px;
    text-indent: 10px;
    margin-left: 5px;
    margin-right: 10px;}

.floorplan-modal .chairs-extended-tab .rows > label:first-child {
    margin-right: 25px;
    width:132px;}

.floorplan-modal .chairs-extended-tab .rows {
    position: relative;
    display: inline-block;
    height: auto;}

.floorplan-modal .chairs-extended-tab .rows > label {
    float: left;
    width: 154px;}

.floorplan-modal .chairs-extended-tab .rows label > label {
    width: 60px;
    float:right;}

.floorplan-modal .chairs-extended-tab .calculations {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    margin-bottom: 10px;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .dropdown {
    width: 75px;
    height: 25px;}

.chair-type-setting-window {
    min-height: 43px;
    border-top: 1px solid #94A2A1;
    /*border-bottom: 1px solid #94A2A1;*/
    padding-top: 15px;
}
.chair-type-setting-window .chb-container {
    position: initial;
    padding-left: 88px;
    width: 100%;
    text-align: left;}

.chair-type-setting-window .text-warning {
    color: red;
    margin-bottom:5px;
    font-size: 9px;
    font-family: OpenSans-Bold;
    text-align:left;
    margin-top: 30px;}

.warning-text-label {
    display: inline-block;
    float: right;
    width: 220px;
    padding-top: 3px;}

.chair-type-setting-window .icon_warning {
    width: 15px;
    height: 12px;
    margin: 0 4px 0 0;}

.settings-modal .chair-type-setting-window > div.text-center {
    padding-left:89px;}

.chair-type-setting-window .btn {
    color: #fff !important;
    margin: 5px 5px 15px;
    float:right;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .new-chairs-dimensions {
    width: 241px;
    display: inline-block;
    position:relative;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .new-chairs-dimensions .dropdown-content {
    padding-bottom:1px;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .custom-chairs-dimensions {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 10px;
    padding-left: 71px;
    float:none;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .new-chairs-dimensions .chb-container{
    margin-top:7px;
    display:block;
    float: left;
    margin-bottom: 10px;
    margin-left:1px;}

.floorplan-modal .chairs-extended-tab input {
    border: 1px solid #ccc;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions {
    margin-bottom: 20px;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .new-chairs-dimensions .chb-container .chb-square,
.chb-container .chb-square {
    width:13px;
    height:13px;
    position: relative;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .new-chairs-dimensions .dropdown,
.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .new-chairs-dimensions .dropdown input {
    width: 100%;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .dropdown input {
    background-color: #fff !important;
    background-position: 98% center !important;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .dropdown i,
.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .dropdown span {
    display: none;}
.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .dropdown .ir {
    position: relative;
}
.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions .dropdown .verifiedChairIcon {
    display: inline-block;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/venue_chair_tag.svg") white no-repeat;
    background-size: 12px;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 1px;
    top: 8px;
    margin-right: 0;
    cursor: pointer;
}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions span {
    margin-right: 5px;
    position: relative;
    top: -1px;}

.floorplan-modal .chairs-extended-tab .calculations .chairs-dimensions span.chairs-dimensions-title {
    margin: 4px 0 0;
    width: 72px;
    display: inline-block;}

.floorplan-modal .chairs-extended-tab .calculations > div {
    height: auto;
    margin: 10px 0 0;}

.floorplan-modal .chairs-extended-tab .calculations > div.distance-chairs {
    min-height:25px;
    margin:0 0 10px;}

.floorplan-modal .chairs-extended-tab .calculations > div.distance-chairs > span {
    max-width: 150px;
    display: inline-block;
    margin-bottom: 5px;}

.floorplan-modal .chairs-extended-tab .calculations div input {
    width: 73px;
    height: 25px;
    position: relative;
    text-indent: 10px;}

.floorplan-modal .chairs-extended-tab .calculations > div > label {
    float: right;}

.floorplan-modal .chairs-extended-tab .calculations div:first-child input {
    width: 75px;}

.floorplan-modal .chairs-extended-tab .calculations > div span {
    margin-right: 0;
    position: relative;
    top: 3px;}

.floorplan-modal .chairs-extended-tab .calculations > div label span {
    height: 100%;
    vertical-align: top;
    margin-right: 5px;}

.floorplan-modal .chairs-extended-tab .calculations > div label span.x {
    vertical-align: middle;}

.floorplan-modal .chairs-extended-tab .calculations .alert-msg {
    font-size: 11px;
    color: red;}

.floorplan-modal .chairs-extended-tab .arch-level {
    width: 100%;
    height: 90px;
    margin-bottom: 10px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.floorplan-modal .chairs-extended-tab .arch-level .pull-left > div {
    margin-bottom: 20px;}

.floorplan-modal .chairs-extended-tab .arch-level .pull-left.first {
    width: 75px;
    border-right: 1px solid;
    text-align: center;}

.floorplan-modal .chairs-extended-tab .arch-level .pull-left.first p {
    font-size: 11px;
    margin-bottom: 6px;}

.floorplan-modal .chairs-extended-tab .arch-level .pull-left.first button {
    width: 40px;
    height: 30px;
    border-radius: 0;
    display: block;
    margin-bottom: 5px;
    margin-left: 16px;
    padding: 0;}

.floorplan-modal .chairs-extended-tab .arch-level .pull-left.first button span {
    margin-left: 0;
    background-position: center;
    height: 30px;
    width: 30px;
    vertical-align: top;}

.floorplan-modal .chairs-extended-tab .arch-level .pull-left.second {
    width: 255px;
    padding-left: 20px;
    box-sizing: border-box;
    padding-top: 10px;}

.floorplan-modal .chairs-extended-tab .arch-level .pull-left.second div span {
    margin-right: 5px;
    font-size: 11px;}

.floorplan-modal .chairs-extended-tab .arch-level .second > p {
    display: inline-block;
    font-size: 11px;
    margin-top: 15px;}

.floorplan-modal .chairs-extended-tab .arch-level .second > label {
    width: 58px;
    margin-left: 5px;}

.floorplan-modal .chairs-extended-tab .arch-level .second > label > input {
    width: 100%;
    position: relative;
    text-indent: 10px;}

.floorplan-modal .chairs-extended-tab .arch-level .pull-left.second div input {
    width: 55px;
    height: 25px;
    position: relative;
    text-indent: 10px;}

.floorplan-modal .chairs-extended-tab .chairs-count {
    border-bottom: none;}

.floorplan-modal .chairs-extended-tab .chairs-count p {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #e6e7e8;}

.floorplan-modal .chairs-extended-buttons button {
    margin-right: 10px;
    color: #fff;}

.floorplan-modal .chairs-extended-buttons {
    height: 50px;}

.floorplan-modal .joined-tab .btn-action {
    border: none;
    background: none;
    outline: none;
    position: relative;
    top: 5px;}

.floorplan-modal .joined-tab .spinner {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/load_grey.svg") center center no-repeat;
    width: 43px;
    height: 26px;
    position: relative;
    top: 3px;
    display: inline-block;
    float: left;
    background-size: 80% 80%;
    transform-origin: 50% 50%;
    -webkit-animation: rotation .7s infinite linear;}


.floorplan-modal .joined-tab .btn-action .icon_trash2 {
    width: 20px;
    height: 20px;
    background-size: contain !important;}

.floorplan-modal .joined-tab .single-table {
    height: 30px;
    margin-bottom: 10px;}

.floorplan-modal .joined-tab .dropdown {
    width: 260px;
    background: #fff;}

.floorplan-modal .joined-tab .dropdown i {
    display: none;}

.floorplan-modal .joined-tab .single-table input {
    width: 100%;
    background-color: #fff;
    height: 30px;
    position: relative;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.floorplan-modal .joined-tab .single-table input.dropdown-opened {
    background-position: 98% 10px !important;}

.floorplan-modal .joined-tab .single-table .icon_plus {
    width: 25px;
    height: 25px;
    position: relative;
    top: 8px;}

.floorplan-modal .joined-tab .single-table .plus_sign {
    font-size: 40px;
    position: relative;
    line-height: 10px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    top: 10px;
    left: 5px;
    cursor: pointer;}

.floorplan-modal .joined-tab .dimensions-text {
    padding-left: 13px;}

.floorplan-modal .joined-tab .dimensions-text p {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 11px;
    margin: 10px;}

.floorplan-modal .modal-footer .button {
    min-width: 100px;
    text-transform: uppercase;}

/* END FLOORPLANS MODAL*/

/* EDIT OBJECT MODAL */
.edit-object-modal {
    width: 363px;
    height: auto;
    background-color: #fafafa;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;}

.edit-object-modal .chairs-total{
    display: none;
}

.edit-object-modal .type-wrapper {
    padding: 10px 10px 5px;}

.edit-object-modal .type-wrapper .dropdown {
    width: 100%;
    height: 25px;
    margin-left: -1px;}

.edit-object-modal .type-wrapper .dropdown input {
    width: 100%;
    background-color: #fff;
    height: 25px;
    display: block;
    margin: 0;}

.edit-object-modal .type-wrapper .dropdown .dropdown-opened {
    background-position: 98% 8px !important;}

.edit-object-modal .type-wrapper > div > div {
    display: block;
    margin-bottom: 1px;}

.edit-object-modal .type-wrapper .label-name {
    line-height: 2;
    font-size: 13px;
    color: #59595b;
    font-family: OpenSans-SemiBold;
    display: inline-block;}

.edit-object-modal .designer-button {
    padding: 5px 10px 15px;}

.edit-object-modal .designer-button button {
    color: #fff;
    outline: none;
    border: none;
    padding: 5px 10px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.show-the-modal .edit-object-modal {
    display: block;}

.edit-object-modal .modal-body {
    padding: 15px 15px 0;
    position: relative;
    width: 100%;
    /*border-bottom: 1px solid #e6e7e8;*/
}

.edit-object-modal .modal-body .section-title {
    /*font-family: OpenSans-Bold;*/
    font-weight: normal;
    font-size: 12px;}

.edit-object-modal .modal-body .check-label {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 10px;
    margin-right: 15px;}

.edit-object-modal .modal-body .check-label .chb-square {
    margin-top: 2px;}

.edit-object-modal .modal-body .section-wrapper > div {
    margin-bottom: 10px;}

.edit-object-modal .modal-body .section-wrapper span.label-name {
    font-size: 12px;
    color: #59595b;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    height: 100%;
    float: left;
    line-height: 25px;
    margin-right: 10px;}

.edit-object-modal .modal-body .size-wrapper span.label-name {
    width: 40%;
    font-size: 13px;
    color: #59595b;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    height: 100%;
    float: left;
    line-height: 25px;
    margin-right: 10px;}

.edit-object-modal .modal-body .size-wrapper label > input {
    width: 50px;}

.edit-object-modal .modal-body .size-wrapper label.label-separator {
    margin-left: 5px;
    margin-right: 5px;}

.edit-object-modal .modal-body .size-wrapper label > span {
    font-size: 18px;}

.edit-object-modal .modal-body .section-wrapper input.number {
    width: 60px;
    height: 25px;
    text-indent: 10px;
    border: 1px solid #e3e3e4;
    position: relative;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    color: #59595b;}

.edit-object-modal .modal-body .section-wrapper input.number:hover {
    border: 1px solid #d4dad9;
}

.edit-object-modal .modal-body .section-wrapper .dropdown {
    width: 110px;
    background-color: #fff;
    vertical-align: top;
    margin-right: 5px;}

.edit-object-modal .modal-body .section-wrapper .dropdown input {
    width: 100%;
    height: 25px;
    background-color: #fff;
    border: 1px solid #b0c1c0;
    margin: 0;
    background-position: 96% 9px;
    background-size: 10px;}

.edit-object-modal .modal-body .section-wrapper .dropdown input.dropdown-opened {
    background-position: 96% 9px !important;
    background-size: 10px !important;
    background-color: #fff !important;}

.edit-object-modal .modal-body .section-wrapper .color-picker {
    width: 55px;
    height: 25px;
    float: left;
    position: relative;}

.edit-object-modal .modal-body .section-wrapper > div span.icon_warning {
    width: 10px;
    height: 10px;
    margin-right: 5px;}

.edit-object-modal .modal-body .section-wrapper .chairs-validation {
    color: red;
    font-family: OpenSans;
    font-weight: normal;
    padding-left: 40%;
    margin: 5px 0 0 5px;}

.sp-replacer {
    height: 25px !important;
    min-width: 56px;}

.sp-replacer .sp-dd {
    line-height: 11px;}

.sp-preview {
    width: 30px !important;
    height: 15px !important;
    border: 1px solid #222 !important;
}

.edit-object-modal .modal-body .section-wrapper .color-picker .sp-dd {
    padding: 0;
    line-height: 15px;}

.edit-object-modal .modal-body .section-wrapper > div span {
    width: 40%;}

.edit-object-modal .modal-body .section-wrapper .default-color {
    padding-top: 4px;}

.edit-object-modal .modal-body .section-wrapper .default-color .chb-square {
    width: 13px;
    margin-left: 15px;}

.edit-object-modal .modal-footer {
    padding: 14px 15px 15px;
    display: flex;
    justify-content: space-between;}

.edit-object-modal .modal-footer button {
    border-radius: 0;
    color: #fff;
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    flex: 1 1 0;}

.edit-object-modal .modal-footer .btn +.btn {
    margin-left: 6px;}

.edit-object-modal .modal-body .chairs-count-div .designer-button {
    padding: 0;
    width: 110px;
    margin-right: 0;}

.edit-object-modal .modal-body .chairs-count-div .designer-button button {
    padding: 5px 6px;
    height: 25px;}

/* END EDIT OBJECT MODAL */

/* LINKED EVENTS MODAL */
.linked-events-modal {
    width: 350px;
    height: auto;
    background-color: #fafafa;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;}

.linked-events-modal .alert-msg {
    padding: 10px 0;
    color: red;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.linked-events-modal .login-chb {
    margin-top: 2px;}

.show-the-modal .linked-events-modal {
    display: block;}

.linked-events-modal p.title {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    margin-bottom: 20px;}

.linked-events-modal .guests-list {
    background-color: #fff;
    width: 100%;
    height: auto;
    min-height: 30px;
    overflow-y: auto;
    max-height: 90px;}

.linked-events-modal .ir {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 15px;}

.linked-events-modal .guests-list .ir {
    width: 100%}

.linked-events-modal .guests-list .ir.selected {
    background: #fff !important;}

.linked-events-modal .ir label {
    width: 100%;
    height: 100%;}

.linked-events-modal .ir label .chb-square {
    margin-top: 9px;}

.linked-events-modal .modal-footer {
    text-align: right;
    padding: 5px 15px 15px;}

.linked-events-modal .modal-footer button {
    width: 100px;
    height: 30px;
    border-radius: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;}

.linked-events-modal .ir:active label span {
    color:  #59595b;
}

/* END LAYOUT PAGE MODALS */

/* NEW VENDOR TYPES MODAL */
.vendor-types .vendors-list {
    overflow-y: auto;
    height: 375px;
    position: absolute;
    width: 92%;}

.vendor-types .vendors-list .ir:hover {
    background-color: #f0f0f0;}

.vendor-types .vendors-list .ir.selected,
.vendor-types .vendors-list .ir.selected > div {
    background: none !important;}

.vendor-types .vendors-list .vendor-type {
    height: 60px;
    border-bottom: 1px solid #bfbfbf;
    padding: 15px 10px;
    line-height: 30px;}

.vendor-types .vendors-list .vendor-type span {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    color: #595959;}

.vendor-types .vendors-list .vendor-type span[class^="icon"] {
    background-size: 32px 30px !important;
    opacity: 1;
    margin: 0 10px 0 0;
    width: 40px;
    height: 100%;
    vertical-align: middle;
    cursor: pointer;
    min-height: 30px;}

.vendor-types .vendors-list .vendor-type button {
    float: right;
    width: 70px;
    height: 25px;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    border-radius: 0;
    padding: 0;
    line-height: 25px;
    margin-top: 5px;}

/* HOST VENDORS CONTAINER */
.host-vendors-container {
    height: 550px;
    position: absolute;
    left: 50%;
    top: 47%;
    margin-top: -270px;
    margin-left: -231px;}

.host-vendors-container .host-user-wrapper {
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #e6e7e8;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    border-bottom: 1px solid #e6e7e8;
    color: #6d6d6f;}

.host-vendors-container .host-user-wrapper p span {
    font-family: OpenSans-SemiBold;
}


.host-vendors-container .host-user-wrapper span.icon_edit {
    width: 12px;
    height: 12px;
    cursor: pointer;}

.host-vendors-container .events-list {
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 130px;
    bottom: 120px;
    width: 100%;}

.host-vendors-container .events-list .ir {
    overflow: hidden;}

.host-vendors-container .events-list .ir:hover {
    background-color: #f0f0f0;}

.host-vendors-container .events-list .event-item {
    height: 60px;
    border-bottom: 1px solid #e6e7e8;
    position: relative;}

.host-vendors-container .events-list .event-item > div {
    float: left;
    height: 100%;}

.host-vendors-container .events-list .event-item > div.ev-date label {
    border: none;}

.host-vendors-container .events-list .event-item > div.ev-date {
    width: 100px;
    padding: 0;}

.host-vendors-container .events-list .event-item > div.ev-date label {
    height: 100%;
    width: 100%;
    padding: 3px 0;}

.host-vendors-container .events-list .event-item > div.ev-date label span.ev-day {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 38px;}

.host-vendors-container .events-list .event-item > div.ev-date label span.ev-time {
    padding-top: 11px;}

.host-vendors-container .events-list .event-item > div.ev-title {
    width: calc(100% - 230px);
    white-space: nowrap;
    padding-top: 13px;}

.host-vendors-container .events-list .event-item > div.ev-title label > span:first-child {
    font-size: 13px;}

.host-vendors-container .events-list .event-item > div.ev-title p {
    font-size: 11px;}

.host-vendors-container .btn-wrapper {
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 0;
    margin-top: 30px;
    padding: 20px;}

.host-vendors-container .btn-wrapper button {
    width: 100%;
    height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0;
    font-family: OpenSans;
    font-weight: 700;}

.loginContainer .change-password-wrapper input {
    height: 40px;
    width: 100%;
    border: 1px solid #94A2A1;
    outline: none;
    border-radius: 0;
    padding-left: 40px;
    font-size: 14px;
    font-weight: normal;}

.loginContainer .change-password-wrapper #login-lock,
.loginContainer .change-password-wrapper .login-lock {
    font-family: AllSeated;}

.loginContainer .change-password-wrapper label span {
    position: absolute;
    margin-left: 15px;
    margin-top: 23px;
    left: 20px;
    color: #e9e9e9;
    font-size: 20px;}

.loginContainer .change-password-wrapper .btn-wrapper {
    width: calc(100% - 50px);
    padding: 0;
    margin-top: 0;
    bottom: 20px;}

.loginContainer .change-password-wrapper i,
.loginContainer .change-password-wrapper .new-password i {
    font-size: 11px;
    color: #a8a8a8;
    margin-left: 3px;
    margin-bottom: 2px;}

.loginContainer .change-password-wrapper .user-input-get-started {
    margin-top: 10px;}

.loginContainer .change-password-wrapper .reset-password {
    display: block;
    text-align: center;}

.loginContainer .change-password-wrapper label {
    width: 100%;}

.loginContainer .change-password-wrapper {
    padding: 0 25px;}

.loginContainer .change-password-wrapper .back-to-login {
    width: calc(100% - 50px);
    bottom: 20px;}

.main-dashboard .loginContainer .change-password-wrapper .back-to-login {
    position: absolute;}

/* END HOST VENDORS CONTAINER */

/* REPORTS PAGE */
.reports-wrapper .content {
    width: 100%;
    height: 100%;
    padding: 25px 70px 0 70px;
    position: relative;
    min-height: 615px;
    min-width: 960px;
    z-index: 9;}

.reports-wrapper .content .controls {
    height: 150px;
    width: 100%;
    background-color: #f0f0f0;
    padding: 10px 0;
    position: relative;}

.reports-wrapper .content .controls > div {
    float: left;
    margin-bottom: 13.5px;}

.reports-wrapper .content .controls .dropdown .dropdown-content {
    overflow-x: hidden;}

.reports-wrapper .content .controls .dropdown .dropdown-content label {
    line-height: 1;
    height: 29px;
    padding-top: 8px;}

.reports-wrapper .content .controls > div span.title {
    font-family: OpenSans-Bold;
    font-weight: normal;
    color: #59595b;}

.reports-wrapper .content .controls > div.report-type-wrapper,
.reports-wrapper .content .controls > div.name-wrapper {
    width: 14%;
    margin-left: .5%;}

.reports-wrapper .content .controls > div.events-wrapper {
    width: 34%;
    margin-left: 1%;}

.reports-wrapper .content .controls > div.fields-wrapper,
.reports-wrapper .content .controls > div.display-by-wrapper,
.reports-wrapper .content .controls > div.party-filter-wrapper,
.reports-wrapper .content .controls > div.rsvp-filter-wrapper {
    width: 24%;
    margin-left: 1%;}

.reports-wrapper .content .controls .dropdown-content {
    z-index: 100;}

.reports-wrapper .content .controls > div.display-by-wrapper {
    margin-right: .5%;}

.reports-wrapper .content .controls > div .dropdown,
.reports-wrapper .content .controls > div .filter {
    height: 30px;
    width: 100%;
    background-color: #fff;
    margin-top: 5px;}

.reports-wrapper .content .controls > div .dropdown input,
.reports-wrapper .content .controls > div .filter input {
    width: 100%;
    height: 100%;
    text-indent: 10px;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #e3e3e4;
    margin-left: 0;
    padding-right: 10px;}

.reports-wrapper .content .controls > div .dropdown input:hover,
.reports-wrapper .content .controls > div .filter input:hover {
    border: 1px solid #d4dad9;
}

.reports-wrapper .content .controls > div .dropdown input.dropdown-opened {
    background-position: 98% !important;}

.reports-wrapper .content .controls > div .filter input {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_edit_disabled.svg") no-repeat;
    background-position: 98%;
    background-size: 13px;
    cursor: pointer;
    padding-right: 25px;}

.reports-wrapper .content .controls > div .filter input.hovered {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_edit.svg") no-repeat;
    background-position: 98%;
    background-size: 13px;
    cursor: pointer;}

.reports-wrapper .content .controls > div .filter input:-ms-input-placeholder {
    font-style: normal;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    color: #59595b;}

.reports-wrapper .content .controls > div .filter input::-webkit-input-placeholder {
    font-style: normal;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    color: #59595b;}

.reports-wrapper .content .table-wrapper {
    width: 100%;
    height: calc(100% - 223px);
    position: relative;
    overflow-y: hidden;}

.reports-wrapper .content .table-wrapper .reports-list {
    width: 100%;
    position: absolute;
    top: 30px;
    bottom: 41px;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;}

.reports-wrapper .content .buttons-wrapper {
    position: absolute;
    right: 10px;
    bottom: 0;
    height: 35px;
    margin-bottom: 12px;}

.reports-wrapper .content .buttons-wrapper button {
    min-width: 100px;
    border-radius: 0;
    font-size: 12px;
    height: 30px;}

.reports-wrapper .content .controls .guests-filter1-wrapper {
    width: 85%;}

.reports-wrapper .content .controls .guests-filter1-wrapper .events-wrapper {
    float: left;
    width: 41%;
    margin-left: 1%;}

.reports-wrapper .content .controls .guests-filter1-wrapper .fields-wrapper,
.reports-wrapper .content .controls .guests-filter1-wrapper .display-by-wrapper {
    float: left;
    width: 28%;
    margin-left: 1%;}

.reports-wrapper .content .controls .guests-filter2-wrapper {
    width: 65%;
    margin-left: .5%;}

.reports-wrapper .content .controls .guests-filter2-wrapper .name-wrapper {
    float: left;
    width: 22%;}

.reports-wrapper .content .controls .guests-filter2-wrapper .party-filter-wrapper,
.reports-wrapper .content .controls .guests-filter2-wrapper .rsvp-filter-wrapper {
    float: left;
    margin-left: 1%;
    width: 37%;}

.reports-wrapper .content .controls .floor-filter1-wrapper {
    float: left;
    width: 40%;
    margin-left: 1%;}

.reports-wrapper .content .controls .floor-filter1-wrapper .floor-plan-wrapper {
    float: left;
    width: 100%;}

.reports-wrapper .content .controls .floor-filter2-wrapper {
    width: 60%;
    margin-top: 37px;
    margin-left: 1%;}

.reports-wrapper .content .controls .floor-filter2-wrapper .chb-square {
    margin-left: 8px;
    margin-right: 5px;
    margin-top: 2px;}

.reports-wrapper .content .controls .floor-filter2-wrapper label span {
    line-height: 20px;}

.reports-wrapper .content .guests-report {
    width: 100%;
    height: 100%;
    position: relative;}

.reports-wrapper .content .guests-report .calculation {
    height: 40px;
    width: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;}

.reports-wrapper .content .guests-report .calculation p {
    display: inline-block;
    padding: 10px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 0;
    color: #59595b;}

.reports-wrapper .content .guests-report .calculation p span.value {
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-left: 5px;}

.reports-wrapper .content .table-wrapper .layout-report {
    background: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
    overflow-y: scroll;}

.reports-wrapper .content .table-wrapper .layout-report .report-title {
    background: #ebebeb;
    font-family: OpenSans-Bold;
    font-weight: normal;
    padding: 10px;
    font-size: 15px;
    margin-bottom: 20px;}

.reports-wrapper .content .table-wrapper .layout-report .tablebreakdown-info {
    background: #ebebeb;
    padding: 10px;
    font-size: 11px;
    color: #000;}

.reports-wrapper .content .table-wrapper .layout-report .title-underscore {
    border-bottom: 1px solid #000;
    font-size: 14px;
    padding-bottom: 2px;
    margin: 20px 0;
    font-family: OpenSans-Bold;
    font-weight: normal;
    color: #59595b;}

.reports-wrapper .content .table-wrapper .layout-report .report-item-wrapper p {
    margin-bottom: 5px;}

.reports-wrapper .content .table-wrapper .layout-report .report-item-wrapper p b {
    font-family: "OpenSans-Bold";}

.reports-wrapper .content .table-wrapper .layout-report .report-item-wrapper p.chairs {
    margin-bottom: 20px;}

.reports-wrapper .content .table-wrapper .layout-report .report-item-wrapper p span {
    font-family: "OpenSans-SemiBold";}

.reports-wrapper .content .table-wrapper .layout-report .cort-furniture {
    display: inline-table;
    width: 100%;}

.reports-wrapper .content .table-wrapper .layout-report .cort-furniture .send-btn {
    position: relative;
    top: -2px;
    left: 30px;}

.reports-wrapper .content .table-wrapper .layout-report .cort-furniture .title-underscore {
    margin-bottom: 30px;}

.reports-wrapper .content .table-wrapper .layout-report .cort-furniture .send-btn button {
    color: #fff;
    font-family: "OpenSans-Bold";
    font-size: 13px;
    border-radius: 0;
    margin: 20px 0;}

.reports-wrapper .content .table-wrapper .layout-report .cort-furniture .table-row span.col.type {
    width: 300px;}

.reports-wrapper .content .table-wrapper .layout-report .table {
    width: 100%;
    display: table;}

.reports-wrapper .content .table-wrapper .layout-report .table.full-width {
    width: 100%;}

.reports-wrapper .content .table-wrapper .layout-report .table-row {
    width: 100%;
    height: 30px;
    font-size: 0;
    border-bottom: 1px solid #ddd;
    overflow-y: hidden;
    display: table;}

.reports-wrapper .content .table-wrapper .layout-report .table-row span {
    float: left;}

.reports-wrapper .content .table-wrapper .layout-report .table-row span.col {
    border-left: 1px solid #ddd;
    height: 100%;
    width: auto;
    padding: 0 5px;
    display: inline-block;
    line-height: 30px;
    font-family: "OpenSans-SemiBold";
    font-size: 12px;
    color: #59595b;}

.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.multiLines {
    line-height: 20px;}

.reports-wrapper .content .table-wrapper .layout-report .tablesbreakdown-report-wrapper .table-row {
    height: auto;
    min-height: 30px;
    display: flex;}

.reports-wrapper .content .table-wrapper .layout-report .tablesbreakdown-report-wrapper .table-row span.col {
    flex-shrink: 0;
    height: auto;}

.reports-wrapper .content .table-wrapper .layout-report .tablesbreakdown-report-wrapper .table-row span.col.comments {
    flex-shrink: 1;
    line-height: 20px;
    padding: 5px;}

.tablesbreakdown-report-wrapper .ir.selected,
.tablesbreakdown-report-wrapper .ir.selected > div,
.tablesbreakdown-report-wrapper .ir.selected > div > label,
.tablesbreakdown-report-wrapper .ir.selected .ir > div {
    background: #fff !important;}

.reports-wrapper .content .table-wrapper .layout-report .table-row.header span.col {
    border-bottom: none;
    font-family: "OpenSans-Bold";
    font-size: 13px;}

.reports-wrapper .content .table-wrapper .layout-report .table-row.header span {
    color: #59595b;}

.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.count {
    width: 55px;}

.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.type,
.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.meal,
.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.table-number,
.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.party,
.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.meals                  {width: 150px;}

.reports-wrapper .content .table-wrapper .layout-report .table-TB-reports .table-row span.col.type {width: 300px;}
.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.dimensions             {width: 250px;}
.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.code                   {width: 100px;}

.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.chairs,
.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.guests,
.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.available {width: 70px;}

.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.name {width: 400px;}

.reports-wrapper .content .table-wrapper .layout-report .assigned-seats .table-row span.col.name,
.reports-wrapper .content .table-wrapper .layout-report .assigned-seats .table-row span.col.comments {width: 250px;}

.reports-wrapper .content .table-wrapper .layout-report .assigned-seats .table-row span.col.party {width: 250px;}

.reports-wrapper .content .table-wrapper .layout-report .table-row span.col:first-child {
    border-left: none;}

.reports-wrapper .content .table-wrapper .layout-report .table-body > div:last-child span.col {
    border-bottom: none;}

.reports-wrapper .content .table-wrapper .layout-report .table-row.header {
    border-bottom: 1px solid #000;}


/* CHECKIN WRAPPER */
.event-page main aside.check-in-left .back-btn {
    width: 100%;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 5px;
    height: 25px;
    padding: 0;}

.event-page main aside.check-in-left {
    width: 200px;
    margin-right: 15px;
    position: relative;
    height: 100%;}

.event-page main aside.check-in-left > div {
    height: calc(100% - 30px);}


.event-page main .checkin-wrapper .content {
    width: calc(100% - 215px);
    float: left;}

.event-page main .checkin-wrapper .content .start-checkin,
.event-page main .checkin-wrapper .content .end-checkin{
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    padding-top: 50px;}


.event-page main .checkin-wrapper .content .start-checkin .header-text,
.event-page main .checkin-wrapper .content .end-checkin .header-text{
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}

.event-page main .checkin-wrapper .content .start-checkin .watch-tutorial{
    text-decoration: underline;
    font-size: 18px;
    cursor: pointer;

}

.event-page main .checkin-wrapper .content .start-checkin .check-in-btn{
    background-color: #e95f35;
    border-color: #e95f35;
    padding: 10px 20px;
    display: block;
    margin: 20px auto;
    color: #fff;
}


.event-page main .checkin-wrapper .content .end-checkin  .buttons-wrapper{
    padding: 20px 0 30px;
}

.event-page main .checkin-wrapper .content .end-checkin  .buttons-wrapper button{
    color: #fff;
}

/* END CHECKIN WRAPPER */


/* TIMELINE WRAPPER */
.event-page main aside.timelines-list .back-btn {
    width: 100%;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 5px;
    height: 25px;
    padding: 0;}

.event-page main aside.timelines-list > div{
    height: calc(100% - 30px);}

.event-page main aside.timelines-list > div header {
    height: 30px;
    background-color: #706f6f;
    color: #fff;
    line-height: 30px;
    padding-left: 10px;
    font-family: OpenSans;
    font-weight: normal;
    font-size: 13px;}

aside.timelines-list > div header label {
    float: right;
    padding-right: 10px;
    text-transform: uppercase;
    height: 30px;
    cursor: pointer;}

aside.timelines-list > div header label:hover,
aside.timelines-list > div header label span:hover {
    color: #c3c3c3;}

aside.timelines-list > div header label span {
    color: #d4d4d4;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    vertical-align: top;}

aside.timelines-list > div header label span[class^="icon"] {
    width: 30px;
    height: 30px;
    background-size: 17px 17px !important;
    background-position: center;}

aside.timelines-list > div .aside-content {
    background-color: #fff;
    height: calc(100% - 30px);
    overflow-y: auto;
    overflow-x: hidden;}

aside.timelines-list > div .aside-content .timeline {
    height: 65px;
    background-color: #f8f6f5;
    border-bottom: 1px solid #ede7e4;
    padding: 15px 10px;
    position: relative;}

aside.timelines-list > div .aside-content .timeline span {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    color: #59595b;}

aside.timelines-list > div .aside-content .timeline label.dark-text {
    width: 80%;
    overflow: hidden;
    height: 20px;}

aside.timelines-list > div .aside-content .timeline label.dark-text .timeline-aside-name {
    position: absolute;
    width: 160px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

aside.timelines-list > div .aside-content .timeline .chb-square {
    margin-top: 4px;}

aside.timelines-list > div .aside-content .timeline .icons {
    position: absolute;
    bottom: 0;
    right: 10px;}

aside.timelines-list > div .aside-content .timeline .icons span {
    width: 20px;
    height: 20px;
    background-size: 14px 14px !important;
    background-position: center;
    margin-left: 0;
    cursor: pointer;}

.event-page main .timeline-wrapper {
    width: 100%;}

.event-page main .timeline-wrapper .content {
    width: calc(100% - 215px);
    float: left;}

.timeline-wrapper .content > header {
    height: 25px;
    margin-bottom: 10px;
    width: 100%;}

.timeline-wrapper .content > header .search-controls {
    display: inline-block;
    padding: 0;
    border-bottom: none;
    margin-bottom: 0;}

.timeline-wrapper .content > header input[type="search"] {
    border: 1px solid #ccc;
    box-shadow: none;
    text-indent: 10px;
    height: 25px;
    width: 200px;
    font-family: OpenSans;
    font-weight: normal;}

.timeline-wrapper .content button.gray-gradient {
    height: 20px;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 9px;
    vertical-align: top;
    border-radius: 0;
    min-width: 65px;
    margin: 2px 0 0 3px;}

.timeline-wrapper .content > header label.check-label {
    margin-left: 5px;
    margin-top: 4px;
    font-size: 11px;}

.timeline-wrapper .content > header label.user-info {
    float: right;
    font-size: 11px;
    line-height: 25px;
    margin-bottom: 0;
    color: #59595b;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.timeline-wrapper .content .details-wrapper {
    margin-top: 10px;
    background-color: #fff;
    height: calc(100% - 35px);
    position: relative;
    overflow-x: hidden;}

.timeline-wrapper .content .details-wrapper.overflow-content {
    overflow-x: auto;}

.timeline-wrapper .content .details-wrapper > div {
    height: auto;
    width: auto;
    min-width: 355px;
    display: flex;
    overflow-x: visible !important;
    position: relative;}

.timeline-wrapper .content .details-wrapper > div .ir {
    flex: 1;
    overflow-y: hidden;
    padding-left: 10px;}

.timeline-wrapper .content .details-wrapper > div .ir.selected,
.timeline-wrapper .content .details-wrapper > div .ir.hovered {
    background: #fff !important;}

.timeline-wrapper .content .details-wrapper > div .ir:first-child {
    margin-left: 0;}

.timeline-wrapper .content .details-wrapper .reports-list .grid-column > div.ir {
    margin-bottom: 2px;}

.timeline-wrapper .content .details-wrapper > div.list-header {
    height: 30px;
    border-bottom: 1px solid #e6e7e8;}

.timeline-wrapper .content .details-wrapper > div.list-header .ir:first-child,
.timeline-wrapper .content .details-wrapper > div.reports-list div.grid-column:first-child .ir {
    padding-left: 0;}

.timeline-wrapper .content .details-wrapper > div .timeline-group,
.timeline-wrapper .content .details-wrapper > div .timeline-group .ir > div {
    width: 100%;}

.timeline-wrapper .content .details-wrapper > div .timeline-group .ir {
    overflow: hidden;}

.timeline-wrapper .content .details-wrapper .timeline-group header {
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 6px;
    overflow: hidden;}

.timeline-wrapper .timeline-group header .title {
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    width: calc(100% - 227px);
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

.timeline-wrapper .timeline-group header > label {
    float: right;}

.timeline-wrapper .timeline-group header button.gray-gradient {
    margin: 5px 0 0;}

.timeline-wrapper .timeline-group .section-wrapper {
    overflow-y: hidden;}

.timeline-wrapper .timeline-group .section-wrapper .header {
    height: 30px;
    width: 100%;
    background-color: #706f6f;
    color: #fff;
    line-height: 30px;
    padding-left: 10px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 13px;}

.timeline-wrapper .timeline-group .section-wrapper .header {
    margin-bottom: 1px;
    position: relative;}

.timeline-wrapper .timeline-group .section-wrapper .header label.controls {
    float: right;
    height: inherit;}

.timeline-wrapper .timeline-group .section-wrapper .header label.controls span {
    width: 30px;
    height: 30px;
    background-size: 18px 16px !important;
    background-position: center;
    border-right: 1px solid #ccc;
    margin-left: 0;
    cursor: pointer;}

.timeline-wrapper .timeline-group .section-wrapper .header span.title {
    width: calc(100% - 210px);
    overflow: hidden;
    position: absolute;
    top: 5px;
    text-overflow: ellipsis;
    height: 25px;
    padding-top: 2px;
    margin-top: -7px;
    white-space: nowrap;}

.timeline-wrapper .timeline-group .section-wrapper .header label.controls span:last-child {
    border-right: none;}

.timeline-wrapper .timeline-group .section-wrapper .time {
    font-size: 12px;
    margin-right: 20px;
    margin-left: 10px;}

.timeline-wrapper .timeline-group .section-wrapper .task-wrapper {
    width: 100%;
    background-color: #f6f6f6;
    line-height: 30px;
    font-size: 11px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    border-bottom: 1px solid #fff;
    position: relative;}

.timeline-wrapper .timeline-group .section-wrapper .task-wrapper .details {
    width: calc(100% - 175px);
    overflow: hidden;
    position: absolute;
    top: 4px;
    text-overflow: ellipsis;
    height: 25px;
    padding-top: 2px;
    margin-top: -7px;
    white-space: nowrap;}

.timeline-wrapper .timeline-group .section-wrapper .task-wrapper.disabled {
    opacity: .3;
    pointer-events: none;}

.timeline-wrapper .timeline-group .section-wrapper .task-wrapper.empty .time {
    color: #818181;}

.timeline-wrapper .timeline-group .section-wrapper .task-wrapper span[class^="icon"] {
    width: 20px;
    height: 30px;
    background-size: 15px 15px !important;
    background-position: center;
    float: left;
    margin-left: 5px;
    cursor: pointer;
    margin-right: 10px;}

.timeline-wrapper .timeline-group .section-wrapper .task-wrapper p.comments {
    padding-left: 40px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    min-height: 30px;
    height: auto;
    width: 100%;
    background-color: #fff;
    margin-bottom: 0;
    cursor: pointer;
    white-space:pre-line;}

.timeline-wrapper .timeline-group .section-wrapper .task-wrapper p.comments.comments-overflow-display {
    line-height: 1.5;}

.timeline-wrapper .timeline-group .section-wrapper .task-wrapper label.edit {
    position: absolute;
    right: 0;
    top: 0;}

.timeline-wrapper .timeline-group .section-wrapper .task-wrapper label.right-controls {
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 30px;
    height: 30px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    margin-right: 5px;}

.timeline-wrapper .timeline-group .section-wrapper .task-wrapper label.right-controls span.text {
    cursor: pointer;
    font-size: 10px;}

.new-task {
    height: auto;
    min-height: 500px;}

.new-task .modal-header .modal-title,
.new-section .modal-header .modal-title {
    text-transform: uppercase;}

.new-task .modal-body .select-time {
    margin-bottom: 10px;
    height: 35px;}

.new-task .modal-body .select-time > div,
.new-section .modal-body .select-time > div {
    display: inline-block;}

.new-task .modal-body .select-time > span.dark-text,
.new-task .modal-body .form-group > span.dark-text,
.new-timeline .modal-body .form-group > span.dark-text {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 16px;
    margin-right: 10px;
    line-height: 35px;}

.new-task .modal-body .select-time > label {
    vertical-align: bottom;
    margin-left: 10px;
    font-size: 11px;}

.new-task .users-list {
    height: 399px;
    max-height: 389px;
    margin-bottom: 60px;
    overflow-y: auto;}

.new-task .modal-body .select-time .dropdown {
    width: 90px;
    height: auto;
    vertical-align: top;
    margin-right: 10px;}

.new-task .modal-body .select-time > span.dark-text,
.new-task .modal-body .select-time > div {
    float: left;}

.new-task .modal-body .select-time > label.dark-text {
    float: left;
    margin-top: 8px;}

.new-task .modal-body .select-time .dropdown input {
    width: 100%;
    background-position: 93% 15px !important;
    height: 35px;}

.new-task .modal-body .form-group input,
.new-task .modal-body .comments-box textarea,
.new-timeline .modal-body .form-group input {
    height: 35px;
    text-indent: 10px;
    font-size: 14px;
    font-family: OpenSans;
    font-weight: normal;
    width: 100%;
    border: 1px solid #e3e3e4;
    outline: 0;}
.new-task .modal-body .form-group input:hover,
.new-task .modal-body .comments-box textarea:hover,
.new-timeline .modal-body .form-group input:hover {
    border: 1px solid #d4dad9;
}
.new-task .modal-body .form-group.picture input {
    width: calc(100% - 50px);
    vertical-align: top;}

.new-task .modal-body ::-webkit-input-placeholder {color: #bababa;}
.new-timeline .modal-body ::-webkit-input-placeholder {color: #bababa;}

.new-task .modal-body .form-group.picture button {
    height: 39px;
    width: 35px;
    margin-left: 5px;
    border-radius: 0;}

.new-task .modal-body .comments-box textarea {
    resize: none;
    height: 65px;
    padding: 10px;
    text-indent: 0;}

.new-task .modal-body textarea:placeholder-shown {
    font-style: italic;}

.new-task .modal-body .checkboxes {
    margin-top: 20px;
    padding-top: 15px;
    margin-bottom: 10px;}

.new-task .modal-body .form-group input {
    padding-left: 0;}

.dropdown-without-y-scroll .dropdown-content {
    overflow-y: hidden !important;}

.new-task .modal-body .checkboxes > label {
    width: 49%;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;}

.new-task .modal-body .dropdown .dropdown-content {
    overflow-x : hidden;}

.new-task .modal-body .checkboxes > label .chb-square {
    margin-top: 3px;}

.new-section {
    min-height: 350px;}

.new-section .modal-body .name input,
.new-timeline .modal-body .name input {
    width: calc(100% - 55px);}

.new-section .modal-footer button.gray-gradient,
.new-task .modal-footer button.gray-gradient {
    width: 160px;
    margin-right: 10px;
    padding: 0;
    font-size: 15px;}

.new-section .modal-footer button.update,
.new-task .modal-footer button.update {
    width: 310px;
    right: 20px;
    left: auto;
    padding: 0;}

.new-section .modal-footer .btn + .btn,
.new-task .modal-footer .btn + .btn {
    margin-left: 0;}

.save-modal,
.new-timeline {
    width: 410px;
    height: auto;
    margin-top: 100px;
    display: none;}

.save-pdf-floorplan-modal .modal-body {
    margin: 13px 15px;
    padding: 0 0 15px 0;
    /*border-bottom: 1px solid #e6e7e8;*/
    margin-bottom: 0;}



.save-pdf-floorplan-modal .pdf-chb {
    width: 100%;
    margin-top: 5px;}

.save-pdf-floorplan-modal .cort-text {
    display: none;
    color: #ee0034;
    margin-top: 8px;
}

.save-pdf-floorplan-modal .pdf-chb .chb-square {margin-top:3.5px;}


.file-save-pdf-disclaimer {
    padding: 15px 0 0;
    margin: 0 15px;
    font-size: 11px;
    font-family: "Lato",sans-serif;
    color: #58595B;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-top: 1px solid #e6e7e8;
    background: #fafafa;
    position: relative;
}

.file-save-pdf-disclaimer a {
    text-decoration: none;
    color: #e95f35;}

.file-save-pdf-disclaimer.first {
    font-weight: bold;
    z-index: 2;
    margin-bottom: 0;}

.file-save-pdf-disclaimer.second {
    margin-top: -1px;
    /*padding-top: 16px;*/
}


.save-pdf-floorplan-modal .modal-footer {padding-top: 20px;}

.save-pdf-floorplan-modal .filename-text-save-pdf {margin-bottom:8px;}

.show-the-modal .save-modal,
.show-the-modal .new-timeline {
    display: block;}

.show-the-modal .save-modal .modal-body p {
    font-size: 15px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.show-the-modal .save-modal .modal-body p.alert-msg {
    color: red;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 12px;
    margin-top: 10px;}

.show-the-modal .save-modal .modal-body input {
    height: 35px;
    width: 100%;
    border: 1px solid #e3e3e4;
    outline: none;
    border-radius: 0;
    font-size: 12px;
    font-weight: bold;
    text-indent: 10px;}

.show-the-modal .save-modal .modal-body input:hover {
    border: 1px solid #d4dad9;}

.show-the-modal .save-modal .modal-body {
    color: #58595b;}

.show-the-modal .save-modal .modal-body .chose-size-box {
    margin-bottom: 5px;}

.show-the-modal .save-modal .modal-body .chose-size-box .chose-title {
    display: inline-block;}

.show-the-modal .save-modal .modal-body .chose-size-box .chose-size {
    display: inline-block;
    width: 229px;}

.show-the-modal .save-modal .modal-body .chose-size-box .chose-size input {
    background-color: #fff;
    position: relative;}

.show-the-modal .save-modal .modal-footer,
.import-excel-modal .modal-footer {
    text-align: right;}

.show-the-modal .save-modal .modal-footer button,
.import-excel-modal .modal-footer button {
    color: #fff;
    border-radius: 0;
    width: 100px;
    padding: 0;
    height: 30px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.import-excel-modal form button {
    color: #fff;
    border-radius: 0;
    width: 88px;
    padding: 0;
    height: 25px;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-size: 10px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;}

.import-excel-modal form .import-status {
    margin-left: 60px;}

.import-excel-modal form button .file-upload-trigger {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    cursor: pointer;}

/* NEW TIMELINE MODAL */
.new-timeline .modal-footer button.ok {
    width: 100%;
    color: #fff;
    height: 45px;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 16px;}

/* END NEW TIMELINE MODAL */

/* END TIMELINE WRAPPER */

/* EXCUSE ME MODAL */

.excuse-me-modal {
    width: 500px;
    height: 200px;
    border: 1px solid #efefef;
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 250px);
    display: none;}

.show-the-modal .excuse-me-modal {
    display: block;}

.excuse-me-modal .modal-body {
    padding: 0 5px;}

.excuse-me-modal .penguin-image {
    width: 34%;
    float: left;}

.excuse-me-modal .penguin-image img {
    position: relative;
    top: -25px;}

.excuse-me-modal .minute-form {
    width: 64%;
    float: left;}

.excuse-me-modal input {
    padding: 5px;
    outline: none;
    border: 2px solid #dfdfe9;
    margin-bottom: 5px;}

.excuse-me-modal .minute-form .dropdown {
    width: 100%;}

.excuse-me-modal .minute-form .info {
    width: 49.35%;}

.excuse-me-modal .minute-form .title {
    font-size: 18px;
    font-family: 'OpenSans-Bold';
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0;}

.excuse-me-modal .minute-form .subtitle {
    margin: 10px 0;
    color: #ababbc;}

.excuse-me-modal .minute-form button {
    float: right;
    margin-left: 10px;
    color: #fff;
    border: none;
    font-family: OpenSans-Bold;
    font-weight: normal;
    padding: 5px 20px;}

.excuse-me-modal .minute-form .chb-square {
    margin-top: 2px;}

/* END EXCUSE ME MODAL */


/* AGREE MODAL */

.terms-modal {
    width: 700px;
    height: auto;
    border: 1px solid #efefef;
    display: none;
    position: absolute;
    top: 20%;
    left: calc(50% - 350px);
    background: #fff;}

.show-the-modal .terms-modal {
    display: block;}

.terms-modal .penguin-image {
    width: 33%;
    float: left;}

.terms-modal .modal-body {
    padding: 15px 15px 15px 0;}

.terms-modal .penguin-image img {
    position: relative;
    top: -45px}

.terms-modal .agree-text {
    width: 67%;
    display: inline-block;
    line-height: 19px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    padding: 10px 20px 10px 0;}

.terms-modal .agree-text p {
    margin: 0;}

.terms-modal .agree-text a {
    text-decoration: underline;
    font-style: italic !important;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.terms-modal .agree-text ol {
    list-style-type: disc;
    margin-bottom: 0;}

.terms-modal .agree-text a {
    color: #000;}

.terms-modal .modal-body.v0720 .agree-text {
    width: 100%;
    padding: 10px;
}

.terms-modal .modal-body.v0720 .agree-text a {
    text-decoration: none;
    color: #e95f35;
    font-style: normal !important;
}

.terms-modal .modal-body.v0720 .agree-text a:hover {
    color: #e64d1e;
}

.terms-modal .modal-body.v0720 {
    padding: 15px;
}

.terms-modal button {
    margin-top: 30px;
    float: right;
    color: #fff !important;
    margin-left: 10px;
    border: none;
    outline: none;
    padding: 5px 20px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

/* END AGREE MODAL */

/* EDIT LINKED EVENTS MODAL */
.edit-linked-events-modal {
    height: auto;}

.edit-linked-events-modal .modal-body header {
    font-family: OpenSans-Bold;
    font-weight: normal;}

.edit-linked-events-modal .modal-body header p {
    width: 250px;
    display: inline-block;
    margin-right: 10px;}

.edit-linked-events-modal .modal-body .events-list .event {
    margin-bottom: 15px;}

.edit-linked-events-modal .modal-body .events-list .event .dropdown {
    width: 250px;
    height: auto;
    vertical-align: top;
    background-color: #fff;
    margin-right: 10px;}

.edit-linked-events-modal .modal-body .events-list .event .dropdown .ir label {
    width: 100%;}

.edit-linked-events-modal .modal-body .events-list .event .dropdown .ir.selected {
    background: #f0f0f0;}

.edit-linked-events-modal .dropdown .dropdown-content {
    overflow-x: hidden;}

.edit-linked-events-modal .modal-body .events-list .event .dropdown input {
    width: 100%;
    height: 30px;
    background-color: #fff !important;
    font-family: OpenSans;
    font-weight: normal;}

.edit-linked-events-modal .modal-body .events-list .event .dropdown input.inputError {
    color: red !important;}

.edit-linked-events-modal .modal-body .events-list .event .dropdown .dropdown-opened {
    background-position: 98% !important;}

.edit-linked-events-modal .modal-body .events-list .event .dropdown-content {
    top: 32px;}

.edit-linked-events-modal .modal-body .events-list .event label {
    height: 30px;
    vertical-align: top;
    width: auto;}

.edit-linked-events-modal .modal-body .events-list .event label input {
    height: 100%;
    width: 100px;
    text-indent: 10px;
    border: 1px solid #e3e3e4;
    color: #cacaca;
    font-family: OpenSans;
    font-weight: normal;}
.edit-linked-events-modal .modal-body .events-list .event label input:hover {
    border: 1px solid #d4dad9;
}
.edit-linked-events-modal .modal-body .events-list .event label.controls span {
    cursor: pointer;
    width: 20px;
    height: 30px;
    background-position: center;}

.edit-linked-events-modal .modal-body .events-list .event label.controls span.icon_plus {
    background-size: 15px 15px !important;}

.edit-linked-events-modal .modal-body .events-list .event label.controls span.icon_move_up,
.edit-linked-events-modal .modal-body .events-list .event label.controls span.icon_move_down {
    margin-left: 0;
    background-size: 25px 15px !important;}

.edit-linked-events-modal .modal-body .events-list .event label.controls span.icon_trash2 {
    margin-left: 0;
    background-size: 13px 19px !important;}

.edit-linked-events-modal .modal-body .events-list .event label.controls span.sign_plus {
    height: auto;
    width: auto;
    font-size: 26px;
    text-align: center;
    position: relative;
    top: -4.5px;
    margin-left: 10px;
    margin-right: 4px;
    color: #59595b;}

.edit-linked-events-modal .modal-footer {
    text-align: right;}

.edit-linked-events-modal .modal-footer button {
    min-width: 100px;
    height: 30px;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;}

/* END EDIT LINKED EVENTS MODAL */

/* CLONE TIMELINE MODAL*/
.clone-timeline-modal {
    height: 450px;
    width: 350px;
    background-color: #fff;}

.clone-timeline-modal .modal-header p.modal-title {
    margin: 20px -10px 5px;}

.clone-timeline-modal .modal-body {
    padding: 5px 0;
    position: absolute;
    top: 70px;
    bottom: 80px;
    width: 100%;}

.clone-timeline-modal .modal-body > div {
    max-height: 100%;
    overflow-y: auto;}

.clone-timeline-modal .modal-body .check-label {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e6e7e8;
    padding: 0 15px;
    overflow-y: hidden;}

.clone-timeline-modal .modal-body .check-label span {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;}

.clone-timeline-modal .modal-body .check-label .chb-square {
    float: right;
    margin-top: 20px;}

.clone-timeline-modal .modal-footer {
    position: absolute;
    bottom: 0;
    width: 100%;}

.clone-timeline-modal .modal-footer button {
    width: 100%;
    height: 50px;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;}

/* END CLONE TIMELINE MODAL*/

/* EDIT GUEST MODAL */
.edit-guest-modal {
    width: 400px;
    height: auto;}

.edit-guest-modal .modal-body {
    padding: 5px 15px 15px;}

.edit-guest-modal .modal-body .section-title {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    margin-top: 10px;}

.edit-guest-modal .modal-body .group {
    margin-left: 30px;
    width: 340px;}

.edit-guest-modal .modal-body .group > div {
    display: inline-block;
    vertical-align: top;}

.edit-guest-modal .modal-body .group .dropdown {
    width: 140px;
    height: auto;
    vertical-align: top;
    margin-right: 10px;}

.edit-guest-modal .modal-body .group .dropdown input.dropdown-opened {
    background-position: 98% !important;}

.edit-guest-modal .modal-body .group .dropdown input,
.edit-guest-modal .modal-body label.spouse-label input {
    width: 100%;
    height: 35px;
    background-color: #fff !important;
    border: 1px solid #94A2A1;
    text-indent: 10px;
    left: 0;}

.edit-guest-modal .modal-body .group label.text-field,
.edit-guest-modal .modal-body label.spouse-label {
    width: 155px;
    height: 35px;
    vertical-align: top;
    position: relative;}

.edit-guest-modal .modal-body .group label.text-field input {
    width: 155px;
    height: 35px;
    background-color: #fff !important;
    border: 1px solid #e3e3e4;
    text-indent: 10px;
    left: 0;
    position: absolute;
    top: 0;
    font-weight: normal;}
.edit-guest-modal .modal-body .group label.text-field input:hover {
    border: 1px solid #d4dad9;
}

.edit-guest-modal .modal-body .group label.text-field input.disabled {
    background-color: #ebebe4 !important;
    pointer-events: none;}

.edit-guest-modal .modal-body .group label.text-field i {
    position: absolute;
    top: -20px;
    left: 3px;
    font-size: 11px;
    color: #a8a8a8;}

.edit-guest-modal .modal-body .group label.check-label {
    vertical-align: bottom;
    margin-left: 5px;
    font-size: 11px;}

.edit-guest-modal .modal-body .group .controls {
    height: 35px;
    width: 20px;}

.edit-guest-modal .modal-body .group .controls span {
    width: 20px;
    height: 35px;
    background-position: center;
    background-size: 14px 22px !important;
    margin-left: 0;
    cursor: pointer;}

.edit-guest-modal .modal-body .connector {
    margin: 0 0 5px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 13px;
    position: relative;}

.edit-guest-modal .modal-body .auto-checkbox {
    margin: 20px 0 0 2px;}

.edit-guest-modal .dropdown-content label {
    padding: 0 3px;}

.edit-guest-modal label .icon_edit {
    margin-top: 10px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.edit-guest-modal .dropdown-content {
    padding-left: 0px;}

.edit-guest-modal .modal-body .connector span {
    margin-left: 30px;}

.edit-guest-modal .modal-body .connector span[class^="icon_"] {
    width: 22px;
    height: 32px;
    margin-left: 0;
    position: absolute;
    cursor: pointer;
    left: 0;
    background-size: 22px 32px !important;
    background-position: right center;
    margin-right: 5px;
    top: -6px;}

.edit-guest-modal .modal-footer {
    text-align: right;}

.edit-guest-modal .modal-footer button {
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    width: 110px;}

/* END EDIT GUEST MODAL */

/* FILTER BY PARTY MODAL*/
.filter-by-party-modal,
.filter-by-name-modal,
.edit-field-type-modal {
    width: 305px;
    height: auto;
    position: absolute;}

.edit-field-type-modal {
    top: calc(50% - 120px);
    left: calc(50% - 150px);}

.guests-chb {padding: 0 16px 15px;}

.filter-by-party-modal .modal-body .search-group {
    width: 100%;
    margin: 10px 0 5px;
    height: auto;}

.filter-by-party-modal .modal-body .search-group label {
    position: relative;
    margin-bottom: 5px;}

.filter-by-party-modal .modal-body .search-group label .icon_search_x {
    position: absolute;
    right: 4px;
    top: 6px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-size: 14px !important;}

.filter-by-party-modal .modal-body .search-group input {
    height: 25px;
    width: 160px;
    text-indent: 10px;
    font-weight: normal;
    border: 1px solid #e3e3e4;}

.filter-by-party-modal .modal-body .search-group input:hover {
    border: 1px solid #d4dad9;}

.filter-by-party-modal .modal-body .search-group label.check-label {
    vertical-align: bottom;
    margin-left: 5px;
    font-size: 11px;
    max-width: 103px;
    padding-left: 17px;}

.filter-by-party-modal .modal-body .search-group label.check-label span:nth-of-type(1) {
    position: absolute;
    left: 0;
}

.filter-by-party-modal .modal-body .party-types {
    width: 100%;
    height: auto;
    min-height: 120px;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    padding: 5px;}

.filter-by-party-modal .modal-body .party-types label.check-label {
    width: 100%;
    margin-bottom: 5px;}

.filter-by-party-modal .modal-footer,
.filter-by-name-modal .modal-footer,
.edit-field-type-modal .modal-footer {
    text-align: right;
    padding: 0 15px 15px;}

.filter-by-party-modal .modal-footer button,
.filter-by-name-modal .modal-footer button,
.edit-field-type-modal .modal-footer button {
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    min-width: 110px;}

.filter-by-party-modal .party-types div.ir.selected {
    background: none !important;}

/* END FILTER BY PARTY MODAL*/

/* FILTER BY NAME MODAL */
.filter-by-name-modal .modal-body .section-title {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 5px;}

.filter-by-name-modal .modal-body .group label.check-label {
    margin-left: 10px;
    display: block;
    margin-bottom: 5px;}

/* END FILTER BY NAME MODAL */

/* EDIT FIELD TYPE MODAL */
.edit-field-type-modal .modal-body label.user-input {
    width: 100%;
    position: relative;
    margin-top: 10px;}

label.user-input i {color: rgb(177, 178, 180);}

.edit-field-type-modal .modal-body label.user-input input {
    height: 25px;
    width: 100%;
    text-indent: 10px;
    font-family: OpenSans;
    font-weight: 400;}

.edit-field-type-modal .modal-body label.user-input i {
    position: absolute;
    top: -17px;
    left: 0;
    font-size: 11px;
    color: rgb(168, 168, 168);
    margin-left: 3px;
    margin-bottom: 2px;
    text-align: left;}

.edit-field-type-modal .modal-footer button {
    width: 85px;
    height: 25px;
    padding: 0;
    font-size: 11px;}

/* END EDIT FIELD TYPE MODAL */

/* IMPORT FB MODAL */
.import-fb-modal {
    width: 555px;
    height: 500px;
    display: none;}

.show-the-modal .import-fb-modal {
    display: block;}

.import-fb-modal .modal-body p {
    font-size: 15px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.import-fb-modal p.fb-friends {
    background-color: #e6e6e6;
    height: 35px;
    line-height: 35px;}

.import-fb-modal p.fb-friends span {
    vertical-align: top;}

.import-fb-modal p.fb-friends span.icon_fb {
    width: 24px;
    height: 24px;
    margin-top: 6px;
    margin-right: 10px;}

.import-fb-modal .entry-box p.note {
    font-size: 12px;
    margin-top: 25px;}

.import-fb-modal .entry-box .preloader {
    position: absolute;
    background-color: transparent;
    bottom: -300px;}

.import-fb-modal .select-friends-wrapper {
    width: 100%;
    position: relative;}

.import-fb-modal .select-friends-wrapper button {
    width: 120px;
    border-radius: 0;
    color: #fff;
    font-size: 11px;
    height: 28px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.import-fb-modal .modal-footer button {
    width: 120px;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 30px;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.import-fb-modal .select-friends-wrapper label.search {
    height: 26px;
    width: 160px;}

.import-fb-modal .select-friends-wrapper label.search input {
    width: 100%;
    text-indent: 10px;
    font-size: 10px;
    height: 100%;
    font-family: OpenSans;
    font-weight: normal;
    margin-top: 1px;}

.import-fb-modal .select-friends-wrapper .friends-list-wrapper {
    width: 100%;
    min-height: 300px;
    max-height: 300px;
    height: auto;
    overflow-y: auto;
    background-color: #fff;
    margin-top: 10px;
    border: 1px solid #59595b;
    padding: 10px;}

.import-fb-modal .select-friends-wrapper .friends-list-wrapper > div {
    height: 60px;
    width: 32%;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 5px;
    float: left;
    position: relative;
    cursor: pointer;}

.import-fb-modal .select-friends-wrapper .friends-list-wrapper > div:nth-child(3n) {
    margin-right: 0;}

.import-fb-modal .select-friends-wrapper .friends-list-wrapper > div.selected {
    border-radius: 4px;
    background-color: #f0f0f0;}

.import-fb-modal .select-friends-wrapper .friends-list-wrapper > div .check-label {
    position: absolute;
    left: 0;
    bottom: 0;}

.import-fb-modal .select-friends-wrapper .friends-list-wrapper > div .photo {
    height: 100%;
    width: 60px;
    padding: 5px;
    border: 1px solid #d1d3d4;}

.import-fb-modal .select-friends-wrapper .friends-list-wrapper > div .photo img {
    width: 100%;
    height: 100%;}

.import-fb-modal .select-friends-wrapper .friends-list-wrapper > div .name {
    margin-left: 5px;
    height: 100%;}

.import-fb-modal .select-friends-wrapper .friends-list-wrapper > div .name p {
    font-size: 11px;
    margin-bottom: 0;}

.import-fb-modal .select-friends-wrapper .friends-list-wrapper > div .name p.firstname {
    margin-top: 15px;}

.import-fb-modal .modal-footer {
    text-align: right;
    width: 100%;
    padding-top: 0;}

.import-fb-modal .modal-footer button {
    width: 100px;
    text-transform: uppercase;}

/* END IMPORT FB MODAL */

/* IMPORT EXCEL MODAL */
.import-excel-modal {
    width: 400px;
    height: auto;
    margin-top: 100px;
    display: none;}

.show-the-modal .import-excel-modal {display: block;}

.import-excel-modal p {
    font-size: 15px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
}

.import-excel-modal a {
    color: #0c0cfe;
    text-decoration: underline;
    margin-bottom: 15px;
    display: block;
    font-family: OpenSans-Bold;
    font-weight: normal;}

.import-excel-modal form {
    padding: 30px 20px 50px 20px;
}

.import-excel-modal form label {
    font-family: OpenSans-Bold;
    font-weight: normal;}

.import-excel-modal form.excel-load-form {
    height: 178px;}

.import-excel-modal form input {
    width: 192px;
    height: 25px;
    padding-top: 0;}

.import-excel-modal .excel-error {
    padding: 10px 0 0 0;}

.import-excel-modal .excel-error .text--error {
    font-size: 12px;}

/* END IMPORT EXCEL MODAL */

/* NEW TITLE MODAL */
.new-title-modal {
    width: 370px;
    height: auto;
    display: none;}

.show-the-modal .new-title-modal,
.show-the-modal .edit-title-modal {
    display: block;}

.new-title-modal label {
    width: 100%;
    height: 25px;
    margin-bottom: 20px;}

.new-title-modal label input {
    width: 100%;
    height: 100%;
    text-indent: 10px;
    font-size: 12px;
    font-weight: normal;}

.new-title-modal p {
    font-size: 15px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.new-title-modal .modal-footer,
.edit-title-modal .modal-footer {
    text-align: right;}

.new-title-modal .modal-footer button,
.edit-title-modal .modal-footer button {
    width: 85px;
    height: 25px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 0;
    padding: 0;}

/* END NEW TITLE MODAL */

/* EDIT TITLE MODAL */
.edit-title-modal {
    width: 300px;
    height: auto;
    display: none;}

.edit-title-modal label {
    width: 100%;
    margin-bottom: 10px;}

.edit-title-modal label.search-label {
    text-align: center;
    width: 95%;}

.edit-title-modal label input {
    height: 25px;
    width: 100%;
    text-indent: 10px;
    font-size: 12px;
    margin-bottom: 10px;}

.edit-title-modal .modal-footer {
    padding-top: 0;}

/* END EDIT TITLE MODAL */

/* INVITATION PAGE */
.main-container .invite-wrapper {
    width: 462px;
    background: white;
    padding: 0 30px 30px 30px;}

.main-container .invite-wrapper .loginContainerLogo {
    margin-left: -30px;
    margin-bottom: 30px;}

.main-container .invite-wrapper .invite-info-box .normal-text {
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;}

.main-container .invite-wrapper .invite-info-box button.btn_grey {
    outline: none;
    border: none;
    width: 100%;
    padding: 15px;
    font-size: 15px;
    margin-top: 10px;}

.evite {background-color: #fff;}

.evite .invitation-image {
    width: 58%;
    float: left;}

.evite .invitation-image img {
    max-width: 100%;
    height: 100%;
    display: block;}

.evite .invitation-message {
    width: 42%;
    float: left;
    text-align: center;}

.evite .invitation-message img {
    width: 120px;
    margin-top: calc(50% - 100px);
    display: inline-block;}

.evite .invitation-message p {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 19px;
    color: #767676;
    line-height: 30px;
    margin-bottom: 30px;}

.evite .invitation-message a {
    color: #fff;
    outline: none;
    border: none;
    background-color: #73ab43;
    border-radius: 20px;
    padding: 7px 18px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 16px;}

.main-container .invite-wrapper .as-text-container,
.main-container .invite-wrapper .btn-wrapper {
    padding: 15px 0 0;}

/* END INVITATION PAGE */

/* GUESTS INFO OVERLAY */

.overlay-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;}

.overlay-info .info-box {
    width: 50%;
    text-align: center;}

.overlay-info .info-box.left .top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;}

.overlay-info .info-box.left .top p {
    text-align: center;
    width: 90%;}

.overlay-info .info-box.left .bottom {
    position: absolute;
    bottom: 85px;
    left: 0;
    width: 100%;}

.overlay-info .info-box .info-arrow {
    width: 120px;
    position: absolute;
    z-index: 999;}

.overlay-info .info-box.left .info-arrow {
    height: 125px;
    position: relative;
    margin-left: -10%;}

.overlay-info .info-box.left .info-arrow.arrow-top {
    height: 125px;
    margin-top: 50px;
    position: initial;}

.overlay-info .info-box.left .bottom .info-arrow {
    float: left;
    margin-left: 163px;}

.overlay-info .info-box.left .top .info-arrow {
    margin-left: 165px;}

.overlay-info .info-box p {
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    line-height: 25px;
    max-width: 450px;}

.overlay-info .info-box.center {
    margin: 0 auto;
    padding-top: 15%;}

.overlay-info .info-box.center .title {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 20px;}

.overlay-info .info-box.center p {
    /*float: left;*/
    margin: 30px 0 0 0;
    display: inline-block;
    padding-left: 120px;
    max-width: 570px;
    position: relative;}

.overlay-info .info-box.center p:before {
    content: '';
    width: 120px;
    height: 168px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/penguin_update.svg") center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.overlay-info .info-box.center p .guest-list-title {
    font-size: 28px;
    position: relative;
    top: -17px;}

.overlay-info .info-box.center div.penguin-update-img,
.overlay-info .info-box.center img {
    width: 120px;
    margin-top: 20px;
    float: left;}

.overlay-info .info-box.center .let-s-start-button-wrapper {
    text-align: center;
    /*float: left;*/
}

.overlay-info .info-box.center button {
    color: #fff;
    box-shadow: none;
    border: none;
    border-radius: 0;
    margin-top: 20px;
    padding: 10px 20px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    /*margin-left: 140px;*/
}

.overlay-info .info-box.right {
    padding-top: 70px;
    text-align: right;}

.overlay-info .info-box.right .info-arrow {
    position: initial;
    margin-right: 100px;
    width: 100px;}

.overlay-info .info-box.right p {
    text-align: center;}

@media (min-width: 1600px) {
    .account-page-content {
        width: 78%;
    }
}

@media (max-width: 1500px) {
    .overlay-info .info-box p {
        font-size: 14px;
        line-height: 20px;
    }

    /*.overlay-info .info-box.center button {*/
    /*margin-left: 110px;*/
    /*}*/

    .overlay-info .info-box.center p .guest-list-title {
        font-size: 26px;
    }
}

@media (max-width: 1400px) {
    .overlay-info .info-box.left .info-arrow {
        height: 100px !important;
    }

    .overlay-info .info-box p {
        font-size: 13px;
        line-height: 18px;
    }

    .overlay-info .info-box.right .info-arrow {
        width: 80px;
    }

    .overlay-info .info-box.center img {
        width: 95px;
        margin-top: 20px;
        float: left;
    }

    .overlay-info .info-box.center button {
        font-size: 16px;
        /*margin-left: 95px;*/
    }

    /*.overlay-info .info-box.center button {*/
    /*margin-left: 107px;*/
    /*}*/

    .overlay-info .info-box.center p {
        float: left;
        margin: 20px 0 0 20px;
    }

    .overlay-info .info-box.center p {
        margin: 30px 0 0 20px;
    }

    .overlay-info .info-box.center p .guest-list-title {
        font-size: 22px;
        top: -8px;
    }
}

@media (max-width: 1230px) {
    .overlay-info .info-box p {
        font-size: 12px;
    }

    .overlay-info .info-box.center img {
        width: 95px;
    }

    .overlay-info .info-box.center p {
        margin: 30px 0 0 20px;
    }
}

@media (max-width: 1150px) {
    .overlay-info .info-box p {
        font-size: 11px;
        line-height: 17px;
    }

    .overlay-info .info-box.center button {
        font-size: 14px;
        /*margin-left: 90px;*/
    }
}

/* END GUESTS INFO OVERLAY */

/*BUFFET MODAL*/

.buffet-modal {
    width: 814px;
    height: 554px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/bkg_buffet.jpg") no-repeat #fff;
    background-size: 750px 490px;
    background-position: center;
    position: relative;}

.buffet-modal .close {
    opacity: 1;
    font-size: 30px;
    margin: 2px 8px 0 0;}

.buffet-modal .buffet-bubble {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/bubble_buffet.svg") no-repeat transparent;
    background-size: 100% 100%;
    position: absolute;
    width: 42%;
    height: 314px;
    top: 39px;
    left: 53%;
    text-align: center;
    padding-top: 20px;}

.buffet-modal .buffet-bubble .info-text {
    font-size: 17px;
    font-family: OpenSans-SemiBold;
    color: #000;
    margin-bottom: 5px;
    line-height: 1.4;}

.buffet-modal .buffet-bubble .info-text.watch-tutorial {
    margin-top: 7px;
    font-size: 13px;}

.buffet-modal .buffet-bubble .info-text b {
    font-family: OpenSans-Bold;
    font-size: 19px;}

.buffet-modal .buffet-bubble .heading-text {
    font-size: 24px;
    font-family: OpenSans-Bold;
    margin: 0;
    opacity: 0.8;
    line-height: 1.3;}

.buffet-modal .buffet-bubble a.heading-text {
    font-size: 17px;
    position: relative;
    top: 0;
    text-decoration: none;}

.buffet-modal .penguin-image {
    position: absolute;
    bottom: 21px;
    right: 66px;
    width: 161px;
    height: 200px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/penguin_buffet.svg") no-repeat transparent;
    background-size: cover;}

.buffet-modal .watch-tutorial-icon {
    width: 17px;
    height: 13px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video_icon_buffet.svg") no-repeat transparent;
    display: inline-block;
    background-size: contain;
    margin-right: 4px;
    position: relative;
    top: 2.1px;}

/*END BUFFET MODAL*/
/*NEW VERSION ANNOUNCE*/
.new-version-modal {
    width: 930px;
    height: 530px;
    background: white url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/coding2.png") no-repeat;
    background-size: 39%;
    background-position: 92% 43%;
    line-height: 22px;
    font-family: PlayfairDisplay-Regular;}

.new-version-modal .modal-header{
    height: 60px;
    padding: 20px 30px;}

.new-version-modal .modal-header .info-text{
    font-size: 28px;}

.new-version-modal .modal-header button.close{
    position: relative;
    top: -34px;
    right: -10px;
    font-size: 40px;
    opacity: 0.8;}

.new-version-modal .new-version-modal-subtitle {
    font-size: 22px;
    color: #e95f35;
    margin-bottom: 26px;}

.new-version-modal .new-version-modal-footer {
    padding: 28px 18px 18px;
    overflow: auto;}

.new-version-modal .new-version-modal-footer ul{
    padding: 0;
    display: inline-block;
    width: 33.3333%;
    float: left;}

.new-version-modal .new-version-modal-footer ul li {
    line-height: 30px;
    font-size: 18px;
    list-style: none;
    position: relative;
    color: #e95f35;}

.new-version-modal .new-version-modal-footer ul li:before {
    content: '';
    background-color: #e95f35;
    border-radius: 100%;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: -17px;
    margin-top: -5px;}

.new-version-modal .modal-body{
    padding: 0 30px 30px 30px;
    color: black;}

.new-version-modal .ytp-large-play-button {
    background: blue;}

/* END NEW VERSION ANNOUNCE*/

/* NEW USER ADD FLOORPLAN*/
.new-user-add-floorplan-container{
    min-width: 960px;
    min-height: 570px;
    height: calc(100% - 50px);
    margin: 25px 70px;
    width: auto;}

.venue-boarding-wrapper > div {
    height: 100%;}

.new-user-add-floorplan-container .new-user-add-floorplan-img{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/addfloorplan_left.jpg") no-repeat transparent;
    height: 100%;
    width: 45%;
    background-size: cover;}

.new-user-add-floorplan-container .new-user-add-floorplan-text{
    width: 55%;
    display: inline-block;
    vertical-align: top;
    background: white;
    padding: 20px 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;}

.new-user-add-floorplan-container .new-user-add-floorplan-text .orange-text{
    font-family: PlayfairDisplay-Regular;
    font-size: 36px;}

.new-user-add-floorplan-container .new-user-add-floorplan-text .dark-text{
    font-family: PlayfairDisplay-Regular;
    font-size: 22px;
    color: black;
    line-height: 30px;}

.new-user-add-floorplan-container .new-user-add-floorplan-text button:not(.close){
    width: 95%;
    margin: 0 2.5%;
    height: 80px;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    border: none;
    float: none !important;}

.new-user-add-floorplan-container .new-user-add-floorplan-text button.close{
    position: relative;
    top: -10px;
    right: -20px;}

.new-user-add-floorplan-container .new-user-add-floorplan-text button:last-of-type{
    float: right;}

.new-user-add-floorplan-container .new-user-add-floorplan-text ul{
    padding: 0;
    margin: 30px 0;}

.new-user-add-floorplan-container .new-user-add-floorplan-text ul li{
    list-style: none;
    margin-top: -5px;
    padding: 30px;
    font-size: 18px;
    line-height: 30px;
    width: 49%;
    float: left;}

.new-user-add-floorplan-container .new-user-add-floorplan-text ul li:first-child {padding-left:0;}
.new-user-add-floorplan-container .new-user-add-floorplan-text ul li:last-child  {padding-right:0;}

.new-user-add-floorplan-container .new-user-add-floorplan-text ul li p {
    min-height: 80px;
    margin: 0 2.5%;}

.new-user-add-floorplan-container .new-user-add-floorplan-text .simple-text{
    font-size: 18px;
    line-height: 30px;}

.new-user-add-floorplan-container .new-user-add-floorplan-text .simple-text:last-of-type{
    margin-bottom: 50px;}

/* END NEW USER ADD FLOORPLAN*/

/*START PRINT MODAL */
.generic-modal .generic-modal-content.print-modal-wrapper .imsure-chb {
    line-height: 1.4;
    position: relative;
    top: -27px;
    padding: 1px 0;}

.generic-modal .generic-modal-content.print-modal-wrapper .imsure-chb .chb-square {
    margin-top:2.5px;}

.generic-modal .generic-modal-content.print-modal-wrapper .imsure-chb span {
    font-size: 14px;
    font-family: OpenSans;
    font-weight: normal;
    color: #59595b;}

/* END PRINT MODAL*/
/*MODAL ANNOUNCEMENT*/
.announcement-modal {
    width: 650px;
    height: auto;
    padding: 20px;
    position: relative;
    margin-top:100px;}

.announcement-modal .close {
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
    font-size: 27px;
    font-family: OpenSans-Bold;}

.announcement-modal .penguin-image {
    width: 20%;
    float: left;
    min-height: 300px;}

.announcement-modal .penguin-image .penguin-announcement-image {
    width: 230px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_announcement.svg") no-repeat transparent;
    height: 275px;
    position: relative;
    top: -105px;}

.announcement-modal .announcement-info {
    width:80%;
    display: inline-block;
    padding-top: 45px;
    padding-left: 20px;}

.announcement-modal .announcement-info .dark-text {
    font-size: 22px;
    margin-bottom:15px;}

.announcement-modal .announcement-info .dark-text-bold {
    font-family: OpenSans-Bold;}

.announcement-modal .announcement-info .orange-button {
    padding: 9px 26px;
    font-size: 20px;
    margin-right: 20px;}

.announcement-modal .announcement-info a {
    float: right;
    font-family: OpenSans;
    padding: 2px 4px;
    font-size: 14px;}

/*END MODAL ANNOUNCEMENT*/
/* MODAL UPLOAD FLOORPLAN */

.modal-upload-file {
    font-family: OpenSans;
    font-weight: normal;
    padding: 15px 10px 25px 10px !important;
    width: 750px;
    min-height: 565px;
    height: 685px;
    position: relative;}

.modal-upload-file .thank_you_icon {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin: 20px 0;
    background-position: center;
    vertical-align: top;
    color: #59595b;}

.modal-upload-file .contactus-confirmation .thank_you_icon {
    margin-bottom: 45px;}

.modal-upload-file .line-through {
    border: 1px solid #ea5f35;
    margin: -12px 130px;
    width: 66%;}

.modal-upload-file .steps {
    height: 20px;
    background: transparent;
    position: relative;
    width: 70%;
    margin: 0 auto;
}

.modal-upload-file .steps .step {
    width: 19%;
    float: left;
    text-align: center;}

.modal-upload-file .steps .step .state-name {
    position: relative;
    top: 10px;
    margin-bottom: 20px;
    font-family: Lato;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #313237;
    opacity: 0.4;
}

.modal-upload-file .steps .step.seen .state-name,
.modal-upload-file .steps .step.active .state-name{
    opacity: 1;
}

.modal-upload-file .steps .step.seen .state:before,
.modal-upload-file .steps .step.active .state:before{
    background-color: #ea5f35;
}

.modal-upload-file .steps .step:nth-child(1) {
    margin-left: 0;}

.modal-upload-file .steps .step.active .state:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ea5f35;
    border-radius: 50%;
    position: relative;
    left: 0;
    top: -19px;
}

.modal-upload-file .steps .step .state {
    width: 18px;
    z-index: 9999;
    margin: auto;
    height: 18px;
    border: 2px solid #eaeaea;
    border-radius: 50%;
    background: #fff;}

.modal-upload-file .steps .step .state:before{
    content: '';
    display: inline-block;
    background-color: #eaeaea;
    width: 80px;
    height: 2px;
    position: relative;
    right: 81px;
    bottom: 5px;
}

.modal-upload-file .steps .step.welcome-step-ct .state:before {
    width: 0;
    height: 0;
}


.modal-upload-file .short-plan .steps .step.step-skip,
.modal-upload-file .short-plan .steps .step.step-change .state {
    display: none;}

.modal-upload-file .short-plan .steps .step {
    width: 24.2%;}

.modal-upload-file .short-plan .steps .step.step-change .state.state-short {
    display: block !important;}

.modal-upload-file .welcome-step {
    margin-top: 30px;}

.modal-upload-file .welcome-step > div {
    width: 40%;
    display: inline-block;}

.modal-upload-file .welcome-step .wizard-welcome-message {
    position: absolute;
    padding-top: 25px;
    color: #000000;
    width: 48%;
    margin-left: 15px;}

.modal-upload-file button.close {
    position: relative;
    opacity: 1;
    font-size: 30px;
    font-family: OpenSans-Bold;
    top: -10px;
    left: -5px;
    z-index: 2;}

.modal-upload-file .welcome-step .wizard-penguin {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/wizard_penguin.svg") no-repeat;
    background-size: contain;
    height: 280px;
    position: initial;}

.modal-upload-file .welcome-step button {
    display: block;
    position: absolute;
    bottom: 20px;}

.modal-upload-file form fieldset {
    width: 100%;}

.modal-upload-file .title {
    text-align: center;
    font-size: 32px;
    font-family: MetaSerifPro;
    width: 400px;
    margin: 0 auto;
    margin-bottom: 40px;
    color: #313237;
    margin-top: 10px;
}

.modal-upload-file .form-upload {
    padding: 0 45px;
    margin-top: 54px;}

.modal-upload-file .form-upload .upload-details .form-group label {
    font-size: 14px;
    font-family: OpenSans, sans-serif;
    width: 33%;
    color: #59595b;
    font-weight: normal;}

.modal-upload-file .form-upload .upload-details .venue-submit {
    height: 13px;
    width: 13px;
    appearance: none;
    outline: none;
    transition-duration: 0.3s;
    background-color: white;
    cursor: pointer;
    border: 1px solid rgba(49,50,54, 0.4) !important;
    position: relative;
    margin-left: 0;
    top: 2px;
    margin-right: 5px;
}

.modal-upload-file .form-upload .upload-details .venue-submit + span{
    color: #000000;
}

.modal-upload-file .form-upload .upload-details .venue-submit:checked {
    background: #7fa062;
    border: 1px solid rgba(49,50,54, 0.4) !important;
    box-shadow: inset 1.5px 1.5px #fff, inset -1.5px -1.5px #fff;
}


.modal-upload-file .form-upload .upload-details .form-group label.user-input {
    width: 100%;}

.modal-upload-file .form-upload .upload-details .form-group label.user-input input {
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px 12px;}

.modal-upload-file .form-upload .upload-details.venue-container{
    margin-top: 24px;
}

.modal-upload-file .form-upload .upload-details .venue-details .form-group {
    margin-bottom: 2px;}

.modal-upload-file .form-upload .upload-details .venue-details .venue-adress-div {
    position: relative;
}

.modal-upload-file .form-upload .venue-details .form-group label i,
.modal-upload-file .form-upload .venue-details .form-group .dropdown i {
    height: 15px;
    font-style: normal;
    color: #59595b;}

.modal-upload-file .form-upload .upload-details .form-group input {
    color: #59595b;
    border-radius: 0;
    font-size: 14px;
    font-family: 'OpenSans', sans-serif;
    font-weight: normal;
    border: 1px solid #ccc;}

.modal-upload-file .include-notice {
    margin-bottom: 10px;}

.modal-upload-file .form-upload .upload-details .form-group input.form-control:focus {
    border: 1px solid #ccc;}

.modal-upload-file input::-webkit-input-placeholder {font-style: normal;}
.modal-upload-file input:-ms-input-placeholder {font-style: normal;}

.filedrag .filedrag-intro .orange-text {
    margin-top: 10px;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: normal;}
.filedrag .filedrag-intro .orange-text .btn-upload-file {
    position: unset;
    color: inherit;
    font-size: 16px;
    font-family: OpenSans;
    font-weight: bold;
    margin-top: -4px;
    cursor: pointer;
    text-decoration: underline;
}
/*.filedrag .filedrag-intro .orange-text .btn-upload-file:hover {*/
/*    text-decoration: underline;*/
/*}*/
.filedrag .filedrag-intro .dark-text {
    margin-bottom: 20px;}

.filedrag .filedrag-intro {
    text-align: center;}

.filedrag .filedrag-loading {
    text-align: center;
    padding-top: 40px;}

.filedrag .filedrag-loading .dark-text {
    margin-top: 10px;}

.modal-upload-file .form-upload button.orange-gradient {
    border-radius: 0;
    width: calc(100% - 110px);
    height: 42px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 17px;
    position: absolute;
    bottom: 25px;
    left: 55px;}

.modal-upload-file .back-program {
    font-size: 15px;
    font-family: OpenSans-Bold;
    position: absolute;
    bottom: 15px;}

.modal-upload-file .form-upload button.orange-gradient.submit-payment {
    bottom: 50px;}

.modal-upload-file .form-upload button.gray-gradient {
    border-radius: 0;
    width: 100%;
    height: 42px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 17px;}

.modal-upload-file .form-upload button.half-button {
    float: left;
    width: calc(50% - 25px);
    position: absolute;
    bottom: 25px;}

.modal-upload-file .form-upload button.half-button.orange-gradient {
    left: 50%;}

.modal-upload-file .filedrag .filedrag-files label {
    color: #bdbec3;
    line-height: 25px;
    max-width: 71%;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 25px;
    white-space: nowrap;}

.modal-upload-file .filedrag .filedrag-files .btn-upload-file {
    position: unset;
    margin: 0;
    font-size: 12px;
    margin-bottom: 2px;
    text-decoration: underline;
    cursor: pointer;
}

.modal-upload-file .filedrag .filedrag-files label.invalid-file {
    color: #e66c6c;}

.modal-upload-file .filedrag .filedrag-files img {
    display: inline-block;}

.modal-upload-file .filedrag .filedrag-file .checked img {
    width: 11px;
    margin-top: -5px;
    margin-left: 4px;}

.modal-upload-file .filedrag .filedrag-files .error img {
    width: 12px;
    margin-left: 4px;
    margin-top: -4px;}

.modal-upload-file .filedrag .filedrag-files .lbl-warning {
    line-height: 24px;
    vertical-align: top;}

.modal-upload-file .filedrag .filedrag-files img.x_circle {
    width: 12px;}

.modal-upload-file .filedrag .filedrag-files .ir {
    height: 25px;
    overflow-y: hidden;}

.modal-upload-file .filedrag .filedrag-files .checkmark img {
    width: 13px;
    margin-top: -2px;}

.modal-upload-file .filedrag .filedrag-files > img {
    margin-bottom: 5px;}

.modal-upload-file .chose-program {
    width: 101%;}

.modal-upload-file .chose-program .title {
    margin: -25px 0 0;
    font-size: 15px;
    color: #444;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.modal-upload-file .contactus-confirmation {
    padding-top: 20px;
    text-align: center;}

.modal-upload-file .contactus-confirmation .title {
    text-align: center;}

.modal-upload-file .chose-program .packageInfo {
    float: left;
    padding-left: 20px;}

.modal-upload-file .chose-program .packageInfo li {
    font-size: 13px;
    font-family: OpenSans;
    margin-bottom: 8px;}

.modal-upload-file .chose-payment .title {
    margin-top: -30px;
    margin-bottom: 16px;}

.modal-upload-file .chose-payment .title.payment-total {
    margin-top: 0;}

.modal-upload-file .chose-payment .preloader {
    height: 300px;
    text-align: center;
    position: absolute;
    top: 25%;
    font-size: 14px;
    font-family: OpenSans-Bold;}

.modal-upload-file .chose-payment .preloader p {
    position: absolute;
    top: 61%;
    font-size: 14px;
    text-align: center;
    width: 100%;
    font-family: OpenSans-Bold;}

.modal-upload-file .chose-payment .cloud2-img {
    top: 37%;
    margin: 15% auto;
    width: 100px;
    height: 66px;}

.modal-upload-file .submit-payment {
    bottom: 50px;}

.modal-upload-file .chose-program .program-box {
    width: 140px;
    height: 210px;
    float: left;
    position: relative;
    margin: 15px 26.1px 18px 0;
    text-align: center;
    box-shadow: 0 0 1px 1px #c1c1c1;
    cursor: pointer;}

.modal-upload-file .chose-program .program-box.last-box {
    margin-right: 0;}

.modal-upload-file .chose-program .program-box .service {
    text-align: center;
    width: 100%;
    font-family: OpenSans;
    font-weight: 200;
    color: #5b5b5d;
    margin-bottom: 2px;
    font-size: 12px;
    margin-top: 18px;}

.modal-upload-file .chose-program .program-box .name {
    font-size: 12px;
    font-family: OpenSans;
    font-style: italic !important;
    padding-top: 7px;
    font-weight: 500;
    min-height: 54px;
    background-color: #a8a9ad;
    color: #fff;
    margin-bottom: 18px;}

.modal-upload-file .chose-program .program-box .former-price {
    text-decoration: line-through;
    margin-bottom: 6px;}

.modal-upload-file .chose-program .program-box .former-price span {
    color: #8a8a8c;
    visibility: visible;}

.modal-upload-file .chose-program .program-box .extra-info {
    font-size: 10px;}

.modal-upload-file .chose-program .program-box .price {
    font-size: 19px;
    line-height: 1.2;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.modal-upload-file .chose-program .program-box button {
    font-size: 11px;
    width: 110px;
    padding: 7px 0;
    position: absolute;
    bottom: 10px;
    left: 15px;}

.modal-upload-file .chose-program .info-text-payment {
    margin-bottom: 15px;
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    color: #444;
    float: left;
    height: 35px;}

.modal-upload-file .chose-program .edit-payment-button {
    padding: 3px 25px;
    float: right;
    margin-top: -3px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    cursor: pointer;}

.modal-upload-file .payment-wrapper-background .details {
    display: inline-block;}

.modal-upload-file .payment-wrapper-background .details > label {
    width: 49.5%;
    margin-bottom: 15px;}

.modal-upload-file .termsOfServ-payment {
    bottom: 60px;
    display: block;}

.modal-upload-file .savePayment-check {
    font-family: OpenSans;
    font-weight: 100;
    font-size: 10px;
    color: #000000;}

.modal-upload-file .payment-wrapper-background .details > label > p {
    text-align: left;
    font-family: OpenSans;
    font-weight: 100;
    color: #000000;
    margin-bottom: 5px;}

.modal-upload-file .payment-wrapper-background .details > label label {
    width: 100%;}

.modal-upload-file .payment-wrapper-background .card-info > p.payment-title {
    font-family: OpenSans-SemiBold;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0;}

.modal-upload-file .error-payment {
    display: block;
    position: absolute;
    top: 150px;
    text-align: center;
    margin-left: -56px;
    width: 100%;}

.modal-upload-file .payment-wrapper-background .card-info .padding-program-title {
    padding-top: 30px;}

.modal-upload-file .edit-card-text {
    margin-bottom: 0;}

.modal-upload-file .payment-wrapper-background .card-type .payment-title {
    font-size: 14px;
    color: #444;
    font-family: OpenSans-SemiBold;
    font-weight: normal;}

.modal-upload-file .payment-wrapper-background .card-type {
    margin-bottom: 15px;}

.modal-upload-file .payment-wrapper-background .details label.pull-right {
    text-align: right;}

.modal-upload-file .payment-wrapper-background .details label.pull-left {
    text-align: left;}

.modal-upload-file .termsOfServ-check {
    margin-bottom: 15px;}

.modal-upload-file .upload-details .termsOfServ-check {
    position: relative;
    top: -7px;}

.modal-upload-file .termsOfServ-check span {
    font-family: OpenSans;
    font-weight: 100;
    font-size: 10px;
    color: #000000;}

.modal-upload-file .payment-wrapper-background .details input {
    font-size: 14px;
    height: 35px;
    font-family: OpenSans;
    font-weight: normal;}

.table-desginer-modal .success-message {
    text-align: center;
    margin: 40px auto;
    width: 76%;}

.table-desginer-modal .success-message img {
    width: 150px;
    margin: 20px 0;}

.table-desginer-modal .success-title {
    font-size: 30px;
    font-family: OpenSans;
    font-weight: normal;
    margin-top: 50px;
    margin-bottom: 20px;}

.table-desginer-modal .success-message > p {
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.5;
    font-size: 20px;
    font-family: OpenSans;
    font-weight: 600;}

.modal-upload-file .success-message p {
    text-align: center;
    margin-bottom: 5px;
    line-height: 1.5;
    font-size: 15px;
    font-family: OpenSans;
    font-weight: 600;}

.table-desginer-modal .success-message > h1.orange-text {
    font-size: 25px;}

.table-desginer-modal .success-message > p span {
    font-weight: 900;
    color: black;}

.table-desginer-modal .success-message > button {
    border: none;}

.modal-upload-file .wizard-hat-image {
    width: 80%;
    margin: auto auto 40px ;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/wizard_hat.svg") no-repeat;
    height: 315px;
    background-position: center;}

.modal-upload-file .success-message button {
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 16px;
    margin-top: 25px;}

.modal-upload-file .upload-details .venue-details .form-group i {
    display: inline-block;
    font-size: 11px;
    font-family: OpenSans, sans-serif;}

.modal-upload-file .form-upload .upload-details .venue-details .form-group input {
    width: 100%;
    height: 40px;
    border-radius: 0;
    outline: none;
    border: 1px solid #b0c1c0;}

.modal-upload-file .form-upload .upload-details .venue-details .form-group .vendor-data .state-info {
    width: 100%;
    float: left;}

.modal-upload-file .form-upload .upload-details .venue-details .form-group .vendor-data .state-info .combo-input-over-selection.state .dropdown.dropdown-combo-input-over-selection.state {
    width: 100%;}

.modal-upload-file .form-upload .upload-details .venue-details .form-group .vendor-data .state-info > .zip-code-label,
.modal-upload-file .form-upload .upload-details .venue-details .form-group .vendor-data .state-info > .combo-input-over-selection {
    width: 49.75%;
    float: left;
    margin: 0;}

.modal-upload-file .form-upload .upload-details .venue-details .form-group .vendor-data .state-info > .combo-input-over-selection {
    margin-right: 0.5%;}

.modal-upload-file .form-upload .upload-details .venue-details .form-group .vendor-data .combo-input-over-selection {
    width: 33%;
    float: left;}

.modal-upload-file .form-upload .upload-details .venue-details .form-group .vendor-data .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input.dropdown-toggle {
    margin: 3px 0 0 0;}

.modal-upload-file .form-upload .upload-details .form-group.vendor-data {
    height: auto;
    margin: 0;}

.modal-upload-file .form-upload .upload-details .form-group label {
    width: 100%;
    float: left;
    margin-right: 0.5%;}

.modal-upload-file .form-upload .upload-details .form-group .information-address__message {
    top: 13px;
}
.modal-upload-file .form-upload .upload-details .venue-adress-div.addressError .form-group div .user-input-get-started input {
    border-color: #d64a4a;
}
.modal-upload-file .form-upload .upload-details .venue-adress-div.addressError .form-group div .city-input.user-input-get-started input {
    border-color: #b0c1c0;
}
.modal-upload-file .form-upload .upload-details .form-group label input:focus+.information-address__message {
    display: block;
}

.modal-upload-file .form-upload .upload-details .form-group.block-inputs {
    margin-top: -19px;}

.modal-upload-file .form-upload .block-inputs > div,
.modal-upload-file .form-upload .block-inputs > label {
    display: inline-block;
    /*height: 60px;*/
    height: auto;
    float: none !important;}

.modal-upload-file .form-upload .block-inputs > div {
    padding-top: 18px;}

.modal-upload-file .form-upload .upload-details .form-group label.city-input {
    width: 100%;
    margin-right: 2%;}

.modal-upload-file .form-upload .upload-details .form-group .state-input {
    width: 29.2%;}

.modal-upload-file .form-upload .upload-details .form-group label.zip-input {
    width: 13%;
    margin-right: 2%;}

.modal-upload-file .form-upload .upload-details .form-group .country-input {
    width: 100%;}

.modal-upload-file .form-upload .upload-details .form-group .country-input input {
    width: 99.9%;}

.modal-upload-file .form-upload .chose-payment {
    padding-top: 40px;}

.modal-upload-file .form-upload .upload-details .form-group label.comments-label {
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 5px;}

.modal-upload-file .form-upload .upload-details .form-group label.floorplans-label {
    font-size: 11px;
    margin-top: 8px;
    width: auto;}

.modal-upload-file .form-upload .upload-details .form-group label.floorplans-number {
    width: auto;
    margin-left: 10px;}

.modal-upload-file .form-upload .upload-details .form-group textarea {
    font-size: 11px;
    height: 95px;
    resize: none;}

.modal-upload-file .form-upload .upload-details .form-group textarea:placeholder-shown {
    font-style: italic;
    font-size: 10px;}

.modal-upload-file .form-upload .upload-details .form-group {
    overflow: hidden;}

.modal-upload-file .form-upload .upload-details .form-group.contact-input {
    width: 48%;
    display: inline-block;
    margin-top: -7px}

.modal-upload-file .form-upload .upload-details .form-group.contact-input-email {
    width: 49%;
    display: block;
    float: right;}

/*** Replaced <img> ***/

.account-users-list-item .trash-icon-wrapper div[class^='icon_'] {
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 9px;
    margin-left: 9px;
    cursor: pointer;}

.account-users-list-item .trash-icon-wrapper div.icon_edit {
    width: 22px;}

.icon-account {
    width: 30px;
    height: 100%;
    float: left;
    margin-right: 20px;
    /*background-size: auto 30px;*/
    background-repeat: no-repeat;
    background-position: center;}

.icon-profile                         {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/dark/profile_icon.svg");}
.account-nav-active .icon-profile     {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/white/profile_icon.svg");}
.icon-acct-account                    {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_acct_account.svg");}
.account-nav-active .icon-acct-account{background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_acct_account_white.svg");}
.icon-halls2                          {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/dark/halls_icon.svg");}
.account-nav-active .icon-halls2      {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/white/halls_icon.svg");}
.icon-users                           {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/dark/users_icon.svg");}
.account-nav-active .icon-users       {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/white/users_icon.svg");}
.icon-permissions                     {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/dark/permissions_icon.svg");}
.account-nav-active .icon-permissions {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/white/permissions_icon.svg");}
.icon-campaign                        {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_acct_campaign.svg");}

.icon-billing {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/dark/billing_icon.svg");
}

.account-nav-active .icon-billing {
    background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/white/billing_icon.svg");
}

.icon-change-language                    {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/dark/language_icon.svg");}
.account-nav-active .icon-change-language {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/accountLeftMenu/white/language_icon.svg");}


.spinner {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/load.svg") no-repeat center / 100%;}

span.spinner {
    width: 24px;
    height: 24px;
    display: inline-block;}

button .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px;}

.preloader .sk-circle .spinner {
    width: 38px;
    height: 38px;}

.search-txti-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/search.png") no-repeat center / 16px 16px #f2f2f2;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;}

.create-card-wrapper .switch,
.create-card-wrapper .arrow {
    float: left;
    display: inline-block;}

.create-card-wrapper .arrow {
    padding-top: 1px;
    width: 13px;
    height: 100%;
    cursor: pointer;}

.create-card-wrapper .left-arrow-img,
.create-card-wrapper .right-arrow-img {
    display: inline-block;
    height: 100%;
    width: 13px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;}

.arrow .left-arrow-img           {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/left-arrow.png");}
.arrow .right-arrow-img          {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/right-arrow.png");}
.arrow .left-arrow-img.selected  {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/left-arrow-selected.png");}
.arrow .right-arrow-img.selected {background-image: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/right-arrow-selected.png");}

.dates-selection .calendar .date-title .arrow .left-arrow-img,
.dates-selection .calendar .date-title .arrow .right-arrow-img {
    width: 10px;
    height: 10px;}

.security-code {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/security-code.png");
    width: 90px;
    height: 60px;}

.penguin-card-holder {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/comics2.jpg") no-repeat top / 100% auto;
    width: 100%;
    height: 100%;}

.my-campaigns-wrapper .my-campaigns-right-side img {
    max-height: 491px;}

.x_circle {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/x_circle.png") no-repeat center / 100%;
    width: 13px;
    height: 13px;}

.red_exclamation {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/red_exclamation.png") no-repeat center / 100%;
    width: 13px;
    height: 13px;}

.check_mark {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/check_mark.png") no-repeat center / 100%;
    width: 11px;
    height: 11px;}

.cloud1-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/cloud_1.png") no-repeat center / 100%;
    width: 68px;
    height: 45px;
    display: inline-block;}

.cloud2-img {
    width: 68px;
    height: 45px;
    display: inline-block;}

.icon-penguin-question {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_penguin_question.svg") no-repeat;
    height: 265px;
    width: 100%;}

.brandCortLogo-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/Cort_Logo_resized.png") no-repeat center;
    background-size: contain;
    width: 40px;
    height: 64px !important;}

.brandPartyRentalLogo-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/party_rental_logo.png") no-repeat;
    width: 50px;
    height: 60px;}

.brandHighStyleRentalLogo-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/high_style_logo.svg") no-repeat;
    width: 80px !important;
    height: 60px;}

.Events204Logo-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/204_events.png") no-repeat;
    width: 129px;
    height: 60px;
    background-size: contain;
    background-position: right;}

.archiveLogo-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/archive_logo.png") no-repeat;
    width: 129px;
    height: 60px;
    background-size: contain;
    background-position: right;}

.brandAFRLogo-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/colors/GR_AFR_Logo_No_Little_Txt.svg") no-repeat;
    width: 129px;
    height: 60px;
    background-size: contain;}

.brightAFRLogo-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/bright_rentals.png") no-repeat;
    width: 129px;
    height: 60px;
    background-size: contain;}

.loungeAppeal-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/loungeAppealLogo.png") no-repeat;
    width: 129px;
    height: 60px;
    background-size: contain;}

.soCoolEventsLogo-img {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/socoolevents-logo.svg") center center no-repeat;
    width: 129px;
    height: 60px;
    background-size: contain;}

.epicPartyTeamLogo-img {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/epicpartyteamlogo.jpg") center center no-repeat;
    width: 129px;
    height: 70px;
    background-size: contain;}

.luxeEventRentalsLogo-img {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/luxe_event_rentals.jpg") center center no-repeat;
    width: 170px !important;
    height: 70px !important;
    background-size: contain;
    position: absolute;
    right: 10px;}

.brandFormDecorLogo-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/formdecor_logo.svg") no-repeat;
    width: 129px;
    height: 60px;
    background-size: contain;}


.profile-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/unknown_user_large.png") no-repeat center / 30px 30px;
    width: 30px;
    height: 30px;}

.menu-white-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/menu-white-24.png") no-repeat center / 100%;
    width: 27px;
    height: 27px;}

.close-white-img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/close-white-32.png") no-repeat center / 100%;
    width: 27px;
    height: 27px;}

.guests-invitation-image {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/invitation_image.jpg") no-repeat top / cover;
    width: 100%;
    height: 100%;}

.logo-evite {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/logo_evite.png") no-repeat top / 100%;
    width: 120px;
    height: 53px;}

.modal-upload-file .filedrag .filedrag-files.three-columns {
    overflow: hidden;}

.modal-upload-file .filedrag .filedrag-files.three-columns .ir {
    width: 33.3333%;
    float: left;
    min-height: 25px;
    height: auto;}

.host-vendors-container .change-password-wrapper .user-input-get-started .login-lock {
    display: inline-block !important;}

.vr-chose-wrapper {
    text-align: center;}

.vr-chose-wrapper button {
    width: 40%;
    padding: 20px 0;
    display: block;
    margin: 20px auto;
    font-size: 20px;}

.vr-chose-wrapper .vr-title {
    margin-top: 100px;
    margin-bottom: 50px;
    font-family: OpenSans;}

/* MarketPulse Section */
.marketPulseMain {
    position: absolute;}

.market-wrapper {
    padding: 20px 0;
    overflow-y: auto !important;
    min-width: 960px;
    max-width: 960px;
    margin: 0 auto;}

.market-wrapper .white-section {
    margin-bottom: 25px;
    background-color: #fff;}

.market-wrapper .market-heading-wrapper {
    display: inline-block;
    width: 100%;
    height: 90px;}

.market-wrapper .market-heading-wrapper .loginContainerLogo {
    display: inline-block;
    width: 23%;
    min-width: 190px;
    height: 90px;
    vertical-align: top;}

.market-wrapper .market-heading-wrapper .heading-messages {
    display: inline-block;
    margin-left: 20px;}

.market-wrapper .market-heading-wrapper .heading-messages .morning-message {
    font-family: 'OpenSans-SemiBold';
    font-size: 22px;
    margin: 15px 0 5px 0;}

.market-wrapper .market-heading-wrapper .heading-messages .reminder-message {
    font-family: OpenSans;
    font-size: 18px;}

.market-wrapper .market-heading-wrapper .orange-button {
    padding: 15px 40px;
    float: right;
    margin: 21px;
    font-size: 14px;}

.market-wrapper .webinars-wrapper {
    height: 230px;
    padding: 20px;
    position: relative;}

.market-wrapper .webinars-wrapper > div {
    width: 100%;
    height: 100%;}

.market-wrapper .webinars-wrapper .webinar-image {
    height: 100%;
    float: left;
    margin-right: 20px;}

.market-wrapper .webinar-info {
    max-width: 450px;
    width: calc(100% - 500px);
    display: inline-block;
    color: #5b5b5e;}

.market-wrapper .webinar-info .webinar-title {
    font-family: "OpenSans-SemiBold";
    font-size: 22px;
    color: #5b5b5e;}

.market-wrapper .webinar-info .webinar-subtitle {
    font-family: "OpenSans-Bold";
    font-size: 13px;
    color: #5b5b5e;
    margin-bottom: 10px;
    margin-top: 5px;}

.market-wrapper .webinar-info .webinar-content {
    font-family: OpenSans;
    font-size: 13px;
    line-height: 1.5;}

.market-wrapper .webinar-info .webinar-date {
    font-family: 'OpenSans-Bold';
    font-size: 13px;
    position: absolute;
    bottom: 20px;}

.market-wrapper .register-button {
    position: absolute;
    right: 21px;
    bottom: 20px;}

.market-wrapper .register-button .orange-button {
    padding: 15px 40px;
    float: right;
    font-size: 14px;
    width: 193px;}

.market-wrapper .inspiration-section {
    text-align: center;
    padding: 30px 0;}

.market-wrapper .inspiration-section label {
    font-family: 'OpenSans-SemiBold';
    font-size: 20px;
    color: #5b5b5e;}

.market-wrapper .leads-wrapper > div {
    width: 50%;
    display: inline-block;}

.market-wrapper .leads-wrapper > div:nth-child(odd)  {padding-right: 10px;}
.market-wrapper .leads-wrapper > div:nth-child(even) {padding-left: 10px;}

.market-wrapper .leads-wrapper > div .white-section {
    width: 100%;
    height: 263px;
    position: relative;}

.market-wrapper .leads-wrapper .white-section .image-lead {
    width: 40%;
    height: 100%;
    display: inline-block;
    padding: 30px 25px;}

.market-wrapper .leads-wrapper .white-section img {
    max-width: 100%;
    max-height: 180px;}

.market-wrapper .leads-wrapper .white-section .lead-info {
    width: 59%;
    float: right;
    padding: 30px 20px 0 0;}

.market-wrapper .leads-wrapper .white-section .lead-title {
    font-size: 16px;
    font-family: 'OpenSans-SemiBold';}

.market-wrapper .leads-wrapper .white-section .lead-content {
    margin-top: 10px;
    font-size: 13px;
    font-family: 'OpenSans';
    max-height: 130px;
    overflow: hidden;}

.market-wrapper .leads-wrapper .white-section .gray-button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 7px 40px;}

.market-wrapper .articles-wrapper > div {
    width: 50%;
    display: inline-block;}

.market-wrapper .articles-wrapper > div:nth-child(even) {
    padding-right: 10px;}

.market-wrapper .articles-wrapper > div:nth-child(odd) {
    padding-left: 10px;}

.market-wrapper .articles-wrapper > div.firstArticle {
    padding: 0;
    width: 100%;}

.market-wrapper .articles-wrapper .white-section {
    height: 260px;
    position: relative;}

.market-wrapper .articles-wrapper .white-section div {
    width: 50%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    float: right;
    padding: 20px;}

.market-wrapper .firstArticle .white-section div {
    width: calc(100% - 551px);}

.market-wrapper .firstArticle .white-section .image-wrapper {
    width: 551px;}

.market-wrapper .articles-wrapper .white-section .image-wrapper img {
    width: 100%;
    display: inline-block;}

.market-wrapper .articles-wrapper .white-section .image-wrapper {
    float: none;
    padding: 0;}

.market-wrapper .articles-wrapper .white-section .article-title {
    font-size: 13px;
    font-family: OpenSans-Bold;
    color: #96a7a6;
    display: block;}

.market-wrapper .articles-wrapper .white-section .article-subtitle {
    font-size: 16px;
    font-family: OpenSans-SemiBold;
    margin: 10px 0;}

.market-wrapper .articles-wrapper .white-section .article-content {
    font-size: 13px;
    font-family: OpenSans;
    color: #5b5b5e;}

.market-wrapper .articles-wrapper .white-section .article-date {
    font-size: 13px;
    font-family: OpenSans-Bold;
    color: #5b5b5e;
    position: absolute;
    bottom: 20px;
    display: block;}

.occasions-list .search-control .icon_search_x {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 6px;
    left: initial;
    cursor: pointer;}

.instructions-3d-popup {
    font-size: 14px;
    color: #59595b;}

.instructions-3d-popup .modal-title {
    margin-top: 15px;
    font-weight: bold;
    padding: 0 15px;}

.instructions-3d-popup .modal-body {
    overflow: hidden;}

.instructions-3d-popup .modal-body > div {
    text-align: center;}

.instructions-3d-popup img {
    width: 90px;
    height: 90px;
    margin: 5px;}

.instructions-3d-popup .mouse-left   {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/mouse-left.png") no-repeat center / auto;}
.instructions-3d-popup .mouse-scroll {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/mouse-scroll.png") no-repeat center / auto;}
.instructions-3d-popup .arrow-keys   {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/arrow-keys.png") no-repeat center / auto;}

.instructions-3d-popup .modal-footer {
    text-align: left;
    margin-bottom: 15px;}

.instructions-3d-popup .modal-footer span {
    font-size: 18px;
    font-weight: bold;}

/** Hide placeholders on focus **/
input:focus::-webkit-input-placeholder {color: transparent; opacity: 0;} /* WebKit browsers */
input:focus:-moz-placeholder {color: transparent; opacity: 0;}           /* Mozilla Firefox 4 to 18 */
input:focus::-moz-placeholder {color: transparent; opacity: 0;}          /* Mozilla Firefox 19+ */
input:focus:-ms-input-placeholder {color: transparent; opacity: 0;}      /* Internet Explorer 10+ */

input::-moz-focus-inner { border: none;}

.as-admin main form.navbar-form div.form-group.past-events-dropdown {
    float: left;
    margin: 0 25px;
    padding: 0;
    height: 100%;
    width: 100%;
    max-width: 145px;}

.as-admin main form.navbar-form div.form-group.past-events-dropdown .dropdown,
.as-admin main form.navbar-form div.form-group.past-events-dropdown .dropdown > div {
    width: 65px;
    height: 26px;
    float: left;}

.as-admin main form.navbar-form div.form-group.past-events-dropdown .dropdown-toggle {
    height: 100%;
    width: 100%;
    border: 1px solid #94A2A1;
    background-color: #fff !important;
    background-position: 90% center !important;}

.as-admin main form.navbar-form div.form-group.past-events-dropdown .past-events-btn {
    float: left;
    margin: 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 0;
    max-width: 60px;}

div.announce-html5-popup {
    width: 520px;
    height: 430px;
    font-family: OpenSans;
    font-size: 16px;
    padding: 0;
    text-align: center;}

div.announce-html5-popup .modal-header {
    padding-top: 10px;}

div.announce-html5-popup .close {
    color: #000000;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 37px;}

div.announce-html5-popup .modal-title {
    font-size: 20px;
    text-align: center;
    padding: 0 15px;
    margin-top: 20px;}

div.announce-html5-popup .modal-content {
    border: none;}

div.announce-html5-popup .modal-body {
    overflow: hidden;
    padding: 0 15px}

div.announce-html5-popup .modal-footer {
    text-align: left;
    overflow: hidden;
    line-height: 24px;
    padding-top: 20px;}

div.announce-html5-popup .modal-footer > div {
    padding-right: 0;}

div.announce-html5-popup .modal-footer .text-orange {
    font-weight: bold;
    display: block;}

div.announce-html5-popup .modal-footer .img-chrome {
    float: left;}

.img-penguin-html5 {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/penguin_html5.svg") no-repeat center / auto;
    width: 100%;
    height: 240px;
    display: inline-block;}

.img-chrome, .img-firefox, .img-safari, .img-edge {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 10px 0 0;}

.img-chrome {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/browser_chrome.svg") no-repeat center / auto;}
.img-firefox {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/browser_firefox.png") no-repeat center / auto;}
.img-safari {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/browser_safari.png") no-repeat center / auto;}
.img-edge {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/browser_edge.png") no-repeat center / auto;}

.browser-compatible-title {
    font-size: 22px;
    text-align: center;
    padding-top: 25px;
    margin-bottom: 20px;}

.browser-compatible-chrome {padding: 0 0 0 100px;}

.browser-compatible-chrome .img-chrome {
    width: 70px;
    height: 70px;}

.browser-compatible-chrome .download {
    width: 54%;
    margin-top: 4px;
    float: right;
    font-size: 15px;
    margin-right: 75px;}

.browser-compatible-chrome .download a {
    font-weight: bold;
    display: block;}

.browser-compatible-or {
    text-align: center;
    font-size: 15px;
    font-family: OpenSans;
    margin: 25px 0;}

.browser-compatible-browsers {
    text-align: center;}

.browser-compatible-browsers .names {
    width: 50px;
    display: inline-block;
    margin: 5px 25px 0 25px;
    font-size: 15px;}

.browser-compatible-browsers img {
    margin: 0 25px 0 25px;}

.occasion-wrapper > div > div > main,
.occasion-wrapper > div > div > .layout-wrapper,
.occasion-wrapper > div > div > .guests-panel,
.occasion-wrapper > div > div > .reports-wrapper {
    padding-left: 70px;
    padding-right: 0;
    margin: 25px 0;
    z-index: 9;
    width: calc(100% - 70px);
    height: calc(100% - 115px);}

.occasion-wrapper .reports-wrapper .content .table-wrapper {
    height: calc(100% - 150px);}

.occasion-wrapper .reports-wrapper .content .table-wrapper .reports-list {
    height: calc(100% - 71px);}

.occasion-wrapper .guests-panel .evite {
    height: calc(100% - 35px);}

.occasion-wrapper .layout-wrapper .layout-panel {
    min-width: 960px;}

.occasion-wrapper .layout-wrapper .layout-panel > main {
    width: 100%;}

.occasion-wrapper .layout-wrapper .layout-panel .right-controls {
    width: calc(100% - 295px);}

.occasion-wrapper .layout-wrapper .layout-panel .right-controls > form.navbar-form {
    height: calc(100% - 35px);}

.occasion-wrapper .event-page main aside {
    margin-right: 15px;
    height: 100%;}

.floorplan-templates-button {
    position: fixed;
    top: 0;
    left: 0;
    width: 120px;
    background: #fff;
    height: auto;
    z-index: 20;}

.floorplan-templates-button > div {
    height: auto;
    position: relative;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid #e6e6e7;
    cursor: pointer;
    font-family: OpenSans-Bold;}

.occasion-wrapper .event-page main .wrapper {
    width: calc(100% - 145px);
    min-height: 1px;}

.occasion-wrapper .event-page main .wrapper.occasion-dashboard {
    min-height: 488px;}

.occasion-wrapper .event-page main .timeline-wrapper {
    width: 100%;}

.occasion-wrapper .event-page main .timeline-wrapper .content label.user-info {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 27%;
    display: inline-block;}

@media (min-width: 1300px) {
    .occasion-wrapper .event-page main .timeline-wrapper .content label.user-info {
        max-width: 40%;
    }
}

.occasion-wrapper .event-page main .timeline-wrapper .content > header .search-controls input {
    min-width: 120px;
    max-width: 160px;
    width: 100%;}

.occasion-wrapper .event-page main .wrapper,
.occasion-wrapper .event-page main .timeline-wrapper,
.occasion-wrapper .layout-wrapper .seating {
    height: 100%;
    position: relative;
    min-height: 1px;}

.occasion-wrapper > div > div > div main,
.occasion-wrapper > div > div > div.reports-wrapper > .content {
    margin: 0;
    padding-left: 0;
    padding-right: 0;}

.occasion-wrapper > div > div > div.reports-wrapper > .content {
    padding-top: 0;
    min-height: 1px;}

.occasion-wrapper .event-page main .content .event-details {
    height: 215px;}

.occasion-wrapper .event-page main .content .vendors {
    top: 345px;
    bottom: initial;
    min-height: calc(100% - 345px) !important;}

.main-dashboard .occasions-list {
    margin: 0 70px 25px 70px;
    width: auto;}
.as-admin .occasions-list main ul.nav-tabs {
    height: 58px;
}
.main-dashboard .occasions-list .nav-tabs {
    padding: 25px 0;
}
.main-dashboard .update-notice {
    height: 87px;
    min-height: 125px;
    margin-bottom: 0;
    background: #fff;
    padding: 10px 160px 0 10px;
    position: relative;
    overflow: visible;
    border-bottom: 5px solid #f9f9f9;}

.main-dashboard .update-notice .close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 15px;
    font-family: OpenSans-Bold;
    opacity: 1;}

.main-dashboard .update-notice span.update-notice-name {
    text-transform: uppercase;}

.main-dashboard .update-notice > span {
    font-family: OpenSans-Bold;
    font-size: 14px;
    max-width: calc(100% - 80px);
    min-width: 930px;
    display: block;
    margin: 3px 0 0;}

.main-dashboard .update-notice > span:first-child {
    margin-bottom:9px;}

.main-dashboard .update-notice .update-notice-link {
    display: block;}

.main-dashboard .update-notice span .update-notice-discount {
    font-size: 19px;}

.main-dashboard .update-notice span a {
    text-decoration: underline;
    font-family: OpenSans-Bold;
    cursor: pointer;}

.main-dashboard .update-notice .image-trumpet {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_penguin_trumpet.svg") no-repeat;
    position: absolute;
    right: -15px;
    width: 190px;
    top: 44px;
    height: 100px;}

.main-dashboard .update-notice .chb-text {
    font-size:9px;}

.main-dashboard .update-notice .chb-square {
    width: 8px;
    margin-top: 5.5px;
    height: 8px;}

.main-dashboard .account-page {
    margin: 25px 0;
    padding: 0 70px;
    width: auto;}

.main-dashboard .account-page .account-page-nav-wrapper {
    padding: 0;
    margin-right: 15px;
    min-width: 245px;
    width: 245px;}

.main-dashboard .account-page .account-page-nav-wrapper ul.account-page-nav {
    margin: 0;}

.main-dashboard .account-page .account-page-content {
    padding: 0;
    width: calc(100% - 260px);}

.main-dashboard .occasions-list main .events-list {
    height: calc(100% - 106px);}

.main-dashboard .account-page .new-hall {
    padding: 0;}

.main-dashboard .account-page .new-hall .hall-map {
    height: calc(100% - 30px);}

.main-dashboard .account-page .new-hall .hall-details .title-hall-details {
    font-size: 24px;}

.main-dashboard .account-page .new-hall .hall-details {
    height: auto;
    overflow: hidden;
    min-height: 515px;}

.account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status {
    overflow: hidden;}

.account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status > div {
    padding: 15px 35px;
    height: 100%;}

.account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .dark-text {
    font-family: "OpenSans-Semibold";
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.6;}

.account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .title-account {
    font-family: "PlayfairDisplay-Regular";
    font-size: 24pt;
    margin-bottom: 20px;
    letter-spacing: -1px;
    line-height: inherit;}

.account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .title-account.orange-text {
    margin-top: 25px;}

.account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .orange-gradient {
    width: 100%;
    padding: 13px;
    font-size: 17px;
    margin: 15px auto;}

.venue-wizard-image {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/venue_wizard_image.jpg") no-repeat center / contain;
    width: 100%;
    height: 100%;
    display: inline-block;}

@media (max-width: 1480px) {
    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .title-account {
        line-height: 1.3;}

    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .dark-text {
        font-size: 15px;}

    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .title-account {
        font-size: 24px;}
}

@media (max-width: 1300px) {
    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .dark-text {
        font-size: 14px;}

    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .dark-text.title-account {
        font-size: 24px;}
}

@media (max-width: 1200px) {
    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .dark-text {
        font-size: 12.5px;
        margin-bottom: 15px;}

    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .title-account,
    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .title-account.dark-text {
        font-size: 22px;}

    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .title-account.orange-text {
        margin: 15px 0;}

    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .orange-gradient {
        margin: 15px auto 0;}
}

/** Upload file modal - Welcome Step **/
.modal-upload-file .welcome-step {
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fefefe;
    z-index: 1;}

.modal-upload-file .welcome-step > div.col-left {
    width: 37%;
    height: 100%;
    margin-top: 38px;
    float: left;
    text-align: center;}

.modal-upload-file .welcome-step .col-left img {
    width: 238px;
    height: 176px;}

.modal-upload-file .welcome-step .col-left > div {
    position: relative;}

.modal-upload-file .welcome-step div[class^="wizard-image"] > span {
    position: absolute;
    top: 1px;
    left: 68px;
    width: 134px;
    padding: 3px;
    text-align: center;
    line-height: 15px;
    font-family: "OpenSans-Semibold";
    background: #d4dbdb;}

.modal-upload-file .welcome-step div.wizard-image-s2 > span {
    top: 3px;}

.modal-upload-file .welcome-step div.wizard-image-s3 > span {
    top: 2px;
    left: 65px;}

.modal-upload-file .welcome-step div.wizard-image-s1 > img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/wizard_image_s1.png") no-repeat left center / 100% 100%;
    display: inline-block;}

.modal-upload-file .welcome-step div.wizard-image-s2 > img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/wizard_image_s2.png") no-repeat left center / 100% 100%;
    display: inline-block;}

.modal-upload-file .welcome-step div.wizard-image-s3 > img {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/wizard_image_s3.png") no-repeat left center / 100% 100%;
    display: inline-block;}

.modal-upload-file .welcome-step > div.col-right {
    width: 63%;
    height: 100%;
    float: left;
    padding: 15px 40px 60px;
    position: relative;}

.modal-upload-file .welcome-step > div.col-right h1 {
    font-family: "PlayfairDisplay-Regular";
    letter-spacing: -1px;
    margin-bottom: 20px;}

.modal-upload-file .welcome-step > div.col-right ul {
    list-style: none;
    margin: 20px 0 15px;
    padding: 0;}

.modal-upload-file .welcome-step > div.col-right ul li {
    line-height: 1.6;
    margin-bottom: 15px;
    font-size: 14px;
    position: relative;
    padding-left: 15px;}

.modal-upload-file .welcome-step > div.col-right ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 100%;
    top: 7px;
    position: absolute;
    left: 0;}

.modal-upload-file .form-upload .welcome-step button.orange-gradient {
    width: calc(100% - 80px);
    position: absolute;
    margin: 10px 0;
    left: 40px;
    bottom: 0;}

/** Table Designer Styles **/
/** Reset styles **/
.as-layout-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;}

.as-layout-wrapper ol,
.as-layout-wrapper ul {
    margin: 0;
    padding: 0;
    list-style-type: none;}

.as-layout-wrapper {
    padding: 0;
    margin: 0;}

/** Left Block **/
.as-layout-wrapper .table-designer-wrapper .as-nav-tabs {
    height: 50px;
    background: #dee0de;
    display: table;
    width: 100%;
}
.as-layout-wrapper .table-designer-wrapper .as-nav-tabs li {
    display: table-cell;
}

.as-layout-wrapper .table-designer-wrapper {
    background: #fff;}

.as-layout-wrapper .table-designer-wrapper .as-nav-tabs > li {
    /*width: auto;*/
    height: 100%;
    /*display: inline-block;*/
    /*float: left;*/
    text-align: center;
    padding: 5px;
    font-size: 12px;
    font-family: "OpenSans-Semibold";
    color: #312d32;
    cursor: pointer;
    line-height: 20px;}

.as-layout-wrapper .table-designer-wrapper .left-controls {
    background: #58585a;
    float: left;
    width: 315px;
    height: 100%;
    min-width: 1px;
    margin: 0;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content {
    padding: 0;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div {
    padding-left: 89px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.summary-settings {
    padding-left: 10px;
    padding-top: 40px;
    overflow-y: visible;
    height: calc(100% - 30px);
    position: relative;
    width: 236px;
    float: right;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.summary-settings span.summary-title {
    position: absolute;
    width: 236px;
    top: 0;
    z-index: 10;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div::-webkit-scrollbar {
    display: none;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.linens-wrapper {
    padding-left: 0;
    position: relative;
    /*padding-top: 40px;*/
    overflow-y: auto;
    height: calc(100% - 30px);}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.linens-wrapper.noPadding {
    padding-top: 0;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.linens-wrapper .as-list-items {
    display: block;
    position: relative;
    height: auto;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .ir.selected {
    background-color: transparent !important;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .combo-edit-delete label {
    background-color: transparent;
    padding: 0;
    width: 100%;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .combo-edit-delete label > label {
    max-width: 75%;
    width: 75%;
    height: 25px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .combo-edit-delete label.edit-mode > label {
    width: auto;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .combo-edit-delete label > label .settings-label-name {
    width: calc(100% - 24px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .ir.selected > div {
    background-color: transparent !important;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .label-name {
    display: inline-block;
    height: 30px;
    margin-bottom: 10px;
    padding-top: 7px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div > span {
    font-size: 14px;
    font-family: OpenSans-SemiBold;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper {
    padding-bottom: 25px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper > span {
    font-size: 14px;
    font-family: OpenSans-SemiBold;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper > span.apply-place-settings-button {
    color: #adadae;
    display: block;
    text-align: left;
    width: 96%;
    margin-top: 10px;
    cursor: pointer;
    font-size: 12px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper > span.apply-place-settings-button.disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper > span.addSetting {
    border: 1px solid #fff;
    padding: 7px;
    font-size: 13px;
    cursor: pointer;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper > span.clearSetting {
    margin-left: 10px;
    font-size: 13px;
    cursor: pointer;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper > span.clearSetting:hover {
    cursor: pointer;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper .summary-button {
    cursor: pointer;
    font-size: 18px;
    margin: -3px -1px 0 14px;
    float: right;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper .summary-button.disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper .summary-button.summary-button-info + div.tooltip > .tooltip-inner {
    width: 250px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper > span.summary-subtitle {
    padding: 10px 0;
    border-bottom: 1px solid #46474b;
    display: block;
    width: calc(100% - 10px);
    margin-bottom: 5px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .chairSettingsListWrapper > span.addSetting .plus-icon {
    font-size: 22px;
    margin-right: 5px;
    position: relative;
    top: 3px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settingsList .ir {
    padding: 5px 0;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settingsList > .ir:hover {
    color: #fff;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settingsList .combo-edit-delete label span {
    font-family: OpenSans;
    font-weight: 100;
    font-size: 14px;
    color: #adadae;
    position: relative;
    top: 2px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settings-wrapper .chb-square {
    border-radius: 50%;
    margin-top: 5px;
    top: 0 !important;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settings-wrapper .chb-square.checked {
    box-shadow: inset 0 0 2px 2px #fff;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settings-wrapper .settingsList div.ir {
    height: 25px;
    padding: 0;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div > span.addSetting {
    font-size: 14px;
    font-family: OpenSans;
    font-weight: 100;
    color: #bdbec0;
    font-style: italic;
    cursor: pointer;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.linens-wrapper .applyWrapper {
    height: 44px;
    width: 215px;
    margin: 0 auto 0 10px;
    border-bottom: 1px solid #7a7979;
    /*position: fixed;*/
    /*top: 120px;*/
    z-index: 12;
    background: #58585a;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.linens-wrapper .applyWrapper .tooltip {
    z-index: 999;
    position: fixed;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.linens-wrapper span.apply-place-settings-button {
    color: #adadae;
    text-align: left;
    width: 30.333%;
    margin-top: 10px;
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    float: left;
    font-family: OpenSans-SemiBold;
    height: 25px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.linens-wrapper span.apply-place-settings-button.apply-to-all {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_linen_apply_all.svg") #bbbdbf no-repeat;
    background-size: 80%;
    background-position: center center;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.linens-wrapper span.apply-place-settings-button.clear-to-all {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_linen_clear_all.svg") #bbbdbf no-repeat;
    margin: 10px 9.5px 0;
    background-size: 80%;
    background-position: center center;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.linens-wrapper span.apply-place-settings-button.clear-single {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_linen_clear_this.svg") #bbbdbf no-repeat;
    background-size: 24%;
    background-position: center center;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div.linens-wrapper > span.apply-place-settings-button {
    border-bottom: 1px solid #7a7979;
    padding-bottom: 5px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div .summary-title {
    padding: 10px 0 10px 10px;
    display: block;
    width: calc(100% + 10px);
    margin-left: -10px;
    background: #25262a;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content > div > span.addSetting .plus-icon {
    font-weight: 100;
    font-size: 23px;
    position: relative;
    top: 3px;
    font-style: normal;
    margin-right: 5px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settingsList .combo-edit-delete .icon_trash,
.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settingsList .combo-edit-delete .icon_edit {
    display: none;
    margin-top: 2px;
    cursor: pointer;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settingsList .ir:hover .combo-edit-delete .icon_trash,
.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .settingsList .ir:hover .combo-edit-delete .icon_edit {
    display: block;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .dropdown {
    width: 65%;
    float: right;
    height: 30px;
    margin-bottom: 10px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .dropdown input {
    max-width: 100%;
    max-height: 100%;
    background-color: #fff;}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .dropdown input.dropdown-opened {
    background-position: 98% 11px !important;
    background-color: #fff !important;}

.as-layout-wrapper .table-designer-wrapper .left-controls .as-nav-tabs > li {
    background: #dee0de;
    /*width: 30%;*/
    vertical-align: middle;
}

/*.as-layout-wrapper .table-designer-wrapper .left-controls .as-nav-tabs > li.general-button {*/
/*width: 20%;}*/

/*.as-layout-wrapper .table-designer-wrapper .left-controls .as-nav-tabs > li.buffet-button {*/
/*width: 35%;}*/

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content {
    width: 100%;
    height: calc(100% - 50px);}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .notes-title {
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    display: block;
    width: 320px;
    padding: 10px;
    background: #25262a;
    position: absolute;
    z-index: 10;
    top: 0;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .linen-title-container {
    font-size: 14px;
    padding: 7px 0 7px 10px;
    display: block;
    position: relative;
    font-weight: bold;
    margin-bottom: 13px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .linen-title-container:before {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 0;
    height: 1px;
    width: calc(100% - 20px);
    border-bottom: 1px solid #46474b;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tb-layout-list {
    padding: 10px 0;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tb-layout-list .ir {
    font-size: 14px;
    padding-top: 3px;
    display: block;
    position: relative;
    overflow: visible;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tb-layout-list .ir label {
    padding: 0;
    display: block;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tb-layout-list .ir textarea,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tb-layout-list .ir div.dark-text,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] textarea,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] div.dark-text {
    color: #cfcfcf;
    background-color: #25262a;
    width: 100%;
    border: none;
    min-height: 65px;
    margin-top: 0;
    position: relative;
    z-index: 10;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tb-layout-list .ir textarea::-webkit-scrollbar {display: none;}
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] textarea::-webkit-scrollbar {display: none;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] textarea,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] div.dark-text {
    width: calc(100% - 20px);
    margin-left: 10px;
    min-height: 65px;
    resize: none;
    padding: 5px 40px 5px 5px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tb-layout-list .ir .caret-textarea,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .caret-textarea {
    width: 12px;
    height: 12px;
    margin: 0;
    float: left;
    background: #25262a;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(45deg);
    position: relative;
    top: 7px;
    left: 10px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .caret-textarea {
    margin-left: 10px;
    margin-top: -13px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .icon_plus_white {
    width: 12px;
    height: 12px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/add.png") no-repeat;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .icon_file {
    width: 12px;
    height: 12px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_file.png") no-repeat;
    position: relative;
    top: 3px;
    cursor: pointer;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .map_icon_pdf {
    width: 38px;
    height: 32px;
    float: right;
    position: absolute;
    right: 3px;
    top: 7px;
    cursor: pointer;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper > div > .ir > div > label {
    padding: 0 10px;
    display: block;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper > div > .ir > div > label > span {
    font-size: 14px;
    padding: 7px 0;
    display: block;
    border-bottom: 1px solid #46474b;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir.selected,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir.selected > div,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir.selected > div > label,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir > div {
    font-family: OpenSans;
    background-color: transparent !important;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir > div > div {
    display: inline-block;
    overflow: hidden;
    clear: both;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir .icon_edit {
    float: right;
    margin-top: 6px;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tabs {
    width: 25%;
    height: 100%;
    float: left;
    background: #818285;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tabs > li {
    width: 100%;
    min-height: 70px;
    padding: 45px 2px 2px;
    border-bottom: solid 1px #3b3c40;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    position: relative;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tabs > li.disabled {
    pointer-events: none;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tabs > li span {
    font-family: Opensans-SemiBold;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tabs > li.selected,
.as-layout-wrapper .table-designer-wrapper .left-nav-tabs > li:hover {
    background: #58585a;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content {
    width: 75%;
    max-height: 100%;
    overflow: hidden;
    height: calc(100% - 30px);
    overflow-y: auto;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content::-webkit-scrollbar {
    width: 3px;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-row {
    width: 100%;
    float: left;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-row:first-child {
    margin-top: 10px;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-search-wrapper {
    padding: 10px;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-search-wrapper input {
    width: 100%;
    padding: 0 5px;
    border: 0;
    height: 22px;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-item {
    width: 65px;
    height: 65px;
    float: left;
    margin: 0 0 10px 10px;
    color: #201c21;
    padding: 41px 0 3px;
    text-align: center;
    font-size: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 5px}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-item .linen-image-box {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border-radius: 4px;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-item .linen-image-box img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    min-height: 100%;
    min-width: 100%;
    border-radius: 4px;
    width: 100%;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tabs > li:before,
.as-layout-wrapper .table-designer-wrapper .as-list-item:before,
.as-layout-wrapper .table-designer-wrapper .as-list-item:after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;}

.as-layout-wrapper .table-designer-wrapper .as-list-item:before {
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    border-radius: 5px;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-item .svg-image-box {
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items div.ir.selected,
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items div.ir.selected > div,
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items div.ir.selected > div > label {
    background: none !important;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items div.ir.selected .as-list-item,
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row > .as-list-item:hover,
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row > .as-list-item.selected,
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-subitems .as-list-item:hover {
    background: transparent;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row > .as-list-item:hover.notselected,
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row > .as-list-item:hover.notselected:before {
    color: #201c21;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row > .as-list-item.notselected::after {
    background-color: rgba(119, 119, 119, 0.8);
    border-radius: 5px;
    z-index: 3;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row > .as-list-item.selected:after {
    content: "";
    bottom: -16px;
    top: initial;
    z-index: 2;
    width: 0;
    height: 0;
    left: 27px;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-item-text {
    z-index: 2;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    max-width: 100%;
    /* display: -webkit-inline-box; */
    display: -moz-inline-stack;
    line-height: 10px;
    height: 20px;
    /* flex-flow: column nowrap; */
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    /* -webkit-justify-content: center; */
    /* justify-content: center; */
    /*background: red;*/
    /* -webkit-box-align: center; */
    display: table-cell;
    width: 65px;
    vertical-align: middle;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row .as-subitems .ir {
    float: left;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row .as-subitems:before,
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row .as-subitems:after {
    content: "";
    display: inline-block;
    margin: 5px 10px 10px;
    padding: 0;
    height: 2px;
    width: calc(100% - 20px);}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row .as-subitems .as-list-item {
    font-size: 9px;
    padding-top: 45px;
    padding-bottom: 0;}

.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row .as-subitems .linens-container {
    overflow: hidden;
    text-shadow: 1px 1px #000;}

.as-layout-wrapper .table-designer-wrapper .dropdown-toggle,
.as-layout-wrapper .table-designer-wrapper .dropdown-toggle .dropdown-opened {
    background-position: 98% 11px;}

/** Right Controls **/
.occasion-wrapper .as-layout-wrapper .table-designer-wrapper .right-controls {
    width: calc(100% - 415px);
    height: calc(100% - 64px);
    float: left;
    margin-top: 64px;
    overflow: visible;
    z-index:auto;
}

.occasion-wrapper .as-layout-wrapper .table-designer-wrapper .right-controls ul.nav-tabs {
    height: 30px;
    background: #dee0de;}

.occasion-wrapper .as-layout-wrapper .table-designer-wrapper .right-controls ul.nav-tabs li {
    float: right;
    line-height: 30px;}

.occasion-wrapper .as-layout-wrapper .table-designer-wrapper .right-controls ul.nav-tabs > div {
    display: inline;}

.occasion-wrapper .as-layout-wrapper .table-designer-wrapper .right-controls ul.nav-tabs > div > span {
    float: right;
    line-height: 30px;
    font-weight: bold;
    color: #312d32;
    background: #dee0de;}

.occasion-wrapper .as-layout-wrapper .table-designer-wrapper .right-controls ul.nav-tabs > div > span.vertical_line {
    height: 70%;
    width: 2px;
    background-color: darkgray;
    margin-top: 4px;
    margin-left: 20px;}

.as-layout-wrapper .table-designer-wrapper .right-controls .as-nav-tabs {
    width: auto;
    float: right;}

.as-layout-wrapper .table-designer-wrapper .right-controls .as-nav-tabs > li {
    min-width: 70px;
    text-transform: uppercase;}

.as-layout-wrapper .table-designer-wrapper .right-controls .right-nav-tab-content {
    width: 100%;
    height: 100%;}

/** Temporary Block **/
.bg-demo {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/bg-demo.jpg") no-repeat center / cover;
    width: 100%;
    height: 100%;}

.img-serving-bowls:before,
.img-serving-bowls.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_serving_bowls.svg") no-repeat center 5px / 34px 34px;}

.img-serving-bowls:hover:before,
.img-serving-bowls.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_serving_bowls_selected.svg") no-repeat center 5px / 34px 34px;}

.img-caserol-pans:before,
.img-caserol-pans.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_pans.svg") no-repeat center 5px / 34px 34px;}

.img-caserol-pans:hover:before,
.img-caserol-pans.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_pans_selected.svg") no-repeat center 5px / 34px 34px;}

.img-trays:before,
.img-trays.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_trays.svg") no-repeat center 5px / 34px 34px;}

.img-trays:hover:before,
.img-trays.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_trays_selected.svg") no-repeat center 5px / 34px 34px;}

.img-platters:before,
.img-platters.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_platters.svg") no-repeat center 5px / 34px 34px;}

.img-platters:hover:before,
.img-platters.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_platters_selected.svg") no-repeat center 5px / 34px 34px;}

.img-chafers:before,
.img-chafers.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_chafer.svg") no-repeat center 5px / 34px 34px;}

.img-chafers:hover:before,
.img-chafers.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_chafer_selected.svg") no-repeat center 5px / 34px 34px;}

.img-displays:before,
.img-displays.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_displays.svg") no-repeat center 5px / 34px 34px;}

.img-displays:hover:before,
.img-displays.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_displays_selected.svg") no-repeat center 5px / 34px 34px;}

.img-stands:before,
.img-stands.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_stands.svg") no-repeat center 5px / 34px 34px;}

.img-stands:hover:before,
.img-stands.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_stands_selected.svg") no-repeat center 5px / 34px 34px;}

.img-forks:before,
.img-forks.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_forks.svg") no-repeat center 5px / 18px 34px;}

.img-forks:hover:before,
.img-forks.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_forks_selected.svg") no-repeat center 5px / 34px 34px;}

.img-spoons:before,
.img-spoons.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_spoons.svg") no-repeat center 5px / 18px 34px;}

.img-spoons:hover:before,
.img-spoons.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_spoons_selected.svg") no-repeat center 5px / 34px 34px;}

.img-knives:before,
.img-knives.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_knives.svg") no-repeat center 5px / 18px 34px;}

.img-knives:hover:before,
.img-knives.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_knives_selected.svg") no-repeat center 5px / 34px 34px;}

.img-square-plates:before,
.img-square-plates.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_square_plates.svg") no-repeat center 5px / 34px 34px;}

.img-square-plates:hover:before,
.img-square-plates.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_square_plates_selected.svg") no-repeat center 5px / 34px 34px;}

.img-charger-plates:before,
.img-charger-plates.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_charger_plates.svg") no-repeat center 5px / 34px 34px;}

.img-charger-plates:hover:before,
.img-charger-plates.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_charger_plates_selected.svg") no-repeat center 5px / 34px 34px;}

.img-round-plates:before,
.img-round-plates.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_round_plates.svg") no-repeat center 5px / 34px 34px;}

.img-round-plates:hover:before,
.img-round-plates.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_round_plates_selected.svg") no-repeat center 5px / 34px 34px;}

.img-oval-plates:before,
.img-oval-plates.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_oval_plates.svg") no-repeat center 5px / 34px 34px;}

.img-oval-plates:hover:before,
.img-oval-plates.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_oval_plates_selected.svg") no-repeat center 5px / 34px 34px;}

.img-bowls:before,
.img-bowls.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_bowls.svg") no-repeat center 5px / 34px 34px;}

.img-bowls:hover:before,
.img-bowls.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_bowls_selected.svg") no-repeat center 5px / 34px 34px;}

.img-goblets:before,
.img-goblets.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_goblets.svg") no-repeat center 5px / 18px 34px;}

.img-goblets:hover:before,
.img-goblets.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_goblets_selected.svg") no-repeat center 5px / 34px 34px;}

.img-glasses:before,
.img-glasses.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_glasses.svg") no-repeat center 5px / 18px 34px;}

.img-glasses:hover:before,
.img-glasses.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_glasses_selected.svg") no-repeat center 5px / 34px 34px;}

.img-flutes:before,
.img-flutes.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_flutes.svg") no-repeat center 5px / 18px 34px;}

.img-flutes:hover:before,
.img-flutes.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_flutes_selected.svg") no-repeat center 5px / 34px 34px;}

.as-dinner:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_dinnerware.svg") no-repeat center 20px / 40px 15px;}

.as-silver:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_silverware.svg") no-repeat center 10px / 24px 36px;}

.as-drink:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_drinkware.svg") no-repeat center 10px / 24px 34px;}

.as-other:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon-other.jpg") no-repeat center 15px / 25px 25px;}

.as-summary:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_summary.svg") no-repeat center 15px / 25px 25px;}

.as-buffer-ware:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_buffetware.svg") no-repeat center 15px / 34px 34px;}

.as-serving-items:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_serving_items.svg") no-repeat center 15px / 34px 34px;}

.as-buffet-chafers:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_chafers.svg") no-repeat center 15px / 34px 34px;}

.as-display-stands:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_displays_stands.svg") no-repeat center 15px / 34px 34px;}

.as-chairs:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_chairs.svg") no-repeat center 15px / 25px 25px;}

.as-linens:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_linens.svg") no-repeat center 15px / 25px 25px;}

.as-grid:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon-grid.jpg") no-repeat center 15px / 25px 25px;}

.img-other:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon-other2.png") no-repeat center 5px / 18px 34px;}

.img-candle-holders:before,
.img-candle-holders.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_candleholders.svg") no-repeat center 5px / 18px 34px;}

.img-candle-holders:hover:before,
.img-candle-holders.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_candleholders_selected.svg") no-repeat center 5px / 18px 34px;}

.img-candles:before,
.img-candles.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_candles2.svg") no-repeat center 5px / 18px 34px;}

.img-candles:hover:before,
.img-candles.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_candles2_selected.svg") no-repeat center 5px / 18px 34px;}

.img-candlebras:before,
.img-candlebras.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_candelabras.svg") no-repeat center 5px / 18px 34px;}

.img-candlebras:hover:before,
.img-candlebras.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_candelabras_selected.svg") no-repeat center 5px / 18px 34px;}

.img-lanters:before,
.img-lanters.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_lanterns.svg") no-repeat center 5px / 18px 34px;}

.img-lanters:hover:before,
.img-lanters.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_lanterns_selected.svg") no-repeat center 5px / 18px 34px;}

.img-luminaries:before,
.img-luminaries.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_luminaries.svg") no-repeat center 5px / 18px 34px;}

.img-luminaries:hover:before,
.img-luminaries.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_luminaries_selected.svg") no-repeat center 5px / 18px 34px;}

.img-vases:before,
.img-vases.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_vases.svg") no-repeat center 5px / 18px 34px;}

.img-vases:hover:before,
.img-vases.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_vases_selected.svg") no-repeat center 5px / 18px 34px;}

.img-flowers:before,
.img-flowers.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_flowers2.svg") no-repeat center 5px / 18px 34px;}

.img-flowers:hover:before,
.img-flowers.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_flowers2_selected.svg") no-repeat center 5px / 18px 34px;}

.img-round-charges:before,
.img-round-charges.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_centerpiece_chargers_round.svg") no-repeat center 5px / 18px 34px;}

.img-round-charges:hover:before,
.img-round-charges.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_centerpiece_chargers_round_selected.svg") no-repeat center 5px / 18px 34px;}

.img-square-charges:before,
.img-square-charges.notselected:hover:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_centerpiece_chargers_square.svg") no-repeat center 5px / 18px 34px;}

.img-square-charges:hover:before,
.img-square-charges.selected:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_centerpiece_chargers_square_selected.svg") no-repeat center 5px / 18px 34px;}

.as-candleholders:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_candle_candleholders.svg") no-repeat center 10px / 24px 34px;}

.as-lanterns-luminaries:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_lanterns_luminaries.svg") no-repeat center 10px / 24px 34px;}

.as-vases-flowers:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_vases_flowers.svg") no-repeat center 10px / 24px 34px;}

.as-center-chargers:before {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_centerpiece_chargers.svg") no-repeat center 10px / 24px 34px;}

/** Chairs Tab Content **/

.as-layout-wrapper .table-designer-wrapper .notselected {
    position: relative;}

.as-layout-wrapper .table-designer-wrapper .notselected:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(69, 69, 69, 0.8);}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content {
    padding: 0 !important;
    overflow-y: auto;
    height: calc(100% - 30px);}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .dropdown {
    margin: 0 10px;
    width: 110px;
    height: 25px;
    float: left;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .chairsPosition span.label-name {
    font-size: 12px;
    font-family: OpenSans-SemiBold;
    padding-left: 10px;
    float: left;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .dropdown input[type="text"] {
    color: #49484a;
    width: 120px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .dropdown input[type="text"].dropdown-opened {
    background-position: 98% !important;
    background-size: 12px !important;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .roundSettings .as-col-left {
    width: 100%;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .roundSettings .as-col-left .chairs-validation {
    margin: 5px 0;
    display: inline-block;
    padding: 0;}

.tb-chairs-layout-reset-ct {
    text-align: right;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .resetButtonTB {
    border: none;
    outline: none;
    height: 25px;
    margin: 2px 12px 2px 0;
    background-color: transparent;
    padding: 1px 10px;
    width: auto;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .resetButtonTB:disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;}

.as-layout-wrapper .table-designer-wrapper input {
    height: 25px;
    border: none;
    width: calc(100% - 10px);
    padding: 3px 7px;
    color: #49484a;}

.as-layout-wrapper .table-designer-wrapper input.disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;}

.as-layout-wrapper .table-designer-wrapper .settings-wrapper input {
    width: calc(100% - 20px);
    position: relative;
    top: -7px;
    font-size: 14px;
    font-family: OpenSans;
    font-weight: normal;
    padding: 2px 7px 0;
    margin-left: -5px;}

.as-layout-wrapper .table-designer-wrapper .reportsWrapper .ir .ir input {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    font-size: 12px;
    padding-right: 50px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content input[type="text"] {
    width: 45px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .dropdown-toggle {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/down_arrow_gray.svg") no-repeat;
    background-position: 98%;
    background-size: 12px;}



.as-layout-wrapper .table-designer-wrapper input.number {
    position: relative;
    width: 45px;
    margin: 0 5px;
    padding: 3px 15px 3px 3px;
    text-align: center;}

.as-layout-wrapper .table-designer-wrapper .as-row {
    float: left;
    width: 100%;}

.as-layout-wrapper .table-designer-wrapper .as-col-left {
    width: 42%;
    float: left;
    display: inline-block;}

.as-layout-wrapper .table-designer-wrapper .as-col-left.label-text {
    width: 40%;}

.as-layout-wrapper .table-designer-wrapper .as-col-right {
    width: 42%;
    float: left;
    display: inline-block;}

.as-layout-wrapper .table-designer-wrapper .as-btn-grey {
    background: #ababab;
    position: relative;
    top: 14px;
    border: none;
    width: 25px;
    height: 25px;
    padding: 0;
    overflow: hidden;
    color: #ababab;
    left: 7px;}

.as-layout-wrapper .table-designer-wrapper .as-btn-grey:before {
    content: "";
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_chair_center.png") no-repeat center / 85% #58595b;
    display: inline-block;
    width: 25px;
    height: 100%;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .chairsPosition {
    height: 40px;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #9a9ea0;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .chairsPosition > .dropdown {
    width: 90px;
    float: right;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .chairsPosition > .dropdown > div > input {
    padding-left: 0;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .chairsPosition > .dropdown > div > input.disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .chairsPosition > span.label-name {
    padding: 5px 0 0 0;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round > div > .as-row {
    position: relative;
    padding: 0 5px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round > div > .as-row:before {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 0;
    height: 1px;
    width: 90%;
    border-bottom: 1px solid #9a9ea0;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .as-square:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 2px solid #818285;
    margin-right: 7px;
    float: left;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .as-chairs-num {
    padding: 5px 10px 0;
    height: 35px;
    float: right;
    width: 75px;
    margin-top: 3px;
    line-height: 25px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .as-chairs-num input {
    background-color: white;
    color: #49484a;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .as-chairs-num input.disabled {
    opacity: 0.3;
    cursor: default;
    background: white !important;
    pointer-events: none;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .chair-center-button {
    float: left;
    top: 8px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .chair-center-button:disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .icon_warning {
    width: 15px;
    height: 13px;
    margin: 0 5px 0 10px;
    line-height: 13px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .as-square,
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .label-text,
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round label > span {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .label-text {
    font-size: 8px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .as-square {
    position: relative;
    padding: 8.5px 10px;
    font-size: 13px;
    margin-top: 3px;
    height: 35px;
    width: auto;
    line-height: 18px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .text-warning {
    font-weight: normal;
    font-size: 10px;
    display: inline-block;
    padding: 0;
    position: relative;
    top: -8px;
    right: 55px;
    text-align: center;
    width: 120px;
    line-height: normal;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .location-wrapper,
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .space-wrapper {
    margin-left: 10px;
    width: 90%;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .location-wrapper > span,
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .space-wrapper > span {
    font-size: 12px;
    line-height: 20px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .location-wrapper.as-col-left {
    clear: left;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .location-wrapper.as-col-left .chairs-wrapper {
    margin-top: 10px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .location-wrapper .chairs-wrapper label {
    float: right;
    width: 45px;
    margin-right: 12px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .location-wrapper .chairs-wrapper label i {
    display: none;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .location-wrapper .chairs-wrapper label input {
    width: 100%;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .location-wrapper [class*="as-col-"],
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .space-wrapper [class*="as-col-"] {
    display: inline-block;
    margin: 2px 0;
    height: 25px;
    line-height: 25px;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .location-wrapper [class*="as-col-"].disabled,
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .space-wrapper [class*="as-col-"].disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
    background-color: transparent !important;}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .measurements > span {
    margin: 0 10px 0 0;}

/** Slider - input type range customize **/

/******  Applying base CSS styles */
.as-layout-wrapper .table-designer-wrapper input[type=range] {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    /*width: 100%; Specific width is required for Firefox. */
    background: transparent; /* Otherwise white in Chrome */
    padding: 0;
    width: 60%;}

.as-layout-wrapper .table-designer-wrapper input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;}

.as-layout-wrapper .table-designer-wrapper input[type=range]:focus {
    outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */}

.as-layout-wrapper .table-designer-wrapper input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent;}

/****** Styling the Thumb */
/* Special styling for WebKit/Blink */
.as-layout-wrapper .table-designer-wrapper input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 7.5px;
    cursor: pointer;
    margin-top: -6px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    box-shadow: none; /* Add cool effects to your sliders! */}

/* All the same stuff for Firefox */
.as-layout-wrapper .table-designer-wrapper input[type=range]::-moz-range-thumb {
    box-shadow: none;
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 0;
    cursor: pointer;}

/* All the same stuff for IE */
.as-layout-wrapper .table-designer-wrapper input[type=range]::-ms-thumb {
    box-shadow: none;
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 0;
    cursor: pointer;}

/****** Styling the Track */
.as-layout-wrapper .table-designer-wrapper input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    box-shadow: none;
    background: #9ac8b6;
    border-radius: 1.3px;
    border: none;}

.as-layout-wrapper .table-designer-wrapper input[type=range]:focus::-webkit-slider-runnable-track {
    background: #9ac8b6;}

.as-layout-wrapper .table-designer-wrapper input[type=range]::-moz-range-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    box-shadow: none;
    background: #9ac8b6;
    border-radius: 1.3px;
    border: none;}

.as-layout-wrapper .table-designer-wrapper input[type=range]::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;}

.as-layout-wrapper .table-designer-wrapper input[type=range]::-ms-fill-lower {
    background: #9ac8b6;
    border: none;
    border-radius: 2.6px;
    box-shadow: none;}

.as-layout-wrapper .table-designer-wrapper input[type=range]:focus::-ms-fill-lower {
    background: #9ac8b6;}

.as-layout-wrapper .table-designer-wrapper input[type=range]::-ms-fill-upper {
    background: #9ac8b6;
    border: none;
    border-radius: 2.6px;
    box-shadow: none;}

.as-layout-wrapper .table-designer-wrapper input[type=range]:focus::-ms-fill-upper {
    background: #9ac8b6;}

.vr-modal {
    width: 665px;
    height: 550px;
    min-height: 550px;}

.vr-box-wrapper.full {
    position: absolute;
    bottom: 0;
    height: 230px;
    width: 100%;
    border-top: 5px solid #d4dad9;
    padding: 15px 20px;
    background-color: #fff;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/logo_dark.svg") no-repeat #fff;
    background-size: 60%;
    background-position-x: center;
    background-position-y: 20px;}

.seating.main-wrapper-div .left-controls .vr-box-wrapper.full.small {
    padding: 14px 19px;}

.vr-box-wrapper.small {
    height: 175px;
    background-position-y: 10px;}

.vr-box-wrapper.strip {
    height: 41px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    border-top: 5px solid #d4dad9;
    width: 100%;}

.vr-box-strip-text {
    display: none;}

.vr-box-wrapper.strip .vr-box-strip-text {
    display: block;
    font-size: 16px;
    font-family: OpenSans-SemiBold;
    text-align: center;
    width: 100%;
    padding: 7px 0;}

.vr-box-wrapper.full .vr-box-wrapper-heading {
    font-size: 16px;
    text-align: center;
    max-width: 100%;
    padding-top: 68px;
    margin-bottom: 18px;
    font-family: 'PlayfairDisplay-Regular';}

.vr-box-wrapper.small .vr-box-wrapper-heading {
    padding-top: 44px;}

.vr-box-wrapper.small .limited-offer {
    display: none;}

.limited-offer {
    color: #49484a;
    font-style: italic;
    text-align: center;
    font-size: 13px;
    margin-bottom: 5px;}

.limited-offer .line-through-text {
    text-decoration: line-through;
    text-decoration-color: red;}

.vr-box-wrapper.full button {
    width: 100%;
    font-size: 13px;
    padding: 7px 0;
    text-transform: uppercase;}

.vr-box-wrapper.small button {
    position: relative;
    top: -12px;}

.vr-box-wrapper.full .image {
    width: 105px;
    height: 87px;
    border: none;
    float: right;
    position: relative;
    top: -30px;}

.vr-box-wrapper.full .vr-box-wrapper-close {
    float: right;
    width: 15px;
    height: 15px;
    margin-right: -10px;
    margin-top: -5px;
    cursor: pointer;}



.vr-modal .welcome-step .welcome-details {
    display: block;
    height: auto;
    width: 75%;}

.vr-modal .welcome-step .welcome-details.vr-boxes {
    width: 33%;
    float: left;
    margin-top: 20px;
    padding: 75px 20px;
    text-align: center;}

.vr-modal .welcome-step .welcome-details.heading {
    position: absolute;
    bottom: 15px;
    width: 48%;}

.vr-modal .welcome-step .welcome-details.heading p {
    margin-bottom: 0;}

.vr-modal .welcome-step .welcome-details .welcome-details-info,
.vr-modal .upload-details .welcome-details .welcome-details-info {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
    font-family: OpenSans;
    color: #49484a;}

.vr-modal .welcome-step .welcome-details .welcome-details-info span {
    font-size: 24px;
    margin-right: 5px;
    font-family: 'PlayfairDisplay-Regular';}

.vr-modal .welcome-step .welcome-details.vr-boxes .welcome-details-info span {
    display: block;}

.vr-modal .form-upload .welcome-step button.orange-gradient {
    width: 45%;
    bottom: 75px;
    height: 53px;
    font-size: 16px;
    left: 20px;}

.vr-modal .form-upload .welcome-step .orange-text.text-center,
.vr-modal .form-upload .upload-details .orange-text.text-center,
.vr-modal .form-upload .chose-payment .orange-text.text-center {
    font-family: 'PlayfairDisplay-Regular';
    line-height: 1.3;
    font-size: 30px;
    margin-bottom: 30px;}

.vr-modal .form-upload .upload-details button.orange-gradient,
.vr-modal .form-upload .chose-payment button.orange-gradient {
    height: 53px;}

.vr-modal .form-upload .welcome-step h1.orange-text,
.vr-modal .form-upload .upload-details h1.orange-text {
    margin-bottom: 25px;}

.vr-modal .form-upload .upload-details,
.vr-modal .form-upload .chose-payment {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 40px;}

.vr-modal .form-upload .upload-details button.orange-gradient,
.vr-modal .form-upload .chose-payment button.orange-gradient {
    left: 40px;
    width: calc(100% - 80px);}

.vr-modal .form-upload .upload-details .form-group.contact-input-email {
    width: 100%;}

.vr-modal.modal-upload-file .form-upload .upload-details .form-group label.user-input input {
    border: 1px solid #b0c1c0;
    height: 35px;}

.vr-modal .form-upload .upload-details .form-group label.city-input {
    width: 40%;}

.vr-modal .form-upload .upload-details .form-group .state-input {
    width: 15%;
    margin-right: 2%;
    position: relative;}

.vr-modal .form-upload .upload-details .form-group label.zip-input {
    width: 14.5%;
    margin-right: 0;}

.vr-modal .form-upload .upload-details .venue-details .form-group {
    margin-bottom: 10px;}

.vr-modal .form-upload .upload-details .venue-details .vendor-data .form-group.block-inputs {
    height: 88px;
    margin-bottom: 0;
    margin-top: 10px;
    float: left;
    width: 100%;}

.vr-modal .form-upload .upload-details .venue-details .form-group input {
    height: 35px;}

.vr-modal .success-message {
    padding: 40px 76px;}

.vr-modal .combo-input-over-selection .dropdown.dropdown-combo-input-over-selection input {
    background-position: 95% !important;}

.vr-modal .success-message .orange-text {
    margin: 20px 0 30px 0;
    font-size: 50px;
    font-family: PlayfairDisplay-Regular;}

.vr-modal .success-message .dark-text {
    font-size: 16px;
    line-height: 1.7;
    color: #49484a;
    text-align: center;}

.vr-modal .chose-payment .title.text-orange {
    font-size: 24px;
    font-family: 'PlayfairDisplay-Regular';
    background-color: white;
    width: 50%;
    margin: 0 auto;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;}

.vr-modal .payment-wrapper-background .details label.pull-left.card-name {
    width: 100%;
    margin-bottom: 20px;}

.vr-modal .payment-wrapper-background .details label.pull-left.card-number {
    width: 55% !important;
    margin-right: 2%;}

.vr-modal .payment-wrapper-background .details {
    width: 100%;}

.vr-modal .payment-wrapper-background .details label.pull-left.card-expiration {
    width: 20.5%;
    margin-right: 2%;}

.vr-modal .payment-wrapper-background .details label.pull-left.card-security {
    width: 19.5%;}

.vr-modal.modal-upload-file .upload-details .termsOfServ-payment {
    display: block;
    position: initial;
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 3px;}

.vr-modal.modal-upload-file .termsOfServ-payment .chb-square {
    position: relative;
    top: 2px;}

.vr-modal.modal-upload-file .upload-details .termsOfServ-payment .chb-text,
.vr-modal .chose-payment .chb-text {
    font-family: OpenSans;
    font-size: 14px;
    color: #49484a;}

.vr-modal.modal-upload-file .upload-details .termsOfServ-payment .chb-text {
    display: block;
    padding-left: 21px;}

.vr-modal .form-upload .upload-details .venue-details .form-group.contact-input-address {
    width: 58%;
    float: left;}

.vr-modal .upload-details .headset-address {
    float: left;}

.vr-modal .upload-details .headset-address .block-inputs {
    margin-top: -15px;}

.vr-modal .form-upload .upload-details .venue-details .form-group.contact-input-name {
    margin-right: 2%;
    float: left;
    width: 40%;}

.vr-modal .form-upload .upload-details .venue-details .vendor-data .form-group {
    margin-top: 10px;
    margin-bottom: 0;}

.vr-modal .form-upload .upload-details .venue-details .form-group .city-input {
    width: 40%;}

.vr-modal .form-upload .upload-details .form-group .country-input {
    width: 24.5%;
    margin-right: 2%;
    position: relative;}

.vr-modal .form-upload .upload-details .venue-details .form-group .country-input input,
.vr-modal .form-upload .upload-details .venue-details .form-group .state-input input {
    position: absolute;
    left: 0;
    top: 19px;}

.modal-upload-file .chose-payment .termsOfServ-check {
    position: absolute;
    bottom: 75px;}

.vr-modal .welcome-step .welcome-details.heading .welcome-details-info {
    font-size: 11px;
    height: 32px;}

.vr-modal .welcome-step .welcome-details.heading .welcome-details-info p {
    line-height: 1.2;
    margin-top: 7px;}

.vr-modal .welcome-step .welcome-details.heading .welcome-details-info span {
    font-size: 12px;
    color: #49484a;
    line-height: 1.2;}

.vr-modal .welcome-step .welcome-details.heading .welcome-details-info .info-details-text {
    width: 95%;
    position: relative;
    left: 12px;
    top: -17px;
    display: inline-block;}

.modal-upload-file.vr-modal .payment-wrapper-background .details > label > p,
.modal-upload-file.vr-modal .upload-details .form-group label > p {
    text-align: left;
    font-weight: 100;
    color: #000000;
    margin-bottom: 5px;
    font-size: 14px;}

.vr-modal .address-section {
    float: left;}

.vr-modal .disabled-section .address-section-overlay {
    height: 138px;
    z-index: 20;
    position: relative;}

.vr-modal .disabled-section input {
    background: rgba(0, 0, 0, 0.1) !important;}

.vr-modal .form-upload .block-inputs > div {
    padding-top: 0;
    margin-top: 1px;}

.vr-modal .form-upload .block-inputs > div,
.vr-modal .form-upload .block-inputs > label {
    float: left !important;}

.vr-modal.modal-upload-file .error-payment {
    position: absolute;
    top: 150px;
    text-align: center;
    margin-left: -40px;
    width: 100%;}

.table-desginer-modal .welcome-step {
    background: transparent;}

.table-desginer-modal .welcome-step h2.orange-text,
.table-desginer-modal h1.orange-text {
    font-size: 20px;
    font-family: OpenSans-SemiBold;}

.table-desginer-modal .welcome-step p.dark-text {
    font-size: 14px;
    color: #313237;
    font-family: OpenSans-SemiBold;}

.table-desginer-modal .welcome-step p.orange-text {
    font-size: 17px;
    font-family: OpenSans-SemiBold;}

.table-desginer-modal .welcome-step p.orange-text.prelaunch {
    font-family: OpenSans;}

.table-desginer-modal .welcome-step .welcome-step-middle-area,
.table-desginer-modal .welcome-step .welcome-step-middle-area-text {
    width: calc(100% + 60px);
    margin-left: -30px;}

.table-desginer-modal .welcome-step .welcome-step-middle-area {
    margin-top: 20px;}

.table-desginer-modal .welcome-step .welcome-step-middle-area > div,
.table-desginer-modal .welcome-step .welcome-step-middle-area-text > div {
    display: inline-block;
    width: 33%;}

.table-desginer-modal .welcome-step .welcome-step-middle-area-text > div {
    padding: 10px 40px;
    vertical-align: top;
    text-align: center;}

.table-desginer-modal .welcome-step .welcome-step-middle-area-text > div p {
    font-size: 9px;
    font-family: OpenSans-SemiBold;
    font-style: italic;
    color: #313237;}

.table-desginer-modal .welcome-step-middle-area .welcome-step-slide {
    height: 151px;
    background-size: cover;}

.table-desginer-modal .welcome-step-middle-area .welcome-step-slide1 {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/newTB_img1.png") no-repeat;
    background-size: contain;}

.table-desginer-modal .welcome-step-middle-area .welcome-step-slide2 {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/newTB_img2.png") no-repeat;
    background-size: 100% 141px;
    background-position-y: 4.5px;}

.table-desginer-modal .welcome-step-middle-area .welcome-step-slide3 {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/newTB_img3.png") no-repeat;
    background-size: contain;}

.table-desginer-modal .welcome-step button.btn.orange-gradient {
    width: 40%;
    float: left;
    position: static;}

.table-desginer-modal .welcome-step button.btn.orange-gradient {
    margin: 10px 2% 0 8%;}

.table-desginer-modal .welcome-step button.btn.gray-gradient {
    margin: 50px 8% 0 2%;}

.table-desginer-modal .welcome-step a.btn.gray-gradient {
    margin: 10px 8% 0 2%;
    width: 40%;
    float: left;
    position: static;
    border: none;
    outline: none;
    height: 42px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 17px;
    display: block;
    bottom: 20px;
    padding: 9px 20px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    -webkit-appearance: none;}

.steps .welcome-step-ct {
    position: relative;}

.steps .welcome-step-ct .state-name {
    width: 100px;
    position: absolute;
    top: 33px;
    left: 50%;
    margin-left: -50px;
}


.table-desginer-modal .packages-container .subtitle {
    font-family: OpenSans-SemiBold;
    font-size: 12px;
    text-align: center;
    margin: -5px 0 0 0;}

.table-desginer-modal .packages-container .package-wrapper {
    width: 33.33333%;
    float: left;
    vertical-align: top;
    border-radius: 6px;
    overflow: hidden;}

.table-desginer-modal .packages-container .packages {
    padding: 10px 0;
    position: relative;}

.table-desginer-modal .packages-container .packages.host-packages {
    height: 360px;}

.table-desginer-modal .packages-container .package-wrapper .package-heading {
    background-color: #abbbb9;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    text-transform: uppercase;
    padding: 10px 0;}



.table-desginer-modal .packages-container .package-wrapper-left,
.table-desginer-modal .packages-container .package-wrapper-right {
    box-shadow: 0 2px 10px 0 #abbbb9;
    margin-top: 25px;
    cursor: pointer;}

.venues-packages-bigger-width {
    width: 900px !important;}

.table-desginer-modal .packages-container .host-packages .package-wrapper.package-wrapper-big .package-info {
    padding-bottom: 0;
    box-shadow: none;
    border: none;}

.table-desginer-modal .packages-container .host-packages .package-wrapper.package-wrapper-big {
    margin-top: 25px;
    border-radius: 12px;
    box-shadow: none;
    border: 1px solid #abbbb9;
    width: 50%;
    left: 25%;}

.host-packages-width {
    width: 600px;
    min-height: 450px;
    height: 450px;}

.table-desginer-modal .packages-container .package-wrapper.package-wrapper-big .package-info {
    padding-bottom: 65px;}

.table-desginer-modal .packages-container .package-wrapper.package-wrapper-big-left .package-info {
    padding-bottom: 85px;}

.table-desginer-modal .packages-container .package-wrapper.package-wrapper-medium-right .package-info {
    padding-bottom: 0;}

.table-desginer-modal .packages-container div[id^=hostPackages_div]:not(.displayNone) .host-packages-button-left {
    border-radius: 0;
    width: 40%;
    height: 42px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 17px;
    position: absolute;
    bottom: 25px;
    left: 30px;}

.table-desginer-modal .packages-container div[id^=hostPackages_div]:not(.displayNone) .host-packages-button-right {
    border-radius: 0;
    width: 40%;
    height: 42px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 17px;
    position: absolute;
    bottom: 25px;
    right: 30px;
    left: auto;}

.table-desginer-modal .packages-container div[id^=hostPackages_div]:not(.displayNone) + button[id*=ok_btn] {
    display: none;}

.table-desginer-modal .packages-container .package-wrapper.package-wrapper-big {
    box-shadow: 0 2px 10px 0 #abbbb9;
    cursor: pointer;
    position: absolute;
    width: 35%;
    left: calc(50% - 17.5%);
    z-index: 11;
    background: #fff;}

.table-desginer-modal .packages-container .package-wrapper.package-wrapper-big-left {
    box-shadow: 0 2px 10px 0 #abbbb9;
    cursor: pointer;
    position: absolute;
    width: 25%;
    left: calc(25% + 3px);
    z-index: 12;
    background: #fff;}

.table-desginer-modal .packages-container .package-wrapper.package-wrapper-medium-right {
    margin-top: 12px;
    box-shadow: 0 2px 10px 0 #abbbb9;
    cursor: pointer;
    position: absolute;
    width: 25%;
    left: 50%;
    z-index: 11;
    background: #fff;}

.table-desginer-modal .packages-container .package-wrapper.package-wrapper-right {
    float: right;}

.table-desginer-modal .packages-container .package-wrapper.venue-package-wrapper .package-info {
    height: 290px;}

.table-desginer-modal .packages-container .package-wrapper .package-info {
    padding: 15px 17px;
    text-align: center;
    border: 1px solid #abbbb9;
    box-shadow: 0 5px 5px #888;
    border-top: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;}

.table-desginer-modal .packages-container .package-wrapper .package-info .package-info-text {
    font-family: OpenSans-SemiBold;}

.table-desginer-modal .packages-container .package-wrapper .price {
    font-size: 20px;
    font-family: OpenSans-SemiBold;
    margin-bottom: 0;}

.table-desginer-modal .packages-container .package-wrapper .price-tag {
    font-size: 12px;
    font-family: OpenSans;}

.table-desginer-modal .packages-container .package-wrapper .orange-gradient {
    position: static;
    padding: 6px 18px;
    font-size: 13px;
    width: auto;
    height: auto;
    margin-bottom: 10px;}

.table-desginer-modal .packages-container .package-wrapper .package-features {
    color: #000;
    font-size: 12px;
    font-family: OpenSans-SemiBold;}

.table-desginer-modal .packages-container .package-wrapper .host-discount {
    font-size: 12px;
    margin-bottom: 5px;}

.designerTopMenu > li {
    float: right;}

.designerTopMenu .reports-btn {
    float: left;}

.designerTopMenu .icon_control {
    background-size: 19px !important;}

.icon_control_name {
    float: left !important;
    position: absolute !important;
    top: 30px !important;
    background: transparent !important;
    width: auto !important;
    padding-left: 10px !important;
    text-indent: unset !important;
    cursor: default !important;}

.designerTopMenu .icon_x {
    background-size: 13px !important;}

.top-nav-tab-content.reportsWrapper .combo-edit-delete span[id^="noteContent"] {
    color: #c1c2c3;
    font-size: 12px;
    display: inline-block;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: OpenSans;
    font-weight: lighter;
    font-style: italic;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir .icon_edit {
    float: right;
    margin-top: -15px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_file.png") no-repeat;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper {
    position: relative;
    padding-top: 40px !important;
    overflow-x: hidden;
}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir .okButton,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .okButton {
    float: right;
    font-size: 11px;
    position: relative;
    top: -23px;
    font-family: OpenSans-SemiBold;
    cursor: pointer;
    z-index: 10;
    margin-right: 5px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .okButton {
    margin-right: 15px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir .closeButton {
    float: right;
    font-size: 12px;
    position: relative;
    cursor: pointer;
    top: -65px;
    right: 8px;
    z-index: 10;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir .deleteButton,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .deleteButton {
    float: right;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    top: 1px;
    right: 4px;
    margin: 0;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .deleteButton {
    font-size: 14px;
    font-weight: bold;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] span[id^="noteContent"] {
    width: calc(90% - 10px);
    font-size: 12px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir > div > div {
    margin-top: 5px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .icon_file {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_file.png") no-repeat;
    float: right;
    margin-right: 5px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .icon_file_hover {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_file_hover.png") no-repeat;
    float: right;
    margin-right: 5px;
    width: 15px;
    height: 17px;
    top: 0;
    right: -3px;
    position: relative;
    cursor: pointer;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tb-layout-list .ir textarea,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tb-layout-list .ir div.dark-text {
    resize: none;
    font-size: 12px;
    padding: 5px 40px 5px 5px;
    font-family: OpenSans;
    font-weight: lighter;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tb-layout-list .ir textarea::-webkit-scrollbar {
    width: 3px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir .noteContent,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .noteContent {
    display: inline-block;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #7a7979;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .noteContent {
    margin-left: 10px;
    width: calc(100% - 20px);}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir > div > label .settingNameWrapper {
    display: inline-block;
    width: 87%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tableDesignerNotesContainer {
    display: inline-block;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .tableDesignerNotesContainer > img {
    width: 30px;
    height: 30px;
    margin-right: 5px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .icon_file_hover,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .icon_file {
    padding: 0;
    border: none;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .linen-title-container {
    margin-left: 5px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir:hover > div > label .icon_file_hover,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir > div > label .icon_file,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .ir:hover > div > label .icon_file_hover,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .ir > div > label .icon_file {
    display: block;
    cursor: pointer;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir > div > label .icon_file_hover,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir:hover > div > label .icon_file,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .ir > div > label .icon_file_hover,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .ir:hover > div > label .icon_file {
    display: none;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content .tooltip.top .tooltip-inner, .top-nav-tab-content .tooltip-inner {
    max-width: 400px;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir > div > label .icon_file.disabled,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .ir > div > label .icon_file.disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
    display: block;}

.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper .ir .ir > div > label .icon_file.disabled + .icon_file_hover,
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content.reportsWrapper div[id*=tbLinens_list_div] .ir > div > label .icon_file.disabled + .icon_file_hover {
    display: none;}

.tbTlatBlockLayer {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;}

.autoLayerBlock {
    background: transparent;
    width:100vw;
    height: 100vh;
    z-index:12;}

.footer-tb {
    width: 236px;
    position: fixed;
    bottom: 25px;
    z-index: 20;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/mosaic_logo.png") no-repeat center 10px #dee0de;
    height: 60px;
    background-size: 60%;}

.footer-tb .close-btn {
    right: 0;
    position: absolute;
    width: 15px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/close_btn.svg") no-repeat;
    height: 15px;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;}

.linens-wrapper .footer-tb + .as-list-items {
    padding-bottom: 60px;}

.linens-wrapper .footer-tb.displayNone + .as-list-items {
    padding-bottom: 0;}

.footer-tb .footer-info {
    position: relative;
    top: 65px;
    width: 100%;
    text-align: center;
    font-size: 10px;}

.footer-tb .footer-info b {
    font-size: 12px;}

/*GOOGLE AUTOCOMPLET*/
.pac-logo:after {
    display: none;}

.color-picker-3d .sp-replacer.sp-light {
    outline: none;
    border: none;
    background: none;}

.color-picker-3d .label-name {
    font-family: OpenSans-Bold;
    font-size: 11px;}

.auto-layout-shape {
    border: 5px solid #fff;}

.auto-layout-shape .modal-body {
    padding: 10px 0 10px 10px;}

.auto-layout-shape .tablesCount-label,
.auto-layout-shape .space-wrapper .label-title {
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    padding: 15px 8px 10px;
    display: block;
    border-top: 1px solid #e6e7e8;
    width: calc(100% - 10px);
    color: #59595b;
    height: 35px;
    margin-top: 75px;}

.auto-layout-shape .tablesCount-label {
    margin: 0 10px;
    width: calc(100% - 20px);}

.auto-layout-shape .space-wrapper .label-title {
    margin-top: 59px;
}

/*.auto-layout-shape .tablesCount-label {*/
/*font-family: OpenSans-Bold;*/
/*font-weight: normal;*/
/*font-size: 14px;*/
/*color: #red;*/
/*}*/

.auto-layout-shape .space-wrapper > div {
    padding: 13px  8px 0;}

.auto-layout-shape .space-wrapper > div span,
.auto-layout-shape .space-wrapper > div label {
    display: inline-block;}

.auto-layout-shape .space-wrapper > div label {
    position: relative;}

.auto-layout-shape .space-wrapper > div label i {
    position: absolute;
    top: -13px;
    left: 4px;}

.auto-layout-shape .space-wrapper > div input {
    width: 55px;
    height: 28px;
    text-indent: 10px;
    font-weight: normal;
    border: 1px solid #e3e3e4;}

.auto-layout-shape .space-wrapper > div input:hover {
    border: 1px solid #d4dad9;}

.auto-layout-shape .space-wrapper > div .subtitle {
    width: 74px;
    font-weight: normal;
    font-size: 13px;}

.auto-layout-shape .space-wrapper > div .subtitle.aisle-objects-label,
.auto-layout-shape .space-wrapper > div .subtitle.angle-label {
    width: 141px;
}

.auto-layout-shape .space-wrapper .indicator {
    position: relative;
    top: -5px;}

.crosshair-cursor.layout-box.h100percent:hover {
    cursor: crosshair;

}



.crosshair-cursor svg {
    cursor: crosshair !important;}

/*hide top menu buttons under autoLayerBlock when auto layout shape modal is opened*/
.layout-panel .right-controls ul.nav-tabs {
    z-index: 11;}

.billing-page .billing-plan-items.four-boxes {
    width: 900px;}

.billing-page .billing-plan-items.four-boxes .billing-plan-item {
    width: 23.875%;}

.billing-page .billing-plan-items.four-boxes .billing-plan-item:not(:last-of-type) {
    margin-right: 1.5%;}

.billing-page .billing-plan-description.caterers {
    width: 650px;}

.billing-page .billing-plan-description .billing-plan-description-text-item.mb13 {
    margin-bottom: 13px;}

.billing-page .billing-plan-description .billing-plan-description-text-item.mb5 {
    margin-bottom: 5px;}

.billing-page .billing-plan-description .billing-plan-description-text-item.mb35 {
    margin-bottom: 35px;}

.billing-page .billing-plan-description-planner .billing-plan-description-text.right,
.billing-page .billing-plan-description.caterers .billing-plan-description-text.right {
    padding-left: 20px;
    padding-right: 0;}

.billing-page .billing-plan-description-planner .billing-plan-description-text-item {
    padding-right: 0;}

.billing-page .billing-plan-description-planner .billing-plan-description-text-item {
    margin-bottom: 20px;}

.billing-page .billing-invoice .invoice-table .ir.selected {
    background: #fff !important;}

.billing-page .billing-invoice .invoice-table .ir:nth-child(2n) {
    background: #efefef !important;}

.billing-page .billing-invoice .invoice-table .ir:active {
    color: #58595b;}



img.spinner,
div.spinner,
.btnDarkBackground div.spinner,
.preloader .sk-circle .spinner {
    transform-origin: 50% 50%;
    -webkit-animation: rotation .7s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}


.ruller-actions-modal {
    min-width: 107px;
    height: 37px;
    background: #ACBCBB;
    width: calc((100% - 435px)/12);
}

.ruller-actions-modal .modal-body {
    padding: 0;
    height: 40px;
}

.ruller-actions-modal .ruller-actions-modal__item {
    width: 33.3333%;
    height: 35px;
    float: left;
}

.ruller-actions-modal .ruller-actions-modal__item:hover {
    background-color: #bac7c7;
    cursor: pointer;
}

.ruller-actions-modal .modal-body > div {
    height: 30px;
}

.hide-ruler {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/ruler_hide.svg") center center no-repeat;
    background-size: 20px 20px;
}

.hide-ruler:hover {
    background: #bac7c7 url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/ruler_hide.svg") center center no-repeat;
    background-size: 20px 20px;}


.show-ruler {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/ruler_show.svg") center center no-repeat;
    background-size: 20px 20px !important;}

.show-ruler:hover {
    background: #bac7c7 url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/ruler_show.svg") center center no-repeat;
    background-size: 20px 20px;}


.add-ruller {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/ruler_add.svg") center center no-repeat;
    background-size: 20px 20px;}

.clear-ruller {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/ruler_clear.svg") center center no-repeat;
    background-size: 20px 20px;}

/*black spinner on white background fix*/
.occasion-dashboard .spinner {background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/load_black.svg") no-repeat center / 100%;}


.main-dashboard .update-notice.uploadFloorplanMessage,
.main-dashboard .update-notice.takeInteractiveTour {
    padding: 10px 40px;
    min-height: 140px;}

.main-dashboard .update-notice .image-trumpet {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/penguin_buffet.svg") no-repeat;
    position: absolute;
    left: 29px;
    width: 91px;
    top: 20px;
    height: 100px;
    transform: scaleX(-1);
}

.main-dashboard .update-notice .uploadFloorplanMessage__image {
    /*to do */
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/icon_welcome_floorplan.svg") center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 24px;
    width: 91px;
    top: 20px;
    height: 100px;}

.uploadFloorplanMessage-text,
.takeInteractiveTour-text {
    margin-left: 100px;}

.uploadFloorplanMessage__title,
.takeInteractiveTour-text__title {
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0;}

.uploadFloorplanMessage__subtitle,
.takeInteractiveTour-text__subtitle {
    font-size: 14px;
    font-weight: bold;}

.main-dashboard .update-notice .uploadFloorplanMessage .uploadFloorplanMessage-buttons,
.main-dashboard .update-notice .takeInteractiveTour .takeInteractiveTour-buttons {
    position: absolute;
    right: 40px;
    width: 237px;
    height: 40px;
    top: calc(50% - 20px);}

.uploadFloorplanMessage .uploadFloorplanMessage-buttons .uploadFloorplanMessage-yes,
.uploadFloorplanMessage .uploadFloorplanMessage-buttons .uploadFloorplanMessage-no {
    max-width: 137px;}

.main-dashboard .update-notice .uploadFloorplanMessage .uploadFloorplanMessage-buttons {
    width: auto;}

.main-dashboard .update-notice .uploadFloorplanMessage.uploadAnother .uploadFloorplanMessage-buttons {
    width: 267px;}

.uploadFloorplanMessage button,
.takeInteractiveTour-buttons button {
    background: white;
    border: 1px solid #E6E7E8;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    padding: 12px;}


@media screen and (max-width: 1130px) {
    .event-page main .content .event-details > div > div.user-info span.vendor-name {
        font-size: 13px;
    }
}



.chairs-orientation-ct {
    display: inline-block;
    width: 96px;
    float: left;
    position: relative;
    /*margin-left: 6px;*/
}

.chairs-orientation-ct span.label-name {
    margin-left: 0 !important;
    width: auto !important;
}

.chairs-orientation-ct .chairs-face-btn {
    width: 33px;
    height: 25px;
    border: none;
    background: #ACBCBB url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/btn_chair_rotation_white.svg") center center no-repeat;
    background-size: contain;
}

.chairs-orientation-ct .chairs-face-btn:hover {
    background: #9eb1af url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/btn_chair_rotation_white.svg") center center no-repeat;
    background-size: contain;
}

.chairs-orientation-ct .chairs-face-ct {
    width: 120px;
    height: 120px;
    background: #fff;
    position: absolute;
    z-index: 100;
    border: 1px solid #b0c1c0;
    left: -40px;
    top: -48px;
}

.chairs-orientation-ct .chairs-face-ct div {
    width: 26px;
    height: 25px;
    display: inline-block;
    position: absolute;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/arrow_chair_rotation.svg") bottom center no-repeat;
    background-size: contain;
    left: 47px;
    top: 1px;
    transform-origin: 50% 232%;
    cursor: pointer;
}

.chairs-orientation-ct .chairs-face-ct div:hover {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/arrow_chair_rotation-hover.svg") bottom center no-repeat;
    background-size: contain;
}

.chairs-orientation-ct .chairs-face-ct .active {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/arrow_chair_rotation-active.svg") bottom center no-repeat;
    background-size: contain;
}

.chairs-orientation-ct .chairs-face-ct .active:hover {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/arrow_chair_rotation-active-hover.svg") bottom center no-repeat;
    background-size: contain;
}

.chairs-orientation-ct .chairs-face-ct .chairs-reset {
    width: 40px;
    height: 40px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/btn_reset_chair_rotation.svg") center center no-repeat;
    background-size: contain;
    top: 40px;
    left: 40px;
}

.chairs-orientation-ct .chairs-face-ct .chairs-reset:hover {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/btn_reset_chair_rotation-hover.svg") center center no-repeat;
    background-size: contain;
}

.chairs-orientation-ct .chairs-face-ct .chairs-up-right {transform: rotate(45deg);}
.chairs-orientation-ct .chairs-face-ct .chairs-right {transform: rotate(90deg);}
.chairs-orientation-ct .chairs-face-ct .chairs-right-down {transform: rotate(135deg);}
.chairs-orientation-ct .chairs-face-ct .chairs-down {transform: rotate(180deg);}
.chairs-orientation-ct .chairs-face-ct .chairs-down-left {transform: rotate(225deg);}
.chairs-orientation-ct .chairs-face-ct .chairs-left {transform: rotate(270deg);}
.chairs-orientation-ct .chairs-face-ct .chairs-left-up {transform: rotate(315deg);}


.lock-table {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    margin-right: 6px;}

.lock-table .lock-table-btn {
    width: 19px;
    height: 19px;
    background: red;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/lock_open.svg") center center no-repeat;
    background-size: contain;
    display: inline-block;
    cursor: pointer;}

.lock-table .lock-table-btn.checked {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/lock_closed.svg") center center no-repeat;
    background-size: contain;}


.chairsPosition_cb {
    float: left;
    height: 25px;}

.floorplan-modal .modal-body .object-tab div.chairs-wrapper .chairs-capacity-number {
    float: left;
}

.afr-take-tour-modal {
    width: 600px;
    height: 450px;
    background: #fff;
    text-align: center;
    color: #000;
}

.afr-take-tour-modal .modal-header {
    padding-bottom: 0;
}

.afr-take-tour-modal .logo-top {
    display: inline-block;
    width: 270px;
    height: 90px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/afr/AFR_poweredByAllSeated_Black.svg") center center no-repeat;
    background-size: contain;
    margin: 45px auto 40px;
}

.afr-take-tour-modal .title {
    font-size: 28px;
    margin-bottom: 10px;
}

.afr-take-tour-modal .subtitle {
    font-size: 16px;
    margin-bottom: 40px;
}

.afr-take-tour-modal .btn-ct {
    display: block;
    margin: 0 auto;
    overflow: auto;
    width: 320px;
}

.afr-take-tour-modal button {
    font-size: 16px;
    border: none;
    height: 42px;
    padding: 0 12px;
    line-height: 42px;
}
.afr-take-tour-modal button.take-tour-btn {
    float: left;}


.afr-take-tour-modal button.close-forever {
    margin-top: 18px;
    background: #fff;
}

.afr-take-tour-modal button.close-forever:hover {
    color: #6772CF;
}

.afr-take-tour-modal button.not-now {
    border: 1px solid rgba(49, 50, 55, 0.16);
    line-height: 40px;
    float: right;
    background: #fff;
}

.afr-take-tour-modal button.not-now:hover {
    border: 1px solid #6772CF;
    color: #6772CF;
}

.afr-take-tour-modal .modal-body {
    padding: 0;}


.white-tooltip + .tooltip  .tooltip-arrow {border-color: transparent rgba(0, 0, 0, 0.2) transparent transparent;}
.white-tooltip + .tooltip  .tooltip-inner {background-color: #fff; color: black; border: 1px solid rgba(0, 0, 0, 0.2);}


.fp-icons {
    position: relative;
}

.chairs-reset-tooltip,
.users-permissions-tooltip,
.file-upload-button-tooltip,
.add-to-fav-object-tooltip,
.auto-layout-button-tooltip,
.object-edit-btn-tooltip,
.delete-btn-tooltip,
.fp-icons-tooltip {
    display: inline-block;
    width: 88px !important;
    height: 23px !important;
    padding: 0 11px;
    line-height: 23px;
    background-color: #313236;
    color: #fff;
    position: absolute;
    left: 30px;
    top: 33px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    font-family: lato, sans-serif;
    font-weight: normal;
    border-radius: 2px;
}

.fp-icons-tooltip {
    min-width: 88px !important;
    width: auto !important;
}

.delete-btn-tooltip {
    width: 95px !important;}

.fp-icons-tooltip {
    top: -30px;
    left: 50%;
    text-indent: 0;
    transform: translate(-50%, 0);
    margin-left: 3px;
    white-space: nowrap;
}

.chairs-reset-tooltip {
    background: #fff !important;
    z-index: 1;
    left: 32px !important;
    top: 10px !important;
    width: 56px !important;
}


.file-upload-button-tooltip {
    width: 207px !important;
    position: absolute;
    top: 1px;
    left: 235px;}

.users-permissions-tooltip {
    width: 425px !important;
    top: 24px;
    left: 28px;

}

.fp-icons-tooltip:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-right-color: #313236;
    transform: rotate(-90deg);
    bottom: -7px;
    left: 50%;
    margin-left: -5px;
}


.icon_Settings.fp-icons .fp-icons-tooltip {
    left: 43px;
}

.icon_Settings.fp-icons .fp-icons-tooltip:before {
    left: 9px;
    margin-left: 0;
}



.floorplans-list .ir .item .icons .fp-icons {
    display: inline-block;}

.add-to-fav-object-tooltip {
    top: 6px;
    width: 60px !important;}

.object-availability {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ACBBBB;
    margin-left: 9px;
    float: left;
    margin-top: 8px;}

.object-availability.available {
    border-color: #7FA062;
    background-color: #7FA062;}

.auto-layout-button-tooltip {
    left: -90px;}

.chairs-reset-tooltip:before,
.users-permissions-tooltip:before,
.file-upload-button-tooltip:before,
.add-to-fav-object-tooltip:before,
.auto-layout-button-tooltip:before,
.object-edit-btn-tooltip:before,
.delete-btn-tooltip:before  {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 5px;
    left: -6px;
    border-width: 5px 5px 5px 0;
    border-right-color: rgba(0,0,0,.2);
}

.auto-layout-button-tooltip:before {
    transform: rotate(180deg);
    left: 86px;
}

.chairs-reset-tooltip:before {
    transform: rotate(-90deg);
    top: 19px;
    left: 50%;
    margin-left: -2px;
}


div.chairs-reset:hover + .chairs-reset-tooltip,
.users-permissions-ct .users-permissions-span:hover + .users-permissions-tooltip,
.file-upload-button > span:hover + .file-upload-button-tooltip,
.add-to-fav-object:hover + .add-to-fav-object-tooltip,
.auto-layout-button:hover + .auto-layout-button-tooltip,
.object-edit-btn:hover + .object-edit-btn-tooltip,
.icon_delete_base:hover + .delete-btn-tooltip,
.fp-icons:hover  .fp-icons-tooltip {
    transition-delay: .7s;
    opacity: 1;
    visibility: visible;
}

.users-permissions-ct {
    display: inline-block;
    margin-left: 8px;
}

.designerTopMenu {
    z-index: 13 !important;}


[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}
/*css after removing discounts - to be deleted if discounts are placed back in*/
.billing-page .billing-plans .billing-plans-heading {
    margin-bottom: 0;
}

.billing-page .billing-plan-item .billing-plan-price p > .billing-plan-occasion {
    padding-top: 13px;
}
/* end of - css after removing discounts -*/

/*bug fix*/
.quote-price-modal img.spinner.visibleNone {
    display: none;
}



/* testing new preloader*/
.main-target-preloader .sk-circle {
    width: 120px;
    height: 120px;
    margin: 19% auto 10px;}

.main-target-preloader .sk-circle .spinner {
    animation: none;
    width: 100%;
    height: 100%;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/allseated_loader-240px-2c.gif") no-repeat center / 100%;
    transform-origin: unset;
    -webkit-animation: unset;}

.guests-panel .preloader .spinner {
    width: 120px;
    height: 120px;
    animation: none;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/allseated_loader-240px-2c.gif") no-repeat center / 100%;
    margin-top: -60px;
    margin-left: -60px;}


/*splash screen*/

/*.main-preloader {*/
/*position: relative;*/
/*height: 100vh;*/
/*width: 100%;*/
/*text-align: center;*/
/*background-color: #f8f8f8;*/
/*z-index: 20;*/
/*visibility: visible;*/
/*opacity: 1;*/
/*transition: opacity 2s linear;*/
/*}*/

/*.main-preloader.displayNone {*/
/*display: block !important;*/
/*visibility: hidden;*/
/*opacity: 0;*/
/*transition: visibility 1s 1s, opacity .5s 1s ease-out;*/
/*margin-top: -100vh;*/
/*animation: getOut 1.1s 0s 1;*/
/*}*/

/*.main-preloader-img-ct {*/
/*position: absolute;*/
/*left: 50%;*/
/*top: 50%;*/
/*margin-left: -200px;*/
/*margin-top: -160px;*/
/*height: 120px;*/
/*width: 400px;*/
/*animation: zoomIn 2s 0s 1;*/
/*}*/

/*.main-preloader-img-ct .left {*/
/*display: inline-block;*/
/*float: left;*/
/*width: 120px;*/
/*height: 120px;*/
/*background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/rotating-chair.gif") center center no-repeat;*/
/*background-size: contain;*/
/*}*/
/*.main-preloader-img-ct .right {*/
/*display: inline-block;*/
/*float: left;*/
/*width: 280px;*/
/*height: 120px;*/
/*background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/allseated-writing.svg") center center no-repeat;*/
/*background-size: contain;*/
/*margin-left: -16px;*/
/*}*/

/*.main-preloader .main-preloader-text {*/
/*color: #313237;*/
/*position: absolute;*/
/*font-size: 14px;*/
/*line-height: 1;*/
/*height: 14px;*/
/*width: 100px;*/
/*top: 100%;*/
/*margin-top: 20px;*/
/*left: 50%;*/
/*margin-left: -50px;*/
/*z-index: 9999;*/
/*font-family: OpenSans-Bold;*/
/*font-weight: normal;*/
/*animation: fadeInUp 2.5s 0s 1;*/
/*}*/

/*.main-preloader.displayNone .main-preloader-img-ct {*/
/*opacity: 0;*/
/*transition: opacity 1s;*/
/*}*/

/*@keyframes zoomIn {*/
/*0%   {opacity: 0; transform: scale3d(0.8, 0.8, 0.8);}*/
/*50%  {opacity: 0; transform: scale3d(0.8, 0.8, 0.8);}*/
/*100% {opacity: 1; transform: scale3d(1, 1, 1);}*/
/*}*/

/*@keyframes fadeInUp {*/
/*0% {opacity: 0;transform: translate3d(0, 100%, 0);}*/
/*60% {opacity: 0;transform: translate3d(0, 100%, 0);}*/
/*100% {opacity: 1;transform: translate3d(0, 0, 0);}*/
/*}*/
/*@keyframes getOut {0% {margin-top: 0;}99%{margin-top: 0;}100%{margin-top: -100vh;}}*/


.airWallsOrDrapes_body label.airWallsOrDrapes_airwallLabel,
.airWallsOrDrapes_body label.airWallsOrDrapes_pipeLabel {
    margin-bottom: 15px;}

.airWallsOrDrapes_body label.airWallsOrDrapes_airwallLabel span,
.airWallsOrDrapes_body label.airWallsOrDrapes_pipeLabel span {
    font-weight: 700;
    font-family: OpenSans-SemiBold;}

/*.airWallsOrDrapes_body .dimensions-text label span,*/
/*.airWallsOrDrapes_body .color-wrapper > span {*/
/*display: inline-block;*/
/*font-size: 11px !important;*/
/*font-family: OpenSans-SemiBold;*/
/*font-weight: normal;*/
/*width: 78px;*/
/*height: 100%;*/
/*float: left;*/
/*line-height: 25px;*/
/*}*/

/*.airWallsOrDrapes_body .dimensions-text label i {*/
/*display: none;*/
/*}*/

/*.airWallsOrDrapes_body .dimensions-text label input {*/
/*height: 25px;*/
/*width: 250px;*/
/*text-indent: 10px;*/
/*border: 1px solid #b0c1c0;*/
/*font-weight: 400;*/
/*}*/


.modal-shadow .modal-body .airWallsOrDrapes_body div.measurements {
    float: none;
    display: block;
    margin-bottom: 15px;}

.modal-shadow .modal-body .airWallsOrDrapes_body div.measurements input::placeholder {
    font-style: normal;}

.modal-shadow .modal-body .airWallsOrDrapes_body div.measurements span:first-child {
    display: inline-block;
    width: auto;
    font-size: 13px;
    line-height: 30px;}

.airWallsOrDrapes_body .color-wrapper span.label-name {
    display: inline-block;
    width: auto;
    font-size: 13px;}

.airWallsOrDrapes_pipeLabel {
    margin-left: 10px;}

.airWallsOrDrapes_body .measurements .spacing-by-div {
    height: 32px;
    float: right;
    /*background: red;*/
    width: 275px;
}

.airWallsOrDrapes_body .measurements .inputs-imperial-ct label.first {
    margin-right: 6;
}


.airWallsOrDrapes_body .measurements .spacing-by-div .input-metric-ct,
.airWallsOrDrapes_body .measurements .spacing-by-div .inputs-imperial-ct {
    width: auto;
    float: left !important;
    margin-left: 0;}

.airWallsOrDrapes_body .height-from-floor.measurements .spacing-by-div {
    width: 211px;
}

.airWallsOrDrapes_body .color-wrapper .sp-light {
    margin-left: 16px;
    width: 71px;}

.airWallsOrDrapes_body .color-wrapper .sp-light .sp-preview {
    width: 45px !important;}

.airWallsOrDrapes_body > span {
    line-height: 30px;
    display: inline-block;
    float: left;
    margin-top: 5px;
}

.airWallsOrDrapes_body .dropdown {
    width: 260px;
    height: 30px;
    margin: 5px 0 15px 24px;
    background: #fff;
}

.airWallsOrDrapes_body  .dropdown input {
    background-color: #fff;
}

.airWallsOrDrapes_body .dropdown .dropdown-toggle {
    width: 100%;
    height: 30px;
}


.object-tab .chairs-wrapper .chairs-validation {
    float: left;
    margin: 0;}

.floatNone { float: none !important; }

.checkbox-container {
    position: relative;
    cursor: pointer;
    padding-left: 20px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    font-size: 14px;
    top: 30px;
    left: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

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

.checkbox-checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #94A2A1;
    border-radius: 3px;
    background-color: #FFF;}

.checkbox-container:hover input ~ .checkbox-checkmark {
    background-color: #ccc;}

.checkbox-container input:checked ~ .checkbox-checkmark {
    background-color: #e95f35;
    border: none;}

.checkbox-checkmark:after {
    content: "?";
    color: #FFF;
    position: absolute;
    display: none;
    font-size: 10px;}

.checkbox-container input:checked ~ .checkbox-checkmark:after {
    display: block;}

.checkbox-container .checkbox-checkmark:after {
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;}

.templates-manage-modal .modal-body .templates-list .ir > div > span.widgetItem-publishTo_spn {
    display: inline-block;
    margin: 5px 5px 5px 0;
    color: #7b7b7d;
    font-family: OpenSans-Bold !important;
    position: relative;
    top: -6px;}

.widgetItem label.showOnWidget_chb,
.widgetItem label.showOnVr_chb {
    display: inline-block !important;
    margin-right: 5px !important;
    top: -6px !important;}

.widgetItem label.showOnWidget_chb span:nth-of-type(2),
.widgetItem label.showOnVr_chb span:nth-of-type(2) {
    position: relative;
    top: 1px;}

.ir:active .widgetItem .widget-template-name {
    color: #58595b;}

.as-admin main .events-list .event-item div.ev-date label span.ev-time,
.host-vendors-container .events-list .event-item > div.ev-date label span.ev-time,
.as-admin main .events-list .event-item div.ev-date label p span,
.host-vendors-container .events-list .event-item > div.ev-date label p span,
.as-admin main .events-list .event-item  > div.ev-title p.light-text span,
.host-vendors-container .events-list .event-item > div.ev-title p.light-text span,
.loginContainer .change-password-wrapper .reset-password {
    font-family: OpenSans;
    font-weight: 700;}

.host-vendors-container .events-list .event-item > div.ev-date label span.ev-day {
    line-height: 1.42857143;}

.grid-settings-modal .modal-body > div > label.horizontal { float: left;  }
.grid-settings-modal .modal-body > div > div.measurements { float: right; }

.host-vendors-container .change-password-wrapper label:nth-of-type(3) i {
    font-family: OpenSans;
    font-weight: 700;
    font-style: italic;}

.host-vendors-container .change-password-wrapper label:nth-of-type(3) span {
    margin-top: 26px;
    font-size: 20px;
    font-weight: 700;}


.host-vendors-container .change-password-wrapper .new-password label i.displayNone {
    display: block !important;
    font-family: OpenSans;
    font-weight: 700;
    font-style: italic;}

.host-vendors-container .change-password-wrapper .new-password label input.mb18 {
    margin-bottom: 0;}

.host-vendors-container .change-password-wrapper label input {
    font-family: OpenSans;}

.host-vendors-container .change-password-wrapper label input::-webkit-input-placeholder {
    font-family: OpenSans;
    font-style: italic;
    font-weight: 400;
    color: #59595b;
    font-size: 14px;}

.host-vendors-container .change-password-wrapper .new-password label .login-lock {
    z-index: 2;
    margin-top: 9px;
    font-size: 20px;
    font-weight: 700;}

.host-vendors-container .change-password-wrapper .loginButton span {
    font-family: OpenSans;
    font-weight: 700;}

.settings-modal .modal-body div.measurements label.tables,
.settings-modal .modal-body div.measurements label.tables-and-rest {
    padding-top: 7px;}

.templates-modal .modal-header {
    padding-top: 15px;
}

.connect-to-oculus{
    margin-top: 4px;
    margin-right: -42px;
}


.add-oculus-users{
    margin: 15px auto;
    display: block;
}

.save-oculus-users{
    width: 92%;
    position: absolute;
    bottom: 20px;
    left: 4%;
    height: 50px;
    border: none;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #e95f35;
    border-color: #e95f35;
    color: #fff;
}

.oculus-users .save-icon-wrapper,
.oculus-users .trash-icon-wrapper{
    float: right;
    margin-top: 10px;
}

.oculus-users .save-icon-wrapper .icon_save{
    display: none;
    background-position: center;
    width: 20px;
    padding: 0;
    margin: 0;
    margin-left: -5px;
    margin-top: -2px;
    height: 25px;
    opacity: 0.75;
    cursor: pointer;
}
.oculus-users-list{
    max-height: 300px;
    overflow-y: auto;
}

.oculus-users .trash-icon-wrapper .icon_trash{
    height: 20px;
    background-size: contain !important;
    width: 20px;
    cursor: pointer;
}

.oculus-users {
    height: 40px;
    border-bottom: 1px solid #e3e3e3;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
}
.oculus-users .account-user-wrapper{
    min-width: 250px;
    float: left;
    height: 40px;
    padding-top: 7px;
    margin-left: 5px;
}
.ir:not(.editing) .oculus-users .account-user-wrapper > input{
    border: none;
    user-select: none;
    pointer-events: none;
}
.ir:not(.editing) .oculus-users:hover .icon_edit_disabled{
    display: block !important;
    cursor: pointer;
    width: 15px;
    margin-right: 7px;
    height: 20px;
}

.oculus-users.editing .icon_save{
    display: block;
}

.ir.editing .oculus-users .icon_edit_disabled{
    display: none;
}
.ir.editing .oculus-users .icon_save{
    display: block;
}

.vdpg-edit-cover:hover { visibility: visible; }
.vdpg-body-item2:hover > .vdpg-edit-cover {
    visibility: visible;
}

.profile-address-autocomplete-ct {
    font-family: 'OpenSans';
    font-weight: normal;
    font-style: italic !important;
    margin: 20px -15px;}
/*margin: 15px -15px;}  revert to this when user profile complete*/



.profile-address-autocomplete-ct .information-address.dropdown {
    width: 66.66666667%;
    padding-right: 15px;
    padding-left: 15px;
    float: left;}

.profile-address-autocomplete-ct .user-input-get-started {
    width: 100%;}

.profile-address-autocomplete-ct .user-input-get-started input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;}

.profile-address-autocomplete-ct > span {
    display: inline-block;
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    width: 25%;
    float: left;}


.crop-modal{
    position: absolute;
    height: auto;
    min-height: 100px;
    z-index: 10;
    margin-left: 78px;
    background-color: white;
    width: 248px;
    margin-top: 2px;
    border: 1px solid grey;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
.crop-modal img{
    width:100%;
    height:100%;
}

.file-upload-inmodal .sp-replacer{
    margin-top: -3px;
}

.file-upload-inmodal .file-upload-button{
    min-width: 90px;
    height: 25px;
    font-size: 11px;
    color: #59595b;
    background-color: #eeeeee;
    border: 1px solid #91775d;
}


.file-upload-inmodal .file-upload-button > span{
    width: 10px;
    height: 10px;
    color: white;
    background-color: #acbbbb;
    border-radius: 10px;
    display: inline-block;
    font-size: 9px;
    margin-left: 5px;
}

.account-users-wrapper .account-title-section .users-permissions-span{
    width: 16px;
    height: 16px;
    background-color: #cacacc;
    color: white;
    text-align: center;
    border-radius: 50%;
    line-height: 16px;
    font-size: 9px;
    display: inline-block;
    top: 9px;
    left: 0;
}


.account-users-wrapper .account-title-section .users-permissions-span:hover,
.file-upload-inmodal .file-upload-button > span:hover {
    background-color: #e95f35;
}

.file-upload-inmodal  .udload-spiner-container{
    display: inline-block;
    height: 25px;
}

.file-upload-inmodal .upload-spiner {
    position: relative;
    height: 20px;
    width: 20px;
    right: 3px;
    top: 0;
    display: inline-block;
    float: left;
    transform-origin: 50% 50%;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/load_grey.svg") center center / 80% 80% no-repeat;
    animation: 0.7s linear 0s infinite normal none running rotation;
}
.group-tables .ok-button{
    background: #e95f35 url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/checkmark.png") center center no-repeat;
    background-size: 15px;
    height: 25px;
    border-radius: 0px;
    margin-top: -2px;
}

.group-tables .cancel-button{
    background: #ACBCBB url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/close-white-32.png") center center no-repeat;
    background-size: 20px;
    height: 25px;
    border-radius: 0px;
    margin-top: -2px;
}

.name-object-input{
    width: 160px;
    height: 25px;
    text-indent: 10px;
}


.group-tables .ok-button{
    background: #e95f35 url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/checkmark.png") center center no-repeat;
    background-size: 15px;
    height: 25px;
    border-radius: 0px;
    margin-top: -2px;
}

.group-tables .cancel-button{
    background: #ACBCBB url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/close-white-32.png") center center no-repeat;
    background-size: 20px;
    height: 25px;
    border-radius: 0px;
    margin-top: -2px;
}

.name-object-input{
    width: 160px;
    height: 25px;
    text-indent: 10px;
}

/*Crop in svg*/

.inside-crop-image {
    pointer-events: none;
}

.svg-with-image .sp-replacer:not(.image-replacer){
    display: none !important;
}

.svg-with-image .sp-replacer.image-replacer .sp-preview-inner{
    background-size: cover;
}

.crop-modal {
    width: 248px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    background-color: #eeeeee;
    padding: 12px;
    box-sizing: border-box;
    position: relative;
}
.crop-modal .crop-modal__title {
    line-height: 13px;
    font-family: "Lato", sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #59595b;
    margin-bottom: 12px;
}
.crop-modal .crop-modal__cropper--ct {
    height: auto;
    position: relative;
    user-select: none;
}
.crop-modal .crop-modal__cropper--ct::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(49, 50, 54, 0.5);
}
.crop-modal .crop-modal__cropper--ct img {
    width: 100%;
    vertical-align: top;
}
.crop-modal .crop-modal__buttons--edit,
.crop-modal .crop-modal__buttons--apply {
    height: 25px;
    margin-top: 8px;
}
.crop-modal .crop-modal__buttons--edit button,
.crop-modal .crop-modal__buttons--apply button {
    width: 108px;
    height: 25px;
    background-color: #acbbbb;
    border: none;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 25px;
    font-size: 11px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #fff;
    outline: none;
}
.crop-modal .crop-modal__buttons--apply button.bg-orange {
    background-color: #e66222;
}
.crop-modal .crop-modal__buttons--edit button:nth-of-type(2),
.crop-modal .crop-modal__buttons--apply button:nth-of-type(2) {
    float: right;
}
.crop-modal .crop-modal__grid-overlay {
    position: absolute;
    z-index: 100;
    top: -1px;
    bottom: 0;
    left: -8px;
    right: 0;
    opacity: 0.2;
    background-size: 40px 40px;
    background-image: linear-gradient(to right, #d8d8d8 1px, transparent 1px), linear-gradient(to bottom, #d8d8d8 1px, transparent 1px);
}
.crop-modal .crop-modal__grid-overlay.active {
    opacity: 1;
}
.crop-modal .crop-modal__cropper__view-box__ct {
    position: absolute;
    cursor: move;
    top: 0;
    z-index: 101;
}
.crop-modal .crop-modal__cropper__view-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.crop-modal .croper-corner {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #e66222;
    z-index: 9999999;
}
.crop-modal .croper-corner.tl {
    left: -2.5px;
    top: -2.5px;
    cursor: nw-resize;
}
.crop-modal .croper-corner.bl {
    left: -2.5px;
    bottom: -2.5px;
    cursor: ne-resize;
}
.crop-modal .croper-corner.tr {
    right: -2.5px;
    top: -2.5px;
    cursor: ne-resize;
}
.crop-modal .croper-corner.br {
    right: -2.5px;
    bottom: -2.5px;
    cursor: nw-resize;
}
.crop-modal .resizer {
    background-size: 3px;
    position: absolute;
    z-index: 999999;
}
.crop-modal .resizer.left {
    height: 100%;
    width: 3px;
    left: -1px;
    top: 0;
    cursor: e-resize;
    background: linear-gradient(to right, transparent 1px, #979797 1px, #979797 2px, transparent 2px, transparent);
}
.crop-modal .resizer.right {
    height: 100%;
    width: 3px;
    right: -1px;
    top: 0;
    cursor: e-resize;
    background: linear-gradient(to right, transparent 1px, #979797 1px, #979797 2px, transparent 2px, transparent);
}
.crop-modal .resizer.top {
    width: 100%;
    height: 3px;
    top: -1px;
    left: 0;
    cursor: s-resize;
    background: linear-gradient(to bottom, transparent 1px, #979797 1px, #979797 2px, transparent 2px, transparent);
}
.crop-modal .resizer.bottom {
    width: 100%;
    height: 3px;
    bottom: -1px;
    left: 0;
    cursor: s-resize;
    background: linear-gradient(to bottom, transparent 1px, #979797 1px, #979797 2px, transparent 2px, transparent);
}

.crop-active.crop-modal .croper-corner,
.crop-active.crop-modal .resizer ,
.crop-inactive.crop-modal .crop-modal__grid-overlay{
    display: unset;
}

.crop-inactive.crop-modal .croper-corner,
.crop-inactive.crop-modal .resizer ,
.crop-inactive.crop-modal .crop-modal__grid-overlay{
    display: none;
}


.icon_arrange_behind_floorplan > span{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/behind_floorplan_icon_2x.png") no-repeat;;
    background-size: 15px !important;
    display: inline-block;
}

.icon_arrange_infront_floorplan > span{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/infront_floorplan_icon_2x.png") no-repeat;
    background-size: 15px !important;
    display: inline-block;
}

/*//----------------------------------------------------------------------------*/
.account-profile-edit-contact-modal  .col-sm-3,
.profile-address-autocomplete-ct > span {
    width: 20%;
    padding-right: 15px}

.account-profile-edit-contact-modal .profile-address-autocomplete-ct .user-input-get-started input,
.account-profile-edit-contact-modal input {
    width: 440px;
    border: 1px solid #e3e3e4;}

.account-profile-edit-contact-modal .profile-address-autocomplete-ct .user-input-get-started input:hover,
.account-profile-edit-contact-modal input:hover {
    border: 1px solid #d4dad9;}

.account-profile-edit-contact-modal .information-address__message {
    right: -255px;
    top: -8px;}

/*leave this commented until google places in profile page is finished */

.navbar-form.layout-box img,
.crop-modal img,
.color-wrapper.file-upload-inmodal.svg-with-image img {
    image-orientation: from-image;
}

.popup-shadow{
    filter: drop-shadow( 0px 4px 6px rgba(18, 18, 18, 0.05));
}
@media screen and (max-width: 1280px){
    .popup-shadow{
    }
}



/*.add-user .member-type-wrapper .dropdown-toggle {*/
/*background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/down_arrow_orange.svg") no-repeat !important;*/
/*background-position: 96% !important;*/
/*background-size: 10px 8px !important;*/
/*}*/

.delete-floorplan-modal .generic-modal-body {
    padding-left: 140px;}

.delete-floorplan-modal .icon_penguin_question {
    position: absolute;
    left: 0;}

.delete-floorplan-modal .generic-modal-body {
    min-height: 190px;
}

.delete-floorplan-modal .generic-modal-body .generic-modal-text-content {
    position: inherit;
    margin-top: 5px;
    display: block;}

.delete-floorplan-modal .generic-modal .generic-modal-content .imsure-chb {
    margin-left: 0;
    position: inherit;
    margin-top: 19px;}


.account-page-content .account-users-wrapper .account-scroll-portion .ir:hover {
    background-color: #f0f0f0;
}

.account-page-content .account-users-wrapper .account-scroll-portion .ir:hover .account-user-type-dropdown {
    right: 58px;
}

.account-user-type-dropdown .dropdown-content .ir.selected label{
    background-color: #fff;
}

.account-user-type-dropdown .dropdown-content .ir.selected:hover label{
    background-color: #f0f0f0;
}

.account-page-content .account-users-wrapper .account-scroll-portion .ir:hover .trash-icon-wrapper {
    display: inline-block;}

.account-page-content .account-users-wrapper .account-scroll-portion .ir:hover .trash-icon-wrapper.mouseInactive {
    display: none;}

.account-user-type-dropdown .dropdown {
    width: 120px;
}

.account-user-type-dropdown .dropdown input {
    width: 100% !important;
    background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/down_arrow_gray.svg") no-repeat;
    background-position: 96%;
    background-size: 10px 8px;
}


.modal-body .measurements .input-metric-ct label.second {
    margin-left: 6px;
}

.spacing-by-div {
    width: 175px;
}

.spacing-by-div .input-metric-ct,
.spacing-by-div .inputs-imperial-ct {
    width: 140px;
    margin-left: 5px;
}

.spacing-by-div .input-metric-ct label,
.spacing-by-div .inputs-imperial-ct label {
    margin-left: 0 !important;

    float: left;
}

.spacing-by-div .input-metric-ct label input,
.spacing-by-div .inputs-imperial-ct label input {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


.spacing-by-div .inputs-imperial-ct label + span,
.spacing-by-div .input-metric-ct label + span {
    float: left;
    width: 17px;
    padding-left: 3px;
}

.spacing-by-div .input-metric-ct label + span {
    font-size: 11px !important;
    height: 25px;
    display: inline-block;
    line-height: 32px;
}

.spacing-by-div.ceremony-chairs-spacing {
    float: right;
    width: 179px;
}

.spacing-by-div.ceremony-chairs-spacing .input-metric-ct,
.spacing-by-div.ceremony-chairs-spacing .inputs-imperial-ct {
    width: 200px;
    margin-left: 0;
    float: left;
}

.spacing-by-div.ceremony-chairs-spacing .input-metric-ct input{
    width: 75px !important;
}

.grid-settings-modal .modal-body .spacing-by-div .input-metric-ct,
.grid-settings-modal .modal-body .spacing-by-div .inputs-imperial-ct {
    width: 175px;
}

.users-permissions-ct.no-add-btn {
    margin-left: 25px;
}


.grid-settings-modal div.measurements .input-metric-ct label {
    float: right;
    margin-right: 4px;
}
.grid-settings-modal div.measurements .input-metric-ct > span {
    float: right;
    height: 30px;
    display: inline-block;
    line-height: 44px;
    margin-right: 2px;
}

.auto-layout-shape .input-metric-ct,
.auto-layout-shape .inputs-imperial-ct{
    display: inline-block;
}

.auto-layout-shape .input-metric-ct label{
    width: 70px;
}

.auto-layout-shape .input-metric-ct label span{
    font-family: 'OpenSans';
    font-weight: normal;
    font-size: 13px;
    line-height: 41px;
    display: inline-block;
    float: right;
}

.auto-layout-shape .input-metric-ct {
    display: inline-block;
    height: 28px;
    width: 135px;
    vertical-align: middle;
}

.auto-layout-shape .input-metric-ct label {
    float: right;
    margin-right: -5px;
}

.entourage-list .account-users-list-item .delete-user-account span {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 2px;
    border: solid 1px #d4dad9;
    cursor: pointer;
    background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/trash_can_users.svg") center center no-repeat;
    background-size: 12px 12px !important;
    margin: 0 !important;
}

.entourage-list .account-users-list-item .delete-user-account {
    display: none;
}
.entourage-list .account-users-list-item:hover .delete-user-account {
    display: inline-block;
}

.entourage-list .account-users-list-item:hover .delete-user-account span{
    visibility: visible !important;
}

.entourage-list .account-users-list-item .delete-user-account {
    position: inherit;
    float: right;
    right: unset;
    top: unset;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: 7px;
    margin-left: 10px;
}

.entourage-list .account-users-list-item .account-user-role label span {
    margin-right: 0;
}

.layout-panel .left-controls > form > .events-list > div.floorplan-controls {
    margin-top: 0;
    margin-bottom: 10px;
    height: 35px;
}

.layout-panel .left-controls > form > .events-list > div:last-child {
    top: 258px;
}

.modal-content.new-event  .dropdown-combo-input-over-selection input{
    background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/dropdown_grey_arrow.svg") no-repeat;
    background-position: 98%;
}

.modal-content.new-event  .dropdown-combo-input-over-selection i {
    font-weight: 700;
}

.generic-modal-content .add-user .member-type-wrapper .dropdown input{
    background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/dropdown_grey_arrow.svg") no-repeat;
    background-position: 98%;
}

.generic-modal-content.print-modal-wrapper {
    background: #fafafa;
}



.account-profile-edit-contact-modal input.form-control--invalid {
    border-color: #d64a4a;
}



.profile-page .vdpg-profile-container .vdpg-body .col-xs-8.vdpg-body-center .vdpg-body-media  div{
    min-height: 10px;
}

.hide-toolbars-gradients {z-index: 100 !important;}

.main-wrapper-div {
    display: flex;
}

.layout-hall-legend {
    width: 300px;
    height: 100%;
    background: #fff;
    border-left: 1px solid #e6e6e7;
}

.popUpLayer.walkme-overlay {
    background-color: rgba(0,0,0,0.6);
}

.overlay-info .info-box.first-time-help {
    width: 590px;}

.as-admin main form.navbar-form div.form-group.search-control input {
    transition: none;
}

/*    overlay     */
.overlay-ct,
.overlay-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0.5;
    z-index: 999999;
}

.overlay-box {
    opacity: 1;
}

.overlay-center-box {
    position: absolute;
    background: rgba(0,0,0,0);
}

.top-cover,
.bottom-cover {
    position: absolute;
    left: 0;
    right: 0;
    background: rgb(0, 0, 0);
}

.top-cover { top: 0; }


.left-cover,
.right-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgb(0, 0, 0);
}

.left-cover {
    left: 0;
}

.right-cover {
    right: 0;
}

.top-line, .bottom-line {
    height: 3px;
}

.left-line, .right-line {
    width: 3px;
}

.top-line, .bottom-line, .left-line, .right-line{
    position: absolute;
    background: #e96035;
}

.bubble_class {
    height: auto !important;
    position: absolute;
    top: 0;
    z-index: 999999999999999;
    width: 400px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 26px 28px;
    border-bottom: 5px solid #fafafa;
}


.bubble_class .video-ct {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    margin-top: 36px;
}

.bubble_class .video-ct iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.bubble_class .close_btn {
    position: absolute;
    top: 25px;
    right: 26px;
    padding: 0;
    border: 0;}

.bubble_class .arrow {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-right-color: white;}

.bubble_class .arrow-up {
    top: -8px;
    left: calc(100% - 90%);
    transform: rotate(90deg);
    margin-left: -5px; }

.bubble_class .arrow-down {
    bottom: -10px;
    left: calc(100% - 90%);
    transform: rotate(270deg);
    margin-left: -4px;}

.bubble_class .arrow-right {
    right: -7px;
    top: calc(100% - 90%);
    transform: rotate(180deg);
    margin-top: -6px;}

.bubble_class .arrow-left {
    left: -7px;
    margin-top: -6px;
}

.bubble_class .title,
.bubble_class .title-qt {
    font-size: 18px;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: normal;
    color: #313237;
    padding-right: 28px;}

.bubble_class .mt-28 {
    margin-top: 28px;}

.bubble_class .primary-button,
.bubble_class .primary-button-qt,
.bubble_class .secondary-button,
.bubble_class .secondary-button-qt,
.bubble_class .tertiary-button{
    border-radius: 2px;
    height: 35px;
    padding: 0 12px;
    outline: none;
    font-size: 16px;
    line-height: 33px;
    letter-spacing: normal;
    font-stretch: normal;}

.bubble_class .tertiary-button {
    border: solid 1px rgba(49, 50, 55, 0.16);
    background-color: transparent;
    color: #a7b8be;}

.bubble_class .primary-button,
.bubble_class .primary-button-qt {
    background-color: #e95f35;
    color: #ffffff;
    border-style: unset;}

.bubble_class .primary-button:hover,
.bubble_class .primary-button-qt:hover {
    background-color: #e64d1e;
}

.bubble_class .secondary-button,
.bubble_class .secondary-button-qt {
    border: solid 1px rgba(49, 50, 55, 0.16);
    color: #313237;
    background-color: transparent;}

.bubble_class .secondary-button:hover,
.bubble_class .secondary-button-qt:hover {
    border-color: #e95f35;
    color: #f26d5e;
}

.bubble_class .title + .steps.displayNone + .description {
    margin-top: 14px;}

.bubble_class .title + .steps {
    margin-bottom: 14px;
    margin-top: 4px;}

.bubble_class .secondary-button + .primary-button {
    float: right;}

.bubble_class .secondary-button + .primary-button + .tertiary-button {
    float: right;
    margin-right: 10px;}

.bubble_class .secondary-button.displayNone + .primary-button + .tertiary-button {
    float: left;}

/*.bubble_class .secondary-button.displayNone + .primary-button {*/
/*float: unset;}*/

.bubble_class .secondary-button.displayNone + .primary-button.displayNone + .tertiary-button {
    float: unset;}

.bubble_class .secondary-button.displayNone + .primary-button + .tertiary-button {
    float: left;}

.bubble_class .steps {
    font-size: 12px;
    font-stretch: normal;
    line-height: 15px;
    letter-spacing: normal;
    color: #a7b8be;}

.bubble_class .description {
    font-size: 16px;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: normal;
    color: #313237;}

.bubble_class .close-icon {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/close_icon2.svg") center center no-repeat;
    width: 16px;
    height: 16px;
    outline: none;}

.bubble_class .close-icon:hover {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/close_icon_hover2.svg") center center no-repeat;
}

.bubble_class img {
    margin-top: 24px;
    width: 100%;
}

.bubble_class.video .title {
    font-family: ff-meta-serif-web-pro,"Times New Roman",sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 32px;
    line-height: 41px;
    padding-right: 0;
}
.bubble_class.video {
    padding: 48px 52px 56px;
    text-align: center;
}

.bubble_class.video  .primary-button,
.bubble_class.video  .secondary-button {
    float: unset;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    margin-left: 8px;
    width: 200px;
    margin-top: 48px;
}

.bubble_class.video .arrow {
    display: none;
}


.new-event .modal-body .combo-input-over-selection div div  i {
    display: block;
}

.bubble_class.quit-tour .title,
.bubble_class.quit-tour .steps,
.bubble_class.quit-tour .description,
.bubble_class.quit-tour .video-ct,
.bubble_class.quit-tour .image_div,
.bubble_class.quit-tour .primary-button,
.bubble_class.quit-tour .secondary-button,
.bubble_class.quit-tour .tertiary-button,
.bubble_class.quit-tour .close-icon {
    display: none;}

.bubble_class.quit-tour .quit-tour-btn-ct button {
    float: right;}

.bubble_class.quit-tour .quit-tour-btn-ct .secondary-button-qt {
    margin-right: 8px;
}

/* custom bubble - new logo anouncement */
.bubble_class.new-logo-bubble {
    height: 630px !important;
    padding: 48px 38px 56px;
}

.bubble_class.new-logo-bubble:before {
    content: '';
    position: absolute;
    width: 503px;
    height: 95px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/new-logo-popup.jpg") center center no-repeat;
    background-size: contain;
    left: 0;
    top: 12px;
}

.bubble_class.new-logo-bubble .title,
.bubble_class.new-logo-bubble .steps{
    font-size: 16px;
    text-align: left;
    /*color: #000;*/
}

.bubble_class.new-logo-bubble .title {
    font-family: 'OpenSans' !important;
    line-height: 1.4;
    width: 51%;
    float: left;
    margin-top: 76px;
}

.bubble_class.new-logo-bubble .steps{
    color: #e95f35;
    font-family: 'OpenSans-Bold' !important;
    line-height: 1.3;
    width: 50%;
    float: left;
    margin: 20px 0 0 0;
}

.bubble_class.new-logo-bubble .video-ct {
    width: 390px;
    margin-top: 0;
    position: absolute;
    right: 37px;
    top: 61px;
}

/*.bubble_class.new-logo-bubble.quit-tour {*/
/*height: 136px !important;*/
/*padding: 48px 52px 56px;*/
/*}*/

/*.bubble_class.new-logo-bubble.quit-tour:before {*/
/*display: none;*/
/*}*/

.bubble_class.new-logo-bubble .primary-button {
    float: unset;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    width: 200px;
    margin-top: 48px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    bottom: 37px;
}

.profilepage-default-logo-span {
    color: #fff;
    text-indent: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 24px;
    font-family: 'OpenSans';
}

.left-controls .upload-floorplan .upload-floorplan-text p.venue-halls-title:before {
    display: none;}

.chair-settings-ct {
    display: table;
    clear: both;}


.chair-settings-ct span {
    line-height: 1.3 !important;
    margin-top: 6px !important;}

.host-vendors-container .events-list .event-item > div.ev-select {
    width: 70px;
    position: relative;}

.host-vendors-container .events-list .event-item > div.ev-select button {
    right: 0;
    position: absolute;}

.host-vendors-container .loginContainerLogo .header-app-logo {
    width: 100%;
    height: 44px;
    display: inline-block;
    margin-top: 28px;
}

.datepicker.datepicker-dropdown {z-index: 9999999999 !important;}

/*.as-layout-wrapper .table-designer-wrapper .left-controls div:nth-child(1) {*/
/*overflow: hidden;*/
/*}*/

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

/* custom bubble - support */
.bubble_class.support-custom-modal {
    height: 625px !important;
    padding: 48px 38px 56px;
    top: -312px !important;
}

.bubble_class.support-custom-modal:before {
    content: '';
    position: absolute;
    width: 503px;
    height: 95px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/new-logo-popup.jpg") center center no-repeat;
    background-size: contain;
    left: 0;
    top: 12px;
}

.bubble_class.support-custom-modal .arrow { display: none; }

.bubble_class.support-custom-modal .title,
.bubble_class.support-custom-modal .steps{
    font-size: 16px;
    text-align: left;
}

.bubble_class.support-custom-modal .title {
    font-family: 'OpenSans-Bold' !important;
    width: 51%;
    float: left;
    margin-top: 105px;
    color: #e95f35;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}

.bubble_class.support-custom-modal .steps{
    font-family: 'OpenSans' !important;
    color: #000;
    line-height: 1.3;
    width: 50%;
    float: left;
    margin: 20px 0 0 0;
    text-align: center;
    font-size: 16px;
}

.bubble_class.support-custom-modal .steps p a {
    text-decoration: underline;
}

.bubble_class.support-custom-modal .steps p a,
.bubble_class.support-custom-modal .steps div {
    color: #e95f35;
}

.bubble_class.support-custom-modal .steps div {
    font-family: 'OpenSans-Bold' !important;
    font-size: 16px;
    margin-top: 25px;
}

.bubble_class.support-custom-modal .steps div a {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    background-color: #e95f35;
    height: 50px;
    line-height: 50px;
    width: 284px;
    margin-bottom: 25px;
}

.bubble_class.support-custom-modal .steps div a:hover {
    background-color: #ba4c2a;
    cursor: pointer;
}

.bubble_class.support-custom-modal .steps div a:nth-of-type(1) {
    margin-top: 30px;
}

.bubble_class.support-custom-modal .primary-button { display: none; }

.bubble_class.support-custom-modal .description {
    width: 403px;
    height: 508px;
    position: absolute;
    right: 38px;
    top: 82px;
    background: red url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/2D-3D.jpg") center center no-repeat;
    background-size: contain;

}

.bubble_class.support-custom-modal.quit-tour:before {
    display: none;}

.bubble_class.support-custom-modal.quit-tour {
    width: 440px !important;
    height: 170px !important;
    left: calc(50% - 220px) !important;}

/* thanksgiving custom modal*/

.bubble_class.thanksgiving-custom-modal {
    height: 475px !important;
    padding: 130px 0 0 0;
    top: -312px !important;
    text-align: center;
    border: 10px solid #f17d29;
    border-radius: 20px;}

.bubble_class.thanksgiving-custom-modal:before {
    content: '';
    position: absolute;
    width: 580px;
    height: 67px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/thanksgiving/3.png") center center no-repeat;
    background-size: contain;
    left: 0;
    top: 35px;
}


.bubble_class.thanksgiving-custom-modal .arrow{
    display: none;}

.bubble_class.thanksgiving-custom-modal .title {
    display: inline-block;
    font-size: 38px;
    color: #000;
    font-family: 'OpenSans-Bold' !important;
    line-height: 90px;
    height: 90px;
    margin-bottom: 14px;
    padding-right: 0;
}

.bubble_class.thanksgiving-custom-modal .title span {
    font-size: 90px;
    color: #f17d29;
    line-height: 90px;
    /* margin-bottom: -20px; */
    vertical-align: middle;
    height: 90px;
    display: inline-block;
}

.bubble_class.thanksgiving-custom-modal .steps {
    font-family: 'OpenSans' !important;
    font-size: 38px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 50px;
}

.bubble_class.thanksgiving-custom-modal .description {
    position: relative;
}

.bubble_class.thanksgiving-custom-modal .description span {
    display: inline-block;
    font-family: 'OpenSans' !important;
    font-size: 18px;
    color: #000;
    margin-top: 84px;
}

.bubble_class.thanksgiving-custom-modal .description:before {
    content: '';
    position: absolute;
    width: 200px;
    height: 150px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/thanksgiving/1.png") center center no-repeat;
    background-size: contain;
    left: -62px;
    top: 58px;
}

.bubble_class.thanksgiving-custom-modal .description:after {
    content: '';
    position: absolute;
    width: 310px;
    height: 214px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/thanksgiving/2.png") center center no-repeat;
    background-size: contain;
    right: -97px;
    top: 7px;
}

.menu-guests-tab .filters-wrapper .filters-list div.item > div.dropdown.status-dropdown .dropdown-content {
    font-size: 11px;
}



.bubble_class.thanksgiving-custom-modal .primary-button {
    display: block;
    background-color: #f17d29;
    color: #fff;
    outline: none;
    border: none;
    font-size: 22px;
    padding: 16px 46px;
    font-family: 'OpenSans-Bold' !important;
    width: 220px;
    height: 54px;
    position: absolute;
    line-height: 1;
    top: 304px;
    left: 50%;
    margin-left: -110px;
    margin-top: 0;
}

.bubble_class.thanksgiving-custom-modal .primary-button:hover {
    background-color: #e0670e;
}


.uploadFloorplanMessage.uploadAnother .uploadFloorplanMessage-buttons .uploadFloorplanMessage-yes {
    max-width: unset;
}

.main-dashboard .update-notice .uploadFloorplanMessage.uploadAnother .uploadFloorplanMessage-buttons {
    width: 364px;
    text-align: right;
}


.billing-page .billing-payment-show .billing-plan-info.custom {
    min-height: 129px;}

.guests-panel main .selected-guests-controls .buttons-actions button {
    min-width: 110px;
    width: auto;}

.new-event div.change-permissions .default label:nth-of-type(3) {
    margin-top: 0;}

.show-the-modal .floorplan-modal .modal-body .space-wrapper-custom .measurements .inputs-imperial-ct {
    width: 140px;}

.show-the-modal .floorplan-modal .modal-body .space-wrapper-custom .measurements .input-metric-ct label input,
.show-the-modal .floorplan-modal .modal-body .space-wrapper-custom .measurements .inputs-imperial-ct label input {
    width: 67px;}

.show-the-modal .floorplan-modal .modal-body .space-wrapper-custom .measurements .inputs-imperial-ct .feet-unit {
    left: 54px;}

.show-the-modal .floorplan-modal .modal-body .space-wrapper-custom .measurements .inputs-imperial-ct .inch-unit {
    left: 128px;}

.show-the-modal .floorplan-modal .modal-body .space-wrapper-custom .measurements .input-metric-ct .metric-unit {
    left: 51px;}

.space-wrapper-custom .spacing-by-div .input-metric-ct {
    margin-left: 0;}

.floorplan-modal .object-tab .space-wrapper-custom .spacing-by-div span.label-name.spacing {
    /*background: red;*/
    width: 31px;
    margin-left: 0;
    text-align: center;}

.show-the-modal .floorplan-modal .space-wrapper-custom .spacing-by-div div.measurements {
    width: 140px;}

.bubble_class.notification-bubble {
    top: unset !important;
    bottom: calc(-100vh + 44px);
    min-height: 76px;
    left: unset !important;
    right: calc(-100vw + 40px) !important;
    width: 376px !important;
    height: auto !important;
    box-shadow: 0 8px 22px -10px rgba(49, 50, 55, 0.2);
    border: solid 1px rgba(49, 50, 55, 0.12);

    background-color: #ffffff;
    /*border-bottom: 5px solid #fafafa;*/}

.bubble_class.notification-bubble .close_btn {
    top: 29px;}

.bubble_class.notification-bubble .description {
    font-size: 18px;
    margin-top: 0 !important;
    max-width: 275px;}

.bubble_class.notification-bubble .arrow {
    display: none !important;
}

.chairsPosition-composition {
    margin-bottom: 6px;}

.chairsPosition-composition .dropdown {
    width: 120px;
    height: 26px;
    float: right;}

.chairsPosition-composition .dropdown input {
    width: 120px;
    height: 26px;
    background-color: #fff;}

.chairsPosition-composition .label-name {
    height: 26px;
    display: inline-block;
    line-height: 26px;}

.chairs-layout-tab-object {
    height: 184px !important;
    background-color: #f0f0f0;
    margin-bottom: -5px;
    position: relative}

.chairs-layout-tab-object + button {
    position: relative;
    bottom: 24px;
    width: 15px;
    height: 12px;
    border: none;
    left: 299px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/reset_btn_chairs_layout.svg") center center no-repeat;
    background-size: 30px 24px;
    padding: 0;}

.chairs-tab .btn.orange-button{
    position: absolute;
    top: 148px;
    left: 26px;
    z-index: 1;
    font-size: 12px;
    padding: 6px 10px
}

.chairs-layout-tab-object + button + .chairs-total {
    opacity: 0.4;
    font-size: 12px;
    color: #59595b;
    position: absolute;
    line-height: 15px;
    right: 27px;
    top: 27px;
}

.chairs-layout-color-wrapper {
    height: 26px;
    margin-bottom: 6px;
    line-height: 26px}

.chairs-layout-color-wrapper .sp-replacer {
    float: right;
    border: solid 1px #e3e3e4;
    background-color: #fff;
    height: 26px !important;
    width: 63px;}

.chairs-layout-color-wrapper .sp-replacer .sp-preview{
    width: 35px !important;
}

.chairs-layout-color-wrapper .sp-replacer  .sp-dd {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/dropdown_grey_arrow.svg") no-repeat;
    background-position: 98%;
    background-size: 9px 6px;
    color: transparent;
}

.chairs-layout-color-wrapper .sp-replacer.sp-active .sp-dd {
    background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/dropdown_up.svg") no-repeat !important;
    background-position: 98% !important;
    background-size: 9px 6px !important;
}

.chairs-layout-color-wrapper .sp-replacer.sp-active,
.chairs-layout-color-wrapper .sp-replacer:hover {
    border-color: #adbebc;
}


.group-round .chairs_location_slider {
    display: inline-block;
    width: 113px;
    background-color: #e6e7e8;
    -webkit-appearance: none;}

.group-round .chairs_location_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.group-round .chairs_location_slider:focus {
    outline: none;
}

.group-round .chairs_location_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background: #e95f35;
    cursor: pointer;
    margin-top: -5px;
}

.group-round .chairs_location_slider:disabled::-webkit-slider-thumb {
    display: none;
}

/* All the same stuff for Firefox */
.group-round .chairs_location_slider::-moz-range-thumb {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background: #e95f35;
    cursor: pointer;
}

.group-round .chairs_location_slider:disabled::-moz-range-thumb {
    display: none;
}

.group-round .chairs_location_slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #e6e7e8;
    border-radius: 1px;
}

.group-round .chairs_location_slider:focus::-webkit-slider-runnable-track {
    background: #e6e7e8;
}

.group-round .chairs_location_slider::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #e6e7e8;
    border-radius: 1px;
}

.new-chairs-dimensions .dropdown .dropdown-content label {
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 26px);
    white-space: nowrap;
}

.edit-object-modal .as-row,
.floorplan-modal .as-row {
    border-top: 1px solid #f0f0f0;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    overflow: hidden;
}

.edit-object-modal .as-row .location-wrapper.as-col-left,
.edit-object-modal .as-row .space-wrapper.as-col-right,
.floorplan-modal .as-row .location-wrapper.as-col-left,
.floorplan-modal .as-row .space-wrapper.as-col-right{
    display: none;
}

.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label,
.edit-object-modal .as-row div label,
.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label,
.floorplan-modal .as-row div label {
    float: right;
    position: relative;
    width: 64px;
    height: 26px;
    border: solid 1px #e3e3e4;
    background-color: #ffffff;
}

.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label:hover,
.edit-object-modal .as-row div label:hover,
.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label:hover,
.floorplan-modal .as-row div label:hover {
    border-color: #adbebc;}

.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label .minus,
.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label .plus,
.edit-object-modal .as-row div label .minus,
.edit-object-modal .as-row div label .plus,
.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label .minus,
.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label .plus,
.floorplan-modal .as-row div label .minus,
.floorplan-modal .as-row div label .plus{
    width: 20px;
    text-align: center;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0;
    background-color: #fff;
    border: none;
    cursor: pointer;
    color: #d6d6d7;}

.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label .minus:active,
.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label .plus:active,
.edit-object-modal .as-row div label .minus:active,
.edit-object-modal .as-row div label .plus:active,
.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label .minus:active,
.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label .plus:active,
.floorplan-modal .as-row div label .minus:active,
.floorplan-modal .as-row div label .plus:active {
    color: #e95f35;}

.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label input,
.edit-object-modal .as-row div label input,
.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label input,
.floorplan-modal .as-row div label input {
    width: 21px;
    text-align: center;
    font-family: "lato-n4", "lato", sans-serif !important;
    font-weight: 400 !important;
    float: left;
    height: 24px;
    line-height: 25px;
    font-size: 12px;
    margin: 0;
    border: none;}

/* Firefox */
.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label input[type=number],
.edit-object-modal .as-row div label input[type=number],
.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label input[type=number],
.floorplan-modal .as-row div label input[type=number] {
    -moz-appearance:textfield;}

.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label input::-webkit-outer-spin-button,
.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label input::-webkit-inner-spin-button,
.edit-object-modal .as-row div label input::-webkit-outer-spin-button,
.edit-object-modal .as-row div label input::-webkit-inner-spin-button,
.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label input::-webkit-outer-spin-button,
.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label input::-webkit-inner-spin-button,
.floorplan-modal .as-row div label input::-webkit-outer-spin-button,
.floorplan-modal .as-row div label input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;}

.floorplan-modal .chairs-wrapper .chairs-settings,
.edit-object-modal .chairs-wrapper .chairs-settings {
    width: 26px;
    height: 25px;
    border: none;
    background: #ACBCBB url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/settings-white.svg") center center no-repeat;
    background-size: 115%;
    margin-left: 3px;
}

.floorplan-modal .as-row div label span.text-warning,
.edit-object-modal .as-row div label span.text-warning {
    position: absolute;
    top: 4px;
    left: -125px;}

.floorplan-modal .as-row .info.as-square,
.edit-object-modal .as-row .info.as-square {
    display: inline-block;
    height: 26px;
    padding-left: 34px;
    position: relative;
    line-height: 26px;
    font-family: "lato-n7", "lato", sans-serif !important;
    font-weight: bold !important;
    margin-right: 6px;
    float: left;}

.floorplan-modal .as-row div .inline-block,
.edit-object-modal .as-row div .inline-block {
    height: 24px;
    display: inline-block;
    float: left;}

.floorplan-modal .as-row div .inline-block.open,
.edit-object-modal .as-row div .inline-block.open {
    float: none;}


.floorplan-modal .as-row .info.as-square:before,
.edit-object-modal .as-row .info.as-square:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #b1c2c0, #95a3a3);
    top: 5px;
    left: 12px;}

.floorplan-modal .as-row .info.as-square:after,
.edit-object-modal .as-row .info.as-square:after {
    position: absolute;
    left: 16px;
    top: 11px;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #fff;
    transform: rotate(180deg);}

.floorplan-modal .as-row .open .info.as-square:after,
.edit-object-modal .as-row .open .info.as-square:after{
    transform: rotate(0deg);
    top: 10px;}

.floorplan-modal .as-row div .location-wrapper.as-col-left,
.floorplan-modal .as-row div .space-wrapper.as-col-right,
.edit-object-modal .as-row div .location-wrapper.as-col-left,
.edit-object-modal .as-row div .space-wrapper.as-col-right {
    margin-left: 34px;
    height: 26px;
    line-height: 26px;
    font-family: "lato-n7", "lato", sans-serif !important;
    font-weight: bold !important;
    position: relative;}

.floorplan-modal .as-row div .location-wrapper.as-col-left,
.edit-object-modal .as-row div .location-wrapper.as-col-left {
    margin-top: 10px;}

.floorplan-modal .as-row div .space-wrapper.as-col-right,
.edit-object-modal .as-row div .space-wrapper.as-col-right {
    margin-top: 6px;}

.floorplan-modal .as-row .info.as-square.open:after,
.edit-object-modal .as-row .info.as-square.open:after {
    top: 10px;
    transform: rotate(0deg);}

.floorplan-modal .as-row div .inline-block.open  + label + .location-wrapper.as-col-left,
.floorplan-modal .as-row div .inline-block.open  + label +  .location-wrapper.as-col-left +  .space-wrapper.as-col-right,
.edit-object-modal .as-row div .inline-block.open  + label + .location-wrapper.as-col-left,
.edit-object-modal .as-row div .inline-block.open  + label +  .location-wrapper.as-col-left +  .space-wrapper.as-col-right {
    display: block;}

.floorplan-modal .roundSettings,
.edit-object-modal .roundSettings {
    min-height: 26px;
    line-height: 26px;
    margin-bottom: 6px;}

.floorplan-modal .roundSettings .chairs-validation,
.edit-object-modal .roundSettings .chairs-validation {
    float: right;
    clear: both;}

.floorplan-modal .roundSettings .location-wrapper .chairs-wrapper label,
.edit-object-modal .roundSettings .location-wrapper .chairs-wrapper label {
    float: right;}

.floorplan-modal .group-round .measurements,
.edit-object-modal .group-round .measurements {
    float: right !important;}

.floorplan-modal .group-round .space-wrapper div.measurements label input,
.edit-object-modal .group-round .space-wrapper div.measurements label input {
    border: none;
    width: 100%;
    height: 26px;
    text-align: center;}

.floorplan-modal.modal-shadow .modal-body .as-row .measurements label input,
.edit-object-modal.modal-shadow .modal-body .as-row .measurements label input {
    width: 100%;
    border: none;
    height: 24px;
    text-align: center;
    text-indent: 0;}

.floorplan-modal.modal-shadow .modal-body .as-row .measurements label input:disabled,
.edit-object-modal.modal-shadow .modal-body .as-row .measurements label input:disabled {
    /*border: solid 1px #e3e3e4;*/
    border: none;
    background-color: #fafafa;
    color: #acbdbb;
}


.floorplan-modal.modal-shadow .modal-body .as-row .measurements label input:hover,
.edit-object-modal.modal-shadow .modal-body .as-row .measurements label input:hover {
    border: none;}

.floorplan-modal.modal-shadow .modal-body .as-row .measurements label,
.edit-object-modal.modal-shadow .modal-body .as-row .measurements label {
    height: 26px;
    min-height: 26px;}

.floorplan-modal .group-round .chairs_location_slider,
.edit-object-modal .group-round .chairs_location_slider {
    margin-right: 12px;
    position: absolute;
    right: 64px;
    top: 13px;}


.floorplan-modal button.as-btn-grey.as-col-right.chair-center-button,
.edit-object-modal button.as-btn-grey.as-col-right.chair-center-button {
    width: 26px;
    height: 26px;
    border: none;
    /* background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/reset_btn_chairs_layout.svg") center center no-repeat; */
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/align-icon-v-4.svg") center center no-repeat;
    background-size: contain;
    padding: 0;
    color: transparent;
    /* margin-top: 7px; */
    float: left;}


/*Floorplan Collaboration MVP*/

.real-time-calling-div {
    z-index: 100;
    background-color: rgba(26, 27, 28, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
}
.calling-white-div{
    position: absolute;
    bottom: 24px;
    left: 24px;
    padding: 12px 14px;
    background-color: #fff;
    border-radius: 2px;
}

.calling-white-div .real-time-join-call-btn{
    margin-right: 8px;
    font-size: 12px;
}

.calling-white-div .real-time-cancel-btn{
    font-size: 12px;
}

.calling-white-div span{
    font-size: 16px;
    font-weight: bold;
    font-family: Lato;
    color: #313236;
    margin-right: 61px;
}

.real-time-users-ct {
    width: auto;
    min-height: 41px;
    position: absolute;
    bottom: 24px;
    left: 27px;
    z-index: 13;
}
.real-time-users-ct .real-time-btn-container .button-expandable {
    overflow: hidden;
    width: 32px;
    height: 32px;
    background-color: transparent;
    max-width: 32px;
    padding: 0;
    border: none;
    margin-right: 8px;
    position: relative;
    top: 11px;
    display: inline-block;
    float: left;
}

.button-expandable .expanded-text {
    font-size: smaller;
    opacity: 0;
    visibility: hidden;
}

.real-time-users-ct .real-time-btn-container .button-expandable:hover {
    transition: max-width 0.3s ease-in-out 1.0s;
    width: auto !important;
    max-width: 160px !important;
    padding: 0 !important;
}
.button-expandable .icon-expandable {
    float: left;
}
.button-expandable:hover .icon-expandable {
    width: 50px !important;
    float: left;
}


.real-time-users-ct .real-time-btn-container .button-expandable:hover .expanded-text {
    width: auto !important;
    transition: opacity 0.1s ease-in-out 1.3s,visibility 0.3s ease-in-out 1.2s;
    opacity: 1;
    visibility: visible;
    margin-left: 0;
    margin-right: 4px;
    margin-top: 7px;
    font-size: 12px;
    font-weight: normal;
    font-family: OpenSans-SemiBold !important;
}

.real-time-users-ct .real-time-users-btn {
    width: 32px;
    height: 32px;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/participants.svg") center center no-repeat;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    left: 7px;
    top: 9px;
    position: relative;
}

.real-time-btn{
    width: 32px;
    height: 32px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    position: relative;
    margin-right: 4px;
}
.real-time-btn-container{
    display: inline;
}

.real-time-users-ct.user-in-meeting .above-five-users.when-connected{
    text-align: center;
    font-size: 10px;
    line-height: 1.4;
    display: inline-block !important;
    color: #fff;
    left: -58px;
    background-color: #e95f35;
    width: 15px;
    height: 14px;
}

.real-time-users-ct.user-in-meeting .real-time-users-ir .ir {
    display: none;
}

.real-time-users-ct.user-in-meeting .real-time-users-ir:before {
    content: '';
    width: 1px;
    height: 36px;
    background-color: #f0f0f0;
    position: absolute;
    left: -82px;
    top: -2px;
}

.video-users-ct__prev, .video-users-ct__next {
    position: absolute;
    /*top: 34px;*/
    bottom: 94px;
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    /*-webkit-backdrop-filter: blur(3px);*/
    /*backdrop-filter: blur(3px);*/
    /*box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.1);*/
    z-index: 99999;
    border: none;
    pointer-events: bounding-box;
}
.video-users-ct__prev {
    width: 120px;
    left: 0;
    background: rgba(255, 255, 255, 0.6) url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/next_btn_with_bg.svg") center center no-repeat;
    background-size: 32px;
    height: 90px;
    border-radius: 2px;
    bottom: 66px;
    transform: rotate(180deg);
    padding: 0;
}

.video-users-ct__next {
    right: 48px;
    background: rgba(255, 255, 255, 0.6) url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/next_btn_with_bg.svg") center center no-repeat;
    /*background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/arrow-right-black.svg") center center no-repeat;*/
    background-size: 32px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.1);
}


.rt-horizontal-view .webRTC .ir-container::-webkit-scrollbar {
    max-height: 5px;
}
.rt-horizontal-view .webRTC .ir-container{
    /*width:calc(78vw - 74px);*/
    pointer-events: none;
    bottom: 75px;
    position: absolute;
    height: auto;
    z-index: 19;
    /*left: 23px;*/
    display: inline-block;
    max-width: -webkit-fill-available;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
}


.rt-horizontal-view .webRTC .ir-container.first-grid {
    pointer-events: all;
    max-width: unset;
}


.rt-horizontal-view .webRTC .ir-container.add-padding.second-grid{
    padding-left: 394px;
}

.rt-horizontal-view .webRTC .ir-container.second-grid{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    flex-flow: row wrap-reverse;
    max-height: 294px;
    /*max-width: calc(100% - 42px);*/
}
.rt-horizontal-view .webRTC .ir-container.second-grid.in-3d{
    display: none;
}

.rt-horizontal-view .webRTC .ir-container.second-grid.fade-out {
    margin-bottom: -20px;
    opacity: 0;
    transition: margin-bottom 0.2s, opacity 0.2s;
}

.rt-horizontal-view .webRTC .ir-container.second-grid.fade-in {
    margin-bottom: 0;
    opacity: 1;
    transition: margin-bottom 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s;
}


.rt-horizontal-view .webRTC .ir-container.collapse{
    display: none;
}

.rt-vertical-view .webRTC{
    bottom: 73px;
    left: 22px;
    position: absolute;
    width: auto;
    height: auto;
    z-index: 19;
    display: block;
    flex-wrap: wrap-reverse;
    overflow: hidden;
}

.rt-vertical-view .webRTC .ir {
    border-radius: 2px;
    width: 174px;
    height: 124px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #000000;
}
.rt-horizontal-view .webRTC .ir {
    pointer-events: all;
    border-radius: 3px;
    /*max-width: 120px;*/
    min-width: 120px;
    height: 90px;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    overflow: hidden;
    margin-top: 8px;
    /*flex: 0 0 auto;*/
}
.rt-horizontal-view .rt-next-arrow-btn,.rt-horizontal-view .rt-prev-arrow-btn{
    position: absolute;
    background: #fff;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.1);
    z-index: 99999;
    border: none;
    left: 63px;
}


.rt-vertical-view .rt-next-arrow-btn,.rt-vertical-view .rt-prev-arrow-btn{
    position: absolute;
    background: #fff;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.1);
    z-index: 99999;
    border: none;
    left: 84px;
}

.rt-vertical-view .rt-next-arrow-btn{
    right: unset;
    top: 26px;
    background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/arrow-right-black.svg") center center no-repeat;
    background-size: 45%;
    transform: rotate(-90deg);
}

.rt-vertical-view .rt-prev-arrow-btn{
    bottom: 126px;
    right: unset;
    background: #fff url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/arrow-right-black.svg") center center no-repeat;
    background-size: 45%;
    transform: rotate(90deg);
}

.rt-horizontal-view .rt-next-arrow-btn {
    right: 57px;
    bottom: 122px;
    left: unset;
    background: rgba(26, 27, 28, 0.6) url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/arrow-right-white.svg") center center no-repeat;
    background-size: 45%;
}

.rt-horizontal-view .rt-prev-arrow-btn {
    left: 50px;
    bottom: 122px;
    right: unset;
    background: rgba(26, 27, 28, 0.6) url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/arrow-left-white.svg") center center no-repeat;
    background-size: 45%;
}

.rt-grey{
    opacity: 0.2;
}

.back-to-floorplan{
    padding: 12px 24px;
    top: 16px;
    position: absolute;
    z-index: 999;
    font-size: 12px;
    right: 16px;
    border-radius: 2px;
}

.webRTC .ir-container.second-grid .ir.selected {
    width: 381px;
    height: 286px;
    position: fixed;
    left: 392px;
    bottom: 100px;
}

.webRTC .ir-container.second-grid .ir.selected .user-name{
    font-size: 12px;
    bottom: 4px;
    width: 125px;
}
.webRTC .ir-container.second-grid .ir.selected.fullscreen .user-name{
    font-size: 21px;
    bottom: 22px;
    left: 30px;
    padding: 20px 10px;
    line-height: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    width: auto;
}
.webRTC .ir-container.second-grid .ir.selected .user-name-initials {
    font-size: 138px;
    top: 9%;
}
.webRTC .ir-container.second-grid .ir.selected.fullscreen .user-name-initials {
    font-size: 200px;
    top: 27%;
}

.webRTC .ir-container .ir .item .user-name-initials{
    z-index: 0;
    position: absolute;
    top: 17px;
    font-family: FeijoaTest-Display;
    font-size: 32px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    height: 45px;
    opacity: 0.4;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.webRTC .ir-container.second-grid .ir.selected .microphone, .webRTC .ir-container.second-grid .ir.selected .microphone.muted{
    bottom: 3px;
    right: 6px;
}


/*.webRTC .ir.selected .speaking{*/
/*    bottom: 6px;*/
/*    right: 6px;*/
/*}*/


/*.webRTC .ir.main {*/
/*    position: fixed;*/
/*    width: 1485px;*/
/*    height: 822px;*/
/*    top: 90px;*/
/*    left: 365px;*/
/*}*/

.webRTC .ir.main {
    width: 522px;
    height: 372px;
}

.webRTC .ir.main:before{
    content: '';
    width: 522px;
    height: 372px;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 73%, rgba(0, 0, 0, 0.8));
    z-index: 1;
}

.webRTC .ir.selected-item{
    border: 2px solid #ffffff;
}


.webRTC .ir .item{
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 73%, rgba(0, 0, 0, 0.8)), linear-gradient(to bottom, #313236, #313236) !important;
    width:100%;
    height:100%;
}

.webRTC .item .video-ct {
    width: 100%;
    height: 100%;
    border-radius: 2px;
}
.webRTC .ir.selected.fullscreen:before{
    z-index: 0;
}
.webRTC .ir:before{
    content: '';
    width: 120px;
    height: 90px;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 73%, rgba(0, 0, 0, 0.8));
    z-index: 2;
}
.webRTC .ir.selected:before{
    content: '';
    width: 381px;
    height: 286px;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.8));
    z-index: 2;
}

.webRTC .item .video-ct div:nth-child(1) {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.webRTC.mainScreen {
    height: 257px;
}

.webRTC .item .user-name{
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    bottom: 4px;
    left: 12px;
    position: absolute;
    z-index: 2;
    width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.webRTC .ir.selected.fullscreen .item .microphone {
    bottom: 19px;
    right: 11px;
    width: 48px;
    height: 48px;
    background-size: 48px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/MuteFS.svg") center center no-repeat;
    position: absolute;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: inline-block !important;
    pointer-events: all;
    cursor: pointer;
}

.webRTC .ir.selected.fullscreen .item .speaking.active + .microphone {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/as-talking.gif") center center no-repeat;
    background-size: 48px;
}

/*delete this*/
/*.webRTC .ir.selected.fullscreen .item .microphone.speaking{*/
/*    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/as-talking.gif") center center no-repeat;*/
/*    background-size: 48px;*/
/*}*/
.webRTC .ir.selected.fullscreen .item .microphone.muted {
    bottom: 19px;
    right: 11px;
    width: 48px;
    height: 48px;
    background-size: 48px;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Mute_With_Circle.svg") center center no-repeat;
}

.webRTC .ir.selected.fullscreen .item .fullscreen-btn{
    bottom: 19px;
    right: 67px;
    width: 48px;
    height: 48px;
    background-size: 48px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/fullscreen.svg") center center no-repeat;
    position: absolute;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: none;
}
.webRTC .ir.selected .item .fullscreen-btn{
    bottom: 3px;
    right: 30px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/Fullscreen_small.svg") center center no-repeat;
    background-size: 24px;
    position: absolute;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: none;
}

.webRTC .ir-container.second-grid .ir.selected .item .fullscreen-btn{
    display: inline-block !important;
}

.webRTC .ir-container.second-grid .ir.selected.fullscreen{
    width: 77.33%;
    height: 88%;
    position: fixed;
    left: 365px;
    top: 82px;
    z-index: 20;
}

.webRTC .ir-container .ir.selected.fullscreen:before{
    width: 100%;
    height: 100%;
}

.webRTC .ir .item .microphone{
    bottom: 2px;
    right: 4px;
    width: 24px;
    height: 24px;
    background-size: 24px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-on-video_white.svg") center center no-repeat;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    color: transparent;
    display: inline-block !important;
    pointer-events: all;
    cursor: pointer;
}

.webRTC .ir .item .microphone.muted {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-off-video_white.svg") center center no-repeat;
    background-size: 24px;
}

.webRTC .item .speaking.active + .microphone {
    border-radius: 50%;
    bottom: 2px;
    right: 4px;
    width: 24px;
    height: 24px;
    outline: none;
    position: absolute;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/as-talking.gif") center center no-repeat;
    background-size: 24px;
    overflow: hidden;
    color: transparent;
    display: inline-block !important;
}

.real-time-users-ct.list-opened .pop_up_container{
    margin-top: 0;
    display: none;
}

.real-time-users-ct .pop_up_container{
    display:inline-block;
    margin-top: 12px;
}

.real-time-users-ct .calling-title{
    display: none;
}
.real-time-users-ct .not_now_btn{
    display: none;
}

.pop-up-calling-div{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(26, 27, 28, 0.5);
    z-index: 100;
    display: none;
}

.real-time-users-ct.with-pop-up + .pop-up-calling-div{
    display: block;
}

.real-time-users-ct.with-pop-up{
    background-color: #fff;
    width: auto;
    height: 53px;
    z-index: 101;
    border-radius: 2px;
}
.real-time-users-ct.with-pop-up .calling-title{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    margin-right: 50px;
    margin-left: 16px;
}
.real-time-users-ct.with-pop-up .not_now_btn{
    font-size: 12px;
    display: inline-block;
    margin-right: 12px;
}
.real-time-users-ct.with-pop-up .meeting-btn{
    font-size: 12px;
    min-width: unset;
    min-height: unset;
    padding: 5px 15px;
    top: 1px;
    margin-right: 8px;
}
.real-time-users-ct.with-pop-up .real-time-users-ir,
.real-time-users-ct.with-pop-up .real-time-users-btn{
    display: none;
}



.real-time-users-ct .real-time-btn.video-screen-on {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-screen-1.svg") center center no-repeat;
}
.real-time-users-ct .real-time-btn.second-grid {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-screen-2.svg") center center no-repeat;
}
.real-time-users-ct .real-time-btn.video-collapse {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-screen-Mini.svg") center center no-repeat;
}

.real-time-users-ct .real-time-btn.video-screen-off {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-screen-off.svg") center center no-repeat;
}

.real-time-users-ct .real-time-btn.video-on {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-on.svg") center center no-repeat;
}

.real-time-users-ct .real-time-btn.screenshare {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/screenshare_orange.svg") center center no-repeat;
}
.real-time-users-ct .real-time-btn.screenshare-off {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/screenshare-off.svg") center center no-repeat;
}
.real-time-users-ct .real-time-btn.screenshare-disabled {
    opacity: 0.4;
    pointer-events: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/screenshare-off.svg") center center no-repeat;
}

.real-time-users-ct .real-time-btn.video-off {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-off.svg") center center no-repeat;
}

.real-time-users-ct .real-time-btn.meeting-private {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/meeting-private-black.svg") center center no-repeat;
}

.real-time-users-ct .real-time-btn.meeting-public {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/meeting-public-black.svg") center center no-repeat;
}

.real-time-users-ct .real-time-btn.microphone-on {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone.svg") center center no-repeat;
}

.real-time-users-ct .real-time-btn.microphone-off {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-off.svg") center center no-repeat;
}

.button-expandable .icon-expandable.real-time-btn.hang {
    background-size: 32px;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/hang.svg") center center no-repeat;
}

.real-time-users-ct .real-time-btn.meeting-settings {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/meeting-settings.svg") center center no-repeat;
}

.real-time-users-ct .real-time-btn.options-btn {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/options.svg") center center no-repeat;
}

.real-time-users-ct .real-time-users-header {
    width: 100%;
    background-color: #fff;
    height: 52px;
    border-bottom: 1px solid rgba(230,230,231,.4);
    display: none;
}

.real-time-users-ct .real-time-users-footer {
    position: absolute;
    bottom: 2px;
    width: 100%;
    background-color: #fafafa;
    height: 59px;
    display: none;
    left: 0;
}
.real-time-users-ct .real-time-users-footer .global-option-icons span{
    cursor: pointer;
}
.real-time-users-ct .real-time-users-footer .global-option-icons{
    display: inline-block;
    position: absolute;
    right: 27px;
    top: 15px;
}

.real-time-users-ct .real-time-users-footer .global-option-icons .sight-participants,
.real-time-users-ct .real-time-users-footer .global-option-icons .view-participants,
.real-time-users-ct .real-time-users-footer .global-option-icons .microphone-off-participants,
.real-time-users-ct .real-time-users-footer .global-option-icons .microphone-on-participants,
.real-time-users-ct .real-time-users-footer .global-option-icons .gather-all-btn{
    float: left;
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    outline: none;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    margin-right: 4px;
}


.real-time-users-ct .real-time-users-footer .global-option-icons .sight-participants{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/sight.svg") center center no-repeat;
    background-size: 24px;
}

.real-time-users-ct .real-time-users-footer .global-option-icons .view-participants{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/view-participants.svg") center center no-repeat;
    background-size: 24px;
}

.real-time-users-ct .real-time-users-footer .global-option-icons .microphone-off-participants{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-off-global.svg") center center no-repeat;
    background-size: 24px;
}

.real-time-users-ct .real-time-users-footer .global-option-icons .microphone-on-participants{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-on-global.svg") center no-repeat;
    background-size: 24px;
}


.real-time-users-ct .real-time-users-footer .global-option-icons .gather-all-btn {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/gather-all-icon.svg") center no-repeat;
    background-size: 24px;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-users-footer{
    display: block;
}

.real-time-users-ct .real-time-users-footer .real-time-global-spn{
    font-size: 14px;
    font-weight: 500;
    margin-left: 15px;
    display: inline-block;
    color: #313236;
    line-height: 62px;
    float: left;
}


.real-time-users-ct .real-time-users-header .participants-ct {
    display: inline-block;
    font-size: 16px;
    color: #313236;
    line-height: 52px;
    float: left;
}

.real-time-users-ct .real-time-users-header .sync-view-header-btn{
    width: auto;
    min-width: 73px;
    height: 24px;
    border-radius: 2px;
    border: solid 1px #ececec;
    background-color: #fff;
    padding: 0 8px;
    font-size: 12px;
    color: #b1b1b3;
    line-height: 24px;
    float: right;
    margin-top: 14px;
    margin-right: 9px;
    position: relative;
}

.real-time-users-ct .real-time-users-header .sync-view-header-btn .spinner{
    width:20px;
    height:20px;
    margin-top: -10px;
}


.real-time-users-ct .real-time-users-header .close_btn{
    opacity: 1;
    border-radius: 12px;
    padding: 0;
    cursor: pointer;
    float: right;
    margin-top: 16px;
    width: 20px;
    height: 20px;
    background: transparent url(https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/close-icon5.svg) center center no-repeat;
    background-size: contain;
    border: none;
}

.real-time-users-ct .meeting-btn {
    min-width: 100px;
    min-height: 33px;
    top: -1px;
    position: relative;
    padding: 8px 12px 8px 12px;
    font-family: Lato;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
}

.real-time-users-ct .start {
    color: #e95f35;
    border: 1px solid #ececec;
    background-color: #fff;
}

.real-time-users-ct .join {
    margin-right: 8px;
    color: #fff;
    border: 1px solid #e95f35;
    background-color: #e95f35;
    box-shadow: 0 0 0 3px rgba(251, 83, 31, 0.2), 0 0 0 6px rgba(251, 83, 31, 0.1);
}

.real-time-users-ct .start .spinner{
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/load_grey.svg") no-repeat center / 100%;
}

.real-time-users-ct .real-time-users-ir {
    height: 32px;
    width: auto;
    display: inline-block;
    position: relative;
    padding-right: 24px;
    margin-left: 46px;
    top: 8px;
}

.real-time-users-ct .real-time-users-ir:before {
    content: '';
    width: 1px;
    height: 36px;
    background-color: #f0f0f0;
    position: absolute;
    left: -20px;
    top: -2px;
}

.real-time-users-ct .above-five-users {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 4px;
    line-height: 24px;
    border-radius: 50%;
    text-align: center;
    background-color: #313236;
    color: #fff;
}

.real-time-users-ct.list-opened .above-five-users {
    display: none;
}

.real-time-users-ct.list-opened .real-time-btn-participants{
    position: absolute;
    right: 24px;
    top: 22px;
    display: inline-block;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants{
    position: absolute;
    right: 24px;
    top: 22px;
    display: inline-block;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants span{
    cursor: pointer;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants.in-meeting .microphone-on-participants{
    width: 24px;
    height: 24px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-on-participants_black.svg") center center no-repeat;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: inline-block;
}
.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants.in-meeting .microphone-off-participants{
    width: 24px;
    height: 24px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-off-participants_black.svg") center center no-repeat;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: inline-block;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants .video-on-participants{
    width: 24px;
    height: 24px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-on-participants_orange.svg") center center no-repeat;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: none;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants .video-off-participants{
    width: 24px;
    height: 24px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-off-participants_orange.png") center center no-repeat;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: none;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants .screenshare-on-participants{
    width: 24px;
    height: 24px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/screenshare-on-participants_orange.svg") center center no-repeat;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: none;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants .screenshare-off-participants{
    width: 24px;
    height: 24px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/screenshare-off-participants_orange.png") center center no-repeat;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: none;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants .sync-participants{
    width: 24px;
    height: 24px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/sync-participants_orange.svg") center center no-repeat;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: none;
}

.real-time-users-ct.list-opened .real-time-btn-participants.isEditor .sync-participants{
    width: 24px;
    height: 24px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/sync-participants_orange.svg") center center no-repeat;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    cursor: pointer;
    margin-right: -33px;
}
.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants.isEditor .sync-participants{
    margin-right: 0;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-btn-participants .hang-participants{
    width: 24px;
    height: 24px;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/hang-participants_orange.svg") center center no-repeat;
    z-index: 99;
    overflow: hidden;
    color: transparent;
    display: none;
}



.real-time-users-ct .real-time-users-ir .ir{
    display: inline-block;
    float: left;
    height: 32px;
    width: 24px;
    overflow: hidden;
    margin-right: 20px;
}

.real-time-users-ct .real-time-users-ir .ir .sync-view-btn {
    display: none;
}

.real-time-users-ct .real-time-users-ir .ir .make-editor-btn {
    display: none;
}

.real-time-users-ct .real-time-users-ir .ir .user-details {
    width: auto;
    position: relative;
    height: 32px;
    min-width: 100px;
}

.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__icon {
    width: 24px;
    height: 24px;
    overflow: hidden;
    float: left;
    margin-top: 4px;
    margin-bottom: 4px;
    position: relative;
}

.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__icon.is-user:before {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 6px;
    height: 8px;
    border: solid 1px #ffffff;
    background-color: #e95f35;
    border-radius: 0 0 50% 50%;
}

.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__icon .user-details__img {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    content: initial;
}

.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__icon .user-details__initials {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #313236;
    color: #fff;
    text-align: center;
    font-size: 9px;
    line-height: 24px;
}


.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__name{
    line-height: 15px;
    font-size: 12px;
    color: #313236;
    float: left;
    margin-left: 12px;
    margin-top: 1px;
    min-width: 40px;}

.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__status {
    line-height: 15px;
    opacity: 0.6;
    font-size: 12px;
    color: #59595b;
    position: absolute;
    left: 36px;
    top: 16px;
}

.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__dimension {
    line-height: 15px;
    opacity: 0.6;
    font-size: 12px;
    color: #59595b;
    position: absolute;
    left: 70px;
    top: 17px;
    padding-left: 3px;
}
.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__dimension:before {
    display: inline-block;
    content: "";
    background-color: #59595b;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 4px;
    margin-bottom: 1px;
}


.real-time-users-ct .real-time-users-ir .ir:hover {
    width: auto;
}

.real-time-users-ct .real-time-users-ir .ir .accept-request-btn,
.real-time-users-ct .real-time-users-ir .ir .decline-request-btn,
.real-time-users-ct .real-time-users-ir .ir .make-editor-btn,
.real-time-users-ct .real-time-users-ir .ir .sync-view-btn{
    width: auto;
    height: 24px;
    border-radius: 2px;
    border: solid 1px #ececec;
    background-color: #fff;
    padding: 0 8px;
    font-size: 12px;
    color: #b1b1b3;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 22px;
}

.real-time-users-ct .real-time-users-ir .ir .accept-request-btn{
    width: 25%;
    margin: auto;
    text-align: center;
    right: 0px;
    color: lightgreen;
}

.real-time-users-ct .real-time-users-ir .ir .decline-request-btn{
    width: 25%;
    margin: auto;
    text-align: center;
    /* position: relative; */
    right: 75px;
    color: orangered;
}

/*when user list is opened*/

.real-time-users-ct.user-in-meeting.list-opened {
    width: 360px;
    height: 454px;
    border-radius: 2px;
    border: solid 1px rgba(0, 0, 0, 0.08);
    padding: 52px 0 16px 0;
    background: #fff;
    z-index: 111;
}

.real-time-users-ct.list-opened {
    width: 360px;
    height: 324px;
    border-radius: 2px;
    border: solid 1px rgba(0, 0, 0, 0.08);
    padding: 52px 16px 16px 16px;
    background: #fff;
}

.real-time-users-ct.list-opened .real-time-users-btn {
    display: none;
}
.real-time-users-ct.list-opened .real-time-btn-container{
    display: none;
}

.real-time-users-ct.list-opened .real-time-btn-container .button-expandable{
    display: none;
}

.real-time-users-ct.list-opened .real-time-webcam{
    bottom: 270px;
}

.real-time-users-ct.list-opened .meeting-btn{
    display: none;
}

.real-time-users-ct.list-opened .real-time-users-header{
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    left: 16px;
    width: calc(100% - 32px);
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-users-header{
    border: none;
}

.real-time-users-ct.list-opened .real-time-users-ir {
    width: 100%;
    margin-left: 10px;
    height: 254px;
    overflow: auto;
    top: 0px;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-users-ir{
    border-top: 1px solid rgba(230,230,231, 0.4);
    top: 0;
    margin-left: 0;
    padding-right: 0;
    height: 316px;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-users-ir:before {
    display: none;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-users-ir .ir{
    padding-left: 26px;
    padding-right: 26px;
}

.real-time-users-ct.list-opened .real-time-users-ir .ir {
    width: 100%;
    display: block;
    height: 66px;
    border-bottom: 1px solid rgba(230,230,231, 0.4);
    margin-right: 0;
    position: relative;
}

.real-time-users-ct.user-in-meeting.list-opened .real-time-users-ir .ir:hover{
    background-color: #fafafa;
}

.real-time-users-ct.list-opened .real-time-users-ir .ir:hover .real-time-btn-participants.isUser .hang-participants{
    display: inline-block;
}

.real-time-users-ct.list-opened .real-time-users-ir .ir:hover .real-time-btn-participants.isUser .screenshare-on-participants{
    display: inline-block;
}
.real-time-users-ct.list-opened .real-time-users-ir .ir:hover .real-time-btn-participants.isUser .screenshare-off-participants{
    display: inline-block;
}
.real-time-users-ct.list-opened .real-time-users-ir .ir:hover .real-time-btn-participants.isUser .video-on-participants{
    display: inline-block;
}
.real-time-users-ct.list-opened .real-time-users-ir .ir:hover .real-time-btn-participants.isUser .video-off-participants{
    display: inline-block;
}
.real-time-users-ct.list-opened .real-time-users-ir .ir:hover .real-time-btn-participants.isUser .microphone-off-participants{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-off-participants_orange.svg") center center no-repeat;
}
.real-time-users-ct.list-opened .real-time-users-ir .ir:hover .real-time-btn-participants.isUser .microphone-on-participants{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-on-participants_orange.svg") center center no-repeat;
}


.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants.isEditor .hang-participants{
    display: inline-block;
}
.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants.isEditor .sync-participants{
    display: inline-block;
}
.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants.isEditor .screenshare-on-participants{
    display: inline-block;
}
.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants.isEditor .screenshare-off-participants{
    display: inline-block;
}
.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants.isEditor .video-on-participants{
    display: inline-block;
}
.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants.isEditor .video-off-participants{
    display: inline-block;
}

.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants.isEditor .microphone-off-participants{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-off-participants_orange.svg") center center no-repeat;
}
.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants.isEditor .microphone-on-participants{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-on-participants_orange.svg") center center no-repeat;
}

.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants.in-meeting .microphone-off-participants{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-off-participants_orange.svg") center center no-repeat;
}
.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants .microphone-on-participants{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-on-participants_orange.svg") center center no-repeat;
}
.real-time-users-ct.list-opened .real-time-users-ir.isManager .ir:hover .real-time-btn-participants.in-meeting .hang-participants{
    display: inline-block;
}

.real-time-users-ct.list-opened .real-time-users-ir .ir:last-of-type {
    border: none;
}


.real-time-users-ct.list-opened .real-time-users-ir .ir .user-details {
    height: 34px;
    margin-top: 16px;
}

.real-time-users-ct.list-opened .real-time-users-ir .ir .user-details .user-details__name {
    margin-top: 0;
}

.real-time-users-ct.list-opened .real-time-users-ir .ir .user-details .user-details__status {
    top: 17px;
}

.real-time-users-ct.list-opened .real-time-users-ir .ir .sync-view-btn,
.real-time-users-ct.list-opened .real-time-users-ir .ir .make-editor-btn {
    display: block;}

.real-time-users-ct .real-time-users-ir .ir:nth-of-type(6) ~ .ir {
    display: none;}

.real-time-users-ct.list-opened .real-time-users-ir .ir:nth-of-type(5) ~ .ir {
    display: inline-block;}

.edit-object-modal .chairs-layout-tab-object + button {
    left: 298px;
    bottom: 24px;}

/*real time users in 3d*/
.real-time-users-ct.in-3d .real-time-btn-container .button-expandable .expanded-text {
    color: #fff !important;}
.real-time-users-ct.in-3d .real-time-users-btn {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/participants_white.svg") center center no-repeat;
    background-size: 32px;}

.real-time-users-ct.in-3d .real-time-btn.second-grid {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-screen-2_white.svg") center center no-repeat;
    background-size: 32px;}
.real-time-users-ct.in-3d .real-time-btn.first-grid {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-screen-1_white.svg") center center no-repeat;
    background-size: 32px;}
.real-time-users-ct.in-3d .real-time-btn.video-collapse{
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-screen-Mini_white.svg") center center no-repeat;
    background-size: 32px;}

.real-time-users-ct.in-3d .real-time-btn.video-screen-off {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-screen-off_white.svg") center center no-repeat;
    background-size: 32px;}

.real-time-users-ct.in-3d .real-time-btn.video-on {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-on_white.svg") center center no-repeat;
    background-size: 32px;}

.real-time-users-ct.in-3d .real-time-btn.meeting-private {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/meeting-private-white.svg") center center no-repeat;}

.real-time-users-ct.in-3d .real-time-btn.meeting-public {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/meeting-public-white.svg") center center no-repeat;}

.real-time-users-ct.in-3d .real-time-btn.video-off {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-off_white.svg") center center no-repeat;
    background-size: 32px;}

.real-time-users-ct.in-3d .real-time-btn.screenshare {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/screenshare_orange.svg") center center no-repeat;
    background-size: 32px;}
.real-time-users-ct.in-3d .real-time-btn.screenshare-off {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/screenshare-off_white.svg") center center no-repeat;
    background-size: 32px;}

.real-time-users-ct.in-3d .real-time-btn.microphone {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone_white.svg") center center no-repeat;
    background-size: 32px;}
.real-time-users-ct.in-3d .real-time-btn.microphone-off {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-off_white.svg") center center no-repeat;
    background-size: 32px;}

.real-time-users-ct.in-3d .real-time-btn.hang {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/hang_white.svg") center center no-repeat;
    background-size: 32px;}

.real-time-users-ct.in-3d .real-time-btn.meeting-settings {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/meeting-settings_white.svg") center center no-repeat;
    background-size: 32px;}

.real-time-users-ct.in-3d .real-time-btn.options-btn {
    background: transparent url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/options_white.svg") center center no-repeat;
    background-size: 32px;}



.real-time-users-ct.in-3d .real-time-users-ir:before,
.real-time-users-ct.in-3d .vpn-ct:after,
.real-time-users-ct.in-3d .vpn-ct:before{
    opacity: .2;
}
.real-time-users-ct.in-3d .vpn-ct .info {
    color: #fff;
}

.real-time-users-ct.in-3d .above-five-users,
.real-time-users-ct.in-3d .real-time-users-ir .ir .user-details .user-details__icon .user-details__initials{
    background-color: #fff;
    color: #313236;}

.real-time-users-ct.in-3d .real-time-users-ir .ir .user-details .user-details__name,
.real-time-users-ct.in-3d .real-time-users-ir .ir .user-details .user-details__status{
    color: #fff;
}

.real-time-users-ct.list-opened.in-3d .real-time-users-ir .ir .user-details .user-details__name {
    color: #313236;}

.real-time-users-ct.list-opened.in-3d .real-time-users-ir .ir .user-details .user-details__status {
    color: #59595b;}

.real-time-users-ct.list-opened.in-3d .real-time-users-ir .ir .user-details .user-details__icon .user-details__initials {
    background-color: #313236;
    color: #fff;
}

.real-time-users-ct .above-five-users {
    display: none;
    background-color: #c3c6cb;}

.video-actions {
    position: relative;
    /*height: 90px;*/
    /*width: 120px;*/
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 73%, rgba(0, 0, 0, 0.8)), linear-gradient(to bottom, #313236, #313236);
    z-index: 11;
    top: 0;
}
.video-actions .action-text {
    color: #fff;
    font-size: 10px;
    position: absolute;
    width: 120px;
    top: 40px;
    text-align: center;
    line-height: 12px;
    opacity: 0.9;
    left: 0;
}
.video-actions .spinner {
    position: absolute;
    left: 51px;
    top: 60px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/load.svg") no-repeat center/100%;
    transform-origin: 50% 50%;
    -webkit-animation: rotation 0.7s infinite linear;
    width: 17px;
    height: 17px;
}
.video-actions .action-icon-span {
    background-size: 32px;
    width: 32px;
    position: absolute;
    height: 32px;
    top: 7px;
    left: 45px;
    opacity: 0.4;
}
.video-actions .action-icon-span.action-video {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/video-on_white.svg") center no-repeat;
}
.video-actions .action-icon-span.action-audio {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/microphone-on-video_white.svg") center no-repeat;
}
.video-actions .action-icon-span.action-share-screen {
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/screenshare-off_white.svg") center no-repeat;
}


.chairs-wrapper.chairs-nav-content  .as-row .measurements{
    display: none !important;
}

.chairs-wrapper.chairs-nav-content .group-round .plus,
.chairs-wrapper.chairs-nav-content .group-round .minus {
    display: none;
}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .chair-center-button {
    position: absolute;
    left: 133px;
}

.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round > div > .as-row div .inline-block {
    position: relative;
}
/* mobile android and ios detection */
@media (hover: none) and (pointer: coarse) {
    .real-time-users-ct .real-time-btn-container .button-expandable.share-screen-btn {
        pointer-events: none;
        opacity: 0.5;
    }

}

/*firefox only rules */
@-moz-document url-prefix() {
    .real-time-users-ct .real-time-btn-container .button-expandable {
        float: left;
    }
    .real-time-users-ct .real-time-btn-container .button-expandable:hover {
        top: 22px;
    }
    .real-time-users-ct .real-time-users-btn {
        top: -6px;
    }
    .real-time-users-ct.user-in-meeting .real-time-users-btn {
        top: 5px;
    }
    .real-time-users-ct .above-five-users {
        top:12px;
    }
    .real-time-users-ct {
        bottom:13px;
    }
    .real-time-users-ct.user-in-meeting {
        bottom: 22px;
    }
    .real-time-users-ct.user-in-meeting .real-time-users-ir::before {
        top: 9px;
    }
}

/*force website in lanscape mode*/
@media only screen and (orientation: portrait){
    .device-orientation {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg) scaleX(0.95);
        transform-origin: left top;
        width: 100vh !important;
        height: 100vw !important;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
}
@media only screen and (orientation:landscape){
    .device-orientation {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
/*end force website in lanscape mode*/

.edit-object-modal .chairs-layout-tab-object + button + .chairs-total {
    top: 68px;
    right: 32px;
}


.chairsPosition-composition.chair-type-settings-modal {
    height: 26px;
    line-height: 26px;
}

/*.floorplan-modal */
.chairsPosition-composition.chair-type-settings-modal{
    padding-left: 12px;
}


.chairsPosition-composition.chair-type-settings-modal > p {
    display: inline-block;
    float: left;
    margin-bottom: 0;
}

.chairsPosition-composition.chair-type-settings-modal div.measurements {
    float: right;
}

.chairsPosition-composition.chair-type-settings-modal div.measurements .dropdown,
.chairsPosition-composition.chair-type-settings-modal div.measurements input {
    width: 189px;
}

.chairsPosition.chairsPosition-composition {
    height: 26px;
    line-height: 26px;
    margin-bottom: 12px;
}

/*.floorplan-modal*/
.chairsPosition.chairsPosition-composition{
    padding-left: 12px;
}

.chairsPosition.chairsPosition-composition .chairs-orientation-ct {
    width: 26px;
    height: 26px;
    margin: 0;
    position: absolute;
    right: 10px;
}

.chairsPosition.chairsPosition-composition .chairs-orientation-ct .chairs-face-btn {
    width: 26px;
    height: 26px;
    background: #FFF url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/orientation-2.svg") center center no-repeat;
    background-size: 80%;
    border: solid 1px #e3e3e4;
}

.chairsPosition.chairsPosition-composition .chairs-orientation-ct .chairs-face-btn:hover {
    background: #FFF url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/orientation-2.svg") center center no-repeat;
    background-size: 80%;
    border-color: #adbebc;
}

/*.chairsPosition.chairsPosition-composition .dropdown {*/
/*margin-right: 33px;*/
/*}*/

/*.floorplan-modal */
.chairs-tab .chairs-layout-color-wrapper {
    padding-left: 12px;
}

.edit-object-modal .chairsPosition.chairsPosition-composition .chairs-orientation-ct {
    right: 14px;
}

.group-round.roundSettings {
    padding-left: 12px;
}

.group-round input::-webkit-outer-spin-button,
.group-round input::-webkit-inner-spin-button {
    display: none;
}

.chairsPosition.chairsPosition-composition .dropdown {
    width: 156px;}

.chairsPosition.chairsPosition-composition .dropdown input {
    width: 155px;}


.chairsPosition-composition.chair-type-settings-modal  .measurements .dropdown .dropdown-content .ir label {
    margin-left: 10px;}

.chairs-capacity-ct input[type='number']:disabled,
.as-chairs-num.as-col-right input[type='number']:disabled {
    background-color: #fff !important;
}

.floorplan-modal.modal-shadow .modal-body .as-row .measurements label input.disabled,
.edit-object-modal.modal-shadow .modal-body .as-row .measurements label input.disabled{
    color: #59595b;
}

.real-time-bubble {
    top: -350px !important;
}

.edit-object-modal .section-wrapper .chb-square + span{
    font-size: 12px;
}

.webRTC.second-grid .video-users-ct__prev {
    bottom: 62px;
}

.webRTC.second-grid .video-users-ct__next {
    bottom: 90px;
}


.layout-panel .left-controls > form > .events-list > div.search-button.displayNone + div {
    top: 213px !important;
}

/*quick fix*/
.as-admin main ul.nav-tabs, .guests-panel main ul.nav-tabs {
    overflow: hidden;
}
.occasions-list main ul.nav-tabs li {
    height: 28px;
}


.booth-tab-div textarea {
    height: 180px;
    resize: none;
    margin-top: 4px;
}

.booth-tab-div input {
    height: 32px;
    border-radius: 4px;
    border: solid 1px #ececec;
    background-color: #fff;
    color: #59595b;
    text-indent: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-family: OpenSans;
    font-weight: normal;
}

.booth-tab-div .booth-tab-ct__div {
    height: 50px;
    line-height: 50px;
    /*border-bottom: 1px solid rgba(230,230,231,.4);*/
}

.booth-tab-div .booth-tab-ct__div .chb-square {
    margin-top: 13px;
}

.booth-tab-div .booth-tab-ct__div > span{
    display: inline-block;
    width: 90px;
}

.booth-tab-div .booth-tab-ct__div .apply-btn {
    height: 32px;
    line-height: 32px;
    border: none;
    border-radius: 4px;
    color: #fff;
    background-color: #e95f35;
    text-transform: uppercase;
    min-width: 32px;
}

.booth-tab-div .booth-tab-ct__div input + .error-message {
    display: none;
}

.booth-tab-div .booth-tab-ct__div input.inputError + .error-message {
    display: block;
    position: absolute;
    top: -24px;
    color: red;
    white-space: nowrap;
}

.booth-tab-div .booth-tab-ct__div label {
    position: relative;
}


.categorise-button {
    font-size: 12px;
    line-height: 22px;
    width: auto;
    display: inline-block;
    height: 22px;
    padding: 0 6px;
    margin-top: 11px;
    border-radius: 2px;

    border: solid 1px #e3e3e4;
    background-color: #ffffff;
    color: #e95f35;
}

.categorise-button:hover {
    background-color: #e95f35;
    border-color: #e95f35;
    color: #fff;
}

.layout-panel .left-controls > form > .events-list > div.search-button > span.manage-chairs-span {
    margin-top: 13px;
    font-size: 13px;
    line-height: 16px;
    color: #5d5d5f;
}

.left-controls>form>.events-list>div>div.events-list .event-item div.object-details p.name {
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.left-controls>form>.events-list>div>div.events-list .event-item .cort_multiColor{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("https://allseated-res.cloudinary.com/image/upload/v1/asPlatform/styles/img/color-wheel_2x.png") center no-repeat;
    background-size: 12px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 1;
    top: 42px;
    left: 70px;
}

.left-controls>form>.events-list>div>div.events-list .event-item div.object-details p.cort-multi-color-text{
    opacity: 0;
    visibility: hidden;
    margin-top: 3px;
}

.campaign-popup {
    position: fixed;
    width: 100%;
    z-index: 10;
    height: 100%;
    background: rgba(0.5,0.5,0.5,0.1);
}