/*!
 *   OVP CSS v0.0.1
 */
/*
 * Core: General Layout Style
 * -------------------------
 */
.content { padding: 15px 0;}
.box{ border-top:none;}
.fixed .content-wrapper { padding-top: 60px;}
#ovp-logo{ position: absolute; top: 0; left: 0; z-index: 999;}
#opv-tlt{float:left!important;padding:0 0 0 70px; margin-top: 10px;font-size:26px;}
.ovpline{  border-bottom: 1px solid #f1f1f1;  box-shadow: 0 2px 2px 0 rgba(153,153,153,.8);}
.tltbtm{border-bottom: none; position:absolute; width: 64.5%; top:120px; margin-left: 50px;}
.navbar-collapse {  padding-right: 0; padding-left: 0; }
#navbar-collapse2{padding-left: 70px;}
.dropdown-menu{border-top: 1px solid #e22319; box-shadow: 0 2px 2px 0 rgba(153,153,153,.8); }
.dropdown-menu li a{padding: 4px 20px;}
.navbar-nav .dropdown-menu { max-height: 240px; overflow-y: auto;}
.fnb{border: none!important;}
.content-header {width:100%; padding: 0 0 30px 0;}
.content-header .brdRT{
    float: right;
    width: auto;
    padding: 10px 0 0 0;
    margin: 0;
}
.brdRTST{
    padding: 2px;
    height: inherit;
    float: left;
}
.content-header .breadcrumb{
    float: left!important;
    position: inherit;
    top: inherit;right: inherit;
    font-size: 14px;
    padding-top: 10px;
}
.odsubs{padding:10px 0 0 10px;}
.main-header .logo{
    line-height: normal;
    padding: 0px;
    border-right: none!important;
}
.content-wrapperbt{
    padding: 0 10px 0 10px;
}
.nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
}

table { font-size:80%; font-weight:normal; }

.sodline{border-top: 1px solid #f1f1f1;}
.sodhide, .syshide{display: none;}
.sysBtn{margin: 10px 0  10px 0;}
.opfBg{background-color: #f1f1f1; padding-left: 5px; padding-right: 0;}
.sidebar-menu>li:hover>a, .sidebar-menu>li.active>a, .sidebar-menu>li.menu-open>a {
    background: #8e0700!important;
}
.skin-black .sidebar-menu>li.active>a {
    border-left-color: #f39c12;
}
.modal small{color: #999;}
.detail-view{background-color: #f1f1f1;}
.error-page{margin-top: 100px;}
.chkhide{display: none;}
.temp1, .temp2, .tempm{ border-right: 1px solid #ccc;}
.tempm{padding-top: 200px; max-height: 700px;min-height: 700px;}
.temp1f, .temp2f{min-height: 700px; /*overflow-y: auto; overflow-x: hidden;*/}
.temp2{padding-top: 1px;}
.tpbox{padding:0;margin:0;}
.feds{list-style: none; margin: 0; padding: 0; min-height: 600px;}
.feds li{ padding: 5px 10px 5px 5px; margin-bottom: 3px; background-color: #f1f1f1; border-bottom: 1px solid #ccc;border-right: 1px solid #ccc; cursor: move; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
li.selected { border-left: 3px solid red; z-index: 9999;}
.umane{padding-left: 3px;}
.glyphiconm-txt{color: #999; user-select: none;}
.glyphiconm {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 48px;
    color: #999;
}
.ui-autocomplete-category {
    font-weight: bold;
    padding: .1em .2em;
    margin: .4em 0 .1em;
    line-height: 1;
    background-color: #f1f1f1;
}
.ui-autocomplete{
    max-height: 700px;
    overflow-y: auto;
    overflow-x:hidden;
}

.calloutfixed, .cdfbtm{
    position: fixed;
    bottom: 52px;
    left: 372px;
  	z-index: 999;
  	margin: 0 0 0 0;
  	background-color: rgba(255,255,255,0.7);
}
.calloutfixedtop{
    box-shadow: 0 0px 0px 0 rgba(153,153,153,.8);
    position: absolute;
    top: 4px;
    left:0px!important;
    min-width: 440px;
    z-index: 99999;
}
.calloutfixed{
	box-shadow: 0 2px 2px 0 rgba(153,153,153,.8);
    width: 800px !important;
}
.oo_feedback_float {
    border: 1px solid #cccccc;
    border-radius: 9px;
    bottom: 5px;
    color: #252525;
    cursor: pointer;
    font: 12px Tahoma,Arial,Helvetica,sans-serif;
    height: 50px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-align: center;
    transition: -webkit-transform 0.3s ease 0s;
    width: 100px;
    z-index: 9999;
}
.oo_feedback_float .screenReader {
    color: transparent;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: relative;
    width: 0;
}
.oo_feedback_float .olUp {
    background: rgba(0, 0, 0, 0) url(../img/oo_float_icon.gif) no-repeat scroll center 10px;
    height: 100%;
    opacity: 1;
    padding: 31px 0 5px;
    position: relative;
    text-align: center;
    transition: opacity 0.5s ease 0s;
    width: 100%;
    z-index: 2;
}
.oo_feedback_float .olOver {
    display: block;
    height: 100%;
    left: 0;
    min-height: 50px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.5s ease 0s;
    width: 100%;
    z-index: 2;
}
.oo_feedback_float .olOver span {
    display: block;
    padding: 10px 5px;
}
.oo_feedback_float .oo_transparent {
    background: white none repeat scroll 0 0;
    border-radius: 8px;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.htyLogs{ margin: 0; padding: 0 0 0 15px;}
.htyLogs li {  padding: 3px 5px 3px 5px;cursor: pointer; }

.top-alert {
    position: fixed;
    top: 50px;
    right: 0px;
    z-index: 100000;
    padding: 20px;
    display: inline-block;
}
.top-alert .alert {
    min-width: 360px!important;
    max-width: 500px!important;
    height: 100%;
    position: relative;
    margin: 0;
}
.top-alert .alert .close {
    position: absolute;
    top: 11px;
    right: 10px;
    color: inherit;
}

.stepwizard-step p {
    margin:10px 0 0 0!important;
}



.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
/*
.stepwizard-row:before {
    top: 20px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    z-order: 0;

}
*/
.stepwizard-step {
    text-align: center;
    position: relative;
}


.setup-content {
    margin: 0!important;
}
.setup-content .box {
    box-shadow:none;
}
.with-borders{
    background-color: rgba(255,255,255,0.7);
    border-bottom: 1px solid #ccc;
}

.btn-circle {
    width: 42px;
    height: 42px;
    text-align: center;
    padding: 6px 0;
    font-size: 20px;
    line-height: 1.428571429;
    border-radius: 50%;
}



.BreakingNewsController{height:150px; width:1330px!important; overflow:hidden; background-color:#deebff!important; height:auto; position:relative; right:30px;}
/*.BreakingNewsController .bn-title{height:40px; display:inline-block; float:left; padding:10px 5px!important; color:#FFF; }*/
.BreakingNewsController ul{padding:0; margin:0; display:block; list-style:none; position:absolute; left:30px; right:50px;background-color:transparent}
.BreakingNewsController ul li{list-style:none; padding:10px 0px; display:none;}
.BreakingNewsController ul li a{ text-align: left; width:100%;text-decoration:none; color:#333; display:inline-block; overflow:hidden; padding:0; font-family: sans-serif,'Helvetica Neue',Helvetica; font-weight: 500; font-style: normal; font-size: 14px;}
.BreakingNewsController .bn-arrows{display:inline-block; float:right; width:50px; position:absolute; right:0; top:0; bottom:0;}
.BreakingNewsController .bn-arrows span{display:block; width:20px; position:absolute; top:0; bottom:0; cursor:pointer; opacity:0.2;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0; background:left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px; background: right center no-repeat;}
.easing a, .easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}


@media (min-width: 768px){
    .dl-horizontal dt {
        text-align: left;
    }
    .col-md-4 .dl-horizontal dd {
        text-align: right;
    }
    .modal-dialog {
        margin: 100px auto;
    }
    .modal-header {
        padding: 10px;
        border-bottom: 1px solid #e5e5e5;
    }
    .modal-body, .modal-info .modal-body, .modal-danger .modal-body, .modal-warning .modal-body, .modal-success .modal-body {
        min-height: 100px;
        background-color: inherit!important;
        color: inherit!important;
    }
    .modal-footer, .modal-info .modal-footer, .modal-danger .modal-footer, .modal-warning .modal-footer, .modal-success .modal-footer {
        background-color: inherit!important;
        color: #666!important;
        border-top: 1px solid #f1f1f1;
    }
    .form-inline .form-control {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
    }
}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; font-weight:bold;margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #00a65a; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #00a65a; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative;border-radius: 0px;height: 14px;box-shadow: none;margin: 16px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #00a65a;}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {transition-timing-function: linear;transition-duration: 1s;width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {transition-timing-function: linear;transition-delay: 1s;transition-duration: 1s;width:50%;}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/




@charset "utf-8";
/* Status CSS Document */

.show_detail_button_box { border: 0px solid #cecfce; margin-left:40px; width: 876px; height:auto; float:left; }
.detail_hidden { display:none !important; }
.detail_show { display:block !important; }

.main_timezone_box {width: 876px;text-align: right;margin: auto;padding-bottom: 10px;}

.main_tipinfo_box { margin-left:40px; width: 876px; height:auto; float:left;font-size:18px; }
.main_content_box { border: 0px solid #cecfce; margin-left:40px; padding-bottom: 20px; width: 876px; height:auto; float:left; }
.content_bottom_ship { background: #fff none repeat scroll 0 0; border: 0; margin: 0 auto; overflow: hidden; }
.title_box { margin-bottom:15px;padding-left:8px;font-size:22px;color:#555;border-bottom:1px #000 solid; }
.order_information_box { width: 546px;float:left; }
.order_summary_box { width: 330px; float:left; }
.order_detail_box { width: 876px; float:left; }
.todali { padding:0; }
.ship_to_address {
    font-family:Arial;
    color: #555;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px;
    list-style-type: none;
    padding-top: 3px;
    word-wrap: break-word;
}
.stauts_dateinfo_box {width:520px;height:12px;line-height:12px;}
.stauts_dateinfo {display:inline-block;font-size:12px}

.order_info_box { float:left; }
.order_info_box_li_h { margin-left:8px;font-family:Arial;color: #555;font-weight: bold; }
.order_info_box_li_m { width:10px;font-family:Arial;text-align:center;color: #555;font-weight: bold; }
.order_info_box_li_c { font-family:Arial; }


.order_address_box { width:530px;margin-top:10px;float:left;border-top:1px solid #cecfce; }
.order_address_box_ul { margin-top:10px;display:block;margin-left:10px; }
.order_address_box_ul li { display:inline-block;width:170px;float:left;font-family:Arial;line-height: 16px;}
.order_address_box_li_h { color: #555;font-weight: bold; }

.detail_button_box { display:inline-block;height:25px;line-height:25px;margin-top:9px;float:right;font-family:Arial;font-size:12px; }
.detail_button { min-width:150px;padding:0 5px 0 5px; }

.order_lineItems_box { width:874px;font-family:Arial; }
.order_lineItem_box { width:100%;margin-bottom:15px;padding-bottom:10px;float:left;/*border-bottom:1px solid #cecfce;*/ }
.order_detail_lineItem_title_box { width:100%; }
.order_detail_lineItem_title { display:inline-block;width:100%;margin-left:10px;float:left;font-size:18px;font-weight:bold; }

.order_detail_lineItem_qty { display:inline-block;float:right;font-size:12px;font-weight:bold; }
.order_detail_lineItem_qty_info { display:inline-block;margin-left:20px; }

.order_lineItem_detail_box { width:100%;margin-top:10px; }
.order_lineItem_detail_box table {border-collapse:collapse;}
.order_lineItem_detail_box table td { text-align:center;height:30px;border:1px solid black;}
.order_lineItem_detail_overflow { width:98%;margin:auto;text-align:center;overflow:hidden;text-overflow:ellipsis; }
.lineitem_tip_info_box { margin-top:10px;font-family:Arial;font-size:14px; }
.lineitem_tip_info_box div { width:100%;margin-left:10px;float:left; }

.lineitem_sales_bundle_info_box { margin-top:10px; }
.lineitem_sales_bundle_button_box { width:100%;float:left; }
.lineitem_sales_bundle_detail_box table {border-collapse:collapse;width:100%;border:1px solid #cecfce;}
.lineitem_sales_bundle_detail_box table td { border:0px solid black;text-align:center;vertical-align:middle;}
.lineitem_sales_bundle_detail_box table td div { margin:auto;}
.bundle_detail_th { font-weight:700; }

.lineitem_cto_info_box { margin-top:10px; }
.lineitem_cto_button_box { width:100%;float:left; }
.lineitem_cto_detail_box table {border-collapse:collapse;}
.cto_common {font-size: 12px; font-weight: normal;border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
.cto_common td { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; height: 27px; line-height: 27px; padding-left: 15px; }

.lineItem-addr-th div { font-weight:700; }

.order_detail_lineItem_stauts_bar_box { width:100%;margin-top:10px;float:left; }

.tpb_pb_box { width:800px;width:100%;float:left;margin-top:10px; }
.tpb_label_box { width:100px;height:100%;float:left;  }
.tpb_label_box div { height:100%;float:left; }

.tpb_bar_box { width:600px;height:100%;margin-top:3px;float:left;text-align:center; }
.tpb_bar_background { width:598px;height:12px;margin-top:2px;background-color:#DDDDDD; }
.tpb_bar_front { height:12px;background-color:#00a65a;-moz-border-radius: 6px !important;-webkit-border-radius: 6px !important;border-radius: 6px !important; }
.tpb_bar_point_box div { width:18px;height:18px;float:left;margin-top:-3px; }
.point_complete {background:url(../img/point_complete.png) no-repeat;}
.point_uncomplete {background:url(../img/point_uncomplete.png) no-repeat;}

.tpb_bar_pn_box { width:100%;float:left; }
.tpb_bar_pn_date_box { width:100%;float:left; }
.tpb_bar_pn_box div { width:200px;float:left; }
.tpb_bar_pn_date_box div { width:200px;height:21px;float:left; }

/* Track CSS Document */

.main_content_box { border: 0px solid #cecfce; margin-left:40px; padding-bottom: 20px; width: 876px; height:auto; float:left; }

.main_detail_title { font-size: 25px; font-weight: 400;margin-bottom:10px;padding-left:2px;border-bottom:1px #000 solid; }
.main_detail_info { font-size:12px; }
.main_detail_bottom { text-align:right;font-size:14px; }


.track_info_box { width: 876px;margin: auto;margin-bottom:10px;float:left;border-bottom:1px solid #cecfce; }
.track_detail_box { margin-bottom:10px; }
.track_detail_title { padding-left:2px;font-size:14px; }
.track_detail_info table {border-collapse:collapse;width:100%;margin-top:10px;border:1px solid #cecfce;}
.track_detail_info td {padding:0px;text-align:center;}

.div_nowrap {margin:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tacking_b { min-width:30px;max-width:120px;font-size:12px; }
.tacking_b_tu { min-width:30px;max-width:120px;font-size:12px;overflow: hidden;text-overflow: ellipsis; }
.tacking_b_t { min-width:80px;max-width:150px;font-size:12px; }
.tacking_b_rs { min-width:30px;max-width:200px;font-size:12px; }
.b8t { font-size:12px; }
.b10t { width:96%;font-size:12px;margin:auto; }
.b10t a { font-size:12px;font-weight:400;font-family:Arial;color:#009ede; }
.serialNumberDiv { width:111px; text-align:left;}
.deliveryNumberDiv { width:111px; text-align:left;}
.initial_close a { font-size:12px;font-weight:400;font-family:Arial;color:#009ede; }



.track_bar_box { width:800px;height:100%;margin:20px 0 0 35px;float:left;text-align:center; }
.track_bar_background { width:798px;height:12px;background-color:#DDDDDD; }
.track_bar_front { height:12px;background-color:#00FF00;-moz-border-radius: 6px !important;-webkit-border-radius: 6px !important;border-radius: 6px !important; }
.track_bar_point_box div { width:18px;height:18px;float:left;margin-top:-3px; }


.track_bar_pn_box { width:100%;float:left; }
.track_bar_pn_date_box { width:100%;float:left; }
.track_bar_pn_box div { float:left; }
.track_bar_pn_date_box div { width:160px;float:left; }

.initial_close {z-index:9999;}
.serialNumHref{font-size:x-large;}
.pbody .bar_2 .bar_3{min-height:85px;}
.pbody .publicHeader{margin-top:-8px;}
.treeviews{
    overflow: scroll;
    border: 1px solid #f1f1f1;
}
.popover {
    max-width: 400px;
}
.popover-content {
    max-height: 250px;
    overflow-y: auto;
}
.sodline .col-md-4 dd { word-break:break-all; }