#content {width:100%}

.band {width:100%;}
.center {width:960px; margin:0 auto;}
.center.separator {border-bottom: 1px solid #e1e1e1; margin: 30px auto;}

.marquee {position:relative;}
.marquee .catch {position: absolute; top: 80px; left: 26px;}
.marquee .catch p {color: #fff; text-shadow: 1px 2px 4px rgba(51, 51, 51, 0.4); line-height: 120%;}
.marquee .catch p.title-1 {margin-left: 4px; font-size: 42px; width: 500px; max-width: 100%; line-height: 100%;}
.marquee .catch p.text  {margin: 24px 0 40px 4px; font-size: 20px; width: 400px; letter-spacing: 0.02em;}
.marquee .catch .button-wrap a {width:192px; height: 40px; line-height: 40px;}


.mk-home-title {
    width:100%; text-align: center; height: auto; margin: 20px 0 50px;
    font-size: 30px; color:#333; line-height: 110%;
}

.lu-mi-nar-y {float:left; width:100%; margin:50px 0 20px 0;}
.lu-mi-nar-y img {float:left; margin:0 20px;}
.lu-mi-nar-y p {float: left; margin: 5px 0 0 10px; font-size: 26px; color:#777; line-height: 110%;}
.lu-mi-nar-y p span        {font-size: 26px; font-style: italic; color:#777; line-height: 110%;}
.lu-mi-nar-y p span.number {font-size: 32px; font-style: normal; margin-left: 10px;}

.talent-imgs {width:100%; min-width: 960px;}
.talent-imgs li {float:left;width:33.3333%; height:245px;}
.talent-imgs li div {width:100%; height:100%; background-size: cover; background-position: 50% 0;}

.talents {float:left; width:100%; margin: 30px 0 40px 0;}
.talents p.title {text-align: center; font-weight:bold; font-size: 30px; color:#333; line-height: 110%;}
.talents ul li p {font-size: 16px; text-align: center; margin-top:20px;}

.steps {float:left; width:960px; position: absolute;}
.steps .step123 {float:left; margin: 110px 0 0 100px;}
.steps .step123 ul {}
.steps .step123 ul li {width:760px; float:left; margin-bottom:30px;}
.steps .step123 ul li .number {float:left;}
.steps .step123 ul li p.text {float:left;
                              font-size: 22px; color:#fff; line-height: 120%;
                              text-shadow: 1px 2px 4px rgba(51, 51, 51, 0.4); margin: 13px 0 0 50px; width: 612px;}
.steps .button {margin:40px 0 0 378px;}

.why {float:left; width:100%;}
.why ul {float:left; width:960px; margin-top:30px;}
.why ul li {margin-top:40px; float:left; width:320px; height:160px;}
.why ul li p.subject {float:left; width:300px; font-size: 21px; color:#333; line-height:100%; margin-bottom: 10px;}
.why ul li p.text {float:left; width:280px; font-size: 16px; color:#333; }





#vendorSignUp .center {text-align: center;}
#vendorSignUp #forgot-password{display: none; cursor: pointer; font-size: 13px; font-style: italic; border: none; text-decoration: underline; color: #00a94f;}
#vendorSignUp input.longBox {width:100%;}
#vendorSignUp p.errors {
    color: #ee5757;
    display: none;
    font-size: 14px;
    font-style: italic;
    text-align: center;
}

#vendorSignUp .band[questionid] {
    padding: 55px 0;
    border-bottom: 1px solid #e1e1e1;
}

#vendorSignUp input.otherInput {font-size: 14px; padding-left: 0px; margin: 0 0 0 5px; border-top: none; border-left: none; border-right: none; background-color: #FFF; padding: 5px;}
#vendorSignUp .buttonParent {margin: 10px auto 0;}

#vendorSignUp .topics {margin: 0 auto;}
#vendorSignUp .topics .label{margin: 6px 0 0 12px; font-size: 14px;}
#vendorSignUp .topics .f-row .block-con{width: 250px; display: inline-block; vertical-align: top;}
#vendorSignUp .topics .f-row.radioBoxes{margin-bottom: 25px;}
#vendorSignUp .topics .f-row .radioBox{vertical-align: middle;}
#vendorSignUp .topics .f-row {text-align: left; margin-left: 104px; margin-bottom: 10px; width: 550px;}
#vendorSignUp .topics .sub-topics {display: none;}

#vendorSignUp .header {font-size: 23px; color: #333; margin-bottom: 20px;}


#vendorSignUp .row-container .buttonParent{width: 350px; margin: 0 auto; margin-top: 15px;}
#vendorSignUp .button-x-wide {width: 342px;}

#vendorSignUp .wordsRemaining, .counter-text, .charRemaining{font-size:13px; line-height: 17px; color: #777;}

#vendorSignUp .checkBox,
#vendorSignUp .radioBox {background-color: white; cursor: pointer; height: 15px; margin: 0; padding: 5px; width: 15px;}

#vendorSignUp .checkBox.select,
#vendorSignUp .radioBox.select {background: url('/images/io/icon_checkmark_green.png') no-repeat 5px 5px; background-size: cover; background-color: white; background-position: center;}

#vendorSignUp .radioOtherBox {width: 15px; height: 15px; margin: 0; padding: 5px; cursor: pointer; background-color: white; }

#vendorSignUp .button-wrap  {float: inherit;}
#vendorSignUp .button-outer {float: inherit;}

#vendorSignUp .social_icons p {
    color: #fff;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-align: center;
    margin:0; padding: 0;
    width:100%;
}
#vendorSignUp .form-row .button-row {float: inherit;}
#vendorSignUp .form-row .button-row a.predefined{float: inherit; padding: 10px 45px; margin-left: 0px;}


#vendorSignUp .signup-full {min-height:800px; max-height:1200px;}

#vendorSignUp .signup-top {background:none; position: relative; padding: 100px 0 40px; z-index: 3;}
#vendorSignUp .signup-top h3 {font-size:32px; color:#fff; text-shadow: 1px 2px 4px rgba(51, 51, 51, 0.4);}
#vendorSignUp .signup-top a.why {font-size:12px; letter-spacing: 0.14em;}

#vendorSignUp .landingPage {background:none; position: relative; width:350px; z-index: 3; border:0;}
#vendorSignUp .landingPage .sec-header{font-size: 18px; margin-bottom: 10px; color: #fff;}
#vendorSignUp .landingPage p.agree {font-size:15px; color:#fff; text-shadow: 1px 2px 4px rgba(51, 51, 51, 0.4);}
#vendorSignUp .landingPage p.agree a {font-size:15px; text-shadow: 1px 2px 4px rgba(51, 51, 51, 0.4); text-decoration: underline;}

#vendorSignUp .edit-label {
    color: #777;
    font-size: 13px;
    font-style: italic;
    text-align: left;
}

/*
default
===============================================================================
*/

.top-banner {
    background: #f9f9f9;
    border-bottom: 1px solid #e1e1e1;
    position: fixed;
    top:80px;
    width:100%;
    z-index: 999;
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
}
.top-banner h1.title{
    font-size: 18px;
    line-height: 85px;
    text-align: center;
}


.product-float-save-wrapper {display: none;}

.product-review-wrapper {margin-right: 5px; display: none;}
/*.product-review-wrapper.product-review {background: #333; border: 1px solid #333;}*/
.product-review-wrapper.product-review img.eye {float: left; width: 20px; margin: 10px 3px 0 0;}


/*.profile-review-wrapper.profile-review {background: #333; border: 1px solid #333;}*/
.profile-review-wrapper.profile-review img.eye {float: left; width: 20px; margin: 10px 3px 0 0;}



/*
product builder tour
===============================================================================
*/

#tour-steps-dlg {
    display: none;
    width:705px; background: #f9f9f9; border: 1px solid #e1e1e1;
    position: absolute; top: 87px; left:0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.75);
}

#tour-steps-dlg .carrot {position: absolute; top: -21px;}
#tour-steps-dlg .carrot img {width:26px;}

#tour-steps-dlg .hide {position: absolute; top: 7px; right: 7px; cursor: pointer; line-height: 0;}
#tour-steps-dlg .hide img {width:15px;}

#tour-steps-dlg .step-back span.img {
    background: rgba(0, 0, 0, 0) url("/images/arrow_left_999.png") no-repeat scroll 0 0 / 8px 12px;
    float: left;
    height: 12px;
    margin-top: 4px;
    width: 8px;
}
#tour-steps-dlg .step-next span.img {
    background: rgba(0, 0, 0, 0) url("/images/arrow_right_999.png") no-repeat scroll 0 0 / 8px 12px;
    float: right;
    height: 12px;
    margin-top: 4px;
    width: 8px;
}

#tour-steps-dlg .step-back:hover span.img {background-image: url("/images/arrow_left_green.png")}
#tour-steps-dlg .step-next:hover span.img {background-image: url("/images/arrow_right_green.png")}
#tour-steps-dlg .step-back:hover span.txt,
#tour-steps-dlg .step-next:hover span.txt { color: #00A94F}

#tour-steps-dlg .step-back { bottom: 20px; left:  20px; position: absolute; }
#tour-steps-dlg .step-next { bottom: 20px; right: 20px; position: absolute; }

#tour-steps-dlg .step-title {
    font-size: 18px;
    color: #00A94F;
    margin: 40px 0 0 40px;
    float:left; width: calc(100%-80px);
}

#tour-steps-dlg .step-desc {
    font-size: 15px;
    color: #777;
    line-height: 22px;
    margin: 22px 25px 55px 40px;
    float:left; min-width: 70%;
}

#tour-steps-dlg .step-back span.txt,
#tour-steps-dlg .step-next span.txt {
    color: #000; font-size: 11px; letter-spacing: 0.14em; margin-left: 8px;
}
#tour-steps-dlg .step-next span.txt {margin-right: 8px;}


#tour-steps {
    margin: 20px auto 0; width: 605px; position: relative;
}
#tour-steps .status-circle {
    cursor: pointer;
}
#tour-steps li.step {
    border: 1px solid #ccc; float: left; height: 40px; width: 60px; text-align: center;
}
#tour-steps  li.step.long{ width:80px; }

#tour-steps li.step .title {
}
#tour-steps li.step .mark {
    border: 1px solid #ccc; border-radius: 5px; height: 10px; width: 10px;
}

#tour-top-nav {
    background: #f9f9f9 none repeat scroll 0 0;
    border-bottom: 1px solid #cdcdcd;
    top:0; left:0; display:none;
    height: 85px;
    position: fixed;
    width: 100%;
    z-index: 9999999;
}

.tour-title {
    left: 60px; position: absolute; top: 35px; font-size: 18px; letter-spacing: 0.02em;
}
#tour-top-nav .tour-close {
    cursor: pointer; right: 60px; position: absolute; top: 35px; width: auto; background: none;
}

#tour-top-nav .tour-close img { float:right; width: 9px; }
#tour-top-nav .tour-close span { float:right; color: #000; font-size: 11px; letter-spacing: 0.14em; margin-right: 4px; }

.tour-start {
    position: fixed; top:165px; right:22px; cursor: pointer; z-index: 15;
}
.tour-start-icon {width: 27px;}
.tour-start-text { color: #00a94f; font-size: 11px; letter-spacing: 0.14em; float: right; padding: 8px 0 8px 10px;}


#tour-welcome-dialog {
    display: none; position: absolute; top: 160px; left: 350px; width:600px;
}

.tour-welcome-title {
    font-size: 18px; letter-spacing: 0.02em; text-align: center;
}
.tour-welcome-text {
    font-size: 14px; letter-spacing: 0.02em; text-align: center; margin-top: 20px;
}

#tour-welcome-dialog .tour-close {
    cursor: pointer; background: none; text-align: center; position: static;
}

#tour-ending-dialog {
    display: none; position: absolute; top: 160px; left: 350px; width:600px;
}

.tour-ending-title {
    font-size: 18px; letter-spacing: 0.02em; text-align: center;
}
.tour-ending-text {
    font-size: 14px; letter-spacing: 0.02em; text-align: center; margin-top: 20px; line-height: 140%;
}

#tour-ending-dialog .button-wide {
    width: 230px;
}

/*
    vendor portal dashboard chart
===============================================================================
*/

.dashboard .flex-ele{width: 50%; height: 338px; overflow: hidden;}
.dashboard .flex-ele img.right-arr{width: 8px; margin-left: 5px; margin-bottom: 5px;}
.con-header .zs-header{margin-bottom: 10px; font-size: 18px;}
.con-header p span {float: right;}

.dashboard .mid-sec{margin-top: 20px; width: 90%;}
.dashboard .mid-sec-con{display:flex;}
.dashboard.mobile .mid-sec{margin-top: 30px; width: 100%;}
.dashboard.mobile .mid-sec-con{display:block;}

#dashboard-todolist {
    height: 303px; overflow: hidden; background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
}
#dashboard-todolist .top-sec {display:none;}
#dashboard-todolist .bucket_container {background:#fff;}
#dashboard-todolist .bucket_title {border-left:0; border-right: 0;}
#dashboard-todolist .package_div {border-left:0; border-right: 0;}
#dashboard-todolist .package_div.pastdue {border-left: 5px solid #fd6340;}

#dashboard-todolist .todo_list_container {margin:0; padding:0}
#dashboard-todolist .todo_list_container .mid-sec {margin:0;}

#dashboard-chart {width:100%;}
#dashboard-chart p.zs-header { float: left; margin-bottom: 0; margin-top: 8px; }

.dashboard .no-data-div {height: 302px; width:auto; text-align:center}
.dashboard .no-data-div img {margin-top: 90px;}

.ifonly_debug {display:none}
#statistics-options-wrapper {float: right; padding-left: 12px; box-sizing: border-box; width: 50%;}
#statistics-options { width: 100%;}

#stat-charts {width: 100%; float:left; border: 1px solid #e1e1e1; box-sizing: border-box; margin-top:10px;}
#stat-charts .tabs {}
#stat-charts .tabs .tab {
    position: relative;
    background-color:#fafafa; cursor: pointer;
    width: 20%; height:120px; float:left;
    box-sizing: border-box;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
#stat-charts .tabs .tab:first-child {box-sizing: content-box; height:119px; border-left: none; }
#stat-charts .tabs .tab.current {background-color:#fff; border-bottom:none;}
#stat-charts .tabs .thumb {margin: 2px 6px 0 10px;}
#stat-charts .tabs .tab-title {margin-top:4px;}
#stat-charts .tabs .tab-title .text {color:#333; font-size: 11px; line-height: 28px; letter-spacing: 0.12em; text-transform: uppercase;}
#stat-charts .tabs .tab-title .info {
    float:right; height: 28px; width: 28px;
}

#stat-charts .tabs .main-val {color:#000; font-size: 26px; line-height: 1; margin: 6px 0 12px 0;}
#stat-charts .tabs .sub,
#stat-charts .tabs .sub .val {color:#777; font-size: 13px;}
#stat-charts .tabs .sub .val {float:right; padding-right:4px;}

#stat-charts .tabs .tooltip {
    display: none; padding: 10px; position: absolute; width: 120px; z-index: 100;
    bottom: 115px; right: 3px;
    background: #fff; border: 1px solid #e1e1e1;
    box-shadow: 8px 8px 8px #aaa;
}
#stat-charts .tabs .tooltip .close-tip {position:absolute; bottom:2px; right:2px; width: 24px; height:24px;}

#stat-charts .panes {float:left; width:100%; }
#stat-charts .panes .chart {width:100%; height: 400px; float: left; position: relative;}


.proHeader, .sec-header, .edit-block.center {text-align: center;}

.custom-form.vendor-page input[type='text'].checkBox{width: 35px; height: 35px; cursor: pointer;}

.custom-form.vendor-page input[type='text']{width: 100%; height: 40px;}

.custom-form.vendor-page .form-row {border-bottom: 1px solid #e2e2e2;}


.custom-form.vendor-page .state {margin-bottom: 10px;}

.custom-form.vendor-page input[type=text].checkBox.select{background: url(/images/io/icon_checkmark_FFF.png) no-repeat 5px 5px;
                                                            background-size: 15px;
                                                            background-color: #00a94f;
                                                            background-position: center;}

.status-label {cursor: pointer;}



/* FLIGHT DELAY */

.flight_delay_orders_overlay {z-index:10000;}
.ui-autocomplete{z-index:10001;}
.flight_delay_orders_overlay .flight-delay-header {margin: 0 20px 20px;}
.flight_delay_orders_overlay  .ifonly_pop {width:500px; height:500px; padding-bottom:0;}
.flight_delay_orders_overlay .warning_icon {width:60px; }
.flight_delay_orders_overlay .body_row > * {margin-top:20px;}
.flight_delay_orders_overlay .btn_row {margin-top: 50px;}
.flight_delay_orders_overlay .btn_row .button {margin: 0 10px;}
.flight_delay_orders_pop_content {margin-bottom: 50px;}
.flight-delay-content { padding: 20px 0; overflow: auto; height:445px;}
.flight_delay_orders_overlay .flight-delay-button {width: 100%; height: 100%; justify-content: center;}
.flight_delay_orders_overlay .flight-info-section-row {width: 100%; /*height: 50px;*/ padding: 0 20px;}
.flight_delay_orders_overlay .flight-info-section-template {display: none;}
.js-flight-delay-text {height: 30px;}
.flight_delay_orders_overlay .flight-info-section input[type='text'] {display: none; height: 30px; border-radius: 5px; width: 90%;}
.flight_delay_orders_overlay .flight-info-section.edit .js-flight-delay-text {display: none;}
.flight_delay_orders_overlay .flight-info-section.edit .js-flight-delay-input {display: block;}

.flight_delay_orders_overlay .flight-info-section .js-additional-passengers {cursor: pointer; text-decoration: underline; display: none;}
.flight_delay_orders_overlay .flight-info-section.edit .js-additional-passengers {display: block;}
.flight_delay_orders_overlay .flight-delay-button {cursor: pointer; height: 50px; width: 100%; position: absolute; bottom: 0;}
.flight_delay_orders_overlay .flight-delay-button.disabled {cursor: auto; background-color: #e1e1e1; color: #000;}
.flight_delay_orders_overlay .circle-container {margin: 3px 5px;}
.flight_delay_orders_overlay .circle-container .circle {cursor: pointer; background-color: #808080; width: 25px; height: 25px; border-radius: 50%;}
.flight_delay_orders_overlay .additional-passengers-container {position: relative; padding-right: 31px;}
.flight_delay_orders_overlay .flight-info-section:last-of-type hr {display: none;}