:focus {
  outline-color: #a7cef6;
/*  outline-style: double;*/
}

body{
    /*background: #f4f8fa;*/ overflow-x:hidden;font-family: "Roboto";
}

section, div, p, span, table, tr, ththead, th, td, form, input, select, radio, label {
    font-family: "Roboto";
    font-size: 12px;
}

a {
    cursor: pointer;
    color: #1a73e8 !important;
}
a:hover {
    font-weight: 600;
    color: #1a73e8;
}
a:visited {
    color: #1a73e8 !important;
}

.plural_hide {
    display: none;
}
span#extra_head {
    font-size: inherit;
}

#container {
    width: 980px;
    height: 568px;
/*    box-shadow: 0 4px 8px 0 rgba(53,105,128,0.3), 0 6px 20px 0 rgba(165,200,213,0.41); */
    padding: 0;
    background: #fff;
}

#content {
    margin: 0;
}

#content h1{
    font-size: 19px;
    color: #fff;
    background: RGB(23,86,129);
    font-family: "Roboto";
    font-weight: 400;
    text-align: center;
    height: 46px;
    line-height: 40px;
    vertical-align: middle;
    position: relative;
    padding-top: 5px;
    margin-bottom: 25px;
}

div.rules_select {
    width: 440px; /*218px;*/
    height: 288px;
    border-top: 1px solid #c0c3ca;
    margin-left: 26px;
    border-right: none;
/*    border-left: 1px solid #c0c3ca;*/
}

div.spin_container {
    width: 100%;
    height: 100%;
    background: #eee;
    z-index: 2;
    position: absolute;
    display: none;
}

div.spin_container span.segment_error {
    display: inline-block;
    margin: 20% 0;
    width: 80%;
    text-align: center;
    word-break: break-all;
    padding: 0 10%;
}

.rules_list::-webkit-scrollbar-track {
    background: #F5F5F5;
    border: 1px solid #ddd;
}
.rules_list::-webkit-scrollbar-thumb:hover {
    background: #666;
}
.rules_list::-webkit-scrollbar-thumb {
    background: #ccc;
}
.rules_list::-webkit-scrollbar {
    width: 12px;
}

.rules_list {
    position: absolute;
    top: 76px;
    width: 702px;
    height: 321px;
    border: 1px solid #ccc;
    left: 253px;
    overflow-y: auto;
    background: #fff;
}

span.rules_desc {
    font-style: italic;
    font-size: 18px;
    position: absolute;
    left: 157px;
    top: 109px;
    color: #ccc;
}

span.rule_icon {
    display: inline-block;
    width: 109px;
    height: 46px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c0c3ca;
    border-right: 1px solid #c0c3ca;
    line-height: 47px;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
    color: #425269;
    background: #F4F4F6;
    cursor: pointer;
    user-select: none;
}

span.rule_icon.active {
    background: #fff !important;
}
span.rule_icon:hover {
    background: #f8f8f8;
}
span.rule_icon.disabled, span.rule_icon.icon-hide {
    cursor: default;
}
span.rule_icon.icon-hide {
    display: none;
}
span.rule_icon.disabled .rule_icon_text, span.rule_icon.disabled .rule_icon_bkg {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#new_segment_form p {
    background: RGB(237,247,249);
    height: 46px;
    display: none;
    position: absolute;
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: #555;
    font-weight: 600;
    padding: 5px 0;
}
#new_segment_form p label {
    font-weight: 400;
}
#new_segment_form p.error_tip {
    height: 50px !important;
    background: #fff!important;
    color: red !important;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    width: 90%;
    padding: 5px 4%;
}
#new_segment_form p.error {
    background: #f3b0ab;
}
#new_segment_form input.error,
#copy_segment_form input.error {
    border: 1px solid #f3b0ab;
}

p.posts_kw {
    display: block;
    height: 85px !important;
    border-bottom: 1px solid #ddd;
}
p.posts_kw label {
    position: relative;
    left: 51px;
    top: 7px;
}
p.posts_kw input {
    position: relative;
    left: 61px;
    top: 8px;
    height: 20px;
    /*width: 485px;*/
    width: 477px;
    padding: 2px 8px;
}
p.posts_kw a.question_icon {
    left: 70px;
}
p.posts_from, p.posts_to {
    position: relative !important;
    top: 11px !important;
    width: 300px !important;
    height: 32px !important;
}

p.posts_from label {
    position: relative;
    left: 80px;
    top: 0;
}
p.posts_from select#id_posts_from {
    position: relative;
    left: 90px;
    height: 26px;
    font-size: 13px;
/*    font-weight: bold;*/
    color: #555;
    height: 27px;
}
p.posts_to label {
    position: relative;
    left: -9px;
    top: 0;
}
p.posts_to select#id_posts_to {
    position: relative;
    left: 2px;
    height: 26px;
    font-size: 13px;
/*    font-weight: bold;*/
    color: #555;
    height: 27px;
}
span#posts_total_months {
    display: inline-block;
    position: absolute;
    left: 470px;
    top: 56px;
    font-weight: normal;
}

p.age_from a.question_icon {
    left: 124px;
    top: 3px;
}

p.age_from label {
    position: relative;
    left: 70px;
    top: 3px;
}

p.age_from select#id_age_from {
    position: relative;
    left: 81px;
    height: 27px;
    font-size: 13px;
/*    font-weight: bold;*/
    color: #555;
    top: 1px;
}
p.age_to {
    position: relative !important;
    top: 3px !important;
    width: 100px !important;
    height: 32px !important;
    left: 100px;
}
p.age_from label {
    position: relative;
    left: 71px;
    top: 3px;
}
p.age_to label {
    position: relative;
    left: 1px;
    top: 1px;
}
p.age_to select#id_age_to {
    position: relative;
    left: 10px;
    height: 27px;
    font-size: 13px;
/*    font-weight: bold;*/
    color: #555;
    top: -2px;
}
p.fans_of label {
    position: relative;
    left: 62px;
    top: 9px;
}
p.fans_of input#id_fans_of {
    position: relative;
    left: 72px;
    top: 9px;
    height: 20px;
/*    width: 485px;*/
    width: 477px;
    padding: 2px 8px;
}
p.fans_of {
    border-bottom: 1px solid #ddd;
}
p.gender label, p.marital_status label, p.family label {
    position: relative;
    left: 88px;
    top: 8px;
}
p.gender select#id_gender, p.marital_status select#id_marital_status, p.family select#id_family {
    display: none;
    position: relative;
    left: 98px;
    height: 27px;
    font-size: 13px;
    font-weight: bold;
    color: #555;
    top: 6px;
}
p.gender, p.marital_status, p.family {
    border-bottom: 1px solid #ddd;
}
p.location label {
    position: relative;
    left: 79px;
    top: 7px;
    z-index: 1;
}
p.ethnicity label {
    position: relative;
    left: 78px;
    top: 8px;
}
p.ethnicity select#id_ethnicity {
    display: none;
}
p.geo label {
    position: relative;
    left: 68px;
    top: 9px;
}
p.geo select#id_geo {
    display: none;
}
p.politic label {
    position: relative;
    left: 85px;
    top: 9px;
}
p.politic select#id_politic {
    display: none;
}

p.location select#id_location_country, p.location select#id_location_type, p.location input#id_location_input {
    position: relative;
    left: 89px;
    top: 6px;
    font-size: 13px;
/*    font-weight: bold;*/
    color: #555;
    height: 27px;
    width: 120px;
    z-index: 1;
}
p.location select#id_location_type {
    left: 104px;
    width: 136px;
}
p.location a.location_map {
    display: inline-block;
    position: absolute;
    z-index: 1;
    font-weight: 300;
    top: 16px;
    right: 68px;
    display: none;
}
p.location input#id_location_input, p.location input#id_location_input2 {
    height: 26px;
    width: 160px;
    left: 118px;
    border: 1px solid #ccc;
    padding: 0 8px;
    padding-right: 40px;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    display:none;
}
input#id_location_input2 {
    display: inline !important;
    position: relative;
    top: 6px;
}
p.location input#id_location_input.default, 
p.fans_of input#id_fans_of.default, 
p.posts_kw input#id_posts_kw.default, 
p.bio input#id_bio.default,
p.websites input#id_websites.default{
    color: #a6a6a6;
    font-weight: 400;
}
p.location a.question_icon {
    left: 125px !important;
    z-index: 1;
}
p.income_from {
    height: 73px !important;
}
p.income_to {
    display: none !important;
}
p.income_from label {
    position: relative;
    left: 48px;
    top: 10px;
}
p.income_from span#id_income_label {
    display: inline-block;
    position: absolute;
    left: 225px;
    height: auto;
    top: 18px;
    font-size: 15px;
    color: #1a73e8;
    font-weight: 200;
}
span.income_shortcuts {
    display: inline-block;
    position: relative;
    left: 270px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    height: 26px;
    top: 7px;
}
span.income_custom_icon, span.income_low_icon, span.income_medium_icon, span.income_high_icon {
    display: inline-block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 100%;
    font-size: 11px;
    padding: 0 9px;
    line-height: 26px;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    user-select: none;
}
p.income_from a.question_icon {
    left: 276px !important;
}
a.change_currency:hover {
    font-weight: 600;
}
a.change_currency {
    display: inline-block;
    position: relative;
    left: 136px;
    top: 42px;
    font-weight: 300;
    font-style: italic;
    font-size: 13px;
}
p.bio label {
    position: relative;
    left: 85px;
    top: 9px;
}
p.bio input#id_bio {
    position: relative;
    left: 95px;
    top: 8px;
    height: 20px;
    width: 477px;
    padding: 2px 8px;
}
p.bio a.question_icon {
    left: 104px !important;
}
p.websites label {
    position: relative;
    left: 76px;
    top: 8px;
}
p.websites input#id_websites {
    position: relative;
    left: 87px;
    top: 8px;
    height: 20px;
    width: 477px;
    padding: 2px 8px;
}
p.websites a.question_icon {
    left: 96px !important;
}

/* Income slider bar overridden [BEGIN] */
p.income_from .slider-container {
    position: absolute;
    display: inline-block !important;
    top: 57px;
    width: 343px !important;
    height: 2px;
    border: none;
    left: 47px;
}
p.income_from .slider-container .back-bar {
    background: #fff;
    border: none;
}

p.income_from .slider-container .clickable-dummy {
    border: 1px solid #cee1f7;
    border-radius: 5px;
}

p.income_from .slider-container .back-bar .pointer {
    background: url(/segmentpro_static/segmentpro/img/sprite.png) no-repeat -485px -25px transparent !important;
    width: 20px;
    height: 24px;
    border: none;
    border-radius: 0;
    cursor: default;
    background-color: transparent;
    top: -11px;
}
p.income_from .slider-container .back-bar .pointer:hover {
    background-position: -485px -73px !important;
}
/* Income slider bar overridden [END] */

p.segment_name, p.segment_notes, p.filter_type, p.estimated_size, p.my_folders, p.segment_btn_container {
    position: fixed !important;
    left: 40px;
    top: 413px;
    display: inline-block !important;
    background: transparent !important;
    height: 32px !important;
}
p.segment_notes{
    display: none !important;
    top: 458px;
}
p.segment_name input#id_segment_name {
    position: relative;
    left: 15px !important;
    top: 0;
    height: 22px;
    width: 340px; /*421px;*/
    padding: 2px 8px;
}

p.segment_name label {
    font-size: 13px;
    font-weight: normal;
    top: 1px;
    position: relative;
}

p.segment_notes label {
    position: relative;
    top: 4px;
    font-weight: normal;
}

p.segment_notes textarea#id_segment_notes {
    position: relative;
    left: 22px;
    top: -6px;
    font-size: 13px;
    width: 421px;
    height: 43px;
    resize: none;
}

p.my_folders label {
    font-size: 13px;
}

p.filter_type, p.estimated_size, p.segment_btn_container {
    display: inline !important;
    width: auto !important;
    left: 631px;
}

p.segment_btn_container {
    width: 0 !important;
}
p.segment_btn_container a.segment_btn.cancel {
    top: 104px;
    margin-left: 148px;
}
p.segment_btn_container a.segment_btn.create {
    top: 69px;
    left: 217px;
}

p.filter_type label {
    position: relative;
    top: 1px;
    font-weight: normal;
}

p.filter_type select#id_filter_type {
    position: relative;
    left: 22px;
    top: 1px;
    height: 27px;
    width: 111px;
}

p.my_folders {
    top: 458px; /*513px;*/
    font-weight: normal !important;
    width: 500px !important;
}

select#id_folder_id {
    position: relative;
    left: 16px;
    width: 200px;
    height: 28px;
    top: -2px;
}
a.segment_btn.add_new_folder {
    position: relative;
    left: 20px;
    top: -3px;
    background: transparent;
    font-size: 12px;
    color: #1a73e8 !important;
}
a.segment_btn.add_new_folder:hover {
    background-color: transparent;
    font-weight: 600;
}

span.rule_icon_bkg {
    display: inline-block;
    width: 18px;
    height: 19px;
    position: relative;
    left: 15px;
    top: 7px;
}

span.rule_icon_text{
    position: relative;
    left: 23px;
    font-size: 11px;
}

span.posts_kw_icon, span.age_range_icon, span.gender_icon, span.marital_status_icon, span.family_icon, span.fans_of_icon, span.location_icon, span.ethnicity_icon, span.income_icon, span.edu_status_icon, span.bio_icon, span.websites_icon, span.geo_icon, span.politic_icon {
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    background: url(/segmentpro_static/segmentpro/img/sprite.png) no-repeat !important;
    z-index: 1;
    left: 15px;
    top: 18px;
}

span.posts_kw_icon {
    background-position: -107px -204px !important;
}
span.age_range_icon {
    background-position: -107px -165px !important;
}
span.gender_icon {
    background-position: -107px -320px !important;
}
span.marital_status_icon {
    background-position: -157px -242px !important;
}
span.family_icon {
    background-position: -157px -282px !important;
}
span.fans_of_icon {
    background-position: -107px -127px !important;
}
span.location_icon {
    background-position: -107px -282px !important;
}
span.ethnicity_icon {
    background-position: -157px -126px !important;
}
span.income_icon {
    background-position: -107px -243px !important;
}
span.edu_status_icon {
    background-position: -107px -356px !important;
}
span.bio_icon {
    background-position: -107px -388px !important;
}
span.websites_icon {
    background-position: -107px -425px !important;
}
span.geo_icon {
    background-position: -157px -165px !important;
}
span.politic_icon {
    background-position: -157px -202px !important;
}

p.edu_status label {
    position: relative;
    left: 71px;
    top: 8px;
}

select#id_edu_status {
    display: none;
}

span.age_shortcuts, span.gender_shortcuts, span.ethnicity_shortcuts, span.edu_shortcuts, span.geo_shortcuts, span.politic_shortcuts, span.marital_status_shortcuts, span.family_shortcuts {
    display: inline-block;
    position: relative;
    left: 116px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    height: 26px;
    top: 2px;
}

span.age_custom_icon, span.age_boomers_icon, span.age_gen_x_icon, span.age_millennials_icon, span.age_gen_z_icon {
    display: inline-block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 100%;
    font-size: 11px;
    padding: 0 8px;
    line-height: 26px;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    user-select: none;
}

span.edu_shortcuts span.active,
span.age_shortcuts span.active,
span.gender_shortcuts span.active,
span.marital_status_shortcuts span.active,
span.family_shortcuts span.active,
span.ethnicity_shortcuts span.active,
span.income_shortcuts span.active,
span.geo_shortcuts span.active,
span.politic_shortcuts span.active {
    background: RGB(246,249,194);
}

span.gender_male_icon, span.gender_female_icon, span.college_icon, span.no_college_icon, span.married_icon, span.single_icon, span.parents_icon, span.non_parents_icon{
    display: inline-block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 100%;
    font-size: 11px;
    padding: 0 8px;
    line-height: 26px;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    user-select: none;
    min-width: 30px;
}

span.race_b_icon, span.race_n_icon, span.race_d_icon, span.race_r_icon {
    display: inline-block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 100%;
    font-size: 11px;
    padding: 0 9px;
    line-height: 26px;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    user-select: none;
    min-width: 33px;
}

span.politic_r_icon, span.politic_d_icon {
    display: inline-block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 100%;
    font-size: 11px;
    padding: 0 9px;
    line-height: 26px;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    user-select: none;
    min-width: 33px;
}

span.geo_large_city_icon, span.geo_urban_icon, span.geo_suburban_icon, span.geo_inland_icon, span.geo_coastal_icon {
    display: inline-block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 100%;
    font-size: 11px;
    padding: 0 9px;
    line-height: 26px;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    user-select: none;
    min-width: 33px;
    border-top: 1px solid #ccc;
}
span.geo_inland_icon {
    margin-left: 89px;
    border-left: 1px solid #ccc;
}
a#geo_tip2 {
    left: 86px !important;
}
a#geo_tip1 {
    left: 6px !important;
    top: 0;
}

span.edu_shortcuts {
    left: 82px;
    top: 7px;
}

span.gender_shortcuts {
    left: 98px;
    top: 7px;
}
span.marital_status_shortcuts {
    left: 95px;
    top: 7px;
}
span.family_shortcuts {
    left: 101px;
    top: 7px;
}

span.ethnicity_shortcuts {
    left: 90px;
    top: 7px;
}

span.geo_shortcuts {
    left: 78px;
    top: 8px;
    border-top: 0;
}

span.politic_shortcuts {
    left: 96px;
    top: 7px;
}

div.rules_page_container {
    width: 222px;
    height: 27px;
    margin-left: 25px;
    padding-top: 8px;
    border-top: 1px solid #c0c3ca;
    position: relative;
    top: -1px;
}
div.form_bkg {
    position: absolute;
    top: 407px;
    width: 95%;
    height: 96px;
    background: #F4F4F6;
    left: 0;
    margin-left: 25px;
    border: 1px solid #ccc;
}

a.prev_page, a.next_page, a.prev_page_disabled, a.next_page_disabled {
    display: inline-block;
    background: url(/segmentpro_static/segmentpro/img/sprite.png) no-repeat 0 0 transparent;
    width: 108px;
    height: 27px;
    cursor: pointer;
}

a.prev_page {
    background-position: -342px -206px;
}
a.prev_page:hover{
    background-position: -342px -162px;
}
a.prev_page_disabled{
    background-position: -342px -121px;
}

a.next_page {
    background-position: -454px -121px;
    margin-left: 4px;
}
a.next_page:hover {
    background-position: -454px -162px;
    margin-left: 4px;
}
a.next_page_disabled {
    background-position: -454px -206px;
    margin-left: 4px;
}

p.estimated_size {
    top: 461px;
    font-weight: normal !important;
}
span.estimated_size_label {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
}
span#id_estimated_size {
    font-size: 18px;
    color: #1a73e8;
    font-weight: 600;
    margin-left: 164px;
    margin-right: 8px;
/*    width: 46px;*/
    display: inline-block;
}
span#id_estimated_size_unit{
    visibility: hidden;
    position: relative;
    top: -2px;
}
img.estimating {
    display: none;
    position: relative;
    left: 165px;
    top: -12px;
}

a.segment_btn {
    display: inline-block;
    background: #1a73e8;
    color: #fff !important;
    width: 108px;
    height: 32px;
    border-radius: 4px 4px;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    font-weight: normal;
}

a.segment_btn:hover {
/*    box-shadow: 0 1px 1px 0 rgba(26,115,232,0.451), 0 2px 6px 2px rgba(26,115,232,0.302);*/
    background-color: #1a59e8;
    border: none;
}

a.segment_btn.disabled, a.segment_btn.perm_disabled {
    background-color: #e3ebed;
    color: #fff;
    cursor: default;
}

a.segment_btn.cancel {
    position: relative;
    top: 57px;
    background: transparent;
    color: #000 !important;
    margin-left: -144px;
    width: 42px;
    font-weight: normal;
}
a.segment_btn.cancel:hover {
    font-weight: 600 !important;
}

a.segment_btn.create, a.segment_btn.copy, a.segment_btn.move, a.segment_btn.delete, a.segment_btn.request_clusters {
    position: relative;
    top: 54px;
    left: 22px;
}

a.question_icon {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    background: url(/segmentpro_static/segmentpro/img/sprite.png) no-repeat -373px -32px transparent;
    left: 66px;
    top: 8px;
    cursor: default;
}

a.question_icon:hover{
    background-position: -373px -79px;
}

p.fans_of a.question_icon {
    left: 81px !important;
}

p.ethnicity a.question_icon {
    left: 99px !important;
    top: 5px !important;
}

/* Create new folder */
p.folder_name, p.form_action {
    display: inline-block !important;
    background: transparent !important;
}
p.form_action {
    top: 150px;
}

p.folder_name label {
    font-size: 14px;
    font-weight: normal !important;
    position: relative;
    left: 21px;
    clear: both;
    display: block;
    top: 5px;
}

p.folder_name input#id_folder_name {
    display: block;
    position: relative;
    left: 17px;
    top: 12px;
    height: 23px;
    width: 433px;
}

p.form_action a.segment_btn.cancel {
    width: 50px;
    left: 421px;
    top: 39px;
    font-weight: normal;
    color: #1a73e8 !important;
}

p.form_action a.segment_btn.create,
p.form_action a.segment_btn.copy,
p.form_action a.segment_btn.move,
p.form_action a.segment_btn.delete,
p.form_action a.segment_btn.request_clusters {
    left: 444px;
    top: 37px;
    font-weight: normal;
}

#coming_soon_form p.form_action {
    text-align: center;
    width: 100%;
}

#coming_soon_form p.custom_message {
    height: 108px;
    text-align: left;
    padding: 0 20px;
    font-size: 15px;
}

/* Slider animation */
.slide-in {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.slide-next-1 {
    animation: slide-next-1 0.5s forwards;
    -webkit-animation: slide-next-1 0.5s forwards;
}
.slide-next-2 {
    animation: slide-next-2 0.5s forwards;
    -webkit-animation: slide-next-2 0.5s forwards;
}
.slide-prev-1 {
    animation: slide-prev-1 0.5 forwards;
    -webkit-animation: slide-prev-1 0.5s forwards;
}
.slide-prev-2 {
    animation: slide-prev-2 0.5s forwards;
    -webkit-animation: slide-prev-2 0.5s forwards;
}
    
@keyframes slide-in {
    0% { transform: translateX(-110px); }
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    0% { transform: translateX(-110px); }
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-next-1 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-110px); }
}

@-webkit-keyframes slide-next-1 {
    0% { -webkit-transform: translateX(0); }
    100% { -webkit-transform: translateX(-110px); }
}

@keyframes slide-next-2 {
    0% { transform: translateX(-110px); }
    100% { transform: translateX(-220px); }
}

@-webkit-keyframes slide-next-2 {
    0% { -webkit-transform: translateX(-110px); }
    100% { -webkit-transform: translateX(-220px); }
}

@keyframes slide-prev-1 {
    0% { transform: translateX(-110px); }
    100% { transform: translateX(0); }
}

@-webkit-keyframes slide-prev-1 {
    0% { -webkit-transform: translateX(-110px); }
    100% { -webkit-transform: translateX(0); }
}

@keyframes slide-prev-2 {
    0% { transform: translateX(-220px); }
    100% { transform: translateX(-110px); }
}

@-webkit-keyframes slide-prev-2 {
    0% { -webkit-transform: translateX(-220px); }
    100% { -webkit-transform: translateX(-110px); }
}

.slide-cover-begin {
    position: absolute !important;
    width: 15px;
    height: 289px;
    z-index: 1;
    background: #fff;
    border-right: 1px solid #c0c3ca;
    padding-left: 10px;
}

.slide-cover-end {
    position: absolute !important;
    width: 9px;
    height: 289px;
    z-index: 1;
    background: #fff;
    left: 243px;
    border-left: 1px solid #c0c3ca;
}
/*
.icon-hide {
    visibility: hidden;
}
*/
span.icon-hide span.rule_icon_bkg {
    visibility: hidden;
}
span.icon-hide span.rule_icon_text {
    visibility: hidden;
}
.slide-in .icon-hide {
/*    visibility: hidden;*/
}
.slide-out .icon-hide {
    visibility: visible;
}


/* auto-complete input box */
p.location div.easy-autocomplete-container {
/*
	display: none;
	left: 118px !important;
	top: 32px !important;
        height: 150px;
        overflow-y: auto;
    top: 32px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1px;
*/
}

p.location div.easy-autocomplete{
	display: inline !important;

}

p.location div.easy-autocomplete-container ul {
    margin-bottom: -1px !important;
    position: fixed !important;
    width: 204px;
    max-height: 150px;
    overflow-y: auto;
    border-bottom: 1px solid #ccc;
}

p.location div.easy-autocomplete-container ul::-webkit-scrollbar {
    width: 12px;
}
p.location div.easy-autocomplete-container ul::-webkit-scrollbar-thumb{
    background: #ccc;
}
p.location div.easy-autocomplete-container ul::-webkit-scrollbar-thumb:hover {
    background: #666;
}
p.location div.easy-autocomplete-container ul::-webkit-scrollbar-track {
    background: #F5F5F5;
    border: 1px solid #ddd;
}

/* create new segment - metered mode */
div.meter {
    position: fixed;
    bottom: 8px;
    left: 26px;
    border: 1px solid #ccc;
    padding: 10px;
}
div.meter span {
    font-size: 13px;
    color: #000;
    padding: 0 10px;
    border-right: 1px solid #666;
}
div.meter a {
    margin-left: 15px;
}
div.meter span.sep {
    border-right: 1px solid #ccc;
    padding-left: 5px;
}
div.meter a.question_icon {
    left: 0;
    top: 1px;
    margin-left: 6px;
}

/*
 * CUSTOM LIST STYLE 
 *
*/
p.custom_list {
    background: #fdfdf5 !important;
    font-weight: normal !important;
    padding-left: 15px !important;
    width: calc(100% - 15px) !important;
    vertical-align: middle;
    line-height: 46px;
}

span.rules_desc_2 {
    font-size: 16px;
    top: 50px;
}
span.rules_desc_2 p.or, span.rules_desc_2 p.list_label {
    font-size: inherit;
    text-align: center;
}
span.rules_desc_2 p.list_label {
    text-align: left;
}

a#uploadList, a#uploadList_disable {
    background: url(/segmentpro_static/segmentpro/img/demographics_sprite.png) no-repeat scroll -110px -70px transparent;
    color: #FFF !important;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 106px;
    border: none;
    font-style: normal;
}
a#uploadList_disable {
    background-position: 0 -70px;
    color: #adadad !important;
    cursor: default;
}
input#uploadPath {
    background-color: #FFFFFF;
    border: 0 none;
    color: #A3A3A3;
    height: 22px;
    margin: 0 4px;
    outline: medium none;
    width: 287px;
    font-size: 13px;
    padding: 0;
}
select#list_account_type {
    border: 1px solid #D9D9D9;
    color: #404040;
    height: 28px;
    line-height: 27px;
    width: auto;
    font-size: 13px;
    margin-left: 5px;
}
span.s-ipt-wr {
    float: left;
    background-color: #FFF;
    border: 1px solid #D9D9D9;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    vertical-align: top;
    padding: 0;
}
span.rules_desc.uploading p.spin_icon {
    background: url(/segmentpro_static/segmentpro/img/spin.gif) no-repeat 0 center;
    min-width: 200px;
    height: 50px;
    position: absolute;
    left: 140px;
    top: 70px;
    vertical-align: middle;
    line-height: 50px;
    text-align: center;
}
span.rules_desc.uploading, span.rules_desc.continue {
    font-style: normal;
    max-width: 400px;
    background: #fff;
    color: #425269;
    width: 500px;
    height: 180px;
    display: block;
    position: absolute;
    z-index: 4;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    padding: 24px 24px 24px 48px;
    top: 45px;
    left: 120px;
}
p.submit_list_confirm {
    text-align: center;
  /*  margin-top: 16%;*/
}
a.segment_btn.custom_list_cancel {
    background: transparent;
    color: #000 !important;
    width: 42px;
    font-weight: normal;
    margin-right: 20px;
}
span.rules_desc.uploading p, span.rules_desc.continue p, span, label {
    font-size: 13px;
}
input#list_name {
    width: 200px;
    height: 20px;
    font-size: 12px;
}
span#form_list_name, span#form_number_matching {
    font-weight: bold;
}
a.custom_list_close {
    position: absolute;
    top: 15px;
    background: url(/segmentpro_static/segmentpro/img/sprite.png) no-repeat -430px -27px transparent;
    right: 15px;
    width: 20px;
    height: 20px;
    padding: 0;
}
.modal_mask {
    width: 100%;
    height: 560px;
    position: absolute;
    z-index: 3;
    display: none;
    background: transparent; /*#000;*/
    opacity: 0.7;
    -moz-transition: opacity 800ms;
    -o-transition: opacity 800ms;
    -webkit-transition: opacity 800ms;
    transition: opacity 800ms;
}
.status-icon {
    display:inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 40px;
    top: 30px;
    background: url(/segmentpro_static/segmentpro/img/sprite.png) no-repeat 0 0;
}
.status-icon.ok {
    background-position: -539px -706px;
}
.status-icon.err {
    background-position: -539px -758px;
}
p.matching, p.no-matching {
    line-height: 28px;
    padding-left: 30px;
    position: relative;
   top: -5px;
}
span.custom_list_name {
    font-style: italic;
    color: #ccc;
}