#main{/*min-height:800px; height:100%;width:1100px; display:block;overflow-x:hidden;overflow-y:auto;overflow-y:visible;*/}
#wizard {/*border:5px solid #789;*/ border:0; font-size:12px; min-height:900px; /*min-height:1300px;*/ margin:20px auto;width:1100px;overflow-x:hidden;overflow-y:hidden; position:relative;-moz-border-radius:5px;-webkit-border-radius:5px; font-family: "Open Sans", Arial, Helvetica, sans-serif;}
#wizard .items{width:20000px; clear:both; position:absolute;}
#wizard .right{float:right;}
#wizard #status{height:71px;background:#f0f0f0; /*background:#123;*/ /*padding-left:25px !important;*/}
#status li{float:left;color:#495050;background-color:#f0f0f0;padding:10px 30px; font-size:16px; margin-right:12px;}
#status li strong{font-size:18px; /*line-height:28px;*/}
#status li.active{background-color:#369; color:#fff; font-weight:normal;}
#status li.done{background-color:#f0f0f0; background: url(../images_v20180315/ios7-checkmark-outline.png) right top no-repeat; background-size:28px 28px; color:#495050; font-weight:normal;}

.input-oldold{width:240px; height:18px; /*margin:10px auto; line-height:20px;*/ border:1px solid #d3d3d3; padding:2px}
.input_short{width:120px; height:32px; /*margin:10px auto; line-height:20px;*/ border:1px solid #d3d3d3; line-height:1.5; box-sizing:border-box;border-radius:4px; padding-left:4px;}

.required_text:after {
	  /* insert start after required fields */
    content: '*';
    color: red;
    font-size: 14px;
    font-weight: bold;
}
    
.input{
    /*.ivu-input-large */
    /*font-size: 14px;
    padding: 6px 7px;
    height: 36px;
    */
}
.input{
    /*.ivu-input */
    /*display: inline-block;*/
    /*width: 100%;*/
    width:480px;
    /*height: 32px;*/
    line-height: 1.5;
    padding: 4px 7px;
    font-size: 14px;
    border: 1px solid #dddee1;
    border-radius: 4px;
    color: #495060;
    background-color: #fff;
    background-image: none;
    position: relative;
    cursor: text;
    transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;
}
.inputselect{
    /*.ivu-input */
    /*display: inline-block;*/
    /*width: 100%;*/
    width:480px;
    height: 32px;
    line-height: 1.5;
    padding: 4px 7px;
    font-size: 14px;
    border: 1px solid #dddee1;
    border-radius: 4px;
    color: #495060;
    background-color: #fff;
    background-image: none;
    position: relative;
    cursor: text;
    transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;
}
.select2-container-mine{width:480px; border: 1px solid #dddee1; border-radius: 4px;box-shadow: none;}

.page{padding:20px 0px;width:1100px;float:left; min-height:500px; position:relative;}
.page h3{height:42px; font-size:16px; border-bottom:1px dotted #ccc; margin-bottom:20px; padding-bottom:5px}
#main h3{height:42px; font-size:16px; border-bottom:1px dotted #ccc; margin-bottom:20px; padding-bottom:5px}
.page h3 em{font-size:12px; font-weight:500; font-style:normal}
#main h3 em{font-size:12px; font-weight:500; font-style:normal}

.page p em{font-size:12px; font-weight:500; font-style:normal}
.page p{line-height:24px;margin:20px auto; font-size:14px; font-weight:normal; clear:both;}
.page p label{font-size:14px; font-weight:bold;/*display:block;*/ float:left; /*width:200px;*/ width:220px; text-align:right;margin-right:12px;}
.btn_nav{width:600px;height:36px; line-height:36px; float:left; margin:2px auto; padding-top:15px; padding-bottom:30px;}
.prev{width:150px; height:42px; line-height:42px; font-size:16px; /*font-weight:bold;*/ background: url(../images_v20180315/reply.png) left 10px center no-repeat; background-size:24px 24px; padding-left:10px;/*background:url(btn_bg.gif) repeat-x bottom;*/ background-color:#f6f6f6; color:#495060; border-radius: 4px; border:1px solid #ddeedd; cursor:pointer; /*position:relative; bottom:30px;*/}
.prev:hover{background-color:#fff; color:#627aad; border:1px solid #627aad;}

.next{width:150px; height:42px; line-height:42px; font-size:16px; /*font-weight:bold;*/ background: url(../images_v20180315/ios7-redo-outline.png) right 10px center no-repeat; background-size:24px 24px;padding-right:10px;/*background:url(btn_bg.gif) repeat-x bottom;*/ background-color:#ff8400; color:#fff; border-radius: 4px; border:1px solid #d3d3d3; cursor:pointer;}
.next:hover{background-color:#f90; border:1px solid #f90;}

.paynow_button{width:150px; height:42px; line-height:42px; font-size:16px; /*font-weight:bold; background:url(btn_bg.gif) repeat-x bottom;*/ background:#ff8400; color:#fff; border-radius: 4px; border:1px solid #d3d3d3; cursor:pointer; margin:2px 8px; /*position:relative; bottom:30px;*/}
.paylater_button{width:150px; height:42px; line-height:42px; font-size:16px; /*font-weight:bold;background:url(btn_bg.gif) repeat-x bottom;*/ background:#f6f6f6; color:#495060; border-radius: 4px; border:1px solid #ddeedd; cursor:pointer; margin:2px 8px;}
.paylater_button:hover{background-color:#fff; color:#627aad; border:1px solid #627aad;}
.paynow_button:hover{background-color:#f90; border:1px solid #f90;}


.login_button{width:150px !important; height:42px; line-height:42px; font-size:16px; font-weight:bold; background: url(../images_v20180315/ios7-unlocked-outline-white.png) left 10px center no-repeat; background-size:28px 28px;padding-left:10px;/*background:url(btn_bg.gif) repeat-x bottom;*/ background-color:#ff8400; color:#fff; border-radius: 4px; border:1px solid #d3d3d3; cursor:pointer;}
.login_button:hover{background-color:#f90; border:1px solid #ddd;}

.signup_button{width:150px !important; height:42px; line-height:42px; font-size:16px; font-weight:bold; background: url(../images_v20180315/person-add-white.png) left 10px center no-repeat; background-size:28px 28px;padding-left:10px;/*background:url(btn_bg.gif) repeat-x bottom;*/ background-color:#ff8400; color:#fff; border-radius: 4px; border:1px solid #d3d3d3; cursor:pointer;}
.signup_button:hover{background-color:#f90; border:1px solid #ddd;}


.resetpassword_button{width:200px !important; height:42px; line-height:42px; font-size:16px; font-weight:bold; background: url(../images_v20180315/ios7-refresh-white.png) left 10px center no-repeat; background-size:28px 28px;padding-left:10px;/*background:url(btn_bg.gif) repeat-x bottom;*/ background-color:#ff8400; color:#fff; border-radius: 4px; border:1px solid #d3d3d3; cursor:pointer;}
.resetpassword_button:hover{background-color:#f90; border:1px solid #ddd;}


/* need a wrapper to set margin*/
.form-group_left {
    width: 220px;
    float: left;
    font-size:14px; 
    font-weight:bold;
    text-align: right;
    margin-right:12px;
}
.form-group_right {
    width: 520px;
    float: left;
    font-size:14px; 
    font-weight:normal;
    line-height:1.5em;
    margin-bottom:20px;
    /*
    margin-left: 30px;
    margin-right: 25px;
    */
}
.form-group_right em{font-size:12px; font-weight:500; font-style:normal}

h2.top_title {
    margin: 0px 0px;
    padding-top: 15px;
    padding-left: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
    font-size: 18px;
    color: #a84c10;
    /* background: url(../../images_v20180315/arrL.gif) no-repeat 2px 14px; */
}
select{display:inline; width:246px; /*margin:10px auto; line-height:20px;*/ height:26px;border:1px solid #d3d3d3; padding:2px}
pre{font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}

#order_summary{position:absolute; padding:0; float:right; width:300px; min-height:300px; top:80px; right:0px; border:1px solid #d3d3d3;/*background:#f3f3f3;*/background:#ffffff;border-radius:2px;}
.summary_header{display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#f3f3f3; color:#000; font-size:18px; font-weight:bold;}
.summary_inner{padding:0; font-size:14px; font-family: "Open Sans", Arial, Helvetica, sans-serif; color: #444;}
.summary_inner  .subitems_title{font-weight:bold; font-family: "Open Sans", Arial, Helvetica, sans-serif; color: #444; width:98%;display:block; clear:both; margin:8px 0px;}

.summary_inner  .subitems_title_service_type{background: url(../images_v20180315/ios7-cart.png) left center no-repeat; background-size:32px 32px; padding-left:40px; line-height:40px;}
.summary_inner  .subitems_title_word_count{background: url(../images_v20180315/compose.png) left center no-repeat; background-size:32px 32px; padding-left:40px; line-height:40px;}
.summary_inner  .subitems_title_expect_date{background: url(../images_v20180315/clock.png) left center no-repeat; background-size:32px 32px; padding-left:40px; line-height:40px;}
.summary_inner  .subitems_title_coupon_code{background: url(../images_v20180315/social-buffer.png) left center no-repeat; background-size:32px 32px; padding-left:40px; line-height:40px;}
.summary_inner  .subitems_title_total_price{background: url(../images_v20180315/bag.png) left center no-repeat; background-size:32px 32px; padding-left:40px; line-height:40px;}

.summary_inner  .subitems_content{border-bottom:1px dashed #d3d3d3; font-weight:normal; font-family: "Open Sans", Arial, Helvetica, sans-serif; color: #444; width:98%; display:block; /*margin:8px 0px;*/ padding:8px 0px;}
/*#order_summary_wrapper_service_type*/
.subitems_content:last-child{border-bottom:none;}

	
.subitems_content_text_left{color: #444; /*float:left; width:170px; word-break:break-all; word-wrap:break-word; display:inline; clear:none; overflow: hidden; text-overflow:ellipsis;*/}
.subitems_content_text_left_small{color: #444; font-size:12px;}
.summary_inner  .subitems_color_price_left{color: #C00000; display:inline;}
.summary_inner  .subitems_color_darkred{color: #C00000;}
.summary_inner  .subitems_color_price_alert{color: #FF0000; display:inline;}
.summary_inner  .subitems_color_price_right{color: #C00000; width:80px; /*float:right; text-align:left; display:inline; clear:none;*/ text-align:right;  /*margin-left:10px;*/}
.summary_inner  .subitems_color_price_right_alert{color: #FF0000; /*float:right; text-align:left; display:inline; clear:none;*/ text-align:right;  /*margin-left:10px;*/}
.summary_inner  .subitems_larger_text{font-size:16px;}

.summary_container_box{border-bottom:1px solid #d3d3d3; display:block; border-collapse :collapse; width:100%; box-sizing: border-box; padding:8px 8px;}
.summary_container_box_noborder{border:0; display:block; border-collapse :collapse; width:100%; box-sizing: border-box; padding:15px 8px;}

#order_summary_wrapper_manuscript_lengthxx{
    /*padding: 5px 15px;*/
    padding: 15px 15px;
    box-sizing: border-box;
}

.service_selectbox{background-color:#F5F5F5; padding:8px; display:inline; text-align:center; width:150px; height:150px; float:left;
	border: 1px solid #ccc; font-size:16px; font-weight:bold; color:#369; margin:8px; border: 1px solid rgba(0,0,0,0.15);
	 border-radius: 4px; position:relative;}

.service_selectbox:hover{/*background-color:#DDD;*/ /* how to affect the hover on each service page links */ background-color:#CAEAFF; cursor:pointer;}

.service_selectbox_active{background-color:#3CB0FF; /*background-color:#f39f19;*/color:#fff;}
.service_selectbox_active:hover{background-color:#3CB0FF;}

.service_selectbox_inactive{background-color:#F5F5F5; /*background-color:#f39f19;*/color:#369;}

.service_selectbox .inputwrapper{position:absolute; bottom:4px; right:4px; display:block;}
.bluelinks{color:#007bc4; tex-decoration:none;}
.bluelinks:hover{color:#007bc4;tex-decoration:none;}
.bluelinks:visited{color:#007bc4;tex-decoration:none;}

.service_selectbox .inputwrapperspinner{position:absolute; bottom:4px; left:4px; display:block;}
.service_selectbox .inputwrappertext{position:absolute; bottom:4px; right:4px; display:block; font-size:14px; font-weight:normal;}

.service_selectbox .inputwrappercrppackagetype{position:absolute; bottom:4px; left:4px; display:block; font-size: 14px; color: #ffffff; /*color: #3b5998;*/ font-weight:normal;line-height: 25px;}
.service_selectbox .inputwrapperreference{position:absolute; bottom:4px; left:4px; display:block; font-size: 14px; color: #ffffff; /*color: #3b5998;*/ font-weight:normal;line-height: 25px;}
.service_selectbox .inputwrappercoverdesign{position:absolute; bottom:4px; left:4px; display:block; font-size: 14px; color: #ffffff; /*color: #3b5998;*/ font-weight:normal;line-height: 25px;}
.service_selectbox .inputwrapperreferencetext{position:absolute; bottom:4px; left:4px; display:block; font-size: 14px; color: #ffffff; /*color: #3b5998;*/ font-weight:normal;line-height: 25px;}
.service_selectbox .inputwrapperreferencealert{font-size: 14px; color: #3b5998; font-weight:normal;line-height: 25px;}

.reference_number{
	  background: url(../images_v20180315/spinner.png) repeat-x;
	  background-position: 0 -100px;
    width: 40px;
    height: 25px;
    border: none;
    font-family: Arial;
    color: #ffffff;
    padding: 0px;
    text-align: center;
    display: block;
    float: left;
    /*height: 100%;*/
    line-height: 25px;
    z-index:2;
    margin: 0;
    margin-right:4px;
}


.info_icon{width: 22px; height: 22px; border-radius: 11px; line-height: 22px; margin-top: 10px; /*margin-top: 10px;*/ float: left; display: block; color: #fff; background: #369; position: relative; /*z-index: 2;*/}
a.info_icon:visited{color: #fff;}
a.info_icon:hover{color: #fff;}
a.info_icon:link{color: #fff;}
.service_selectbox_text{position: absolute; width: 100%; top: 40%; /*top: 40%;*/ left: 0; height: 60px; display:table-cell; padding:2px; /*z-index: 1;*/ /*line-height: 150px;*/vertical-align: middle; min-width: 100%; text-transform: capitalize;}
.hidden{display:none; /*display:none  !important;*/}
.hiddenadvanced{display:none  !important;}
.alert_text{color:red !important;}


.required_fields{color:red; font-size:14px; font-weight:bold;}

.dropify_wrapper_box{width:750px; height:120px; /*padding-top:42px;*/ display:block; margin:8px 0px; /*background: url(../images_v20180315/uploadfile_bg.png) top right no-repeat;*/}
.dropify-wrapper{width:750px;}
.dropify_wrapper_headtitle{display:block; background: url(../images_v20180315/locked.png) left top no-repeat; background-size:24px 24px; padding-left:32px; line-height:32px; font-size: 14px; font-weight:bold;}
.dropify_wrapper_headtitle em{font-size: 12px; font-weight: 500; font-style: normal;line-height:1.5em;}
    
.bottom_stepbutton{position:absolute; float:left; width:780px; min-height:40px; bottom:10px; left:4px; border:1px solid #d3d3d3;background:#f3f3f3;}
.inner_subtitle{font-size:14px; font-weight:bold; color:#3b5998; line-height:28px; display:block;}


.submit_result_table th{background:#369; color:#fff; font-size:14px; font-weight:bold; padding:8px;}
.submit_result_table td{background:#fff; color:#000; font-size:14px; font-weight:normal; padding:8px; }

.tip-skyblue td,th,table{
/* 20180306£¬based on table td, need to clear padding */
padding:0;
border:0;
margin:0;
}

.h1small{
    /*width: 1100px;*/
    width: 98%;
    display: block;
    font-size: 14px;
    font-weight: bold;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    color: #3b5998;
    border-bottom: 1px solid #3b5998;
    height: 40px;
    line-height: 40px;
    padding: 0;
}



.popover-header{
    background: #3b5998;
    color:#ffffff;
    border:#3b5998;
}
/*
.popover{
    border-color:#3b5998;
}
*/

.popover-body{
    /*background: #fbe2b9;*/
    /*color:#212529;*/
    background: #fbe2b9;
    color:#212529;
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #fbe2b9;
}

/* why the place-holder text box in select2 is only 100px, css from element.style, should define to wider */
/* .select2-container--default .select2-search--inline .select2-search__field */
.select2-search__field{
	width:460px !important;
}