@font-face {
    font-family: 'OpenSans';
    font-weight:normal;
    src: url("./fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url("./fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url("./fonts/OpenSans/OpenSans-Semibold.ttf") format("truetype");
}
@font-face {
    font-family: 'Allseated';
    src: url('fonts/Allseated.eot');
    src: url('fonts/Allseated.eot?#iefix') format('embedded-opentype'),
    url('fonts/Allseated.woff') format('woff'),
    url('fonts/Allseated.ttf') format('truetype'),
    url('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 { /* Code for Firefox */
    background: #e6e7e8;
}
::selection {
    background: #e6e7e8;
}
video::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none !important;
    opacity: 0 !important;
}
.media-controls.faded > *:not(.placard){
    opacity: 0 !important;
}
.selectableText,
input {
    -moz-user-select: -moz-text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text;
}
img {
    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: 0px;
}
.custom-cursor {
    cursor: url(./img/custom-cursor.png), default;
}
.person-cursor {
    background: url(./img/icon_seating_pointer.svg) no-repeat;
    width: 20px;
    height: 19px;
    z-index: 999;
    position: absolute;
    pointer-events: none;
}
.blockLayerForModals {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10;
}
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: 33.3%;
    float: left;
}
div.sp-cf.sp-palette-row .sp-thumb-el {
    width: 12px;
    height: 12px;
    margin: 0;
    border: 1px solid #000;
}
div.sp-cf.sp-palette-row .sp-thumb-el:hover {
    border-color: orange;
}
div.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: none;
    border: 2px solid orange;
}
div.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: none;
    border: 2px solid red;
}
html, body, .main-container,
.main-container > div > div,
.fill-page, .fill-page > div,
.occasions-list > div {
    width: 100%;
    height: 100%;
    /*    position: relative;  */
    overflow-y: hidden;
    overflow-x: hidden;
}
.fill-page .marketPulseMain {
    overflow: auto;
    background: #d4dad9;
    overflow-x: hidden;
    width: calc(100vw + 20px);
    min-width: 1100px;
}
/*.preloader-image {*/
    /*background:url(./img/load.gif) no-repeat;*/
    /*display: inline-block;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*background-size: cover;*/
/*}*/
/*.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;
}
.welcome-wrapper .btn img.spinner {
    margin-top: 4px;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { 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';}
.icon-logo-01:before{content:'\0046';}

[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;
}
.icon_penguin_warning {
    background: url(./img/icon_penguin_warning.svg) no-repeat;
}
.icon_penguin_question {
    background: url(./img/icon_penguin_question.svg) no-repeat;
}
.icon_penguin_question_sign {
    background: url(./img/icon_penguin_question_sign.svg) no-repeat;
}
.icon_penguin_card_error {
    background: url(./img/icon_penguin_credit_card_error.svg) no-repeat;
}
.icon_penguin_notice {
    background: url(./img/icon_penguin_notice.svg) no-repeat;
}
.icon_penguin_like {
    background: url(./img/icon_penguin_like.svg) no-repeat;
}
.icon_penguin_error {
    background: url(./img/icon_penguin_error.svg) no-repeat;
}
.icon_penguin_locked {
    background: url(./img/icon_penguin_locked.svg) no-repeat;
}
.icon_penguin_notallowed {
    background: url(./img/icon_penguin_not_allowed.svg) no-repeat;
}

.color_beige {
    background: url(./img/colors/GR_Beige.svg) no-repeat;
}
.color_black_gloss {
    background: url(./img/colors/GR_Black_Gloss.svg) no-repeat;
}
.color_black_white {
    background: url(./img/colors/GR_Black_White.svg) no-repeat;
}
.color_blue {
    background: url(./img/colors/GR_Blue.svg) no-repeat;
}
.color_black {
    background: url(./img/colors/GR_Black.svg) no-repeat;
}
.color_blue_ultra {
    background: url(./img/colors/GR_Blue_Ultra_Suede.svg) no-repeat;
}
.color_brick_alligator {
    background: url(./img/colors/GR_Brick_Alligator.svg) no-repeat;
}
.color_brown {
    background: url(./img/colors/GR_Brown.svg) no-repeat;
}
.color_brown_grey {
    background: url(./img/colors/GR_Brown_Gray.svg) no-repeat;
}
.color_burgundy {
    background: url(./img/colors/GR_Burgundy.svg) no-repeat;
}
.color_camel_ultra {
    background: url(./img/colors/GR_Camel_Ultra_Suede.svg) no-repeat;
}
.color_celery_ultra {
    background: url(./img/colors/GR_Celery_Ultra_Suede.svg) no-repeat;
}
.color_copper {
    background: url(./img/colors/GR_Copper.svg) no-repeat;
}
.color_cream {
    background: url(./img/colors/GR_Cream.svg) no-repeat;
}
.color_filigree {
    background: url(./img/colors/GR_Filigree.svg) no-repeat;
}
.color_gold {
    background: url(./img/colors/GR_Gold.svg) no-repeat;
}
.color_gold_alligator {
    background: url(./img/colors/GR_Gold_Alligator.svg) no-repeat;
}
.color_green {
    background: url(./img/colors/GR_Green.svg) no-repeat;
}
.color_grey {
    background: url(./img/colors/GR_Grey.svg) no-repeat;
}
.color_grey_fabric {
    background: url(./img/colors/GR_Grey_Fabric.svg) no-repeat;
}
.color_grey_python {
    background: url(./img/colors/GR_Grey_Python.svg) no-repeat;
}
.color_grey_taupe {
    background: url(./img/colors/GR_Grey_Taupe.svg) no-repeat;
}
.color_gunmetal {
    background: url(./img/colors/GR_Gunmetal.svg) no-repeat;
}
.color_light_blue {
    background: url(./img/colors/GR_Light_Blue.svg) no-repeat;
}
.color_maple {
    background: url(./img/colors/GR_Maple.svg) no-repeat;
}
.color_neutral_oatmeal {
    background: url(./img/colors/GR_Neutral_Oatmeal.svg) no-repeat;
}
.color_orange {
    background: url(./img/colors/GR_Orange.svg) no-repeat;
}
.color_orange_ultra {
    background: url(./img/colors/GR_Orange_Ultra_Suede.svg) no-repeat;
}
.color_pear_green {
    background: url(./img/colors/GR_Pear_Green.svg) no-repeat;
}
.color_pink {
    background: url(./img/colors/GR_Pink.svg) no-repeat;
}
.color_platinum {
    background: url(./img/colors/GR_Platinum_Suede.svg) no-repeat;
}
.color_purple {
    background: url(./img/colors/GR_Purple.svg) no-repeat;
}
.color_red {
    background: url(./img/colors/GR_Red.svg) no-repeat;
}
.color_red_vinyl {
    background: url(./img/colors/GR_Red_Vinyl.svg) no-repeat;
}
.color_rose_gold {
    background: url(./img/colors/GR_Rose_Gold.svg) no-repeat;
}
.color_rose_mirror {
    background: url(./img/colors/GR_Rose_Mirror.svg) no-repeat;
}
.color_snow_leopard {
    background: url(./img/colors/GR_Snow_Leopard.svg) no-repeat;
}
.color_teal {
    background: url(./img/colors/GR_Teal.svg) no-repeat;
}
.color_transparent_chrome {
    background: url(./img/colors/GR_Transparent_Chrome.svg) no-repeat;
}
.color_white {
    background: url(./img/colors/GR_White.svg) no-repeat;
}
.color_white_classic {
    background: url(./img/colors/GR_White_Classic_Vinyl.svg) no-repeat;
}
.color_white_gloss {
    background: url(./img/colors/GR_White_Gloss.svg) no-repeat;
}
.color_white_tiger {
    background: url(./img/colors/GR_White_Tiger.svg) no-repeat;
}
.color_yellow {
    background: url(./img/colors/GR_Yellow.svg) no-repeat;
}


.GR_Icon_Band {
    background: url(./img/icon_band.svg) no-repeat;
}
.GR_Icon_Cake {
    background: url(./img/icon_cake.svg) no-repeat;
}
.GR_Icon_Calligraphy {
    background: url(./img/icon_caligraphy.svg) no-repeat;
}
.GR_Icon_DJ {
    background: url(./img/icon_dj.svg) no-repeat;
}
.GR_Icon_Dress{
    background: url(./img/icon_dress.svg) no-repeat;
}
.icon_edit {
    background: url(./img/Edit.svg) no-repeat;
    width: 16px;
    height: 16px;
}
.icon_edit_disabled {
    background: url(./img/icon_edit_disabled.svg) no-repeat;
    width: 16px;
    height: 16px;
}
.icon_edit_enabled {
    background: url(./img/icon_edit.svg) no-repeat;
    width: 16px;
    height: 16px;
}
.icon_seating_chair {
    background: url(./img/icon_seating_chair.svg) no-repeat;
    background-size: contain !important;
}
.icon_seating_orange {
    background: url(./img/icon_seating_orange.svg) no-repeat;
    background-size: contain !important;
}
.icon_seating_white {
    background: url(./img/icon_seating_white.svg) no-repeat;
    background-size: contain !important
}
.icon_seating_checkmark {
    background: url(./img/icon_seating_checkmark.svg) no-repeat;
    background-size: contain !important;
}
.icon_seating_question_mark {
    background: url(./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: 0px;
    color: #ffffff;
    line-height: 14px;
    text-align: center;
    margin-left: 8px;
    margin-top: 8px;
    cursor: pointer;
}
.GR_Icon_Florist {
    background: url(./img/icon_florist.svg) no-repeat;
}
.GR_Icon_Hair {
    background: url(./img/icon_hair_makeup.svg) no-repeat;
}
.icon_invitations {
    background: url(./img/icon_invitations.svg) no-repeat;
}
.icon_invite {
    background: url(./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;
}
.GR_Icon_Lighting {
    background: url(./img/icon_lighting.svg) no-repeat;
}
.GR_Icon_Limo {
    background: url(./img/icon_limo.svg) no-repeat;
}
.GR_Icon_Officiant {
    background: url(./img/icon_officiant.svg) no-repeat;
}
.GR_Icon_Photographer {
    background: url(./img/icon_photographer.svg) no-repeat;
}
.icon_star_base {
    width: 14px !important;
    height: 14px !important;
    margin-top: 10px;
    margin-left: 1px;
    background: url(./img/GR_Star_Base.svg) no-repeat;
}
.icon_star_base:hover {
    background: url(./img/GR_Star_Over.svg) no-repeat;
}
.icon_star_active {
    width: 14px !important;
    height: 14px !important;
    margin-top: 10px;
    margin-left: 1px;
    background: url(./img/GR_Star_Click.svg) no-repeat;
}
.icon_trash {
    background: url(./img/icon_trash.svg) no-repeat;
}
.icon_trash_white {
    background: url(./img/icon_trash_white.svg) no-repeat;
}
.icon_trash2 {
    background: url(./img/icon_trash2.svg) no-repeat;
}
.icon_vendor_status_approved {
    background: url(./img/icon_vendor_status_approved.svg) no-repeat;
}
.icon_vendor_status_sent {
    background: url(./img/icon_vendor_status_sent.svg) no-repeat;
}
.icon_vendor_status_maybe {
    background: url(./img/icon_vendor_status_maybe.svg) no-repeat;
}
.icon_video,
.GR_Icon_Videographer {
    background: url(./img/icon_video.svg) no-repeat;
}
.GR_Icon_Stationer {
    background: url(./img/icon_stationery.svg) no-repeat;
}
.GR_Icon_Designer {
    background: url(./img/icon_designer.svg) no-repeat;
}
.GR_Icon_Rentals {
    background: url(./img/icon_rentals.svg) no-repeat;
}
.GR_Icon_Other {
    background: url(./img/icon_other.svg) no-repeat;
}
.icon_warning {
    background: url(./img/icon_warning.svg) no-repeat;
}
.icon_potential_reach {
    background: url(./img/Potential_reach_people.svg) no-repeat;
}
.icon_box_uncheck {
    background: url(./img/Box_uncheck.svg) no-repeat;
}
.icon_discover_card {
    background: url(./img/discover.png) no-repeat;
}
.icon_dropdown_arrow_black {
    background: url(./img/Dropdown_arrow_black.svg) no-repeat;
}
.icon_exclamation_mark {
    background: url(./img/exclamation_mark.svg) no-repeat;
}
.icon_exposure_graph {
    background: url(./img/Exposure_graph.svg) no-repeat;
}
.icon_info {
    background: url(./img/info.svg) no-repeat;
    width: 18px;
    height: 18px;
}
.icon_delete {
    background: url("./img/remove-black.png") no-repeat;
    width: 24px;
    height: 24px;
}
.icon_leads_graph {
    background: url(./img/Leads_graph.svg) no-repeat;
}
.icon_magnifying_glass {
    background: url(./img/Magnifying_glass.svg) no-repeat;
}
.icon_mastercard {
    background: url(./img/master-card.png) no-repeat;
}
.icon_profile_icon {
    background: url(./img/Profile_icon.svg) no-repeat;
}
.icon_profile_views_graph {
    background: url(./img/Profile_views_graph.svg) no-repeat;
}
.icon_radio_btn_checked {
    background: url(./img/Radio_btn_checked.svg) no-repeat;
}
.icon_radio_btn_unchecked {
    background: url(./img/Radio_btn_unchecked.svg) no-repeat;
}
.icon_visa_card {
    background: url(./img/visa.png) no-repeat;
}
.icon_x_orange {
    background: url(./img/x.svg) no-repeat;
}
.icon_search_x {
    background: url(./img/x_icon.svg) no-repeat;
}
.icon_plus {
    background: url(./img/plus.svg) no-repeat;
}
.icon_plus_white {
    background: url(./img/icon_plus.svg) no-repeat;
}
.icon_refresh {
    background: url(./img/icon_refresh.svg) no-repeat;
}
.icon_amex_card {
    background: url(./img/amex.png) no-repeat;
}
.icon_box_check {
    background: url(./img/Box_check.svg) no-repeat;
}
.icon_permission {
    background: url(./img/permissions.svg) no-repeat;
}
.icon_magnifier {
    background: url(./img/Btn_Search_Base.svg) no-repeat;
}
.icon_magnifier_glass {
    background: url(./img/GR_Icon_Magnifier.svg) no-repeat;
}
.icon_magnifier:hover {
    background: url(./img/Btn_Search_Over.svg) no-repeat;
}
.icon_blue_pin {
    background: url(./img/icon_blue_pin.svg) no-repeat;
}
.icon_duplicate {
    background: url(./img/icon_duplicate.svg) no-repeat;
}
.icon_move_down {
    background: url(./img/icon_move_down.svg) no-repeat;
}
.icon_move_up {
    background: url(./img/icon_move_up.svg) no-repeat;
}
.icon_move_up_down {
    background: url(./img/icon_move_up_down.svg) no-repeat;
}
.icon_Settings {
    background: url(./img/icon_Settings.svg) no-repeat;
}
.icon_trash3 {
    background: url(./img/icon_trash3.svg) no-repeat;
}
.map_icon_info {
    background: url(./img/map_icon_info.svg) no-repeat;
}
.disabledButton .map_icon_info {
    background: url(./img/map_icon_info2.svg) no-repeat;
}
.map_icon_pdf {
    background: url(./img/map_icon_pdf.svg) no-repeat;
}
.map_icon_ruler {
    background: url(./img/map_icon_ruler.svg) no-repeat;
}
.disabledButton .map_icon_ruler {
    background: url(./img/map_icon_ruler2.svg) no-repeat;
}
.map_icon_settings {
    background: url(./img/map_icon_settings.svg) no-repeat;
}
.disabledButton .map_icon_settings {
    background: url(./img/map_icon_settings2.svg) no-repeat;
}
.map_icon_table_numbers {
    background: url(./img/map_icon_table_numbers.svg) no-repeat;
}
.disabledButton .map_icon_table_numbers {
    background: url(./img/map_icon_table_numbers2.svg) no-repeat;
}
.map_icon_table_print {
    background: url(./img/map_icon_table_print.svg) no-repeat;
}
.disabledButton .map_icon_table_print {
    background: url(./img/map_icon_table_print2.svg) no-repeat;
}
.map_icon_table_status {
    background: url(./img/map_icon_table_status.svg) no-repeat;
}
.disabledButton .map_icon_table_status {
    background: url(./img/map_icon_table_status2.svg) no-repeat;
}
.map_icon_templates {
    background: url(./img/map_icon_templates.svg) no-repeat;
}
.disabledButton .map_icon_templates {
    background: url(./img/map_icon_templates2.svg) no-repeat;
}
.map_icon_zoom {
    background: url(./img/map_icon_zoom.svg) no-repeat;
}
.disabledButton .map_icon_zoom {
    background: url(./img/map_icon_zoom2.svg) no-repeat;
}
.map_icon_grid {
    background: url(./img/map_icon_grid.svg) no-repeat;
}
.disabledButton .map_icon_grid {
    background: url(./img/map_icon_grid2.svg) no-repeat;
}
.icon_align_hor {
    background: url(./img/icon_align_hor.svg) no-repeat;
}
.icon_align_vert {
    background: url(./img/icon_align_vert.svg) no-repeat;
}
.icon_arrange_back {
    background: url(./img/icon_arrange_back.svg) no-repeat;
}
.icon_arrange_backward {
    background: url(./img/icon_arrange_backward.svg) no-repeat;
}
.icon_arrange_forward {
    background: url(./img/icon_arrange_forward.svg) no-repeat;
}
.icon_arrange_front {
    background: url(./img/icon_arrange_front.svg) no-repeat;
}
.icon_assign_seating {
    background: url(./img/icon_assign_seating.svg) no-repeat;
}
.icon_chairs_curve {
    background: url(./img/icon_chairs_curve.svg) no-repeat;
}
.icon_chairs_curved_pyramid {
    background: url(./img/icon_chairs_curved_pyramid.svg) no-repeat;
}
.icon_chairs_pyramid {
    background: url(./img/icon_chairs_pyramid.svg) no-repeat;
}
.icon_chairs_rows {
    background: url(./img/icon_chairs_rows.svg) no-repeat;
}
.icon_clone_down {
    background: url(./img/icon_clone_down.svg) no-repeat;
}
.icon_clone_left {
    background: url(./img/icon_clone_left.svg) no-repeat;
}
.icon_clone_right {
    background: url(./img/icon_clone_right.svg) no-repeat;
}
.icon_clone_up {
    background: url(./img/icon_clone_up.svg) no-repeat;
}
.icon_remove_selected {
    background: url(./img/icon_remove_selected.svg) no-repeat;
}
.icon_seat {
    background: url(./img/icon_seat.svg) no-repeat;
}
.icon_select_all {
    background: url(./img/icon_select_all.svg) no-repeat;
}
.icon_space_hor {
    background: url(./img/icon_space_hor.svg) no-repeat;
}
.icon_space_vert {
    background: url(./img/icon_space_vert.svg) no-repeat;
}
.icon_switch_with_table {
    background: url(./img/Icon_Switch_Tables.svg) no-repeat;
}
.icon_unseat {
    background: url(./img/icon_unseat.svg) no-repeat;
}
.icon_unselect_all {
    background: url(./img/icon_unselect_all.svg) no-repeat;
}
.icon_collapse {
    background: url(./img/icon_window_close.svg) no-repeat;
}
.icon_expand {
    background: url(./img/icon_window_open.svg) no-repeat;
}
.icon_padlock_open {
    background: url(./img/icon_lock_open.svg) no-repeat;
}
.icon_padlock_closed {
    background: url(./img/icon_lock_closed.svg) no-repeat;
}
.icon_fit {
    background: url(./img/icon_fit.svg) no-repeat;
}
.icon_file_open {
    background: url(./img/GR_Btn_Browse_Base.svg) no-repeat;
    background-position: 0;
}
.icon_file_open:hover {
    background: url(./img/GR_Btn_Browse_Over.svg) no-repeat;
    background-position: 0;
}
.icon_pan {
    background: url(./img/icon_pan.svg) no-repeat;
}
.icon_zoom_in {
    background: url(./img/icon_zoom_in.svg) no-repeat;
}
.icon_zoom_out {
    background: url(./img/icon_zoom_out.svg) no-repeat;
}
.icon_tool_airwall {
    background: url(./img/tool_airwall.svg) no-repeat;
}
.icon_tool_chair {
    background: url(./img/tool_chair.svg) no-repeat;
}
.icon_tool_elipse {
    background: url(./img/tool_elipse.svg) no-repeat;
}
.icon_tool_line {
    background: url(./img/tool_line.svg) no-repeat;
}
.icon_tool_arrow {
    background: url(./img/tool_arrow.svg) no-repeat;
}
.icon_tool_square {
    background: url(./img/tool_square.svg) no-repeat;
}
.icon_tool_text {
    background: url(./img/tool_text.svg) no-repeat;
}
.icon_fb {
    background: url(./img/Icon_Import_FB.svg) no-repeat;
}
.icon_excel {
    background: url(./img/Icon_Import_Xcel.svg) no-repeat;
}
.icon_floorplan {
    background: url(./img/Icon_Floorplan.svg) no-repeat;
}
.icon_print {
    background: url(./img/Icon_Print.svg) no-repeat;
}
.icon_table_numbers {
    background: url(./img/Icon_Table_Numbers.svg) no-repeat;
}
.icon_transparency_high {
    background: url(./img/Icon_Transparency_1.svg) no-repeat;
}
.icon_transparency_medium {
    background: url(./img/Icon_Transparency_2.svg) no-repeat;
}
.icon_transparency_low {
    background: url(./img/Icon_Transparency_3.svg) no-repeat;
}
.icon_view_bird {
    background: url(./img/Icon_View_Bird.svg) no-repeat;
}
.icon_view_walking {
    background: url(./img/Icon_View_Walking.svg) no-repeat;
}
.icon_walls {
    background: url(./img/Icon_Walls.svg) no-repeat;
}
*:focus {
    outline: none;
}
.orange-text {
    color: #ec6137;
}
#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;
}

div.main-box > div:first-child {
    position: absolute;
    left: calc( 50% - 230px );
    top: calc( 50% - 265px );
    overflow: visible;
}
.crosshair-cursor * {
    cursor: crosshair !important;
    /*cursor: url(./img/allseated_loader-128c.gif) !important;*/
}

/*.allseated-loading-cursor * {*/
    /*cursor: (./img/logo_chrome.png) !important;*/
/*}*/


.normal-cursor {
    cursor: default;
}

.loginContainerLogo{
    height: 100px;
    width:462px;
    background-color: #313237;
    color: orangered;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 0;
}

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

.loginContainerLogo .app-logo:before {
    font-family: "Allseated", "OpenSans";
    font-size: 170px;
    color: #E96035;
}
.chrome-notice {
    display: none;
}
.browser-issue.chrome-notice {
    display: block;
    font-family: OpenSans;
    font-size: 13px;
    background: url(./img/logo_chrome.png) no-repeat;
    margin: 0;
    margin-top: 14px;
    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;
}
/*Chrome(6+) Safari(5+) Firefox(5+) Opera(12+) IE(10+) Android(4.4+) iOS(4+)*/
.loginContainerLogo .app-logo:before {
    animation: pulse 1s;
}
@keyframes pulse {
    0% {
        content: '';
    }
    100% {
        content: '\0046';
    }
}
.blue-logo,
.blue-logo:before {
    color: #278AE1 !important;
}
.green-logo,
.green-logo:before {
    color: #8DC63F !important;
}
.orange-logo,
.orange-logo:before {
    color: #EC6136 !important;
}
.red-logo,
.red-logo:before {
    color: #ED1C24 !important;
}
.white-logo,
.white-logo:before {
    color: #FFFFFF !important;
}
.loginContainer,
.newPasswordContainer {
    height: 100%;
    width: 100%;
    background-color: white;
    padding: 0;
    position: relative;
    z-index: 10;
}
.loginContainerBorder{
    width: 100%;
    height: 100%;
    background-color: white;
}

.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,
.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,
.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 {
    margin: 0;
}

.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 {
    color: #ec6137;
    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;
    color: #ec6137;
    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: #ffffff;
}

.chb-square {
    background: #fff;
    width: 13px;
    margin-top: 1.5px;
    height: 13px;
    border: 1px solid #94A2A1;
    float: left;
    margin-right: 8px;
    cursor: pointer;
}
.chb-square.rounded {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: none;
    margin-top: 5px;
}
.chb-square.checked {
    background: #7fa062;
    box-shadow: inset 1.5px 1.5px #fff, inset -1.5px -1.5px #fff;
}
.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('./img/GR_RSVP_Yes.svg') no-repeat;
    background-color: #fff;
}
.chb-square.rounded.checked.maybe {
    background: url('./img/GR_RSVP_Maybe.svg') no-repeat;
    background-color: #fff;
}
.chb-square.rounded.checked.no {
    background: url('./img/GR_RSVP_No.svg') no-repeat;
    background-color: #fff;
}
.chb-square.rounded.checked.not_set {
    background: url('./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;
    color: #ec6137;
    font-family: 'OpenSans-Bold';
    font-weight:normal;
    font-size: 20px;
    margin-top: 0px;
}
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;
    color: #E96035;
    padding-bottom: 15px;
}

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

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

.btn.btn-orange {
    color: #ffffff;
    background-color: #ec6036;
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    border-color: #ec6036 #ec6036 #ec6036;
}
.btn.btn-orange:hover {
    color: #ffffff;
    background-color: #ec6036;
    background-image: linear-gradient(to bottom, #ec6036, #ec6036);
    border-color: #ec6036 #ec6036 #ec6036;
}
.btn-grey {
    background-color: #adbebd;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#adbebd), to(#97a5a4));
    background-image: -webkit-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -moz-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -ms-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -o-gradient(to bottom, #adbebd, #97a5a4);
    background-image: linear-gradient(to bottom, #adbebd, #97a5a4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #97a5a4 #97a5a4 #97a5a4;
    color: #ffffff;
}

.preloader{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
}
.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;
}

.ir:hover {
    color: #0094ff;
}

.ir:active {
    color: #ccc;
}

.ir.selected,
.ir.selected > div > label {
    background: #f0f0f0;
}
.ir.selected .selected-color {
    color: #ee602d;
}
.events-list .ir.selected {
    background: #f0f0f0;
}
.events-list.primary-list .ir.selected {
    background: transparent;
}
.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 .loginContainerForm--column{

}

.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;
    flex: 0 1 auto;
    min-height: 65px;
    background: #313237;
    border-radius: 0;
    color: #ea6123;
    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;
}
.as-admin .navbar-as .navbar-brand,
.event-page .navbar-as .navbar-brand {
    font-family: Allseated;
    font-size: 160px;
    height: 100%;
    line-height: 38px;
    color: #fff;
    overflow: hidden;
}
.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: 0px;
    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;
    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;
}
.as-admin .navbar-as ul.nav.navbar-nav li.selected-navItem,
.event-page .navbar-as ul.nav.navbar-nav li.selected-navItem {
    background-color: #f16d24;
    background-image: linear-gradient(to top, #dd4f25, #e76621);
    border-color: #e76621 #e76621 #e76621;
}
.as-admin .navbar-as ul.nav.navbar-nav li.selected-navItem a:hover,
.event-page .navbar-as ul.nav.navbar-nav li.selected-navItem a:hover {
    background-color: transparent;
}
.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: 35px;
    border-bottom: 5px solid #ec6036;
    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: 105px;
    height: 100%;
    font-size: 12px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
    cursor: pointer;
}
.layout-panel .left-controls ul.nav-tabs li{
    width:33.3%;
}
.as-admin main ul.nav-tabs li a,
.guests-panel main ul.nav-tabs li a {
    color: #000;
    padding: 6px 0px;
    text-align: center;
    border: none;
    margin: 0;
    border-radius: 0;
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
}
.as-admin main ul.nav-tabs li a:hover,
.guests-panel main ul.nav-tabs li a:hover {
    background: rgba(0, 0, 0, .1);
    background-image: rgba(0, 0, 0, .1);
    border: none;
    height: 100%;
    width: 100%;
}
.as-admin main ul.nav-tabs li.selected-tab,
.guests-panel main ul.nav-tabs li.selected-tab {
    background: #f16d24;
    background-image: linear-gradient(to top, #ed6431, #f16d24);
}
.as-admin main ul.nav-tabs li.selected-tab a,
.guests-panel main ul.nav-tabs li.selected-tab a {
    color: #fff;
    background: transparent;
}
.as-admin main ul.nav-tabs li.selected-tab a:hover,
.guests-panel main ul.nav-tabs li.selected-tab a:hover {
    background-color: transparent;
}
.as-admin main div.navbar-form,
.guests-panel main div.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 div.navbar-form-buttons > div {
    float:left;
}
.as-admin main div.navbar-form-buttons > div:first-child {
    width:calc(100% - 105px);
}
.as-admin main div.navbar-form-buttons > div:last-child {
    width:105px;
}
.as-admin main div.navbar-form div.form-group {
    float: right;
    height: 100%;
}
.as-admin main div.navbar-form  div.form-group.search-control {
    margin-right: 20px;
    float: left;
    position: relative;
}
.search-control .icon_search_x {
    width: 16px;
    height: 16px;
    position: relative;
    top: 10px;
    left: -33px;
    cursor: pointer;
}
.as-admin main div.navbar-form  div.form-group.search-control input,
.guests-panel main div.navbar-form div.form-group.search-control input {
    width: 300px;
    border-radius: 0;
    height: 26px;
    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;
}
.guests-panel main div.navbar-form div.form-group.search-control input.guest-list-main-search{
    padding-right: 25px;
}

.guests-panel main div.navbar-form div.form-group.search-control.searched:after {
    content: 'x';
    font-family: OpenSans;
    font-weight:normal;
    font-weight: bold;
    color: red;
    font-size: 20px;
    position: relative;
    top: 9px;
    left: -22px;
}
.as-admin main div.navbar-form div.form-group.search-control input::-webkit-input-placeholder {
    font-style: italic !important;
    color: #cfcfcf;
}
.guests-panel main div.navbar-form div.form-group.search-control input::-webkit-input-placeholder {
    font-style: italic !important;
    color: #cfcfcf;
}
.as-admin main div.navbar-form div.form-group.search-control input:-ms-input-placeholder {
    font-style: italic !important;
    color: #cfcfcf;
}
.as-admin main div.navbar-form > label {
    padding-top:16px;
    height: 100%;
    float: left;
}
.as-admin main div.navbar-form label.show-my-events {
    font-size: 10px;
    color: #5f5f61;
    font-weight: 400;
    padding: 6px 0px;
    font-family: OpenSans-SemiBold;
    font-weight:normal;
    float: left;
}
.as-admin main div.navbar-form label.show-my-events .show-only-my-events-checkbox {
    margin-top: 0;
}
.as-admin main div.navbar-form  #check-my-events {
    font-size: 10px;
    color: #5f5f61;
    float: left;
    margin-top: 16px;
}
.as-admin main div.navbar-form > div.form-group.evt-controls {
    margin-right: 0;
}
.as-admin main div.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;
}
.as-admin main div.navbar-form div.form-group.evt-controls button.btn span {
    float: left;
    line-height: 30px;
}
.as-admin main div.navbar-form div.form-group.evt-controls button.btn.evt-new {
    background-color: #ec6036;
    background-image: linear-gradient(to top, #ec6036, #f37221);
    border-color: #ec6036 #ec6036 #ec6036;
    margin-right: 15px;
}
.as-admin main div.navbar-form div.form-group.evt-controls button.btn.evt-new:hover {
    background-color: #e76621;
    background-image: linear-gradient(to top, #dd4f25, #e76621);
    border-color: #e76621 #e76621 #e76621;
}
.as-admin main div.navbar-form div.form-group.evt-controls button.btn.evt-new img {
    height: 18px;
    width: 18px;
    margin-left: 20px;
    margin-right: 10px;
    float: left;
    margin-top: 7px;
}
.as-admin main div.navbar-form div.form-group.evt-controls button.btn.evt-refresh {
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
}
.as-admin main div.navbar-form div.form-group.evt-controls button.btn.evt-refresh:hover {
    background: #9faeae;
    background-image: linear-gradient(to top, #8a9897, #9faeae);
}
.as-admin main div.navbar-form > div > div.form-group.evt-controls button.btn.evt-refresh img {
    margin: 5px 6px 0 16px;
    float: left;
    width: 17px;
    height: 20px;
}
.as-admin main .events-list {
    height: 85%;
    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) {
    /*.as-admin main .events-list,
    ::i-block-chrome {
        height: 80%;
    }*/
    .qoute-modal .qoute-box .info-text {
        font-weight: normal;
    }
}
.as-admin main .layout-box .preloaderHall{
    background: #666;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 35px;
    opacity: 0.6;
}
.as-admin main .layout-box .events-list {
    text-align: center;
}
.as-admin main .events-list .preloaderHall {
    position: absolute;
    width:100%;
    height:100%;
    background-color: #666;
    opacity: 0.6;
}
.as-admin main .events-list.menu-objects {
    background-color: #f0f0f0;
    overflow-y: hidden;
}

::-webkit-scrollbar {
    width: 10px;
    border: none;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); */
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    min-height:30px;
    background: rgba(236, 96, 54, 0.9);
    /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); */
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(236, 96, 54, 0.9);
}
.as-admin main .events-list .event-item {
    height: 60px;
    border-bottom: 1px solid #e6e7e8;
    /*border-right: 1px solid #e6e7e8;*/
}
.as-admin main .events-list .event-item:hover {
    background-color: #f0f0f0;
}
.as-admin main .events-list .event-item.brand:hover {
    background-color: transparent;
    border: 2px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
}
.as-admin main .events-list .event-item > div {
    float: left;
    height: 100%;
    padding: 30px 15px 0 0px;
    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 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 span,
.host-vendors-container .events-list .event-item > div.ev-date label span {
    color: #ec6036;
}
.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: 12px;
    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 {
    width: 70px;
    padding: 0;
    float: right;
    /*    position: absolute;
        right:0;*/
    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;
    width: 70px;
    border-radius: 0px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 9px;
    font-family: bold;
    background-color: #ec6036;
    background-image: linear-gradient(to top, #ec6036, #f37221);
    border-color: #ec6036 #ec6036 #ec6036;
    margin-top: 20px;
}
.as-admin main .events-list .event-item div.ev-accept {
}
.as-admin main .events-list .event-item div.ev-decline {
}
.as-admin main .events-list .event-item div.ev-select button:hover,
.host-vendors-container .events-list .event-item > div.ev-select button:hover {
    background-color: #e76621;
    background-image: linear-gradient(to top, #dd4f25, #e76621);
    border-color: #e76621 #e76621 #e76621;
}
.as-admin main .events-list .event-item div.ev-select button.btn_grey {
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
    padding:6px 0;
}
.as-admin main .events-list .event-item div.ev-select button.btn_grey:hover {
    background: #9faeae;
    background-image: linear-gradient(to top, #8a9897, #9faeae);
}
.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;
}
.as-admin main .events-list .dropdown-designer .dropdown-content .ir.selected > div {
    background-color: #ffffff !important;
}
/*.event-item div:hover ~ div.ev-delete img {
    visibility: visible !important;
}

.event-item div:hover ~ div.ev-select button {
    visibility: visible !important;
}*/

.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-text, */
.dropdown-content label {
    color: #555;
    text-shadow: 0 1px #fff;
    float: left;
    width: 100%;
    font-style: normal;
    font-weight: normal;
}

.dropdown-toggle {
    background: url(img/down_arrow_gray.svg) no-repeat;
    background-position: 98%;
    background-size: 13px;
    padding-left:30px;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0 0 0 1px;
    height: 40px;
    width: 465px;
    border: 1px solid #ccc;
    /*border-radius: 3px;*/
    outline: 0;
    text-indent: 10px;
}


.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 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::-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 { /* Firefox 18- */
    font-family: 'OpenSans';
    font-weight:normal;
    font-style: italic !important;
}

.modal-dialog .form-group input::-moz-placeholder {  /* Firefox 19+ */
    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;
}

.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.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 {
    /*-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;*/
    list-style-type: none;
    top: 35px;
    padding: 0;
    margin: 0;
    opacity: 0;
}

.dropdown-open-top {
    /*-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;*/
    list-style-type: none;
    top: auto!important;
    bottom: 3px!important;
    padding: 0;
    margin: 0;
    opacity: 1;
}

.dropdown-content label {
    display: block;

}

.dropdown-content label:hover {
    background: #f9f7f7;
    cursor: pointer;
    /*margin-left: 1%;
    margin-right: 1%;*/
    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 {
    top: -20px;
    float: left;
    position: absolute;
    left: 0px;
    top: -20px;
    font-size: 11px;
    color: #a8a8a8;
}
.datepicker {
    padding:10px;
    margin-left:290px;
}
.datepicker thead tr:last-child {
    border-top:2px solid #bfbfbf;
}
.datepicker thead tr .dow {
    color:#ec6036;
}
.datepicker thead tr,
.datepicker tbody {
    padding:0 5px;
}
.datepicker thead .datepicker-switch {
    color:#ec6036;
    pointer-events: none;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: #ec6036;
    color: #ffffff;
}
.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background: #ec6036;
    color: #ffffff;
}
.modal-dialog .form-group i.datepicker-i{
    float: left;
    position: absolute;
    left: 0px;
    top: -20px;
    font-size: 11px;
    color: #a8a8a8;
}
.datepicker table tr td.active.active {
    background: #ec6036;
}
.datepicker table tr td.active.active:hover {
    background: #ec6036;
}

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

body.with-focus .modal-dialog .form-group .evt-name-input:focus {
    outline: 2px solid #4d90fe;

}

.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
    /* border-radius: 3px; */
    outline: 0;
    border-radius: 0;
    margin-right: 10px;
}

.modal-dialog .form-group .calendar-input {

}

.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 {
    background-color: #e76621;
    background-image: linear-gradient(to top, #dd4f25, #e76621);
    border-color: #e76621 #e76621 #e76621;
    font-family: 'OpenSans';
    font-weight:normal;
    /*font-size: 1.5em !important;*/
    font-size: 1.1em !important;
    height: 50px !important;
    width: 465px !important;
    margin-top: 80px !important;
}

.welcome-wrapper {
    padding: 30px;
}

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

.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: 0px 10px 0px 5px;
}

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

.loginContainer.welcome-wrapper {
    height: 405px;
}
@media (max-width: 767px) {
    .as-admin main div.navbar-form div.form-group.search-control input,
    .guests-panel main div.navbar-form div.form-group.search-control input {
        margin-top:-1px;
    }
    .guests-panel main div.navbar-form div.form-group.evt-controls {
        line-height: 24px !important;
    }
    .guests-panel main div.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 div.navbar-form div.form-group.search-control input {
        margin-top: 0;
    }

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

    .as-admin main div.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;
}
.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 {
    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;
    background-color: #adbebd;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#adbebd), to(#97a5a4));
    background-image: -webkit-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -moz-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -ms-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -o-gradient(to bottom, #adbebd, #97a5a4);
    background-image: linear-gradient(to bottom, #adbebd, #97a5a4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #97a5a4 #97a5a4 #97a5a4;
    text-align: center;
    padding-top: 12%;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}
.event-page main aside ul li a {
    color: #fff;
}
.event-page main aside ul li a:hover {
    text-decoration: none;
}
.event-page main aside ul li.selected-asideItem,
.event-page main aside ul li:hover {
    background-color: #f16d24;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#dd4f25), to(#e76621));
    background-image: -webkit-linear-gradient(to top, #dd4f25, #e76621);
    background-image: -moz-linear-gradient(to top, #dd4f25, #e76621);
    background-image: -ms-gradient(to top, #dd4f25, #e76621);
    background-image: -o-gradient(to top, #dd4f25, #e76621);
    background-image: linear-gradient(to top, #dd4f25, #e76621);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #e76621 #e76621 #e76621;
}
.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%;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 3px;
    font-family: OpenSans-Bold;
    font-weight:normal;
}
/*@media (max-width: 1740px) {
    .event-page main .wrapper {
        width: 88.6%;
    }
}
@media (max-width: 1480px) {
    .event-page main .wrapper {
        width: 87%;
    }
}
@media (max-width: 1375px) {
    .event-page main .wrapper {
        width: 86%;
    }
}
@media (max-width: 1290px) {
    .event-page main .wrapper {
        width: 84%;
    }
}
@media (max-width: 1140px) {
    .event-page main .wrapper {
        width: 82%;
    }
}*/
.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;
    color: #E96035;
}
.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 .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 #ffffff;
    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: 70px;
    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;
    color: #E96035;
    margin-bottom: 0;
    margin-top: 20px;
}
.event-page main .content .event-details > div > div.icon span {
    font-family: 'OpenSans-Bold';
    font-weight:normal;
    color: #E96035;
    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 .action-vendors .btn-vew-profile {

}
.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:2px;
}
.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: 0;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    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;
    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-weight:normal;
    color: #E96035;
    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;
    font-family: OpenSans-Bold;
    font-weight:normal;
    font-size: 14px;
    margin-bottom: 3px;
    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;
    font-weight: bold;
    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;
    color: #E96035;
    font-size: 16px;
    text-transform: uppercase;
}
.event-page main .content .vendors .header button {
    background-color: #adbebd;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#adbebd), to(#97a5a4));
    background-image: -webkit-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -moz-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -ms-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -o-gradient(to bottom, #adbebd, #97a5a4);
    background-image: linear-gradient(to bottom, #adbebd, #97a5a4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #97a5a4 #97a5a4 #97a5a4;
    border: none;
    color: #fff;
    width: 120px;
    height: 30px;
    margin-left: 10px;
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    top: -4px;
}
.event-page main .content .vendors .header button:hover {
    background-color: #9eadad;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#9eadad), to(#899796));
    background-image: -webkit-linear-gradient(to bottom, #9eadad, #899796);
    background-image: -moz-linear-gradient(to bottom, #9eadad, #899796);
    background-image: -ms-gradient(to bottom, #9eadad, #899796);
    background-image: -o-gradient(to bottom, #9eadad, #899796);
    background-image: linear-gradient(to bottom, #9eadad, #899796);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #899796 #899796 #899796;
}
.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%;
    /*    z-index: 99999;*/
    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: #ffffff;
}
.account-page .account-main .profile-page .profile-wrapper-div .profile-services {
    position: relative;
}
.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: #ffffff;
    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;
    color: #ee602d;
    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;
}
.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;
}
.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 {
    /* background: #fff; */
    color: #59595b;
    font-family: 'OpenSans';
    font-weight:normal;
    height: 50px;
    line-height: 50px;
    /* text-align: center; */
    /*text-transform: uppercase;*/
    font-weight: bold;
    font-size: 13px;
    padding-left: 20px;
}

ul.account-page-nav li:hover {
    background-color: #ffffff;
    /*background-image: linear-gradient(to top, #dd4f25, #e76621);
    border-color: #e76621 #e76621 #e76621;*/
    cursor: pointer;
}

ul.account-page-nav li.account-nav-active {
    background-color: #f16d24;
    background-image: linear-gradient(to top, #dd4f25, #e76621);
    border-color: #e76621 #e76621 #e76621;
    color: #fff;
}

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;
    width: 80px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-family: bold;
    background-color: #ec6036;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#f37221), to(#ec6036));
    background-image: -webkit-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -moz-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -ms-gradient(to bottom, #f37221, #ec6036);
    background-image: -o-gradient(to bottom, #f37221, #ec6036);
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #ec6036 #ec6036 #ec6036;
    margin-top: 20px;
    margin-left: 25px;
    padding: 6px 12px;
}
.account-users-wrapper .account-add-user-button:hover {
    background-color: #e76621;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#dd4f25), to(#e76621));
    background-image: -webkit-linear-gradient(to bottom, #dd4f25, #e76621);
    background-image: -moz-linear-gradient(to bottom, #dd4f25, #e76621);
    background-image: -ms-gradient(to bottom, #dd4f25, #e76621);
    background-image: -o-gradient(to bottom, #dd4f25, #e76621);
    background-image: linear-gradient(to bottom, #dd4f25, #e76621);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #e76621 #e76621 #e76621;
}
.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;
    color: #ec6137;
    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: 30px;
    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-selected {
    background: #a5bc91;
    padding-left: 12px;
}
.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;
    font-size: 16px;
    padding: 0;
    width: 20px;
    color: #ec6137;
    opacity: 1;
    font-size: 21px;
    font-family: OpenSans-Bold;
    font-weight:normal;
}
.change-permissions .title {
    text-align: center;
    margin-top: 24px;
    color: #ec6137;
    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;
    color: #fff;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    background-color: #ec6036;
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    border-color: #ec6036 #ec6036 #ec6036;
}
.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;
    position: relative;
    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 img {
    width: 16px;
    height: 22px;
    float: left;
    margin-right: 5px;
}

.account-users-list-item .trash-icon-wrapper img:hover {
    cursor: pointer;
}
.account-users-list-item .trash-icon-wrapper {
    width: 40px;
    float: left;
    margin-top: 15px;
}
.halls-section .account-users-list-item .trash-icon-wrapper {
    width: 70px;
    height: 35px;
    margin-top: 5px;
}
.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 {
    padding-top: 7px;
}
.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-scroll-portion {
    height: 92%;
    max-height: calc(100% - 70px);
    position: relative;
    overflow-y: scroll;
    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;
    /*background: #fff;
    border: 1px solid #e6e7e8;*/
}
.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;
    /*padding-top: 55px;*/
}
.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;
    margin-bottom: 20px;
}
.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 {
    color: #fff;
    font-size: 13px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    background-color: #ec6036;
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    border-color: #ec6036 #ec6036 #ec6036;
    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%;
    margin-left: -225px;
}


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;
    -moz-border-radius: 10px;
    -webkit-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: #ffffff;
    border:none;
    width: 99%;
}
.my-campaign-add-job-wrapper .state-wrapper .dropdown-combo-input-over-selection .dropdown-toggle {
    background: url(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('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:#ffffff;
}
.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:#ffffff;
}
.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%;
    background-color: #ef682b;
    color:#ffffff;
    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 {
    background: #ed6431;
    background-image: linear-gradient(to top, #ed6431, #f16d24);
    color: #fff;
}

.my-campaigns-breadcrumb-wrapper ul li.active-breadcrumb:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #ed6431;
    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;
    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 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:#ffffff;
}
.create-a-promotion-right-side {
    background: url(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;
    color: #ed6431;
    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 {
    float: right;
    margin-right: 25px;
    margin-top: 10px;
    height: 35px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    background-color: #ec6036;
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    border-color: #ec6036 #ec6036 #ec6036;
    border-radius: 0;
}
.campaign-next-button:hover {
    color: #ffffff;
}
.campaign-next-button:focus {
    color: #ffffff;
}

.campaign-previous-button {
    margin-right: 25px;
    margin-top: 10px;
    margin-left: 20px;
    height: 35px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    background-color: #afc1c0;
    border-radius: 0;
}
.campaign-previous-button:hover {
    color: #ffffff;
}
.campaign-previous-button:focus {
    color: #ffffff;
}
.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 {
    color: #ee602d;
    font-size: 20px;
    font-family: OpenSans-Semibold;
    font-weight:normal;
    display:block;
}
.fill-details .my-campaigns-subtitle  {
    font-size: 16px;
    color: #ee602d;
    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;
    color: #ee602d;
    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;
    color: #ee602d;
    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;
    color: #ee602d;
    cursor: pointer;
    display: inline;
}
.my-campaigns-card-right.step-2 {
    height: 200px;
    background: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.my-campaigns-right-side.step-2 .middle-arrow-side {
    position: absolute;
    top: 245px;
    left: -19px;
    height: 120px;
    width: 300px;
    background: url(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;
    color: #ee602d;
    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 0px 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: 0px 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;
    -moz-border-radius: 15px;
    -webkit-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;
    -moz-border-radius: 15px;
    -webkit-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;
    -moz-border-radius: 5px;
    -webkit-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;
}
.generic-modal.generic-upload {
    padding-top:65px;
}
.generic-modal-full-height{
    height: auto !important;
}

/* Modal Content */
.generic-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 520px;
    height: auto;
    max-height: calc(100vh - 105px);
    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: 32px 48px;
}
.generic-modal-body > span.icon_penguin_error,
.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;
    color: #ec6137;
    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 {
    padding: 2px 16px;
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
    margin-top:5px;
}
.generic-modal-footer .cancel-button {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #ffffff;
    padding-right: 15px;
    padding-left: 15px;
    font-family: OpenSans-Bold;
    font-size:12px;
    font-weight:normal;
    margin-right: 5px;
    width: 83px;
    background-color: #adbebd;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#adbebd), to(#97a5a4));
    background-image: -webkit-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -moz-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -ms-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -o-gradient(to bottom, #adbebd, #97a5a4);
    background-image: linear-gradient(to bottom, #adbebd, #97a5a4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #97a5a4 #97a5a4 #97a5a4;
}
.generic-modal-footer .cancel-button:hover {
    background-color: #9eadad;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#9eadad), to(#899796));
    background-image: -webkit-linear-gradient(to bottom, #9eadad, #899796);
    background-image: -moz-linear-gradient(to bottom, #9eadad, #899796);
    background-image: -ms-gradient(to bottom, #9eadad, #899796);
    background-image: -o-gradient(to bottom, #9eadad, #899796);
    background-image: linear-gradient(to bottom, #9eadad, #899796);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #899796 #899796 #899796;
}

.generic-modal-footer .delete-button {
    position: absolute;
    right: 20px;
    z-index: 9999;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding-right: 15px;
    padding-left: 15px;
    font-family: OpenSans-Bold;
    font-size:12px;
    font-weight:normal;
    color: #ffffff;
    background-color: #ec6036;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#f37221), to(#ec6036));
    background-image: -webkit-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -moz-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -ms-gradient(to bottom, #f37221, #ec6036);
    background-image: -o-gradient(to bottom, #f37221, #ec6036);
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #ec6036 #ec6036 #ec6036;
}
.generic-modal-footer .ok-button {
    z-index: 9999;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding-right: 15px;
    padding-left: 15px;
    font-family: OpenSans-Bold;
    font-size:12px;
    font-weight:normal;
    color: #ffffff;
    background-color: #ec6036;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#f37221), to(#ec6036));
    background-image: -webkit-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -moz-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -ms-gradient(to bottom, #f37221, #ec6036);
    background-image: -o-gradient(to bottom, #f37221, #ec6036);
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #ec6036 #ec6036 #ec6036;
    width: 83px;
}
.generic-modal-footer .ok-button:hover,
.generic-modal-footer .delete-button:hover {
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#dc4c26), to(#e86721));
    background-image: -webkit-linear-gradient(to top, #dc4c26, #e86721);
    background-image: -moz-linear-gradient(to top, #dc4c26, #e86721);
    background-image: -ms-gradient(to top, #dc4c26, #e86721);
    background-image: -o-gradient(to top, #dc4c26, #e86721);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    background-color: #e86721;
    background-image: linear-gradient(to top, #dc4c26, #e86721);
    border-color: #e86721 #e86721 #e86721;
}
.generic-modal.show-the-modal{
    display: block;
}
.generic-modal.hide-the-modal{
    display: block;
}
.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 {
    color: red;
}


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;
    color: #ec6137;
    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-weight: bold;
    font-family: OpenSans-Bold;
    font-weight:normal;
    margin-top: -15px;
    color: #ec6137;
    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 .btn-delete {
    color:#ffffff;
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
}
.payment-modal .btn-delete:hover {
    background: #9faeae;
    background-image: linear-gradient(to top, #8a9897, #9faeae);
}
.payment-modal .btn-close-modal {
    color:#ffffff;
    background-color: #ec6036;
    background-image: linear-gradient(to top, #ec6036, #f37221);
    border-color: #ec6036 #ec6036 #ec6036;
}
.payment-modal .btn-close-modal:hover {
    background-color: #e76621;
    background-image: linear-gradient(to top, #dd4f25, #e76621);
    border-color: #e76621 #e76621 #e76621;
}
.payment-modal .modal-footer button {
    width: 40%;
    height: 40px;
}
img.step-3-cards {
    width: 250px;
    float: right;
}

.card-number-label {
    float: left;
}

.card-number {
    float: left;
    clear: both;
}
.security-code-label {
    float: left;
}

.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: #ffffff;
}
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: #ffffff;
}
main .my-campaigns-dates-wrapper.step-3 .dates-selection h4 {
    color: #ee602d;
    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;
}
.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 div.ir.selected {
    color:#ee602d;
}
.dates-selection .calendar-wrapper div.ir.selected .cost {
    color:#ee602d;
}
.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;
    color: #ee602d;
    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: #ffffff;
    max-width:none;
}
main .my-campaigns-dates-wrapper.step-3 .dates-selection .payment-wrapper .termsOfServ-check .orange-text {
    color: #ec6137;
}
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;
    color: #ee602d;
    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 {
    cursor: pointer;
}*/
.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%;
    height: auto;
    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;
    color: #ee602d;
    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 {
    color: #ee602d;
    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;
    color: #ee602d;
    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: #ffffff;
}
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;
    /*box-shadow: 0.5px 0.866px 0px 1px #ccd0d0;*/
}
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 {
    padding-left: 0;
    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%;
    color:#ee602d;
}
main .my-campaigns-dates-wrapper.step-3 aside .dates-summary-table .summary-content .results .potential-reach .cost {
    color: #ee602d;
    font-size: 18px;
    width:40%;
}
.my-active-campaign-wrapper .header .title button {
    color:#ffffff;
    background-color: #ec6036;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#f37221), to(#ec6036));
    background-image: -webkit-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -moz-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -ms-gradient(to bottom, #f37221, #ec6036);
    background-image: -o-gradient(to bottom, #f37221, #ec6036);
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #ec6036 #ec6036 #ec6036;
    margin-top: -11px;
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    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: 1px solid transparent;
    border-radius: 2px;
    font-weight:bold;
    border:0 none;
}

/* 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;
    font-size: 22px;
    color: #ec6137;
    font-family: 'OpenSans-SemiBold';
    font-weight:normal;
    display: inline;
    margin-right: 10px;
}
.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;
    color: #ec6137;
}
.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;
    color: #ec6137;
    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;
    color: #ec6137;
}
.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;
    background-color: #ec6036;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#f37221), to(#ec6036));
    background-image: -webkit-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -moz-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -ms-gradient(to bottom, #f37221, #ec6036);
    background-image: -o-gradient(to bottom, #f37221, #ec6036);
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #ec6036 #ec6036 #ec6036;
    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 {
    color: #ec6137;
    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 ::-webkit-progress-bar {
    background: #e1e1e1;
}
.my-active-campaign-wrapper .budget-statistics .budget p progress[value]::-webkit-progress-value {
    background: #ec6137;
}
.my-active-campaign-wrapper .budget-statistics .budget p button.btn.view {
    height: 30px;
    background-color: #ec6036;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#f37221), to(#ec6036));
    background-image: -webkit-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -moz-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -ms-gradient(to bottom, #f37221, #ec6036);
    background-image: -o-gradient(to bottom, #f37221, #ec6036);
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #ec6036 #ec6036 #ec6036;
    border: none;
    font-size: 14px;
    color: #fff;
    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,
.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: #FF0000;
}
.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;
    color: #ec6137;
    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;
    color: #ec6137;
}
.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 {
    display: inline-block;
    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: #ffffff;
    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;
    font-size: 20px;
    padding: 0;
    width: 20px;
    color: #ec6137;
    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;
    /*  border-bottom: 1px solid #bfbfbf;*/
    color: #ec6137;
    font-size: 20px;
}
.add-user label {
    padding: 3px 20px;
    width: 100%;
}
.add-user label span {
    display: block;
}
.add-user label .chb-square {
    margin-top:2px;
}
.add-user label input {
    height: 40px;
    width: 100%;
    border: 1px solid #cfcfcf;
    outline: none;
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
    font-family: OpenSans;
    font-weight:normal;
}
.add-user button.save-user,
.new-event .modal-footer button {
    width: 92%;
    position: absolute;
    bottom: 20px;
    left: 4%;
    height: 50px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    background-color: #f16e21;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#dc4b26), to(#f16e21));
    background-image: -webkit-linear-gradient(to top, #dc4b26, #f16e21);
    background-image: -moz-linear-gradient(to top, #dc4b26, #f16e21);
    background-image: -ms-gradient(to top, #dc4b26, #f16e21);
    background-image: -o-gradient(to top, #dc4b26, #f16e21);
    background-image: linear-gradient(to top, #dc4b26, #f16e21);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #e76621 #f16e21 #f16e21;
    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;
    color: #fff;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    background-color: #e86721;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#dc4c26), to(#e86721));
    background-image: -webkit-linear-gradient(to top, #dc4c26, #e86721);
    background-image: -moz-linear-gradient(to top, #dc4c26, #e86721);
    background-image: -ms-gradient(to top, #dc4c26, #e86721);
    background-image: -o-gradient(to top, #dc4c26, #e86721);
    background-image: linear-gradient(to top, #dc4c26, #e86721);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #e86721 #e86721 #e86721;
    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;
    margin-bottom: 30px;
}
.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 #b0c1c0;
    outline:none;
    font-size:15px;
    color: #58595b;
    font-family: OpenSans;
    font-weight:normal;
    font-weight: normal;
}
.new-event .modal-body .form-group label input.dropdown-toggle {
    background: url(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-weight: bold;
    font-family: OpenSans;
    font-weight:normal;
    font-weight: normal;
    color: #58595b;
    border:1px solid #b0c1c0;
}
.new-event .input-group.date .calendar-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
    padding-top: 8px;
}
.new-event .input-group.date .calendar-icon > span {
    font-size: 22px;
    color: #fff;
    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 #b0c1c0;
    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;
    color: #ec6137;
    opacity: 1;
}

.add-venue .modal-header p.modal-title {
    text-align: center;
    margin: 20px -10px;
    height: 50px;
    line-height: 40px;
    color: #ec6137;
    font-size: 20px;
}

.add-venue .modal-footer button {
    width: 100%;
    bottom: 20px;
    left: 4%;
    height: 50px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    background-color: #ec6036;
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    border-color: #ec6036 #ec6036 #ec6036;
    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-weight: bold;
    font-family: 'OpenSans';
    font-weight:normal;
    color: #59595b;
    float: left;
    margin-right: 10px;
}

.add-venue .add-venue-search span {
    height: 30px;
    width: 7%;
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 7px;
    float: left;
    top: 0;
    cursor: pointer;
}
.add-venue .add-venue-search span:hover {
    background: #8b9998;
}

.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 {
    color: #ec6137;
    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: 0px;
}

.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: 0px;
}

.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;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 9px;
    font-family: bold;
    background-color: #ec6036;
    background-image: linear-gradient(to top, #f37221, #ec6036);
    border-color: #ec6036 #ec6036 #ec6036;
    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;
    color: #ec6137;
    opacity: 1;
}
.add-venue-share-event .title {
    text-align: center;
    margin: 35px 0 35px 0;
    color: #ec6137;
    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;
    color: #fff;
}
.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;
    color: #fff;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    background-color: #ec6036;
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    border-color: #ec6036 #ec6036 #ec6036;
}

.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;
    background: #fff;
    margin-right: 17px;
    border: 3px solid #e76621;
    border-radius: 12px;
    padding: 15px;
    text-align: right;
}
.new-hall .hall-details h4 {
    margin-top: 0;
    color: #ec6137;
    font-size: 20px;
    text-align: left;
}
.new-hall .hall-details .title-hall-details {
    font-size: 28px;
    font-family: OpenSans;
    font-weight:normal;
    color: #000;
    text-align: left;
}
.new-hall .hall-details .dark-text {
    text-align: left;
    font-family: OpenSans-SemiBold;
    font-weight:normal;
}
.new-hall .hall-details .subtitle-hall-details {
    text-align: left;
    font-family: OpenSans-Bold;
    font-weight:normal;
    color: #000;
    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 {
    text-align: left;
    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: 2px solid #ec6137;
    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;
    background: #f16d24;
    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;
    font-weight:normal;
}
.hall-details button.cancel {
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
}
.hall-details button.next {
    background: #f16d24;
}
.hall-map-menu {
    height: 30px;
    width: calc(100% - 259px);
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
    float: left;
    padding-left: 2%;
    min-width: 670px;
}
.hall-map-menu button {
    width: 20%;
    height: 100%;
    /*background: transparent;*/
    border: none;
    padding: 0;
}
.hall-map {
    width: calc(100% - 259px);
    float: left;
    background: white;
    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(./img/icon_map_center.svg) no-repeat;
    background-position: center;
    background-size: 20px;
}

.hall-fit-img {
    background: url(./img/icon_map_fit.svg) no-repeat;
    background-position: center;
    background-size: 20px;
}

.hall-zoom-in-img {
    background: url(./img/icon_map_plus.svg) no-repeat;
    background-position: center;
    background-size: 20px;
}

.hall-zoom-out-img {
    background: url(./img/icon_map_minus.svg) no-repeat;
    background-position: center;
    background-size: 20px;
}

.hall-rotate-left-img {
    background: url(./img/icon_map_rotate_ccw.svg) no-repeat;
    background-position: center;
    background-size: 20px;
}

.hall-rotate-right-img {
    background: url(./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 div.navbar-form div.form-group.evt-controls {
        width:46%;
    }
    .guests-panel main div.navbar-form div.form-group.evt-info {
        width:20%;
    }
}
@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: 160px;
    width: 100%;
}
.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 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: #ffffff;
    margin-right: 5px;
    position: fixed;
    top: 81px;
    left: 371px;
    box-shadow: 0 1.5px 0 0 #4a4952;
}

/*// COMBO BOXES*/
.my-campaign-add-job-wrapper .dropdown-combo-input-over-selection .dropdown-toggle {
    background: url(img/down_arrow_gray.svg) no-repeat;
    background-position: 98%;
    background-size: 13px;
    padding-left: 30px;
    z-index: 1;
    cursor: pointer;
    position: inherit;
    top: 0;
    padding: 0;
    margin: 0 0 0 1px;
    height: 40px;
    width: 410px;
    border: 1px solid #afc1c0;
    /* border-radius: 3px; */
    outline: 0;
    text-indent: 10px;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    font-weight:normal;
}
/*
.my-campaign-add-job-wrapper .dropdown {
    position:
}
*/
.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;
    color: #fff;
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    background-color: #ec6036;
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    border-color: #ec6036 #ec6036 #ec6036;
}

.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;
}
/*div.selected-location {
    width: 410px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    position: relative;
    padding-left: 0;
    text-indent: 5px;
    cursor: pointer;
}
div.selected-location label {
    width: 100%;
    cursor: pointer;
}
div.dcontent {
    position: relative;
    height: 200px;
    width: 410px;
    margin-top: 3px;
}
div.multiSelect {
    width: 410px;
    height: 100%;
    padding: 10px 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 2;
}
div.multiSelect .group {
   margin-bottom: 10px;
   padding: 0 10px;
}
div.multiSelect .group:last-child {
    margin-bottom: 0;
}
div.multiSelect .group .country {
    font-size: 11px;
    color: #b1b2b4;
    margin-bottom: 5px;
}
div.multiSelect .group .cities > .item {
    height: 35px;
    line-height: 35px;
}
div.multiSelect .group .cities > .item span[class^="icon"] {
    width: 35px;
    height: 35px;
    background-size: 22px!important;
    background-position: center;
}
div.multiSelect .group .cities > .item span.name {
    vertical-align: top;
    font-family: OpenSans-Bold;
    font-weight:normal;
}
div.multiSelect .group .cities > .item .dropdown {
    width: auto;
    vertical-align: top;
    min-width: 15px;
    height: 35px;
    padding-left: 10px;
    font-size: 11px;
    background: url(img/down_arrow_gray.svg) no-repeat;
    background-position: 98%;
    background-size: 8px;
    cursor: pointer;
}
div.multiSelect .group .cities > .item .dropdown span {
    padding-right: 15px;
    color: #59595b;
}
div.locations-input {
    position: absolute;
    bottom: -20px;
    width: 100%;
    height: 30px;
    z-index: 3;
}
div.locations-input input {
    width: 100%;
    height: 100%;
    text-indent: 10px;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #94A2A1;
}
div.locations-input input::-webkit-input-placeholder {
    font-style: none;
}
div.locations-input input:-ms-input-placeholder {
    font-style: none;
}*/
.wrapper-dt {
    position: relative;
    background: url(img/down_arrow_gray.svg);
    background-repeat: no-repeat;
    background-position: 98% 15px;
    background-size: 13px;
    border: 1px solid #afc1c0;
}
.dropdown-opened {
    background: url(img/down_arrow_orange.svg) !important;
    background-color: #fff;
    background-repeat: no-repeat !important;
    background-position: 98%  15px!important;
    background-size: 13px !important;;
}
.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;
    border: 0;
    display: none;
    left: 0px;
    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;
}
/*.wrapper-dt .autocompeltion-input {
    border: none;
    width: 100%;
    background: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 0 0 0 10px;
    height: 40px;
    cursor: pointer;
}*/
div.absolute-input {
    position: absolute;
    z-index: 15;
    bottom: -39px;
    width: 410px;
    left: -0;
    height: 40px;
    /*box-shadow: rgba(0, 0, 0, 0.34902) 6px 0 5px 0px;*/
}
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;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    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: 0px;
    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: 100%;
}
.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;
    color: #fff;
    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;
    color: #fff;
    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 #cfcfcf;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    font-family: OpenSans;
    font-weight:normal;
    font-weight: normal;
    position: relative;
    top: -15px;
}
.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;
    position: initial;
    margin-top: 5px;
    bottom: 0;
    width: 100%;
    padding: 10px;
    display: table-row;
}
.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;
    margin-bottom: 0;
}
.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: 10px;
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir {
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 13px;
    color: #59595b;
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir.selected {
    background: #fff !important;
}
.seating .hall-map-selector .map-type-wrapper .venue-halls-list .ir .chb-square {
    margin-top: 3px;
}
.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;
    color: #fff;
    font-size: 12px;
}
.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 .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: 85px;
    font-size: 12px;
    text-indent: 10px;
    height: 30px;
    margin-right: 3px;
    border: 1px solid #94A2A1;
    font-family: OpenSans;
    font-weight:normal;
    font-weight: normal;
    outline: none;
    border-radius: 0;
    box-shadow: none;
}
.seating .hall-map-selector .map-type-wrapper .dimensions-wrapper label.user-input span {
    vertical-align: bottom;
}
.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 > div > span.info {
    line-height: 30px;
    color: #59595B;
    font-size: 14px;
    margin-left: 5px;
}
.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(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;
    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;
    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;
    background-color: #f16d24;
    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:hover {
    background-color: #e86721;
}
.floorplan-controls .subline-list {
    position: absolute;
    width: 42.39px;
    z-index: 999;
    margin-top: -13px;
}
.floorplan-controls .subline-list svg {
    height:35px;
    background-color: #f16d24;
}
.floorplan-controls .subline-list svg:last-child {
    margin-top: -16px;
}
.search-controls {
    padding: 0 5px;
    height: auto;
    padding-bottom: 5px;
    border-bottom: 1px solid #e6e7e8;
}
.search-controls > input {
    width: 100%;
    border: 1px solid #B0B1C0;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    font-family: OpenSans;
    font-weight:normal;
    font-size: 14px;
}
.search-controls > input.seating-object-search{
    padding-right: 25px;
}
.search-controls > input::-webkit-input-placeholder,
.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 > div.navbar-form {
    padding: 0;
    height: calc(100% - 35px);
    position: relative;
    margin-bottom: 0;
}
.layout-panel .left-controls > div.navbar-form .preloader {
    position: absolute;
}
.layout-panel .left-controls > form > .events-list,
.layout-panel .left-controls > form > .events-list > div {
    height: 100%;
}
.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;
}
.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.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:normal;
    font-weight: bold;
    color: #666;
}
.layout-panel .left-controls > form > .renumber-box p {
    margin: 0 0 0 25px;
    font-family: OpenSans;
    font-weight:normal;
    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: 20%;
    float: left;
    height: 30px;
    margin-left: 10px;
    text-indent: 10px;
}
.layout-panel .left-controls > form > .renumber-box .renumber-input .renumber-title {
    margin-top:6px;
}
.layout-panel .left-controls > form > .renumber-box .renumber-input button {
    height: 30px;
    color: white;
    width: 30%;
    float: left;
    margin-left: 10px;
}
.layout-panel .left-controls > form > .renumber-box .orange-text {
    margin-left:10px;
    float: none;
    color:#ec6137;
    font-family: OpenSans-Bold;
    font-weight:normal;
}
.layout-panel .left-controls > form > .renumber-box .orange-text > span {
    float: none;
    color:#ec6137;
    font-family: OpenSans-Bold;
    font-weight:normal;
}
.layout-panel .left-controls > form > .renumber-box .gray-gradient {
    color:#ffffff;
    margin-top:50px;
    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 .object-display-box > div. {
    width: 88.8%;
}
.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;
}
.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-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: #ffffff;
    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 10px 0;
}
.left-controls > form > .events-list > div > div.events-list .event-item  svg {
    width:17%;
    overflow: hidden;
}
.layout-panel .left-controls > form > .events-list .new-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 {
    bottom: 10px;
    position: absolute;
    right: 10px;
    background-color: #f16d24;
    background-image: linear-gradient(to top, #dd4f25, #e76621);
    border-color: #e76621 #e76621 #e76621;
    color: #fff;
    border-radius: 0;
    width: 100px;
}
.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;
    color: #59595B;
    background: #fff;
    top: 80px;
}
.layout-panel .left-controls > form > div.events-list div.floorplans-list > .ir {
    height: auto;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e7;
}
.hovered {
    background-color: #f7f9f9 !important;
}
.hovered > div {
    background-color: #f7f9f9 !important;
}
.hovered .ir > div {
    background-color: #f7f9f9 !important;
}
/*.ir.selected {*/
    /*background-color: #f0f0f0 !important;*/
/*}*/
.halls-section .ir.selected {
    background-color: #ffffff !important;
}
/*.ir.selected > div {*/
    /*background-color: #f0f0f0 !important;*/
/*}*/
.halls-section .ir.selected > div {
    background-color: #ffffff !important
}
.ir.selected .ir > div {
    background-color: #f0f0f0;
}
.dropdown-content .ir {
    background-color: #ffffff !important;
}
.dropdown-content .ir > div {
    background-color: #ffffff !important;
}
.dropdown-content .ir .ir > div {
    background-color: #ffffff;
}
.dropdown-content .ir.selected {
    background-color: #f0f0f0 !important;
}
.dropdown-content .ir.selected > div {
    background-color: #f0f0f0 !important;
}
.dropdown-content .ir.selected .ir > div {
    background-color: #f0f0f0;
}
.dropdown-content .ir.hovered {
    background-color: #f9f7f7 !important;
}
.dropdown-content .ir.hovered > div {
    background-color: #f9f7f7 !important;
}
.dropdown-content .ir.hovered .ir > div {
    background-color: #f9f7f7;
}
.ir.focused {
    background-color: #f0f0f0 !important;
}
.ir.focused > div {
    background-color: #f0f0f0 !important;
}
.ir.focused .ir > div {
    background-color: #f0f0f0 !important;
}
.ir.focused.selected {
    background-color: #dfdfdf !important;
}
.ir.focused.selected > div {
    background-color: #dfdfdf !important;
}
.ir.focused.selected .ir > div {
    background-color: #dfdfdf !important;
}
.layout-panel .left-controls > form > .events-list .floorplans-list div.item {
    height: 80px;
    padding: 10px 25px;
    font-family: OpenSans-SemiBold;
    font-weight:normal;
    position: relative;
}
.left-controls div.floorplans-list div.item p.title {
    font-family: OpenSans-Bold;
    font-weight:normal;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.left-controls div.floorplans-list div.item p.icons {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: auto;
    height: 16px;
}
.left-controls div.floorplans-list div.item p.icons > span[class^="icon"] {
    background-size: 15px 14px!important;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
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;
}
.left-controls > form > .events-list > div > div.events-list .event-item > svg {
    width: 20%;
    float: left;
    height: 100%;
    background: url(./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.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;
    z-index:11;
    border-bottom: none;
    width: 100%;
    background-color: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
}
.layout-panel .right-controls ul.nav-tabs.three-d li.templates {
    width: 107px;
    padding:0;
}
.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:#ffffff;
}
.layout-panel .right-controls ul.nav-tabs .subline-list {
    z-index:1000;
    position: relative;
    background-color: #ec6036;
    background-image: linear-gradient(to top, #ec6036, #e76621);
}
.layout-panel .right-controls ul.nav-tabs.empty li {
    visibility: hidden;
}
.layout-panel .right-controls > div.navbar-form {
    padding: 0;
    height: 100%;
    position: relative;
    z-index:10;
}
.layout-panel .right-controls > div.navbar-form .center-btn {
    color: #fff;
    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 > div.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;
    background-color: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
}
.layout-panel .right-controls ul.nav-tabs li:hover {
    background-color: #8a9897;
    background-image: linear-gradient(to bottom, #9faeae, #8a9897);
}
.layout-panel .right-controls ul.nav-tabs li.disabledButton:hover {
    background-color: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
    cursor: default;
}
.layout-panel .right-controls ul.nav-tabs li.selected {
    background-color: #7d8b8a;
    background-image: linear-gradient(to bottom, #9eadad, #7d8b8a);
}
.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;
    color: #59595b;
}
.layout-panel .right-controls ul.nav-tabs.three-d li {
    width: auto;
    padding: 0 8px;
    font-size: 11px;
}
.layout-panel .right-controls ul.nav-tabs.three-d li span {
    width: auto;
}
.layout-panel .right-controls ul.nav-tabs.three-d li.disabled {
    pointer-events: none;
    opacity: 0.4;
}
.layout-panel .right-controls ul.nav-tabs.three-d li.print,
.layout-panel .right-controls ul.nav-tabs.three-d li.two-d {
    padding: 0 25px;
}
.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;
}
.layout-panel .right-controls ul.nav-tabs li.menu3DButton.disabledButton {
    opacity: 0.6;
}
.layout-panel .right-controls ul.nav-tabs li.active {
    background-color: #ec6036;
    background-image: linear-gradient(to top, #ec6036, #e76621);
}
.layout-panel .right-controls ul.nav-tabs li.active:hover {
    background-color: #f16d24;
    background-image: linear-gradient(to top, #ec6036, #f16d24);
}
/*  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 .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;
}
.menu-guests-tab .filters-wrapper div.item > div.dropdown .dropdown-content .ir > div label{
    padding-left:10px;
    font-family: OpenSans;
    font-weight:normal;
    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 {
    color: #fff;
    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 > 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-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;
}

.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 #94A2A1;
}
.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.checked {
    background-color: #fcc89b;
}
.menu-guests-tab .results .item.selected {
    background-color: #f0f0f0;
}
.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;
    color: #fff;
    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;
    color: #fff;
    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-weight: bold;
    font-family: OpenSans-Bold;
    font-weight:normal;
    margin-top: -15px;
    color: #ec6137;
    opacity: 1;
}
.campaign-details-popup .modal-header p.modal-title {
    font-size: 16px;
    color: #ec6137;
    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: 38px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    margin-top: -15px;
    color: #ec6137;
    opacity: 1;
}
.lead-details-popup .modal-header p.modal-title,
.offer-request-popup .modal-header p.modal-title {
    font-size: 16px;
    color: #ec6137;
    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: 30px;
    line-height: 30px;
    background-color: #ec6036;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#f37221), to(#ec6036));
    background-image: -webkit-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -moz-linear-gradient(to bottom, #f37221, #ec6036);
    background-image: -ms-gradient(to bottom, #f37221, #ec6036);
    background-image: -o-gradient(to bottom, #f37221, #ec6036);
    background-image: linear-gradient(to bottom, #f37221, #ec6036);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #ec6036 #ec6036 #ec6036;
    border: none;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    font-weight:normal;
    text-transform: uppercase;
    color: #fff;
    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-weight: bold;
    font-family: OpenSans-Bold;
    font-weight:normal;
    margin-top: -15px;
    color: #ec6137;
    opacity: 1;
}
.budget-all-weeks-popup .modal-header p.modal-title {
    font-size: 16px;
    color: #ec6137;
    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 {
    color: #ec6137;
    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;
}
.weekly-costs-list .week-item p.budget-progress-bar ::-webkit-progress-bar {
    background: #e1e1e1;
}
.weekly-costs-list .week-item p.budget-progress-bar progress[value]::-webkit-progress-value {
    background: #ec6137;
}
.weekly-costs-list .week-item.expired  p.values span.active,
.weekly-costs-list .week-item.expired  p.values span.total {
    color: #999;
}
.weekly-costs-list .week-item.expired p.budget-progress-bar progress[value]::-webkit-progress-value {
    background: #999;
}

/* 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;
    background: #ee602d;
    color: #fff;
    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: 435px;
    text-indent: 10px;
    font-family: OpenSans;
    font-weight:normal;
    border: 1px solid #94A2A1;
    box-shadow: none;
    background-color: #fff;
    margin-left: 0;
    padding-right: 10px;
}
.event-details-popup .search-wrapper button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 9px;
    vertical-align: bottom;
    padding:0;
    border: 0;
    background-color: #adbebd;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#adbebd), to(#97a5a4));
    background-image: -webkit-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -moz-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -ms-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -o-gradient(to bottom, #adbebd, #97a5a4);
    background-image: linear-gradient(to bottom, #adbebd, #97a5a4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #97a5a4 #97a5a4 #97a5a4;
}
.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:50px;
}
.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;
    background-color: #f16d24;
    background-image: linear-gradient(to top, #dd4f25, #e76621);
    border-color: #e76621 #e76621 #e76621;
    border: 0;
    border-radius: 0;
    color: #fff;
    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;
}
.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;
    width: 70px;
    border-radius: 0px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 9px;
    font-family: bold;
    background-color: #ec6036;
    background-image: linear-gradient(to top,  #ec6036, #f37221);
    border-color: #ec6036 #ec6036 #ec6036;
}
.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,
.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;
    margin-top:20px;
    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: 0px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    background-color: #f16e21;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#dc4b26), to(#f16e21));
    background-image: -webkit-linear-gradient(to top, #dc4b26, #f16e21);
    background-image: -moz-linear-gradient(to top, #dc4b26, #f16e21);
    background-image: -ms-gradient(to top, #dc4b26, #f16e21);
    background-image: -o-gradient(to top, #dc4b26, #f16e21);
    background-image: linear-gradient(to top, #dc4b26, #f16e21);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #e76621 #f16e21 #f16e21;
}
.event-details-popup .invite-caterer-wrapper .invite-btn button:hover {
    background-color: #e86721;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#dc4c26), to(#e86721));
    background-image: -webkit-linear-gradient(to top, #dc4c26, #e86721);
    background-image: -moz-linear-gradient(to top, #dc4c26, #e86721);
    background-image: -ms-gradient(to top, #dc4c26, #e86721);
    background-image: -o-gradient(to top, #dc4c26, #e86721);
    background-image: linear-gradient(to top, #dc4c26, #e86721);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #e86721 #e86721 #e86721;
}
.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: 0px;
}
.generic-modal .generic-modal-content.user-profile-popup .modal-header p.modal-title {
    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:normal;
    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: 14px;
    font-family: OpenSans-Bold;
    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;
    position: absolute;
}
.user-profile-popup .modal-body .user-profile-image img.preview-image-logo {
    background: url('./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;
    color: #fff;
    font-family: OpenSans-SemiBold;
    font-weight:normal;
    font-size: 11px;
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2)
}
.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;
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
}
.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 #b0c1c0;
    border-radius: 0;
    padding:5px 10px;
}
.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;
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
}
.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: 15px 32px;
    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 35px;
    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: 35px;
    border-radius: 0;
    font-size: 14px;
}
.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 div.navbar-form div.form-group {
    float: left;
    height: 100%;
    width: 33.333%;
}
.guests-panel main div.navbar-form div.form-group.evt-info {
    text-align: right;
    line-height: 25px;
}
.guests-panel main div.navbar-form div.form-group.evt-info button.orange-gradient {
    color:#ffffff;
    background-color: #f16e21;
    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 div.navbar-form div.form-group.evt-controls {
    line-height: 30px;
    text-align: center;
}
.guests-panel main div.navbar-form div.form-group.evt-controls > * {
    vertical-align: top;
}
.guests-panel main div.navbar-form div.form-group.evt-controls > span {
    font-family: OpenSans-Bold;
    font-weight:normal;
}
.guests-panel main div.navbar-form div.form-group.evt-controls > div {
    width: 200px;
    height: 35px;
    position: relative;
    margin-top: 0px;
    margin-left: 10px;
    z-index: 91;
}
.guests-panel main div.navbar-form div.form-group.evt-controls > div input {
    width: 100%;
    height: 30px;
    background-color: #fff!important;
}
.guests-panel main div.navbar-form div.form-group.evt-controls > div input.dropdown-opened {
    background-position: 98%!important;
}
.guests-panel main div.navbar-form div.form-group.evt-controls > button {
    height: 100%;
    background: transparent;
    padding: 0 10px;
}
.guests-panel main div.navbar-form div.form-group.evt-controls > button img {
    width: 19px;
    height: 19px;
    margin-left: 0;
}
.guests-panel main div.navbar-form div.form-group.evt-info span.info {
    font-family: OpenSans-SemiBold;
    font-weight:normal;
}
.guests-panel main div.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;
    /*top: 81px;*/
    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 .filter-on {
    color: #E96035;
}
.guests-listdiv.grid-column.party > .ir > div.guest-item.header .filter-off {
    color: #94a2a1;
}
.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(./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(./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 {
    z-index: 90;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    cursor: col-resize;
    width: 10px;
}
.resize-handle-left {
    z-index: 90;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    cursor: col-resize;
    width: 10px;
}
.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;
}
.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 {
    display: none!important;
}
.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-weight: normal;
    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 #94A2A1;
    margin-left: 0;
    padding-right: 10px;
    font-weight: normal;
    font-family: OpenSans;
    font-weight:normal;
}
.guests-panel main .guests-controls .dropdowns .dropdown-content {
    top: 37px;
    max-height:254px;
}
.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;
}
.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 .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-weight: normal;
    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 #94A2A1;
    margin-left: 0;
    box-shadow: none;
    font-weight: normal;
}
.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;
    color: #fff;
    text-transform: uppercase;
    width: 100px;
    margin-left: 5px;
    font-size: 12px;
    font-family: OpenSans-SemiBold;
    font-weight:normal;
}
.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-weight: normal;
    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 #ccc;
}
.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;
    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;
    width:100px;
    margin-left: 10px;
    text-shadow: none;
    padding:6px 0;
}
.guests-list .guest-item [class^='icon_'],
.list-header .grid-column [class^='icon_'] {
    width: 12px;
    height: 15px;
    cursor: pointer;
    background-size: 13px 17px!important;
    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 #94A2A1;
    margin-left: 1px;
    margin-top: 1px;
    font-family: OpenSans;
    font-weight:normal;
    width: 99%;
}
.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: #f1f2f2;
}

/* 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 {
    color: #ec6137;
    font-size: 17px;
    font-weight: 700;
    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: #ffffff;
}
.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('./img/3D/rotate_ccw_base.svg');
    position: relative;
    top: 5px;
    right: 10px;
}
.controls-3d .controls-wrapper .icon_refresh_left:hover {
    background-image: url('./img/3D/rotate_ccw_over.svg');
}
.controls-3d .controls-wrapper .icon_refresh_right {
    background-image: url('./img/3D/rotate_cw_base.svg');
    position: relative;
    top: 5px;
    left: 10px;
}
.controls-3d .controls-wrapper .icon_refresh_right:hover {
    background-image: url('./img/3D/rotate_cw_over.svg');
}
.controls-3d .controls-wrapper .icon_arrow-up {
    background-image: url('./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('./img/3D/arrow_up_over.svg');
}
.controls-3d .controls-wrapper .icon_minus {
    background-image: url('./img/3D/zoom_out_base.svg');
    position: relative;
    top: -12px;
    right: 10px;
}
.controls-3d .controls-wrapper .icon_minus:hover {
    background-image: url('./img/3D/zoom_out_over.svg');
}
.controls-3d .controls-wrapper .icon_plus {
    background-image: url('./img/3D/zoom_in_base.svg');
    position: relative;
    top: -12px;
    left: 10px;
}
.controls-3d .controls-wrapper .icon_plus:hover {
    background-image: url('./img/3D/zoom_in_over.svg');
}
.controls-3d .controls-wrapper .icon_arrow_down {
    background-image: url('./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('./img/3D/arrow_down_over.svg');
}
.controls-3d .controls-wrapper .icon_arrow-left {
    background-image: url('./img/3D/arrow_left_base.svg');
    background-position: right;
    width:45px;
    height: 45px;
}
.controls-3d .controls-wrapper .icon_arrow-left:hover {
    background-image: url('./img/3D/arrow_left_over.svg');
}
.controls-3d .controls-wrapper .icon_arrow-right {
    background-image: url('./img/3D/arrow_right_base.svg');
    background-position: left;
    width:45px;
    height: 45px;
}
.controls-3d .controls-wrapper .icon_arrow-right:hover {
    background-image: url('./img/3D/arrow_right_over.svg');
}
.controls-3d .controls-wrapper .icon_center {
    background-image: url('./img/3D/center_base.svg');
    position: relative;
    top: -4px;
}
.controls-3d .controls-wrapper .icon_center:hover {
    background-image: url('./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 {
    color: #EC6136;
    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%;
    color: #ffffff;
    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 {
    display: none;
}
.rename-modal .manage-modals-wrapper {
    display:none;
}
.rename-modal .rename-modals-wrapper {
    display:block;
}
.templates-manage-modal .generic-modal-content {
    background: #f1f2f2;
    font-family: OpenSans;
    font-weight:normal;
}
.templates-manage-modal .modal-header .close{
    color: #EC6136;
    opacity: 1;
    font-size: 20px;
}
.templates-manage-modal .modal-header {
    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-header .modal-title {
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    margin-top: 5px;
    color: #EC6136;
}
.templates-manage-modal .modal-body {
    padding-top:0;
}
.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;
    font-weight: normal;
}
.templates-manage-modal .modal-body .templates-list {
    border: 1px solid #bfbfbf;
    height: 330px;
    background: #ffffff;
    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: 55px;
    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 button.btn {
    position: relative;
    top:10px;
    width:100px;
    color: #ffffff;
    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 button {
    color: #ffffff;
    background-color: #ec6036;
    background-image: linear-gradient(to top, #ec6036, #f37221);
    border-color: #ec6036 #ec6036 #ec6036;
    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:hover {
    background-color: #f1f2f2;
}
.templates-manage-modal .modal-body .templates-list .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 {
    width: 200px;
    height: 120px;
    background-color: #f1f2f2;
    position: absolute;
    left: 50%;
    top: 14%;
    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 {
    color: #ec6137;
    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;
    color: #ec6137;
    opacity: 1;
    font-size: 21px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    border: 0;
}
.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 */

/* DUPLICATE MODAL */

.duplicate-modal {
    display: none;
    width: 300px;
    height: 150px;
    background-color: #f1f2f2;
    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;
    font-weight:normal;
}
.duplicate-modal .modal-body {
    padding:0 30px;
}
.duplicate-modal .modal-body > label {
    width: 100%;
}
.duplicate-modal .modal-body button {
    color: #ffffff !important;
    margin-left: 7px;
    font-size: 12px;
    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: 400px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;
}
.designer-grid-settings-modal {
    height: 550px;
}
.designer-grid-settings-modal .slider-grid {
    margin: 0px 0;
    width: 100px;
    display: -webkit-inline-box;
}
.show-the-modal .grid-settings-modal {
    display: block;
}
.grid-settings-modal .modal-body {
    height: 115px;
    box-sizing: border-box;
    padding: 20px 10px;
}
.grid-settings-modal .modal-body > div {
    width: 100%;
    margin-bottom: 0px;
}
.grid-settings-modal .modal-body > div > label.horizontal {
    margin-right: 45px;
}
.grid-settings-modal .modal-body > div > label.vertical {
    margin-right: 62px;
}
.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;
}
.modal-shadow .modal-body div.measurements label {
    height: 30px;
    width: 70px;
    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;
    font-weight: normal;
}
.modal-shadow .modal-body div.measurements span {
    vertical-align: top;
    font-size: 15px;
}
/* END GRID SETTINGS */

/* SETTINGS */
.settings-modal {
    width: 360px;
    height: 180px;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;
}
.show-the-modal .settings-modal {
    display: block;
}
.settings-modal .modal-body {
    height: 145px;
}
.settings-modal .modal-body p.dark-text {
    font-family: OpenSans-Bold;
    font-weight:normal;
    font-size: 14px;
}
.settings-modal .modal-body > div {
    width: 100%;
    margin-bottom: 15px;
}
.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::-webkit-input-placeholder {
    font-style: normal;
}
.settings-modal .modal-body > div label input:-ms-input-placeholder {
    font-style: normal;
}
/* 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%;
    background-color: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
    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;
    background-color: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
}
.zoom-modal .modal-body ul li span {
    width: 100%;
    height: 100%;
    margin-left: 0;
    background-size: 20px 20px!important;
    background-position: center;
}
.zoom-modal .modal-body ul li span:hover {
    background-color: rgba(0, 0, 0, .1);
}
/* 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 0;
}
.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 #94A2A1;
    margin-left: 10px;
    text-indent: 10px;
    font-weight: normal;
    position: relative;
    font-family: OpenSans;
    font-weight:normal;
}
/* 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 label.color.white {
    background-color: #fff;
}
.table-status-modal .modal-header > div label.color.green {
    background-color: #6ebd44;
}
.table-status-modal .modal-header > div label.color.orange {
    background-color: #fcaf17;
}
.table-status-modal .modal-header > div label.color.red {
    background-color: #f15a29;
}
.table-status-modal .modal-header > div span {
    vertical-align: top;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
}
.table-status-modal .modal-header button.close {
    position: absolute;
    right: 10px;
    background: transparent;
    padding: 0;
    width: 20px;
    color: #ec6137;
    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;
    color: #ffffff;
    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;
    color: #ec6137;
    opacity: 1;
    font-size: 21px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    border: 0;
    text-shadow: none;
}
.generic-modal.show-the-modal {
    padding: 25px 0px;
}
.quote-price-modal {
    width: 800px;
    background: none;
    border: none;
    display: none;
    background: #ffffff;
    font-family: OpenSans;
    font-weight:normal;
}
.show-the-modal .quote-price-modal {
    display: block;
    margin-top: 0px;
    height: auto;
    max-height: none;
    min-height: 1px;
    padding: 0px;
}
.quote-price-modal .modal-header {
    position: relative;
    text-align: center;
    padding-bottom: 0;
}
.quote-price-modal .modal-body {
    padding-top: 0;
    overflow-y: auto;
    height: calc(100% - 50px);
}
.quote-price-modal .quote-title {
    font-size: 18px;
    font-family: OpenSans;
    font-weight:normal;
    color:#ec6137;
}
.quote-price-modal .close {
    position: absolute;
    top: 14px;
    right: 15px;
    color: #ec6137;
    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 > .save-pdf {
    margin: 20px 0;
}
.quote-price-modal .modal-body > .save-pdf > span {
    font-family: OpenSans;
    font-weight:normal;
    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: 10px;
    font-family: OpenSans;
    font-weight:normal;
    font-weight: 400;
}
.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-size: 11px;
    font-family: OpenSans-SemiBold;
    font-weight:normal;
    font-weight: 400;
}
.quote-price-modal .modal-body .info-box .info-form input {
    width: 100%;
    margin-bottom: 10px;
    height: 26px;
    font-size: 11px;
    padding-bottom: 3px;
    text-indent: 10px;
    border: 1px solid #c0cdcd;
    color: #58595b;
}
.quote-price-modal .modal-body .info-box .info-form label.input-micro {
    width: 14%;
}
.quote-price-modal .modal-body .info-box .info-form label.input-small {
    width: 59%;
}
.quote-price-modal .modal-body .info-table > div {
    height: 32px;
}
.quote-price-modal .modal-body .info-table {
    max-height: calc(100vh - 525px);
    overflow-y: auto;
    height: 100%;
    min-height: 85px;
}
.quote-price-modal .modal-body div.header > 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 {
    text-align: center;
    height: 100%;
    display: inline-block;
    border-right: 1px solid #e6e6e6;
    padding: 8px 4px;
    float: left;
}
.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: 20%;
    max-width: 150px;
    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: 0px;
    background-size: contain !important;
    cursor: pointer;
}
.quote-price-modal .modal-body .orange-gradient {
    width: 100%;
    height: 40px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: OpenSans-Bold;
    font-weight:normal;
    color: #ffffff;
    border: none;
    position: relative;
}
/* 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: 365px;
    height: auto;
    position: absolute;
    display: none;
}
.floorplan-modal.guests-window {
    width: 750px;
    height: 450px;
}
.show-the-modal .floorplan-modal {
    display: block;
}
.floorplan-modal .modal-header {
    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 {
    color: #ec6137;
    font-size: 14px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    line-height: 16px;
    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;
}
.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: 5px;
    cursor: pointer;
    padding-left: 2px;
}
.floorplan-modal .modal-header .right-tabs ul li:last-child {
    border-right: none;
}
.floorplan-modal .modal-header .right-tabs ul li.selected {
    color: #ec6137;
}
.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: #ffffff;
    text-align: center;
    position: relative;
}
.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;
}
.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%;
}
.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;
}
.floorplan-modal .modal-subheader .info p.colors label {
    width: 15px;
    height: 15px;
    position: relative;
    top:1px;
    cursor: pointer;
}
.floorplan-modal .modal-subheader .info p.colors label.selected {
    border:2px solid #606060;
}
.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.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: 55px;
    height: 100%;
    float: left;
    line-height: 25px;
}
.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: 283px;
    text-indent: 10px;
    border: 1px solid #b0c1c0;
    font-size: 11px;
    font-family: OpenSans;
    font-weight:normal;
    font-weight: normal;
}
.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;
}
.floorplan-modal .modal-body > div > div.rows > label {
    display: inline-block;
    margin-right: 10px;
}
.floorplan-modal .modal-body > div > div.rows > label > label {
    width:97px;
}
.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: 0px;
}
.floorplan-modal .modal-body .object-tab div.type-wrapper .dropdown {
    width: 283px;
    background-color: #fff;
    vertical-align: top;
    height: 26px;
}
.floorplan-modal .modal-body .object-tab div.type-wrapper .dropdown input {
    width: 100%;
    height: 25px;
    background-color: #fff!important;
    background-position: 98%  9px!important;
    margin-left: 0;
    border: 1px solid #b0c1c0;
    font-size:11px;
}
.floorplan-modal .modal-body .object-tab .dropdown-content,
.floorplan-modal .modal-body .object-tab .dropdown-content {
    top: 28px;
    overflow-y: auto;
    font-family: OpenSans;
    font-weight:normal;
    font-weight: normal;
}
.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 #b0c1c0;
}
.floorplan-modal .modal-body .object-tab div.chairs-wrapper input {
    text-indent: 10px;
    border: 1px solid #b0c1c0;
    height: 25px;
    width: 50px;
}
.floorplan-modal .modal-body .object-tab div.chairs-wrapper .dropdown {
    width: 110px;
    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 #b0c1c0;
    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 #b0c1c0;
    position: relative;
}
.floorplan-modal .modal-body .object-tab .designer-button button {
    color: #fff;
    outline: none;
    border: none;
    padding: 5px 10px;
    font-family: OpenSans-Bold;
    font-weight:normal;
}
.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;
}
.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(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 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;
}
.tooltip-inner {
    white-space:nowrap;
    max-width: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.join-wrapper > button {
    border:none;
    color: #ffffff;
    height: 25px;
    padding: 0 10px;
}
.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.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 {
    width: 70px;
    margin-right: 5px;
}
.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 #b0c1c0;
}
.floorplan-modal .modal-body .object-tab > div.size-wrapper label input::-webkit-outer-spin-button,
.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 #b0c1c0;
    resize: none;
    width: 283px;
    padding: 5px 10px;
    font-family: OpenSans;
    font-weight:normal;
}
.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:343px;
    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: #ffffff !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;
    margin-top: 1.5px;
    height: 13px;
    float: left;
    margin: 0;
    margin-right: 5px;
    cursor: pointer;
    background-size: contain !important;
}
.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: 0px 10px;
    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 .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 .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:10px;
}
.floorplan-modal .chairs-extended-tab .rows label > label {
    width:97px;
}
.floorplan-modal .chairs-extended-tab .calculations {
    font-family: OpenSans-SemiBold;
    font-weight:normal;
    margin-bottom: 10px;
}
.floorplan-modal .chairs-extended-tab .calculations > div {
    height: 30px;
    margin: 15px 0;
}
.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: 10px;
}
.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;
    padding: 10px 0;
    border-top: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
}
.floorplan-modal .chairs-extended-buttons button {
    margin-right:10px;
    color: #ffffff;
}
.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 .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: #ffffff;
}
.floorplan-modal .joined-tab .dropdown i {
    display:none;
}
.floorplan-modal .joined-tab .single-table input {
    width: 100%;
    background-color: #ffffff;
    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 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: 350px;
    height: auto;
    background-color: #f1f2f2;
    position: absolute;
    left: 50%;
    top: 14%;
    display: none;
}
.show-the-modal .edit-object-modal {
    display: block;
}
.edit-object-modal .modal-body {
    padding: 15px;
    position: relative;
    width: 100%;
}
.edit-object-modal .modal-body .section-title {
    font-family: OpenSans-Bold;
    font-weight:normal;
    font-size: 13px;
}
.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: 3px;
}
.edit-object-modal .modal-body .section-wrapper > div {
    margin-bottom: 10px;
}
.edit-object-modal .modal-body .section-wrapper span.label-name {
    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 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 #b0c1c0;
    position: relative;
    font-family: OpenSans-SemiBold;
    font-weight:normal;
    color: #59595b;
}
.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 0px 0px 5px;
}
.sp-replacer {
    height: 25px !important;
    min-width: 56px;
}
.sp-replacer .sp-dd {
    line-height: 11px;
}
.sp-preview {
    width: 30px !important;
    height: 15px !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: 0 15px 15px;
}
.edit-object-modal .modal-footer button {
    border-radius: 0;
    color: #fff;
    width: 100px;
    height: 30px;
    padding: 0;
    font-size: 13px;
}
/* END EDIT OBJECT MODAL */

/* LINKED EVENTS MODAL */
.linked-events-modal {
    width: 350px;
    height: auto;
    background-color: #f1f2f2;
    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;
    color: #fff;
    height: 30px;
    border-radius: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
}
/* 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;
    width: 40px;
    height: 100%;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    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 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-title .icon_warning {
    display: inline-block;
    text-indent: -9999px;
    width: 18px;
    height: 15px;
    background-size: cover!important;
    margin-left: 8px;
}*/
.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;
}

.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: 0px;
    margin-top: 0px;
    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 > 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 #94A2A1;
    margin-left: 0;
    padding-right: 10px;
}
.reports-wrapper .content .controls > div .dropdown input.dropdown-opened {
    background-position: 98% !important;
}
.reports-wrapper .content .controls > div .filter input {
    background: url(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(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 {
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 0;
    height: 35px;
    margin-bottom: 12px;
}
.reports-wrapper .content .buttons-wrapper button {
    width: 100px;
    border-radius: 0;
    font-size: 12px;
    height: 30px;
    color: #fff;
}
.reports-wrapper .content .buttons-wrapper button:hover {
    color: #ffffff;
    background-color: #e76621;
    background-image: linear-gradient(to top, #dd4f25, #e76621);
    border-color: #e76621 #e76621 #e76621;
}
.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;
    color: #f7941d;
    margin-left: 5px;
}
.reports-wrapper .content .table-wrapper .layout-report {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
    overflow-y: scroll;
}
.reports-wrapper .content .table-wrapper .layout-report .report-title {
    background: #ebebeb;
    color:#eb6333;
    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;
}
.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 .tablesbreakdown span.col {
    color: #000;
}*/
.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 {
    width: 150px;
}
.reports-wrapper .content .table-wrapper .layout-report .table-row span.col.dimensions {
    width: 200px;
}
.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.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-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:100px;
}
.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;
}
.reports-wrapper .content .table-wrapper .layout-report .table-body

    /* 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;
    font-weight: normal;
}
.timeline-wrapper .content button.gray-gradient {
    height: 20px;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    vertical-align: top;
    border-radius: 0;
    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: #ffffff !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 {
    padding-left:0;
}
.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 6px;
    padding-right: 0;
    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;
    height: 30px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 0;
    cursor: pointer;
}
.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 {
    float: left;
}

.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;
    font-weight: normal;
    width: 100%;
    border: 1px solid #ccc;
    outline: 0;
}
.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 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;
}
.new-task .modal-body .checkboxes > label {
    width: 49%;
    font-family: OpenSans-Bold;
    font-weight:normal;
    font-size: 14px;
}
.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;
    background-color: #adbebd;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#adbebd), to(#97a5a4));
    background-image: -webkit-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -moz-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -ms-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -o-gradient(to bottom, #adbebd, #97a5a4);
    background-image: linear-gradient(to bottom, #adbebd, #97a5a4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #97a5a4 #97a5a4 #97a5a4;
}
.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;
}
.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 #94A2A1;
    outline: none;
    border-radius: 0;
    font-size: 12px;
    font-weight: bold;
    text-indent: 10px;
}
.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: #ffffff;
    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: 60px;
    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: 60px;
    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 {
    color: #ec6137;
    font-size: 18px;
    font-family: 'OpenSans-Bold';
    font-weight:normal;
    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: #ffffff;
    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: #ffffff;
}
.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 button {
    margin-top: 30px;
    float: right;
    color: #ffffff !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 .modal-body .events-list .event .dropdown input {
    width: 100%;
    height: 30px;
    background-color: #fff!important;
    font-family: OpenSans;
    font-weight:normal;
    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;
    color:#cacaca;
    font-family: OpenSans;
    font-weight:normal;
    font-weight: normal;
}
.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 {
    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 #94A2A1;
    text-indent: 10px;
    left: 0;
    position: absolute;
    top: 0;
    font-weight: normal;
}
.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: 0px 3px;
}
.edit-guest-modal label .icon_edit {
    margin-top: 7px;
}
.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;
    /*    left: 42%;
        top: 30%;*/
}
.edit-field-type-modal {
    top: calc(50% - 120px);
    left: calc(50% - 150px);
}
.guests-chb {
    padding: 0 16px 15px 16px;
}
.filter-by-party-modal .modal-body .search-group {
    width: 100%;
    margin: 10px 0 5px;
    height: 25px;
}
.filter-by-party-modal .modal-body .search-group label {
    position: relative;
}
.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;
}
.filter-by-party-modal .modal-body .search-group label.check-label {
    vertical-align: bottom;
    margin-left: 5px;
    font-size: 11px;
}
.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;
    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;
    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%;
    /*border: 1px solid #d1d3d4;*/
}
.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:220px;
    height:25px;
    padding-top: 0px;
}
.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 {
    /*padding-top: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 {
    background: #95a3a2;
    background-image: linear-gradient(to bottom, #adbdbc, #95a3a2);
    outline: none;
    border: none;
    width: 100%;
    padding: 15px;
    color: #ffffff;
    font-size: 15px;
    margin-top:10px;
}
.main-container .invite-wrapper .invite-info-box button.btn_grey:hover {
    background: #9faeae;
    background-image: linear-gradient(to top, #8a9897, #9faeae);
}
.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 0px 0px;
}
/* END INVITATION PAGE */

/* GUESTS INFO OVERLAY */

.overlay-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.overlay-info .info-box {
    width: 45%;
    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;
}
.overlay-info .info-box.center {
    margin: 0 auto;
    top: 30%;
}
.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 20px;
}
.overlay-info .info-box.center p .guest-list-title{
    font-size: 28px;
    position: relative;
    top: -17px;
}
.overlay-info .info-box.center img {
    width: 120px;
    /*margin: auto;*/
    /*display: block;*/
    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;
    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: auto; */
        /* display: block; */
        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 */

/* MODAL UPLOAD FLOORPLAN */

.modal-upload-file {
    font-family: OpenSans;
    font-weight:normal;
    padding: 15px 10px 25px 10px !important;
    width: 750px;
    min-height: 550px;
    height: 550px;
    position: relative;
}
.modal-upload-file .line-through {
    border: 1px solid #78787b;
    margin: -10px 35px;
}
.modal-upload-file .steps {
    height: 20px;
    background: transparent;
    position: relative;
    width: 110%;
    margin-left: -4.5%;
}
.modal-upload-file .steps .step {
    width: 19%;
    margin-left: 1%;
    float: left;
    text-align: center;
}
.modal-upload-file .steps .step.active {
    color: #ec6137;
}
.modal-upload-file .steps .step.active .state {
    background-color: #ec6137;
    color: #ffffff;
    border-color: #ec6137;
}
.modal-upload-file .steps .step.seen {
    color: #78787b;
}
.modal-upload-file .steps .step.seen .state {
    background-color: #78787b;
    color: #ffffff;
    border-color: #78787b;
}
.modal-upload-file .steps .step .state-name {
    position: relative;
    top: 10px;
    margin-bottom: 20px;
}
.modal-upload-file .steps .step:nth-child(1) {
    margin-left:0;
}
.modal-upload-file .steps .step .state {
    width: 23px;
    z-index:9999;
    margin: auto;
    height: 23px;
    border:1px solid #78787b;
    border-radius: 50%;
    padding:2px 0;
    background: #ffffff;
}
.modal-upload-file .short-plan .steps .step.step-skip {
    display: none;
}
.modal-upload-file .short-plan .steps .step {
    width: 24.2%;
}
.modal-upload-file .short-plan .steps .step.step-change .state {
    display: none;
}
.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;
    color: #f16e21;
    z-index: 2;
}
.modal-upload-file .welcome-step .wizard-penguin {
    background: url(./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;
    margin-bottom: 15px;
    font-size: 17px;
    font-family: OpenSans-SemiBold;
}
.modal-upload-file .form-upload {
    padding:0 45px;
}
.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 .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-details .form-group {
    margin-bottom: 10px;
}
.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,
.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;
    font-weight: normal;
}
.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 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: 0;
    margin-top: -25px;
    font-size: 15px;
    color:#444;
    font-family: OpenSans-SemiBold;
    font-weight:normal;
}
.modal-upload-file .contactus-confirmation {
    padding-top:40px;
}
.modal-upload-file .contactus-confirmation .title {
    text-align:left;
}
.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;
    color: #ec6137;
}
.modal-upload-file .chose-payment .preloader {
    position: relative;
    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: 25px 26.1px 18px 0;
    text-align: center;
    box-shadow: 0px 0px 1px 1px #c1c1c1;
    cursor: pointer;
}
.modal-upload-file .chose-program .program-box:hover .name {
    background-color: #ec6137;
}
.modal-upload-file .chose-program .program-box:hover .former-price {
    color: red;
}
.modal-upload-file .chose-program .program-box.last-box {
    margin-right: 0;
}
.modal-upload-file .chose-program .program-box.selected {
    background-color: #ec6137;
}
.modal-upload-file .chose-program .program-box.selected p {
    color: #ffffff;
}
.modal-upload-file .chose-program .program-box.selected p.name {
    background-color: #ec6137;
}
.modal-upload-file .chose-program .program-box.selected .former-price {
    color: red;
}
.modal-upload-file .chose-program .program-box.selected .former-price span {
    color: #ffffff;
}
.modal-upload-file .chose-program .program-box .service {
    text-align: center;
    width: 100%;
    font-family: OpenSans;
    font-size: 11px;
    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: #ffffff;
    margin-bottom: 18px;
}
.modal-upload-file .chose-program .program-box .former-price {
    text-decoration: line-through;
    color: red;
    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 {
    color: #fff;
    background-color: #adbebd;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#adbebd), to(#97a5a4));
    background-image: -webkit-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -moz-linear-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -ms-gradient(to bottom, #adbebd, #97a5a4);
    background-image: -o-gradient(to bottom, #adbebd, #97a5a4);
    background-image: linear-gradient(to bottom, #adbebd, #97a5a4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #97a5a4 #97a5a4 #97a5a4;
    padding: 3px 25px;
    float: right;
    margin-top: -3px;
    font-family: OpenSans-Bold;
    font-weight:normal;
    cursor: pointer;
}
.modal-upload-file .chose-program .edit-payment-button:hover {
    background-color: #9eadad;
    background-image: -webkit-gradient(linear, 100.0% 0%, 0% 0%, from(#9eadad), to(#899796));
    background-image: -webkit-linear-gradient(to bottom, #9eadad, #899796);
    background-image: -moz-linear-gradient(to bottom, #9eadad, #899796);
    background-image: -ms-gradient(to bottom, #9eadad, #899796);
    background-image: -o-gradient(to bottom, #9eadad, #899796);
    background-image: linear-gradient(to bottom, #9eadad, #899796);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', EndColorStr='');
    border-color: #899796 #899796 #899796;
}
.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: 40px;
    font-family: OpenSans;
    font-weight:normal;
    font-weight: normal;
}
.modal-upload-file .success-message {
    text-align: center;
    margin: 20px 0;
}
.modal-upload-file .success-message .success-title {
    font-size: 30px;
    font-family: OpenSans;
    font-weight:normal;
    margin-top: 50px;
    margin-bottom: 20px;
}
.modal-upload-file .success-message > p {
    font-family: OpenSans;
    font-weight: normal;
    color: #000000;
    font-size: 14.5px;
    margin-bottom: 3px;
}
.modal-upload-file .wizard-hat-image {
    width: 80%;
    margin: auto;
    background: url(./img/wizard_hat.svg) no-repeat;
    height: 315px;
    background-position: center;
    margin-bottom: 40px;
}
.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 0px 0px 0px;
}
.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.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;
    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: 68%;
    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;
}
.modal-upload-file .form-upload .upload-details .form-group.contact-input-email {
    width: 49%;
    display: block;
    float: right;
}
/*** Replaced <img> ***/

/*.main-preloader .main-preloader-img {*/
    /*position: relative;*/
    /*top: calc( 100% - 50% - 110px );*/
    /*z-index: 99999;*/
    /*width: 100%;*/
    /*height: 95px;*/
    /*background: url("./img/allseated.png") no-repeat center;*/
    /*float: left;*/
/*}*/

.account-users-list-item .trash-icon-wrapper div[class^='icon_'] {
    width: 16px;
    height: 22px;
    float: left;
    margin-right: 5px;
    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("./img/icon_acct_profile.svg");
}
.account-nav-active .icon-profile {
    background-image: url("./img/icon_acct_profile_white.svg");
}
.icon-acct-account {
    background-image: url("./img/icon_acct_account.svg");
}
.account-nav-active .icon-acct-account {
    background-image: url("./img/icon_acct_account_white.svg");
}
.icon-halls2 {
    background-image: url("./img/icon_acct_halls2.svg");
}
.account-nav-active .icon-halls2 {
    background-image: url("./img/icon_acct_halls_white.svg");
}
.icon-users {
    background-image: url("./img/icon_acct_users.svg");
}
.account-nav-active .icon-users {
    background-image: url("./img/icon_acct_users_white.svg");
}

.icon-permissions {
    background-image: url("./img/icon_acct_permissions.svg");
}
.account-nav-active .icon-permissions {
    background-image: url("./img/icon_acct_permissions_white.svg");
}
.icon-campaign {
    background-image: url("./img/icon_acct_campaign.svg");
}

.spinner {
    background: url("./img/load.gif") 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("./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("./img/left-arrow.png");
}
.arrow .right-arrow-img {
    background-image: url("./img/right-arrow.png");
}
.arrow .left-arrow-img.selected {
    background-image: url("./img/left-arrow-selected.png");
}
.arrow .right-arrow-img.selected {
    background-image: url("./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("./img/security-code.png");
    width: 90px;
    height: 60px;
}

.penguin-card-holder {
    background: url("./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("./img/x_circle.png") no-repeat center / 100%;
    width: 13px;
    height: 13px;
}
.red_exclamation {
    background: url("./img/red_exclamation.png") no-repeat center / 100%;
    width: 13px;
    height: 13px;
}
.check_mark {
    background: url("./img/check_mark.png") no-repeat center / 100%;
    width: 11px;
    height: 11px;
}
.cloud1-img {
    background: url("./img/cloud_1.png") no-repeat center / 100%;
    width: 68px;
    height: 45px;

}
.cloud2-img {
    background: url("./img/preloader_upload.gif") no-repeat center / 100%;
    width: 68px;
    height: 45px;
}

.icon-penguin-question {
    background: url("./img/icon_penguin_question.svg") no-repeat;
    height: 265px;
    width: 100%;
}

.brandCortLogo-img {
    background: url("./img/colors/GR_CORT_Logo.svg") no-repeat;
    width: 50px;
    height: 60px;
}
.brandPartyRentalLogo-img {
    background: url("./img/party_rental_logo.png") no-repeat;
    width: 50px;
    height: 60px;
}
.Events204Logo-img {
    background: url(./img/204_events.png) no-repeat;
    width: 129px;
    height: 60px;
    background-size: contain;
    background-position: right;
}
.brandAFRLogo-img {
    background: url("./img/colors/GR_AFR_Logo_No_Little_Txt.svg") no-repeat;
    width: 129px;
    height: 60px;
    background-size: contain;
}
.brandFormDecorLogo-img {
    background: url("./img/formdecor_logo.svg") no-repeat;
    width: 129px;
    height: 60px;
    background-size: contain;
}

.icon_btn_tutorials {
    background: url("./img/icon_btn_tutorials.svg") no-repeat;
    width: 50px;
    height: 144px;
}
.icon_btn_chat {
    background: url("./img/icon_btn_chat.svg") no-repeat;
    width: 52px;
    height: 155px;
}

.profile-img {
    background: url("./img/unknown_user_large.png") no-repeat center / 30px 30px;
    width: 30px;
    height: 30px;
}

.menu-white-img {
    background: url("./img/menu-white-24.png") no-repeat center / 100%;
    width: 27px;
    height: 27px;
}
.close-white-img {
    background: url("./img/close-white-32.png") no-repeat center / 100%;
    width: 27px;
    height: 27px;
}
.guests-invitation-image {
    background: url("./img/invitation_image.jpg") no-repeat top / cover;
    width: 100%;
    height: 100%;
}
.logo-evite {
    background: url("./img/logo_evite.png") no-repeat top / 100%;
    width: 120px;
    height: 53px;
}
.penguin-update-img {
    background: url("./img/penguin_update.svg") no-repeat top / 100%;
    width: 120px;
    height: 168px;
}

.penguin-info-img {
    background: url("../skins/com/profilepage/img/allseated_p.png") no-repeat top / 100%;
    width: 72px;
    height: 101px;
}

.profilepage-default-cover {
    background: url("../skins/com/profilepage/img/default_cover.jpg") no-repeat top / cover;
}
.profilepage-default-logo {
    background: url("../skins/com/profilepage/img/default_logo.jpg") no-repeat top / cover;
}


.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;
    color: #ffffff;
}

/* 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;
    color: #ec6137;
    padding: 0px 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("./img/mouse-left.png") no-repeat center / auto;
}
.instructions-3d-popup .mouse-scroll {
    background: url("./img/mouse-scroll.png") no-repeat center / auto;
}
.instructions-3d-popup .arrow-keys {
    background: url("./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;
    color: #ec6137;
}

/** Hide placeholders on focus **/
/* WebKit browsers */
input:focus::-webkit-input-placeholder { color:transparent; opacity: 0; }

/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder { color:transparent; opacity: 0; }

/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder { color:transparent; opacity: 0; }

/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder { color:transparent; opacity: 0; }
input::-moz-focus-inner {
    border: none;
}

.as-admin main div.navbar-form div.form-group.past-events-dropdown {
    float: left;
    margin: 0px 25px;
    padding: 0px;
    height: 100%;
    width: 100%;
    max-width: 145px;
}
.as-admin main div.navbar-form div.form-group.past-events-dropdown .dropdown,
.as-admin main div.navbar-form div.form-group.past-events-dropdown .dropdown > div{
    width: 65px;
    height: 26px;
    float: left;
}
.as-admin main div.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 div.navbar-form div.form-group.past-events-dropdown .past-events-btn {
    float: left;
    margin: 0px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 0;
}

div.announce-html5-popup {
    width: 520px;
    height: 430px;
    color: #ec6137;
    font-family: OpenSans;
    font-size: 16px;
    padding: 0px;
    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: 0px 15px;
    margin-top: 20px;
}
div.announce-html5-popup .modal-content {
    border: none;
}
div.announce-html5-popup .modal-body {
    overflow: hidden;
    padding: 0px 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: 0px;
}
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(./img/penguin_html5.svg) no-repeat center / auto;
    width: 100%;
    height: 240px;
    display: inline-block;
}
.img-chrome {
    background: url(./img/browser_chrome.svg) no-repeat center / auto;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0px 10px 0px 0px;
}
.img-firefox {
    background: url(./img/browser_firefox.svg) no-repeat center / auto;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0px 10px 0px 0px;
}
.img-safari {
    background: url(./img/browser_safari.svg) no-repeat center / auto;
    background-size: contain;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 10px 0 0;
}
.img-edge {
    background: url(./img/browser_edge.svg) no-repeat center / auto;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0px 10px 0px 0px;
}
.browser-compatible-title {
    font-size: 22px;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
}
.browser-compatible-chrome {
    padding: 0 0 0 850px;
    display: inline-block;
}
.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;
    color: #ec6137;
}
.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 0px 25px;
    font-size: 15px;
}
.browser-compatible-browsers img {
    margin: 0px 25px 0px 25px;
}

.occasion-wrapper > div > div > main,
.occasion-wrapper > div > div > .layout-wrapper,
.occasion-wrapper > div > div > .guests-panel,
.occasion-wrapper > div > div > .reports-wrapper {
    z-index: 9;
    width: 100%;
    height: 100%;
    position: relative;
}
.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 .reports-wrapper .content .table-wrapper .reports-list div.grid-column > div.ir:last-child > div.guest-item {
}
.occasion-wrapper .guests-panel .evite {
    height: calc(100% - 35px);
}
.occasion-wrapper .layout-wrapper .layout-panel {
    min-width: 1px;
}
.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 > div.navbar-form {
    height: calc(100% - 35px);
}
.occasion-wrapper .event-page main aside {
    margin-right: 15px;
    height: 100%;
}
.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%;
    min-height: 1px;
}
.occasion-wrapper > div > div > div main,
.occasion-wrapper > div > div > div.reports-wrapper > .content {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0;
}
.occasion-wrapper > div > div > div.reports-wrapper > .content {
    padding-top: 0px;
    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: 25px 70px;
    width: auto;
}
.main-dashboard .account-page {
    margin: 25px 0px;
    padding: 0px 70px;
    width: auto;
}
.main-dashboard .account-page .account-page-nav-wrapper {
    padding: 0px;
    margin-right: 15px;
    min-width: 245px;
    width: 245px;
}
.main-dashboard .account-page .account-page-nav-wrapper ul.account-page-nav {
    margin: 0px;
}
.main-dashboard .account-page .account-page-content {
    padding: 0px;
    width: calc(100% - 260px);
}
.main-dashboard .occasions-list main .events-list {
    height: calc(100% - 81px);
}

.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(./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 0px;
    }
    .account-page .account-page-content .account-main .account-users-wrapper.new-account.account-status .orange-gradient {
        margin: 15px auto 0px;
    }
}

/** Upload file modal - Welcome Step **/
.modal-upload-file .welcome-step {
    margin: 0px;
    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%;
    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("./img/wizard_image_s1.png") no-repeat left center / 100% 100%;
}
.modal-upload-file .welcome-step div.wizard-image-s2 > img  {
    background: url("./img/wizard_image_s2.png") no-repeat left center / 100% 100%;
}
.modal-upload-file .welcome-step div.wizard-image-s3 > img  {
    background: url("./img/wizard_image_s3.png") no-repeat left center / 100% 100%;
}

.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 0px 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: "";
    background: #ec6137;
    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 0px;
    left: 40px;
    bottom: 0;
}


/** Table Designer Styles **/
/** Reset styles **/
.as-layout-wrapper {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
}
.as-layout-wrapper ol,
.as-layout-wrapper ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}


.as-layout-wrapper {
    padding: 0px;
    margin: 0px;
}

/** Left Block **/
.as-layout-wrapper .table-designer-wrapper .as-nav-tabs {
    height: 30px;
    width: 100%;
}
.as-layout-wrapper .table-designer-wrapper {
    background: #ffffff;
}


.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: #454545;
    float: left;
    width: 315px;
    height: 100%;
    min-width: 1px;
    margin: 0px;
}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content {
    padding: 20px 10px;
}

.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 .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: #ffffff;
}

.as-layout-wrapper .table-designer-wrapper .left-controls .general-nav-content .dropdown input.dropdown-opened {
    background-position: 98% 11px !important;
    background-color: #ffffff !important;
}

.as-layout-wrapper .table-designer-wrapper .left-controls .as-nav-tabs > li {
    background: #dee0de;
    width: 25%;
}
.as-layout-wrapper .table-designer-wrapper .as-nav-tabs > li.selected {
    background: #df4a1f;
    color: #ffffff;
}
.as-layout-wrapper .table-designer-wrapper .top-nav-tab-content {
    width: 100%;
    height: 100%;
    color: #ffffff;
}
.as-layout-wrapper .table-designer-wrapper .left-nav-tabs {
    width: 25%;
    height: calc(100% - 30px);
    float: left;
    background: #7c7c7c;
}
.as-layout-wrapper .table-designer-wrapper .left-nav-tabs > li {
    width: 100%;
    min-height: 70px;
    padding: 45px 2px 2px;
    border-bottom: solid 1px #ffffff;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    position: relative;
}
.as-layout-wrapper .table-designer-wrapper .left-nav-tabs > li.selected {
    background: #454545;
    border-bottom: #454545;
}
.as-layout-wrapper .table-designer-wrapper .left-nav-tabs > li:hover {
    background: #454545;
}
.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-search-wrapper {
    padding: 10px;
}
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-search-wrapper input {
    width: 100%;
    padding: 0px 5px;
    border: 0;
    height: 22px;
}
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items {
    overflow: hidden;
}
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-item {
    width: 65px;
    height: 65px;
    float: left;
    margin: 0px 0px 10px 10px;
    color: #201c21;
    padding: 40px 2px 3px;
    text-align: center;
    font-size: 10px;
    position: relative;
    background-color: #ffffff;
    border-radius: 5px;
}
.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-item:hover,
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row > .as-list-item:hover:before,
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row > .as-list-item.selected:before {
    background-color: #df4a1f !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 {
    color: #ffffff;
    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 {
    background-color: #fff !important;
    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: #000;
    border-radius: 5px;
    opacity: 0.3;
    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;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #df4a1f;
    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: 11px;
    height: 20px;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
}
.as-layout-wrapper .table-designer-wrapper .left-nav-tab-content .as-list-items .as-list-row .as-subitems {
    clear: left;
    transition: transform .3s ease-in-out, opacity .5s ease-in-out;
    animation: anim .5s ease-in-out;
    transform-origin: top;
}

@keyframes anim {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
        transform: scale(1, 0);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }
}

.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;
    background: #df4a1f;
    margin: 5px 10px 10px;
    padding: 0px 0px 0px 0px;
    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: 0px;
}
.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% - 315px);
    height: 100%;
    float: left;
}
.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("./img/bg-demo.jpg") no-repeat center / cover;
    width: 100%;
    height: 100%;
}

.as-dinner:before {
    background: url("./img/icon-dinnerware.jpg") no-repeat center 20px / 40px 15px;
}
.as-silver:before {
    background: url("./img/icon-silverware.jpg") no-repeat center 10px / 24px 36px;
}
.as-drink:before {
    background: url("./img/icon-drinkware.jpg") no-repeat center 10px / 24px 34px;
}
.as-other:before {
    background: url("./img/icon-other.jpg") no-repeat center 15px / 25px 25px;
}
.as-grid:before {
    background: url("./img/icon-grid.jpg") no-repeat center 15px / 25px 25px;
}
.img-forks:before {
    background: url("./img/icon-forks.jpg") no-repeat center 5px / 18px 34px;
}
.img-knives:before {
    background: url("./img/icon-knives.jpg") no-repeat center 5px / 18px 34px;
}
.img-spoons:before {
    background: url("./img/icon-spoons.jpg") no-repeat center 5px / 18px 34px;
}
.img-other:before {
    background: url("./img/icon-other2.png") no-repeat center 5px / 18px 34px;
}
.as-subitems .img-forks:before {
    background: url("./img/icon-forks.jpg") no-repeat center 8px / 14px 28px
}

/** 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;
    overflow-y: auto;
    height: calc(100% - 30px);
}
.as-layout-wrapper .table-designer-wrapper input {
    height: 25px;
    border: none;
    width: 100%;
    padding: 3px 7px;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content input[type="text"] {
    width: 45px;
}
.as-layout-wrapper .table-designer-wrapper input.number {
    position: relative;
    width: 45px;
    margin: 0px 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: 50%;
    float: left;
    display: inline-block;
}
.as-layout-wrapper .table-designer-wrapper .as-col-right {
    width: 50%;
    float: left;
    display: inline-block;
}
.as-layout-wrapper .table-designer-wrapper .as-btn-grey {
    background: #ababab;
    color: #312d32;
    border: none;
    width: 25px;
    height: 25px;
    padding: 0px;
    overflow: hidden;
    color: #ababab;
}
.as-layout-wrapper .table-designer-wrapper .as-btn-grey:before {
    content: "";
    background: url(./img/icon-center.png) no-repeat center / 70% #ababab;
    display: inline-block;
    width: 25px;
    height: 100%;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round > div > .as-row {
    padding-bottom: 10px;
    border-bottom: solid 1px #dee0de;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .as-square:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #ffffff;
    margin-right: 7px;
    float: left;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .group-left .as-square:before {
    border-left-color: #df4a1f;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .group-top .as-square:before {
    border-top-color: #df4a1f;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .group-right .as-square:before {
    border-right-color: #df4a1f;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .group-bottom .as-square:before {
    border-bottom-color: #df4a1f;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .as-chairs-num {
    padding: 12px 10px 0px;
    height: 45px;
    width: 73%;
    line-height: 25px;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .icon_warning {
    width: 15px;
    height: 13px;
    margin: 0px 5px 0px 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: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .as-square {
    position: relative;
    padding: 10px;
    background: #312d32;
    height: 45px;
    width: 27%;
    line-height: 25px;
}
.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: 0px;
    width: 70px;
    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 {
    padding: 10px;
}
.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 [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: 5px 0px;
    height: 25px;
    line-height: 25px;
}
.as-layout-wrapper .table-designer-wrapper .left-controls .chairs-nav-content .group-round .measurements > span {
    margin: 0px 10px 0px 0px;
}

/** 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: 0px;
}

.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: 0px;
    background: #ffffff;
    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: 0px;
    background: #ffffff;
    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: 0px;
    background: #ffffff;
    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: #312d32;
    border-radius: 1.3px;
    border: none;
}

.as-layout-wrapper .table-designer-wrapper input[type=range]:focus::-webkit-slider-runnable-track {
    background: #312d32;
}

.as-layout-wrapper .table-designer-wrapper input[type=range]::-moz-range-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    box-shadow: none;
    background: #312d32;
    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: #312d32;
    border: none;
    border-radius: 2.6px;
    box-shadow: none;
}
.as-layout-wrapper .table-designer-wrapper input[type=range]:focus::-ms-fill-lower {
    background: #312d32;
}
.as-layout-wrapper .table-designer-wrapper input[type=range]::-ms-fill-upper {
    background: #312d32;
    border: none;
    border-radius: 2.6px;
    box-shadow: none;
}
.as-layout-wrapper .table-designer-wrapper input[type=range]:focus::-ms-fill-upper {
    background: #312d32;
}
.occasion-wrapper > div > div > main {
    min-width: 300px;
    min-height:440px;
}
.as-admin {
    min-width:300px;
}
.bottom-window {
    position: absolute;
    bottom: 0;
    height: 0;/*height: 30px;*/
    /*transition: height 0.3s ease-out;*/
    width:100%;
    z-index:10;
}
.bottom-window.opened-menu {
    height: 250px;
    /*transition: height 0.3s ease-in;*/
}
.bottom-window .micro-view {
    height: 0;
    /*text-align:center;*/
    /*background-color: rgba(0, 0, 0, 0.5);*/
}
.bottom-window .full-view {
    height: 198px;
    opacity: 1;
    position: relative;
    transition: opacity 0.3s ease-out;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    border-bottom: 1px solid #fff;
}
.bottom-window .full-view.fade {
    opacity:0;
    transition: opacity 0.3s ease-out;
}
.bottom-window .footer-view {
    height: 22px;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    z-index: 12;
    padding:0 10px;
    width: 100%;
}
.transparent-btn {
    border:none !important;
    background-color:transparent !important;
    outline: none !important;
    position: relative;
    z-index: 1;
}
.bottom-window .micro-view .btn-open{
    position: fixed;
    top: 0;
    /*position:absolute;*/
    left:0;
    height: 30px;
    width: 30px;
    float: left;
    background-image: url(./img/widget/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
}
.floorplans-controls .btn-open {
    height: 30px;
    width: 30px;
    float: left;
    background-image: url(./img/widget/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}
.bottom-window .micro-view .btn-open:hover {
    float: left;
    background-image: url(./img/widget/icon_arrow_over.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
}
.floorplans-controls .btn-open:hover {
    float: left;
    background-image: url(./img/widget/icon_arrow_over.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}
.floorplans-controls .btn-open {
    height: 26px;
    width: 15px;
    margin-left: 10px;
}

.bottom-window .micro-view .btn-open i {
    color: #fff;
    font-size:18px;
}
.bottom-window .micro-view .btn-3d {
    font-size: 12px;
    color: white;
    height: 30px;
    padding-left: 20px;
    background-image: url(./img/widget/icon_3d.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 25px;
    width: 145px;
    float: left;
    margin-left:10px;
}
.bottom-window .micro-view .btn-3d:hover {
    color: #9ac8b8;
    background-image: url(./img/widget/icon_3d_over.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 25px;
}
.bottom-window .micro-view .btn-2d {
    font-size: 12px;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    background-image: url(./img/widget/icon_2d.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 25px;
    width: 163px;
    float:left;
}
.bottom-window .micro-view .btn-2d:hover {
    color: #9ac8b8;
    background-image: url(./img/widget/icon_2d_over.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 25px;
}
.bottom-window .micro-view .btn-ruler,
.bottom-window .micro-view .btn-minus,
.bottom-window .micro-view .btn-plus,
.bottom-window .micro-view .btn-full,
.bottom-window .micro-view .btn-birdView,
.bottom-window .micro-view .btn-walkThrough {
    float: right;
    font-size: 16px;
    color: white;
    height: 30px;
    margin: 0 5px;
}
.bottom-window .micro-view .btn-ruler {
    width: 28px;
    background-image: url(./img/widget/icon_ruler.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}
.bottom-window .micro-view .btn-ruler:hover {
    background-image: url(./img/widget/icon_ruler_over.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}
.bottom-window .micro-view .btn-full {
    width: 40px;
    background-image: url(./img/widget/icon_fullscreen_open.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
}
.bottom-window .micro-view .btn-full:hover {
    background-image: url(./img/widget/icon_fullscreen_open_over.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
}
.bottom-window .micro-view .btn-close {
    width: 40px;
    height: 100%;
    float: right;
    background-image: url(./img/widget/icon_fullscreen_close.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
}
.bottom-window .micro-view .btn-close:hover {
    background-image: url(./img/widget/icon_fullscreen_close_over.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
}
.bottom-window .micro-view .btn-minus {
    width: 40px;
    background-image: url(./img/widget/icon_zoomout.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
}
.bottom-window .micro-view .btn-minus:hover {
    background-image: url(./img/widget/icon_zoomout_over.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
}
.bottom-window .micro-view .btn-plus {
    width: 40px;
    background-image: url(./img/widget/icon_zoomin.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
}
.bottom-window .micro-view .btn-plus:hover {
    background-image: url(./img/widget/icon_zoomin_over.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
}
.bottom-window .micro-view .btn-walkThrough {
    background-image: url(./img/widget/icon_firstperson.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left;
    float:left;
    padding-left: 30px;
    font-size:12px;
    margin:0 15px 0 0;
}
.bottom-window .micro-view .btn-walkThrough:hover {
    background-image: url(./img/widget/icon_firstperson_over.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left;
    color: #9ac8b8;
}
.bottom-window .micro-view .btn-birdView {
    background-image: url(./img/widget/icon_birdeye.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left;
    font-size:12px;
    float:left;
    padding-left: 35px;
    margin:0 15px 0 0;
}
.bottom-window .micro-view .btn-birdView:hover {
    background-image: url(./img/widget/icon_birdeye_over.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left;
    color: #9ac8b8;
}
.bottom-window .footer-view .floorplan-name {
    float:left;
    color: #fff;
    font-size:12px;
    line-height: 1.8;
}
.bottom-window .footer-view .powered-by {
    float:right;
    color: #fff;
    font-size:12px;
    line-height: 1.8;
}
.bottom-window .footer-view .logo-footer {
    background-image: url(./img/widget/icon_allseated.svg);
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
    width: 70px;
    height: 20px;
    margin-left: 10px;
}

.bottom-window .footer-view .ocasion-label-name{
    text-align: center;
    position: absolute;
    width: 100vw;
}
.bottom-window .footer-view .ocasion-label-name > div{
    font-size: 12px;
    color: white;
    line-height: 1.8;
    text-align: center;
    display: inline-block;
}


.bottom-window .micro-view .btn-floorplans,
.bottom-window .micro-view .btn-templates {
    height: 30px;
    color: #fff;
    font-size: 12px;
    padding: 0 20px;
    float: left;
    text-transform: uppercase;
}
.bottom-window .micro-view .btn-floorplans {
    margin-left: calc(4% + 6px);
}
.bottom-window .micro-view .btn-floorplans.active,
.bottom-window .micro-view .btn-templates.active {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.bottom-window .full-view .floorplan-item {
    float: left;
    width: 110px;
    /*padding: 5px 0 0 0;*/
    text-align: center;
    height: 100%;
}
.bottom-window .full-view > div {
    display: inline-block;
    width: 92%;
    position: absolute;
    top: 0;
    left: 4%;
    max-width: 92%;
    overflow-x: hidden;
}
.bottom-window .full-view .floorplan-items .ir {
    float: left;
    width: 110px;
    text-align: center;
    height: 100%;
    overflow: hidden;
    margin: 0 20px 0 0;
}
.bottom-window .full-view .floorplan-items.templates-items .ir {
    width: auto;
}
.bottom-window .full-view .floorplan-items .ir.selected {
    background-color: transparent !important;
}
/*.bottom-window .full-view .floorplan-items .ir.selected > div {*/
    /*background-color: transparent !important;*/
/*}*/
.bottom-window .full-view .floorplan-item .templates-details {
    /*padding: 10px 0;*/
    /*height: 70%;*/
    /*border: 1px solid #fff;*/
    /*width: 80%;*/
    margin: 0 auto;
}

/*.bottom-window .full-view .floorplan-items.templates-items .templates-details {*/
    /*width: 95%;*/
/*}*/
.bottom-window .full-view .floorplan-item .templates-details p {
    color: #000;
    font-family: OpenSans-SemiBold;
    font-size: 14px;
    margin-bottom: 5px;
    height: auto;
    width: 100%;
    text-align: left;
    line-height: 0;
    padding: 9px 19px;
}
.bottom-window .full-view .floorplan-item .floorplan-name {
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    margin: 0;
    font-family: OpenSans-SemiBold;
}
body {
    border: 5px solid #efefef;
    position: relative;
}
.bottom-window .full-view .floorplan-item .svg-renderer {
    height: 80px;
    width: 110px;
    text-align: center;
    position: relative;
}
.bottom-window .full-view .floorplan-item .svg-renderer .svg-click-prevent {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.bottom-window .full-view .floorplan-item .svg-renderer object {
    max-width: 100%;
    max-height: 100%;
}
.bottom-window .full-view .floorplan-item .svg-renderer .svg-load {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
}
.bottom-window .full-view .ir .floorplan-item .svg-renderer .svg-load {
    border: 0px solid #9ac8b8;
    transition: border 0.2s ease-out;
}
.bottom-window .full-view .ir:hover .floorplan-item .svg-renderer .svg-load,
.bottom-window .full-view .ir.selected .floorplan-item .svg-renderer .svg-load {
    transition: border 0.2s ease-out;
    border: 3px solid #9ac8b8;
}
.bottom-window .full-view .floorplan-item .svg-renderer img {
    max-height: 100%;
    max-width: 100%;
}
.bottom-window .full-view .transparent-btn {
    color: #fff;
    font-size: 35px;
    vertical-align: top;
    margin-top: 32px;
    width: 4%;
}
.floorplans-controls {
    position: absolute;
    z-index: 10;
    right: 40px;
    /* top: 50%; */
    bottom: 40px;
    /* width: 100px; */
    /* height: 126px; */
    transition: height 0.3s ease-out;
    text-align: center;
}
/*.floorplans-controls.closed-controls {*/
    /*height: 26px;*/
    /*transition: height 0.3s ease-out;*/
/*}*/

/*.floorplans-controls.closed-controls .floorplans-controls-inner-relative {*/
    /*height:0;*/
    /*transition: height 0.3s ease-out;*/
/*}*/
.joystick-inner-controls {
    position:relative;
    height: 26px;
    width:100px;
    background-color: rgba(0, 0 , 0 , 0.4);
}
.floorplans-controls .inner-controls {
    width: 50px;
    height: 50px;
    margin: auto;
    overflow:hidden;
}
/*.floorplans-controls .floorplans-controls-inner-relative > button {*/
    /*width:25px;*/
    /*height:25px;*/
/*}*/
.floorplans-controls .inner-controls > button {
    width:50%;
    height:50%;
    border: 1px solid  !important;
    float: left;
}
.floorplans-controls .btn-arrow-up {
    background-image: url(./img/widget/3d_control_up.svg);
    background-size: 25px;
}

.floorplans-controls .btn-arrow-left {
    background-image: url(./img/widget/3d_control_left.svg);
    background-size: 25px;
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
}
.floorplans-controls .btn-arrow-right {
    background-image: url(./img/widget/3d_control_right.svg);
    background-size: 25px;
    position: absolute;
    top: calc(50% - 9px);
    right: 0;
}
.floorplans-controls .btn-arrow-down {
    background-image: url(./img/widget/3d_control_down.svg);
    background-size: 25px;
}
.floorplans-controls .btn-arrow-undo,
.floorplans-controls .btn-arrow-undo:disabled,
.floorplans-controls .btn-arrow-undo:disabled:hover {
    background-image: url(./img/widget/3d_control_ccw.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: white !important;
}
.floorplans-controls .btn-arrow-undo:hover {
    background-image: url(./img/widget/3d_control_ccw_over.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: white !important;
}
.floorplans-controls .btn-arrow-redo,
.floorplans-controls .btn-arrow-redo:disabled,
.floorplans-controls .btn-arrow-redo:disabled:hover {
    background-image: url(./img/widget/3d_control_cw.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: white !important;
}
.floorplans-controls .btn-arrow-redo:hover {
    background-image: url(./img/widget/3d_control_cw_over.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: white !important;
}
.floorplans-controls .btn-arrow-minus,
.floorplans-controls .btn-arrow-minus:disabled,
.floorplans-controls .btn-arrow-minus:disabled:hover {
    background-image: url(./img/widget/3d_control_zoomout.svg);
    background-repeat: no-repeat;
    background-color: white !important;
}
.floorplans-controls .btn-arrow-minus:hover {
    background-image: url(./img/widget/3d_control_zoomout_over.svg);
    background-repeat: no-repeat;
    background-color: white !important;
}
.floorplans-controls .btn-arrow-plus,
.floorplans-controls .btn-arrow-plus:disabled,
.floorplans-controls .btn-arrow-plus:disabled:hover {
    background-image: url(./img/widget/3d_control_zoomin.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: white !important;
}
.floorplans-controls .btn-arrow-plus:hover {
    background-image: url(./img/widget/3d_control_zoomin_over.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: white !important;
}
.floorplan-gif {
    position: absolute;
    top: calc(50% - 80px);
    left: calc(50% - 130px);
    padding-top: 20px;
    width: 260px;
    height: 160px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10;
    background-position: center 30px;
}
.floorplan-gif .mouse-icon {
    background-image: url(./img/widget/mouse.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    margin-top: 20px;
    height: 75px;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
    animation: mouseIconMove 5s infinite;
}
.floorplan-gif .text-center {
    margin-top:20px;
    font-size:15px;
    color:#fff;
}
@-webkit-keyframes mouseIconMove {
    0% {top:0;left:0}
    20% {top:-10px;left:0}
    40% {top:10px;left:0}
    60% {top:2px;left:-15px;}
    80% {top:2px;left:15px;}
    100% {top:0;left:0}
}
.buttons-2d-view,
.buttons-3d-view {
    float:right;
}
/*.main-preloader .main-preloader-img {*/
    /*background-repeat: no-repeat;*/
    /*background-position: center 20px;*/
    /*background-size: auto 95px;*/
    /*height: 170px;*/
    /*padding-top: 130px;*/
    /*background-color: rgba(0, 0, 0, 0.8);*/
    /*border-top: 1px solid black;*/
    /*border-bottom: 1px solid black;*/
/*}*/
.preloaderHall .preloaderText {
    font-size: 14px;
    font-family: Opensans-SemiBold;
    color: #fff;
    position: absolute;
    top: 54%;
    left: calc(50% - 32px);
}
.as-admin main .layout-box .preloaderHall {
    top: 0;
    opacity: 1;
    text-align: center;
    background-color: rgba(102, 102, 102, 0.6);
}
/*.main-preloader .main-preloader-img .white-text {*/
    /*font-family: OpenSans;*/
    /*font-weight: lighter;*/
    /*font-size: 14px;*/
    /*color: #fff;*/
/*}*/
/*#main_preloader {*/

    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
/*}*/
.full-view .displayNone.ir {
    display: block !important;
    position: absolute !important;
    left: -9999px;
    transition: left 0.5 ease-out;
}
.btn-joystick {
    height: 25px;
    float: right;
    width: 20px;
    background-image: url(./img/widget/3d_control_joystick.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-right: 10px;
}

.bottom-window .realview-items > div {
    width: calc(30.3333% - 25px);
    float: left;
    margin: 0 1.5%;
    color: #fff;
    font-family: OpenSans;
    font-size: 12px;
}
.bottom-window .full-view .realview-items {
    width: 97%;
    left: 0;
    max-width: 100%;
}
.bottom-window .full-view .heightmaps-items .filedrag-obj {
    width:calc(100% - 75px);
}
.bottom-window .full-view .lightmap-items .filedrag-obj {
    width:calc(100% - 110px);
}
.bottom-window .full-view .lightmap-items .disabledItem {
    opacity:0.5 !important;
}
.bottom-window .full-view .heightmaps-items .filedrag-obj > div {
    float:left;
    width:50%;
    padding:0 20px;
}
.bottom-window .full-view .lightmap-items .filedrag-obj > div {
    float:left;
    width:25%;
    padding:0 20px;
}
.bottom-window .full-view .lightmap-items .save-settings.collision {
    width:110px;
}
.bottom-window .full-view .heightmaps-items .filedrag-obj .dragAndDrop {
    border: 2px dashed #fff;
    height: 50px;
    width: 46%;
    margin-left: 1%;
    margin-right: 1%;
}
.bottom-window .full-view .content-items .filedrag-obj {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    position: relative;
}
.bottom-window .full-view .content-items .filedrag-obj button {
    right: 10px;
    top: 4px;
}
.bottom-window .full-view .content-items .filedrag-obj input {
    padding: 2px 10px;
    position:absolute;
    top:5px;
}
.bottom-window .realview-items > div.contentList {
    width:100%;
}
.bottom-window .full-view .content-items .floorplan-name-button {
    background: url(./img/icon_trash2.svg) no-repeat transparent;
    border: none;
    width: 10px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 2px;
}
.bottom-window .full-view .content-items .floorplan-item {
    position: relative;
    padding-right: 10px;
}
.bottom-window .full-view .content-items .floorplan-item .floorplan-name {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mesh-name {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
}
.bottom-window .full-view .realview-items .save-settings {
    width:70px;
}
.bottom-window .full-view .realview-items .add-grey {
    top:25px;
}
.bottom-window .full-view .realview-items .save-svg-height {
    top:50px;
}
.bottom-window .full-view .lightmap-items .filedrag-obj .dragAndDrop {
    border: 2px dashed #fff;
    height: 50px;
    width: 46%;
    margin-left: 1%;
    margin-right: 1%;
}
.bottom-window .full-view .lightmap-items .filedrag-obj .lightmap-buttons {
    width: 75%;
    padding:0;
    padding-right:20px;
}
.bottom-window .full-view .lightmap-items .filedrag-obj .lightmap-buttons button {
    background-color: #888;
    border: none;
    outline: none;
    float: right;
    margin-top: 15px;
    margin-left:10px;
    font-size: 12px;
    font-family: OpenSans-SemiBold;
}
.bottom-window .full-view .lightmap-items .filedrag-obj .lightmap-buttons label {
    float: right;
    height: 0;
    margin-top: -10px;
}
.bottom-window .save-settings,
.bottom-window .micro-view .btn-walls {
    background-color: #888;
    border: none;
    outline: none;
    float: right;
    margin-top: 15px;
    font-size: 12px;
    font-family: OpenSans-SemiBold;
}
.bottom-window .mesh-button {
    background-color: #888;
    border: none;
    outline: none;
    font-size: 12px;
    color: #fff;
    padding: 2px 9px;
    font-family: OpenSans-SemiBold;
    margin: 0 3px;
}
.bottom-window .micro-view .save-settings,
.bottom-window .micro-view .btn-walls {
    color:#fff;
    position: relative;
    top:-8px;
    margin-right: 10px;
}
.bottom-window .save-settings.collision {
    margin-top: 5px;
}
.bottom-window .save-settings {
    position: absolute;
    right: 20px;
    top:0;
    text-transform:capitalize;
    color: #fff;
}
.bottom-window .full-view > .realview-items-reset {
    width: 100%;
    left: 0;
    position: absolute;
    max-width: 100%;
}
.generic-modal-content {
    background-color: #fff;
    top: 36%;
    padding-bottom: 10px;
}

.modal-review.generic-modal-content{
    top: 50%;
    padding-bottom: 10px;
    margin-top: -159px;
}

.generic-modal-content .icon_penguin_question ,.generic-modal-content .icon_penguin_warning,.generic-modal-content .icon_penguin_error,.generic-modal-content .icon_penguin_notallowed,.generic-modal-content .icon_penguin_notice{
    display: none;
}
.generic-modal-body .generic-modal-title {
    color: #59595b;
    font-family: MetaSerifPro;
    font-size: 24px;
}
.generic-modal-body .generic-modal-text-content {
    font-family: Lato;
    font-size: 16px;
}
.generic-modal-body .genericWindowClose{
    width: 12px;
    height: 12px;
    background: url(./img/closeButton.png) center center no-repeat;
    position: absolute;
    background-size: contain;
    right: 20px;
    top: 24px;
    opacity: 1;
}
.browser-modal .generic-modal-content {
    width: 636px;
    height: 228px;
}
.browser-modal .generic-modal-content .browser-chrome-web{
    width: 222px;
    height: 226px;
    background: url(./img/Chrome_web.png) no-repeat;
    display: inline-block;
    float: left;
}
.browser-modal .generic-modal-content .browser-chrome-tablet{
    width: 222px;
    height: 226px;
    background: url(./img/Chrome_tablet.png) no-repeat;
    display: inline-block;
    float: left;
}
.browser-modal .generic-modal-content .browser-safari-web{
    width: 222px;
    height: 226px;
    background: url(./img/Safari_web.png) no-repeat;
    display: inline-block;
    float: left;
}
.browser-modal .generic-modal-content .browser-safari-ios{
    width: 222px;
    height: 226px;
    background: url(./img/Safari_tablet.png) no-repeat;
    display: inline-block;
    float: left;
}
.browser-modal .generic-modal-content .browser-chrome-web:after, .browser-modal .generic-modal-content .browser-chrome-tablet:after, .browser-modal .generic-modal-content .browser-safari-web:after, .browser-modal .generic-modal-content .browser-safari-ios:after{
    content: "";
    width: 1px;
    height: 161px;
    position: absolute;
    background-color: #E4E4E4;
    left: 190px;
    top: 39px;
}

.browser-modal .generic-modal-body {
    width: 55%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-top: 34px;
    padding: 0;
}
.browser-modal .generic-modal-footer {
    padding: 2px 16px;
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
    position: absolute;
    bottom: 9px;
}
.generic-modal .generic-modal-footer .generic-modal-footNote {
    position: absolute;
    width: 253px;
    right: 165px;
    color: #979797;
    font-size: 14px;
    font-family: Lato;
    font-weight: normal;
    letter-spacing: normal;
    top: 121px;
    left: 16px;
    margin-top: 0;
}

.generic-modal.browser-modal .generic-modal-footer .generic-modal-footNote {
    position: absolute;
    width: 253px;
    font-size: 14px;
    font-family: Lato;
    font-weight: normal;
    letter-spacing: normal;
    margin-top: 5px;
    top: 0;
    left: 223px;
    text-align: left;
}
.generic-modal .modal-review .generic-modal-body .window-stars{
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}

body.with-focus .generic-modal .modal-review .generic-modal-body .window-stars .star:focus{
    outline: 2px solid #4d90fe !important;
}
.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(./img/star.svg) center center no-repeat;
    background-size: 40px;
}

.generic-modal .modal-review .generic-modal-body .window-stars .star.empty{
    background: transparent url(./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;
}

.not-supported .generic-modal-content .browser_not_supported_chrome{
    width: 64px;
    height: 64px;
    background: url(./img/Chrome_Icon.svg) no-repeat;
    display: block;
    float: left;
    margin-right: 64px;
    margin-top: 46px;
    margin-left: 32px;
}
.not-supported .generic-modal-content .browser-chrome-web:after{
    content: "";
    width: 2px;
    height: 103px;
    position: absolute;
    background-color: #E4E4E4;
    left: 125px;
    top: 36px;
}
.not-supported .generic-modal-content .browser-chrome-tablet:after{
    content: "";
    width: 2px;
    height: 103px;
    position: absolute;
    background-color: #E4E4E4;
    left: 125px;
    top: 36px;
}
.not-supported .generic-modal-content .browser-safari-web:after{
    content: "";
    width: 2px;
    height: 103px;
    position: absolute;
    background-color: #E4E4E4;
    left: 125px;
    top: 36px;
}
.not-supported .generic-modal-content .browser-safari-ios:after{
    content: "";
    width: 2px;
    height: 103px;
    position: absolute;
    background-color: #E4E4E4;
    left: 125px;
    top: 36px;
}

.not-supported .generic-modal-content .browser_not_supported_safari{
    width: 64px;
    height: 64px;
    background: url(./img/Safari_icon.png) no-repeat;
    display: block;
    float: left;
    margin-right: 64px;
    margin-top: 46px;
    margin-left: 32px;
}
.not-supported .generic-modal-content .browser_not_supported_safari:after{
    content: "";
    width: 2px;
    height: 103px;
    position: absolute;
    background-color: #E4E4E4;
    left: 125px;
    top: 36px;
}

.not-supported .generic-modal-footer {
    margin-top: -25px;
}
.generic-modal-footer button {
    background: #E95F35 !important;
    font-family: Lato !important;
    font-size: 12px !important;
    width: auto !important;
    border-radius: 2px !important;
    font-weight: bold !important;
}
.generic-modal-footer button.btn.cancel-button{
    background: #fff!important;
    border: 1px solid #d8d8d8;
    color: #E95F35 !important;
}
.generic-modal-footer button.btn.ok-button{
    border: 1px solid #E95F35;
}

body.with-focus .generic-modal-footer button.btn.cancel-button:focus, body.with-focus .generic-modal-footer button.btn.ok-button:focus,
body.with-focus .generic-modal-body .genericWindowClose:focus{
    outline: 2px solid #4d90fe !important;
}

.generic-modal-footer button
.icon_penguin_like {
    width: 140px !important;
}
.dragOverClass {
    border:2px dashed #fff;
}
.HightMapImage {
    position: fixed;
    top: 150px;
    z-index:5000;
    left: 150px;
}
.HightMapImage > div {
    width:581px;
    height:458px;
    z-index:5000;
    overflow:scroll;
    position:relative;
}
.HightMapImage > div canvas,
.HightMapImage > div svg {
    position:absolute;
    top:0;
    z-index:5000;
    left:0;
}

/*.main-preloader .main-preloader-img {*/
    /*background-color: #292B2A;*/
/*}*/

.browser-compatible {
    height: 170px;
    width: 850px;
    position: absolute;
    left: 50%;
    margin-left: -425px;
    top: 50%;
    margin-top: -85px;
    z-index: 999999;
    background: #292B2A;
}

.browser-compatible__left-ct {
    width: 60%;
    float: left;
}

.browser-compatible__right-ct {
    width: 40%;
    float: left;
}

.browser-compatible-chrome {
    padding: 0 0 0 100px;}

body { border: none; }

.browser-compatible-browsers img {
    width: 50px;
    height: 50px;
}

.browser-compatible-or {
    margin: 20px 0;
}

.browser-compatible-or,
.browser-compatible-browsers .names,
.browser-compatible-chrome .download {
    color: #fff;
}

.new-generation-items{
    padding-left: 10px;
}

.new-generation-items button.new-generation-button{
    background-color: #888;
    border: none;
    outline: none;
    font-size: 12px;
    font-family: OpenSans-SemiBold;
    text-transform: capitalize;
    color: #fff;
    padding: 4px;
}
.new-generation-items .new-generation-chb{
    display: block;
    padding-top: 5px;
}

.new-generation-items .new-generation-chb  span.chb-text{
    color: #fff;
}

.materials-data-input {
    float: right;
    position: absolute;
    right: 10px;
    top: 0;
    width: calc(100% - 355px);
    resize: none;
}

/*Floorplan Collaboration MVP*/

.copy-shareable-url:hover + .real-time-div{
    right: 148px;
    transition: opacity 0.2s ease-in-out 1.3s,right 0.2s ease-in-out 1.3s;
}

.real-time-users-ct {
    width: 440px;
    min-height: 32px;
    /*position: relative;*/
    /*top: 31px;*/
    /*z-index: 15;*/
}
.real-time-div{
    position: absolute;
    right: 0;
}

.real-time-users-ct .real-time-users-btn {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: transparent url(./img/participants.svg) center center no-repeat;
    background-size: 32px;
    padding: 0;
    border: none;
    outline: none;
    /*left: 52px;*/
    top: 0;
    position: relative;
    float: right;
    margin-left: 21px;
}

.real-time-users-ct .real-time-users-header {
    position: absolute;
    z-index: 20;
    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-header .participants-ct {
    display: inline-block;
    font-size: 16px;
    color: #313236;
    line-height: 0;
    float: left;
    margin-top: 28px;
}

.real-time-users-ct .real-time-users-header .close_btn{
    /*width: 20px;*/
    /*height: 20px;*/
    opacity: 0.5;
    border-radius: 12px;
    /*border: solid 1px #dfdfdf;*/
    padding: 0;
    cursor: pointer;
    float: right;
    margin-top: 18px;
    width: 16px;
    height: 16px;
    background: url(./img/modal_close_btn.svg) center center no-repeat;
    background-size: contain;
    border: none;
}

body.with-focus .real-time-users-ct .real-time-users-header .close_btn:focus{
    outline: 2px solid #4d90fe;
}

.real-time-users-ct .real-time-users-ir {
    height: 32px;
    width: auto;
    display: inline-block;
    position: relative;
    padding-right: 0;
    float: right;
    /*left: 32px;*/
}

.real-time-users-ct .real-time-users-ir:after {
    content: '';
    width: 1px;
    height: 36px;
    background-color: #f0f0f0;
    position: absolute;
}

.real-time-users-ct .above-five-users {
    margin-top: 4px;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    text-align: center;
    background-color: #313236;
    color: #fff;
    margin-right: 20px;
}

.real-time-users-ct.list-opened .above-five-users {
    display: none;
}

.real-time-users-ct .real-time-users-ir .ir {
    display: inline-block;
    float: left;
    height: 32px;
    width: 24px;
    overflow: hidden;
    /*background: red;*/
    margin-right: 18px;
}

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

.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__icon {
    width: 24px;
    height: 24px;
    /*border-radius: 50%;*/
    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 {
    /*background: url(./img/unknown_user_large.png) no-repeat center / 24px 24px;*/
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.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: 0;
    padding: 12px 0px;
}


.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__name{
    line-height: 0;
    padding: 8px 0;
    font-size: 12px;
    color: #313236;
    float: left;
    margin-left: 12px;
    margin-top: 1px;
    min-width: 46px;
    text-align: left;
}

.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: 17px;
    opacity: 0.6;
    font-size: 12px;
    color: #fff;
    position: absolute;
    left: 70px;
    top: 16px;
}
.real-time-users-ct.list-opened .real-time-users-ir .ir .user-details .user-details__dimension {
    color: #59595b;
}

.real-time-users-ct.list-opened .real-time-users-ir .ir .user-details .user-details__dimension:before{
    background-color: #59595b;
}

.real-time-users-ct .real-time-users-ir .ir .user-details .user-details__dimension:before {
    display: inline-block;
    content: "";
    background-color: #fff;
    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 .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:last-of-type {
    margin-right: 21px;
}
/*when user list is opened*/

.real-time-users-ct.list-opened {
    background: #fff;
    width: 360px;
    min-height: 257px;
    border-radius: 2px;
    border: solid 1px rgba(0, 0, 0, 0.08);
    padding: 52px 16px 16px 16px;
    position: relative;
    top: -9px;
    bottom: 0;
    right: 0;
    left: 7px;
    z-index: 20;
}

.real-time-users-ct.list-opened .real-time-users-btn {
    display: none;
}

.real-time-users-ct.list-opened .real-time-users-header{
    display: block;
    background: #fff;
    position: absolute;
    /*background: red;*/
    top: 0;
    left: 16px;
    width: calc(100% - 32px);
}

.real-time-users-ct.list-opened .real-time-users-ir {
    width: 100%;
    margin-left: 0;
    min-height: 200px;
    left: 8px;
    overflow-x: hidden;
    height: auto;
}

.real-time-users-ct.list-opened .real-time-users-ir:before {
    display: none;
}

.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.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 {
    display: block;
}

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


/*real time users in 3d*/
body.with-focus .real-time-users-ct.in-3d .real-time-users-btn:focus{
    outline: 2px solid #4d90fe;
}

.real-time-users-ct.in-3d .real-time-users-btn {
    cursor: pointer;
    background: transparent url(./img/participants_white.svg) center center no-repeat;
    background-size: 32px;}

.real-time-users-ct.in-3d .real-time-users-ir:before {
    opacity: 0.2;}

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


/*popup requiring username*/
.mb22 { margin-bottom: 22px; }
.mb24 { margin-bottom: 24px; }

.require-username-pop-up {
    width: 616px;
    min-height: 373px;
    background-color: #fff;
    top: 0;
}

.require-username-pop-up .modal-header {
    border: none;
}

.require-username-pop-up .modal-body {
    padding: 0 82px;
    width: 100%;
}

.require-username-pop-up .modal-body .form-group {
    margin-bottom: 34px;
}

.require-username-pop-up .modal-body .form-group label {
    margin-left: 5px;
}

.require-username-pop-up .modal-body input {
    width: 440px;
    height: 52px;
    border-radius: 4px;
    border: solid 1px #eaeaea;
    background-color: #fff;
    margin-top: 24px;
    box-shadow: none;
}

.require-username-pop-up .modal-body input.inputError {
    border-color: #d84f4f;
    background: #fff url(img/error.png) no-repeat;
    background-size: 16px 14px;
    background-position: 96% center;
}


.require-username-pop-up .require-username-pop-up-title {
    font-size: 32px;
    display: block;
    text-align: center;
    color: #313237;
    line-height: 41px;
}

.require-username-pop-up .require-username-pop-up-subtitle {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #313237;
    max-width: 328px;
    margin: 0 auto;
}

.require-username-pop-up .require-username-pop-up-subtitle span {
    width: 100%;
}

.require-username-pop-up .modal-footer {
    padding:  0 82px;
    border: none;
}

.require-username-pop-up .modal-footer button {
    width: 100%;
    background-color: #e95f35;
    color: #fff;
    font-size: 18px;
    min-height: 52px;
    line-height: 52px;
    padding: 0;
    border-radius: 4px;
    border: none;
}

.require-username-pop-up .modal-footer button:hover {
    background-color: #e64d1e;
}

body.with-focus .require-username-pop-up .modal-footer button:focus {
    outline: 2px solid #4d90fe;
}

.require-username-pop-up .modal-body .form-group label input.form-control.evt-name-input::-webkit-input-placeholder,
.require-username-pop-up .modal-body .form-group label input.form-control.evt-name-input:-ms-input-placeholder {
    font-style: normal !important;}

.require-username-pop-up .modal-body label.form-group input.form-control.evt-name-input:focus {
    box-shadow: none;
    outline: none;
    border-color: #d4d4d4;
}

/*fonts*/

.ff-lato-medium {
    font-family: "lato-n5", "lato", sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
}

.ff-lato-regular {
    font-family: "lato-n4", "lato", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.ff-lato-semibold {
    font-family: "lato-n6", "lato", sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
}

.ff-lato-bold {
    font-family: "lato-n7", "lato", sans-serif !important;
    font-weight: bold !important;
    font-style: normal !important;
}

.ff-meta-serif-web-pro {
    font-family: "ff-meta-serif-web-pro-n5", "ff-meta-serif-web-pro", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

.ff-meta-serif-web-pro-light {
    font-family: "ff-meta-serif-web-pro-n3", "ff-meta-serif-web-pro", sans-serif !important;
    font-style: normal !important;
    font-weight: 300 !important;
}

.snackbar-container{
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    position: absolute;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
.snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 99; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.snackbar.show {
    visibility: visible; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

.message-list-container {
    border: 2px solid #dedede;
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
    width: 300px;
    height: 300px;
    overflow: scroll;
}

.message-list-box {
    flex-grow: 1;
    overflow-y: auto;
    scroll-behavior: smooth; }

.message-item {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    padding-bottom: 1px;
}

.message-label {
    color: #333333;
    font-size: .7rem;
    font-weight: bold;
    width: 3rem;
    margin-right: .5rem;
    overflow: hidden;
    text-overflow: ellipsis; }

.message-detail {
    color: #666666;
    word-wrap: break-word;
    max-width: 9.5rem;
    font-size: .7rem; }

.message-item-sender {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 6px 12px;
    padding-bottom: 1px;
}
.message-item-sender .message-label {
    margin-left: .5rem;
    margin-right: 0;
    text-align: right;
}

.realtime-chat-button{
    bottom: 0;
    z-index: 100;
}