.content.logoff { background:#f8f8f8;border:1px solid #dddddd;width:800px;margin:0 auto; }
.content.logoff h2 { text-align: center;font-size: 26px;margin: 30px 30px 20px; }
.content.logoff p { text-align: center;margin-top: 10px; }
.content.logoff hr { margin: 10px 30px 50px; }

form.login { width:240px;margin:0 auto; }
form.login .action { padding: 20px 52px 60px; }
form.login .action .btn_enter { font-size: 14px;background: url("../images/login/btn_enter.png") no-repeat center center;color: #FFF;height: 40px;width: 136px; }

.spaces{margin: 1% 0 1% 0;}
.left{float:left;}
.right{float:right;}
#value{margin-left: 5px; display: table;}




/* HOME */

#graphics_links { margin-bottom: 10px; }
#graphics_links ul { float: left; }
#graphics_links ul li { float: left; }
#graphics_links ul li a { display: block;padding: 0 10px;color:#5d5d5d;margin: 7px 0; }
#graphics_links ul li.item + li.item a { border-left: 2px solid; }

#graphics_links ul li.item_sel { background: none repeat scroll 0 0 #ED382B;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;behavior: url(/PIE.htc); }
#graphics_links ul li.item_sel a { color:white; }

#sales_helping {}
#sales_helping span { bottom: 0;left: 0;position: absolute;margin: 10px;width: 171px;color: white;z-index: 2;height: 25px;overflow: hidden; }
#sales_helping .background { bottom: 0;left: 0;position: absolute;background:black;opacity:0.5;height: 45px;width: 100%; }
#sales_helping .promotions { width: 402px; display: block; float: left; min-height: 100px; }
#sales_helping .promotions ul {}
#sales_helping .promotions ul li { float: left;margin-right: 10px;position: relative; }
#sales_helping .promotions ul li img { float: left;width:191px; }

#sales_helping .incentiveplan { float: left;margin-bottom: 10px;position: relative; }
#sales_helping .businessplan { float: left;position: relative; }
#sales_helping .incentiveplan span,
#sales_helping .businessplan span { width: 247px; }

#sales_helping .incentiveplan img,
#sales_helping .businessplan img { width: 267px; }

#home {}
#home h3 { font-size:16px;margin-bottom: 10px; }
#home .box { float:left;width:100%;margin-bottom:10px; }
#home .box .layout_box { padding: 10px;position: relative; }
#home .box .layout_box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#home #sales { width: 30%; }
#home #sales .layout_box { margin-right: 10px; }
#home #sales #sales_target { float: left;margin-top: 10px;width: 100%; }
#home #sales .types {}
#home #sales .types li { float: left;margin-right: 10px; }
#home #sales .types li a { height: 16px;width: 16px; }
#home #sales .types li a#period { background:url("../images/ico/ico_graph.png") no-repeat; }
#home #sales .types li a#performance { background:url("../images/ico/ico_speed.png") no-repeat; }
#home #sales #sales_target_text { clear: both;float: left;text-align: center;width: 100%;height: 13px; }

#home #pendant_orders { width: 35%; }
#home #pendant_orders .layout_box { margin-right: 5px; }
#home #pendant_orders .legend {  }
#home #pendant_orders .legend strong { float: left;margin: 10px; }
#home #pendant_orders .legend .itens { float: left;width: 100%; }
#home #pendant_orders .legend .item { float: left;margin-left: 10px;width: 145px;margin-bottom: 5px; }
#home #pendant_orders .legend .item .sts { float:left; }
#home #pendant_orders .legend .item label { float:left;margin: 0 0 0 10px; }

#home #unpaid_titles { width: 35%; }
#home #unpaid_titles .layout_box { margin-left: 5px; }

#home #sales_helping { width: 702px; }
#home #sales_helping .layout_box { margin-right: 10px; }

#home #ranking { width: 34%; }
#home #ranking .layout_box { }
#home #ranking p { margin-bottom: 5px;text-align: right; }

#home.regional #goals { width: 50%; }
#home.regional #goals .layout_box { margin-right:10px; }
#home.regional #pendant_orders { width: 50%; }

#home .filter { margin-bottom: 10px; }
#home .filter .search_by { float: left;margin-right: 10px;width: 85px; }
#home .filter label { float: left;margin: 5px 10px 0 0; }
#home .filter input[type=text] { float: left;width: 170px;margin-right: 10px; }
#home .filter input.date { width: 70px; }
#home .filter .btn {  width: 30px;float: left; }
#home .filter select { float: left;margin-right: 10px; }

#home #news {}
#home #news ul {}
#home #news ul li { float: left;width: 33%; }
#home #news ul li .item {  margin-right: 20px; }
#home #news ul li + li { border-left:1px solid #e3e3e3; }
#home #news ul li + li .item { margin-left: 20px; }
#home #news ul li h4 { font-size: 20px;font-weight: normal;margin: 10px 0; }
#home #news ul li .image { float: left;margin-right: 10px; }
#home #news ul li .image img { float: left; }
#home #news ul li .info { height: 92px;margin-bottom: 5px;overflow: hidden; }
#home #news ul li strong { display: block;margin: 10px 0; }
#home #news ul li span {}
#home #news ul li a { float: right; }
#home #news .btn { margin-top: 20px;width: 120px; }

#home .back {
  background: url("../images/ico_back.png") no-repeat center center;display: block;
  height: 16px;
  overflow: hidden;
  position: absolute;
  right: 50px;
  text-indent: -9999px;
  top: 180px;
  width: 16px;
  z-index: 1;
}

/* CATALOGS */

#catalogs {}
#catalogs .catalog { position: relative;margin-bottom: 30px;padding: 15px;width: 250px;float:left;margin-right: 20px; }
#catalogs .catalog .group { color: #6D6D6D; }
#catalogs .catalog .group img { border: 1px solid #767676;height: 190px;width: 250px; }
#catalogs .catalog .group .name { overflow: hidden;height: 13px;display: block;text-align: center;width: 100%;margin-top: 15px;padding-top: 15px;border-top: 1px solid; }

#catalogs .catalog .list { border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;behavior: url(/PIE.htc);border: 1px solid #CCC;border-top:0;display: none;position: absolute;background: #EAEAEA;z-index: 10;left: 10px;top: 267px;width: 230px;padding: 15px; }
#catalogs .catalog .list .export { background: url("../images/regras/excel.png") no-repeat center center;height: 16px;width: 21px; }
#catalogs .catalog .list p { width:100%;text-align:center; }
#catalogs .catalog .list ul li + li { margin-top: 10px; }
#catalogs .catalog .list ul li a { color: #6D6D6D; }

/* CATALOG */

#catalog {}
#catalog .top {}
#catalog .top > .box { float: left;padding: 15px 0;background: #F8F8F8;border: 1px solid #DDDDDD; }

#catalog .top > .left { width: 20%;border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;-moz-border-radius: 10px 0 0 10px;behavior: url(/PIE.htc);margin-top: 50px;border-right:0; }
#catalog .top > .left img { border: 1px solid #767676;width: 220px;display: block;margin: 0 auto; }

#catalog .top > .center { width: 59%;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;behavior: url(/PIE.htc); }
#catalog .top > .center h3 { margin: 0 15px 10px; }
#catalog .top > .center .left { float:left;width: 50%; }
#catalog .top > .center .right { float:left;width: 50%; }

#catalog .top > .center .field { margin: 15px; }
#catalog .top > .center .field strong { float: left;margin-right: 5px; }
#catalog .top > .center .field p {}
#catalog .top > .center .field:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility: hidden;
}

#catalog .top > .center .full { clear: both; }

#catalog .top > .center .product_size {}
#catalog .top > .center .product_size table { float: left;margin-top: 20px;width: 100%; }
#catalog .top > .center .product_size table thead { background: none repeat scroll 0 0 #5D5D5D;color: #FFFFFF;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;behavior: url(/PIE.htc); }
#catalog .top > .center .product_size table thead tr {}
#catalog .top > .center .product_size table thead tr th { padding: 8px 0; }
#catalog .top > .center .product_size table tbody { background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E8E8E8; }
#catalog .top > .center .product_size table tbody tr {}
#catalog .top > .center .product_size table tbody tr td { padding: 10px 0; }

#catalog .top > .right { width: 20%;border-radius: 0 10px 10px 0;-webkit-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;behavior: url(/PIE.htc);margin-top: 50px;border-left:0; }
#catalog .top > .right p { display: block;text-align: center;width: 100%;margin-bottom: 15px; }
#catalog .top > .right form { margin-bottom: 15px; }
#catalog .top > .right select { display: block;margin: 0 auto;width: 125px; }

#catalog .top > .right .documents { padding: 20px 0;position: relative; }
#catalog .top > .right .documents .previous { background: url("../images/catalogo/up.png") no-repeat center center;height: 20px;left: 0;position: absolute;top: 0;width: 100%; }
#catalog .top > .right .documents .list { margin-top: 0;overflow: hidden;height: 100%; }
#catalog .top > .right .documents .list ul { }
#catalog .top > .right .documents .list ul li {   }
#catalog .top > .right .documents .list ul li + li  { padding-top: 0; }
#catalog .top > .right .documents .list ul li a { line-height: 25px;display: block;text-align: center;width: 100%;color: #B7B7B7;font-size: 14px;overflow: hidden;height: 25px; }
#catalog .top > .right .documents .next { background: url("../images/catalogo/down.png") no-repeat center center;height: 20px;left: 0;position: absolute;bottom: 0;width: 100%; }

#catalog .bottom { float: left;margin-top: 20px;width: 100%; }
#catalog .bottom .layout_box { padding: 20px 0; }

#catalog .others { padding:0 40px;margin: 0 auto; }
#catalog .others a.previous { position:absolute;left:0;top:0;width:12px;height: 130px;background: url("../images/catalogo/left.png") no-repeat center right; }
#catalog .others .list { overflow: hidden;width: 100%; }
#catalog .others .list ul {}
#catalog .others .list ul li { float: left;width: 170px;padding: 0 10px; height: 170px }
#catalog .others .list ul li img { width:170px; height:130px; }
#catalog .others .list ul li a {}
#catalog .others .list ul li strong { color: #5D5D5D;display: block;text-align: center;width: 100%;margin-top: 10px; }
#catalog .others a.next { position:absolute;right:0;top:0;width:12px;height: 130px;background: url("../images/catalogo/right.png") no-repeat center left; }

/* informative */

#informative {}

#informative .informatives { float:left;width:70%; }
#informative .informatives .layout_box { padding:10px;height: 265px;position: relative; }
#informative .informatives .layout_box a { color: #5D5D5D; }
#informative .informatives .layout_box .image { float: left;margin-right: 20px; }
#informative .informatives .layout_box .image img { height: 265px;width: 200px; }
#informative .informatives .layout_box .default_css { height: 195px;overflow: hidden; }
#informative .informatives .layout_box .pagination { bottom: 15px;position: absolute;right: 15px; }
#informative .informatives .layout_box .pagination .previous_page,
#informative .informatives .layout_box .pagination .next_page { display:none; }

#informative .birthdays { float: left;width: 30%; }
#informative .birthdays .layout_box { margin-left:20px;height: 265px;padding:10px; }
#informative .birthdays .layout_box h3 { border-bottom: 1px solid;padding-bottom: 15px; }
#informative .birthdays .layout_box ul { height: 215px;overflow: auto; }
#informative .birthdays .layout_box ul li { font-size: 14px;margin: 10px; }
#informative .birthdays .layout_box ul li span {}

#informative .craque { clear: both;margin-top: 20px;padding: 10px; }

/* news */

#news .promotions { float: right;width: 30%; }
#news .promotions .layout_box { margin-left: 20px;padding: 10px; }

#news .promotions .layout_box h3 {
    border-bottom: 1px solid;
    padding-bottom: 15px;
}

#news .promotions .promotion {}
#news .promotions .promotion img { float: left;margin: 0 10px 5px 0; }
#news .promotions .promotion p {}

#news .promotions .veja_aqui { margin: 20px 0 10px; }
#news .promotions .veja_aqui a { background:url("../images/visualizarNoticia/vejaAqui.png");display: block;height: 40px;width: 286px;margin: 0 auto; }

#news .full { float: left;width: 70%;margin-bottom: 30px; }
#news .full .image { float: left;margin: 0 10px 10px 0; }
#news .full .image img { height: 180px;width: 240px }
#news .full .default_css {}

#news .others { width:70%;float: left; }

/* comments */

#comments form.default .btn { float:right;margin-top:20px; }
#comments .list { margin-top: 20px;width: 100%; }
#comments .list tr td { padding: 15px 0;border-top: 1px solid; }
#comments .list tr td.date { text-align: center;width: 120px;color: #A2A2A2;vertical-align: middle; }
#comments .list tr td.message { line-height: 18px; }

/* other_news */

#other_news .list { margin-top: 20px;width: 100%; }
#other_news .list tr td { padding: 15px 0; }
#other_news .list tr + tr td { border-top: 1px solid; }
#other_news .list tr td.date { text-align: center;width: 120px;color: #A2A2A2;vertical-align: middle; }
#other_news .list tr td.message { line-height: 18px; }
#other_news .list tr td a { color:#A2A2A2;font-weight:bold; }

/* events */

#events {}
#events .event { width:310px;padding:10px;float: left;margin-right: 20px;margin-bottom: 20px;height: 250px; }
#events .event .image { width:310px;height:150px;background:#a2a2a2;position:relative; }
#events .event .image .name { background:#f1f1f1;bottom: 10px;padding: 10px;position: absolute;right: 0;color:#5d5d5d;font-weight:bold;max-width: 280px; }
#events .event .info { margin-top:10px; }
#events .event .field { margin-top: 5px; }
#events .event .field strong {}
#events .event .field span {}
#events .event .btns { margin-top: 15px; }
#events .event .btns a { height: 15px;width: 21px; }
#events .event .btns .email { background:url("../images/regras/email.png");margin-right: 10px;margin-top: 5px; }
#events .event .btns .print { background:url("../images/regras/imprimir.png");height: 23px;width: 22px; }
#events .event .btns .edit { background:url("../images/eventos/editar.png");height: 27px;width: 22px;margin-right: 10px;margin-top: 1px; }
#events .event .btns .remove { background:url("../images/eventos/excluir.png");height: 28px; }

/* incentive plan */

#incentiveplan {}
#incentiveplan .slideshare { float: right;width: 40%; }
#incentiveplan .slideshare .player { margin: 0 auto 30px;width: 425px; }
#incentiveplan .slideshare .player strong { display:none!important; }
#incentiveplan .slideshare .player > div > div { display:none; }
#incentiveplan .slideshare .download { background:url("../images/planoIncentivo/btnDownload.png");height: 40px;width: 286px;margin: 0 auto; }

#incentiveplan .full { float: left;width: 60%; }
#incentiveplan .full .default_css {}

#incentiveplan .ranking { float: left;width: 60%;clear:left; }
#incentiveplan .ranking p { margin-bottom:20px; }


/* promotions */

#promotions {}
#promotions .promotion_actual { padding: 10px; }
#promotions .promotion_actual .image { float: left;margin-right: 10px; }
#promotions .promotion_actual .image img { height: 260px;width: 410px;  }
#promotions .promotion_actual h3 { margin-top: 40px; }
#promotions .promotion_actual .full {}

#calendario { float: left;margin: 100px 0;width: 30%; }
#calendario .ui-datepicker { float:right; }

#promotions .old_promotion { float: left;width: 70%; }
#promotions .old_promotion .layout_box { margin-left: 20px;margin-top: 20px;padding: 20px; }
#promotions .old_promotion .layout_box h4 { font-size: 16px;margin-bottom: 30px; }
#promotions .old_promotion .layout_box span {}
#promotions .old_promotion .layout_box strong { float: right; }
#promotions .old_promotion .layout_box .full { margin-top: 20px; }
#promotions .old_promotion .layout_box .full .image { float: left;margin: 0 5px 5px 0; }
#promotions .old_promotion .layout_box .full .image img {}
#promotions .old_promotion .layout_box .full .default_css {}
#promotions .old_promotion .layout_box .winners {}
#promotions .old_promotion .layout_box .winners strong { float: right;margin-right:10px; }
#promotions .old_promotion .layout_box .winners .carousel { padding: 0 10px 0 20px;float: right; }
#promotions .old_promotion .layout_box .winners .sliderPrevious { top:0px;left: 0;position: absolute;width:12px;height:80px;background: url("../images/catalogo/left.png") no-repeat center center; }
#promotions .old_promotion .layout_box .winners .sliderNext { top:0px;right: 0;position: absolute;width:12px;height:80px;background: url("../images/catalogo/right.png") no-repeat center center; }
#promotions .old_promotion .layout_box .winners .vencedoresSlider { overflow: hidden;width: 100%; }
#promotions .old_promotion .layout_box .winners .vencedoresSlider ul {}
#promotions .old_promotion .layout_box .winners .vencedoresSlider ul li { width: 80px;margin-right: 10px;float: left;height: 80px; }
#promotions .old_promotion .layout_box .winners .vencedoresSlider ul li img {}
#promotions .old_promotion .layout_box .winners .vencedoresSlider .boxPromocoes3 {}

/* news */

#news .news { width:70%;float:left; }
#news .news .layout_box { margin-bottom: 20px;padding: 10px; }
#news .news .layout_box a { color: #5D5D5D; }
#news .news .layout_box .image { float: left;margin-right: 20px; }
#news .news .layout_box .image img { height: 265px;width: 200px; }
#news .news .layout_box h3 {}
#news .news .layout_box .default_css { max-height: 230px;overflow:hidden; }

#news .categories { width:30%;float:left; }
#news .categories .layout_box { margin-left:20px;padding:10px; }

#news .categories .category { position: relative;margin-bottom: 20px;height: 155px;overflow:hidden; }
#news .categories .category h3 { border-bottom: 1px solid;padding-bottom: 10px; }
#news .categories .category a { color: #5D5D5D; }
#news .categories .category .btns { position: absolute;right: 0;top: 0; }
#news .categories .category .btns .email { margin-right: 10px;margin-top: 5px;float: right;background: url("../images/regras/email.png");height: 15px;width: 21px; }
#news .categories .category .btns .print { float: right;background: url("../images/regras/imprimir.png");height: 23px;width: 22px; }
#news .categories .category .image { float: left;margin-right: 10px; }
#news .categories .category .image img { height: 110px;width: 105px; }
#news .categories .category .image strong {}

/* show_event */

#show_event .show_info { float: left;width: 50%; }

#show_event .images { float: left;width: 50%; }
#show_event .images .layout_box { margin-left: 20px;padding: 20px; }

#show_event .images .carousel { padding: 0 20px;margin: 0 auto; }
#show_event .images .carousel .previous { top:0px;position: absolute;width:12px;height:280px;background: url("../images/catalogo/left.png") no-repeat center center; }

#show_event .images .carousel .list { overflow: hidden;width: 100%; }
#show_event .images .carousel .list ul {}
#show_event .images .carousel .list ul li {}
#show_event .images .carousel .list ul li img {}

#show_event .images .carousel .next { top:0px;right: 0;position: absolute;width:12px;height:280px;background: url("../images/catalogo/right.png") no-repeat center center;  }

#show_event .others { float: left;margin-top: 20px;width: 100%; }

/* business */

#business {}
#business .box { float: left;width: 50%;margin-bottom:20px; }
#business .box .layout_box { padding: 20px;margin-right: 10px;height:400px; }
#business .box.right .layout_box { margin-left: 10px;margin-right: 0; }
#business .box p { margin-bottom: 10px; }
#business .box span { margin:10px 0;display: block; }
#business .box span.tip { font-style: italic; }
#business .box .scroll { background: none repeat scroll 0 0 white;height: 277px;overflow: auto;border:2px solid #E4E4E4;border-top:none;margin: 0 5px; }

#business .box .btns .email {
    background: url("../images/regras/email.png") repeat scroll 0 0 transparent;
    float: right;
    height: 15px;
    margin-right: 10px;
    margin-top: 5px;
    width: 21px;
}

#business .box .btns .print {
    background: url("../images/regras/imprimir.png") repeat scroll 0 0 transparent;
    float: right;
    height: 23px;
    width: 22px;
    margin-right: 10px;
}

#business .box .btns .export {
    background: url("../images/regras/excel.png") no-repeat scroll center center transparent;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    height: 16px;
    width: 21px;
}

#business .prices select { width: 100%;margin: 10px 0;height: 200px; }
#business .prices .btn_ok { background: url("../images/regras/ok.png") no-repeat;height: 40px;width: 136px;margin: 50px auto 0; }


/* clients */

#client_form .area { float: left;width: 50% }
#client_form .area .box { padding: 15px;margin-bottom: 20px; }

#client_form .area.left .box { margin-right: 10px; }
#client_form .area.right .box { margin-left: 10px; }

#client_form input { text-transform: uppercase; }

#client .layout_box { padding:10px; }
#client .row { margin-bottom: 10px; }
#client .fields { margin-bottom: 20px; }

#client .filter { margin-bottom: 10px; }
#client .filter label { float: left;margin: 5px 10px 0 0; }
#client .filter input[type=text] { float: left;width: 100px;margin-right: 10px; }
#client .filter select { float: left;margin-right: 10px; }
#client .filter input.date { width: 70px; }
#client .filter .btn {  width: 30px;float: left; }

#client #client_info { float: left;width: 70%; }
#client #client_info .layout_box{ margin-right: 20px; }
#client #client_info_import { float: left;width: 30%; }
#client #client_info_import .layout_box{}

#client #address { float: left;width: 435px; }
#client #address .layout_box{}
#client #address .tabs { margin-top: 0; }
#client #address .tabs.alter .ui-widget-header li a { font-size: 14px;margin: 5px 0; }
#client #address .row { margin-bottom: 15px; }

#client #client_calendar { float: left;width: 325px; }
#client #client_calendar .layout_box{ margin: 0 20px 20px; }
#client #client_calendar #calendario { margin: 42px 10px;width: auto; }

#client #billing_values { float: left; }
#client #billing_values .layout_box{}

#client #credit_data { float: left;width: 50%; }
#client #credit_data .layout_box { margin-right: 20px; }

#client #titles_investments { float: left;width: 50%; }

#client #titles_investments #open_titles {}
#client #titles_investments #open_titles .layout_box {}

#client #titles_investments #investments {}
#client #titles_investments #investments .layout_box {}

#client #volume_graph { float: left;width: 100%; }
#client #volume_graph .layout_box {}

#client #valor_graph { float: left;width: 100%; }
#client #valor_graph .layout_box {}

/* order */

#order {}
#order .show_info .fields { padding: 0 20px; }
#order .show_info .fields.layout_box { padding: 20px; }

#order .show_info .field.status { display: block;float: none;margin: 0 auto;width: 360px;position: relative; }
#order .show_info .field.status .state { float: left;width: 120px;position: relative; }
#order .show_info .field.status .state img { display: block;margin: 0 auto 15px; }

#order .show_info .field.status .state strong,
#order .show_info .field.status .state span { display: block;text-align: center;width: 100%;line-height: normal; }
#order .show_info .field.status .state span { margin-bottom:10px; }

#order .show_info .field.status .line { border: 2px solid;height: auto;margin: 0 auto;width: 240px;clear: both;border: 2px solid black;left: 57px;position: absolute;top: 45px;width: 240px; }

/* event_form */

#event_form {}
#event_form .box { padding: 15px; }

/* new_order */

#new_order {}

#new_order .user_info .fields { margin-bottom: 15px; }
#new_order .user_info .fields + .fields { border-top: 1px solid;padding-top: 15px;margin-bottom: 30px; }

#new_order .box { padding: 20px; }

#new_order .steps { margin-bottom:20px; }
#new_order .steps ul { width:100%;}
#new_order .steps ul li { border-bottom: 1px solid #000000;color: #999999;float: left;font-size: 16px;padding: 10px 0 30px;text-align: center;width: 20%; }
#new_order .steps ul li.active {     background: url("/images/investimentos/atual.png") no-repeat center bottom;color: #444444; }

#new_order .forms .form { display:none;margin: 50px auto  0; }
#new_order .forms .form.active { display:block; }

#new_order .forms .action { float: none; }
#new_order .forms .action a { margin: 0 auto; }

#new_order #form_0 { width: 400px; }
#new_order #form_1 { width: 800px; }
#new_order #form_2 { width: 800px; }
#new_order #form_3 { width: 800px; }

#new_order #confirm .fields .budget ul { }
#new_order #confirm .fields .budget ul li { margin-top:5px; }

/* order_products */

#order_products { margin-bottom: 15px; }
#order_products li.item { margin: 0;padding: 0; }
#order_products li.item .row { margin: 0; }
#order_products li.item .row._form { padding: 15px 0; }

/* investment */

#investment {}
#investment .show_info .fields { padding: 0 20px; }
#investment .show_info .fields.layout_box { padding: 20px; }

#investment .historical { }
#investment .historical .list {}
#investment .historical .list li { border-bottom: 1px dashed;line-height: 15px;margin-bottom: 10px;padding-bottom: 10px; }
#investment .historical .list li .seller { float: left;font-weight: bold;width: 10%;margin-right:2%; }
#investment .historical .list li .message { float: left;width: 88%; }
#investment .historical .list li .files { display: block;margin-top: 10px;width: 100%; }
#investment .historical .list li .files .label { float: left;font-weight: bold;width: 10%;margin-right:2%; }
#investment .historical .list li .files .items { float: left;width: 88%; }

#historical_form { margin-top:10px; }

/* investment status historical

#status_historical { list-style: none; display:block; padding: 18px;  }
#status_historical li { float: left; width: 60px; font-size: 15px; line-height: 18px; text-align: center; margin: 15px;}
#status_historical .radio {  }*/

#status_historical {  position: relative;   display: block; width: 45%;  margin: 100px;  height: 4px;  background: #000;}
#status_historical:before, #status_historical:after {  content: "";  position: absolute;  top: -8px;  display: block;  width: 0;  height: 0;  border-radius: 10px;  border: 10px solid #000;}
#status_historical:before {  left: -5px;}
#status_historical:after {top: -6px;  right: -10px;  border: 8px solid transparent;  border-right: 0;  border-left: 14px solid #000;  border-radius: 3px;}

#status_historical li {  position: relative;  top: -77px; left: 60px;  display: inline-block;  float: left;  width: 150px;  transform: rotate(-45deg);  font: bold 14px arial;}
#status_historical li:before {  content: "";  position: absolute;  top: 3px;  left: -29px;  display: block;  width: 16px;  height: 16px;  border: 4px solid #000;  border-radius: 18px;  background: #eee;}

#status_historical .details {  display: none;  position: absolute;  left: -85px;  top: 60px;  padding: 15px;  border-radius: 3px;  border-right: 2px solid rgba(0,0,0,.1);  border-bottom: 2px solid rgba(0,0,0,.1);  transform: rotate(45deg);  font: 12px arial;  background: #fff;}
#status_historical .details:before {  content: "";  position: absolute;  left: 10px;  top: -9px;  display: block;  width: 0;  height: 0;  border: 10px solid transparent;  border-bottom-color: #fff;  border-top: 0;}

#status_historical li:hover {  cursor: pointer;  color: #28e;}
#status_historical li:hover:before {  top: 1px;  left: -31px;  width: 18px;  height: 18px;  border-width: 5px;  border-color: #28e;}
#status_historical li:hover .details {  display: block;  color: #444;}

.status_historical h3 { margin-top: 70px; }


/* investments */

#investments .gridviewlist .list table tbody tr td { padding: 5px 10px; }

#new_investment { }

#new_investment .user_info .fields { margin-bottom: 15px; }
#new_investment .user_info .fields + .fields { border-top: 1px solid;padding-top: 15px;margin-bottom: 30px; }

#new_investment .box { padding: 65px; }

#new_investment .steps { margin-bottom:20px; }
#new_investment .steps ul { width:100%;}
#new_investment .steps ul li { border-bottom: 1px solid #000000;color: #999999;float: left;font-size: 16px;padding: 10px 0 30px;text-align: center;width: 33%; }
#new_investment .steps ul li.active {     background: url("/images/investimentos/atual.png") no-repeat center bottom;color: #444444; }


#new_investment .forms .form { display:none;margin: 50px auto  0; }
#new_investment .forms .form.active { display:block; }

#new_investment .forms .action { float: none; }
#new_investment .forms .action a { margin: 0 auto; }

#new_investment #form_0 { width: 255px; }
#new_investment #form_1 { width: 400px; }
#new_investment #form_2 { width: 800px; }
#new_investment #form_3 { width: 800px; }

/* TRADE MARKETING */
#new_investment.material_orders .steps ul li { width: 48%; }
#new_investment.material_orders #form_0 { width: 40%; }
#new_investment.material_orders #form_0 .row { margin-left: 50px; }
#new_investment.material_orders #form_1 {width: 80%;}


/* GRAPHS */

.graph_area .graph_action { float: right;margin-bottom: 10px; }
.graph_area .graph_action a { height: 16px;width: 16px;margin-left: 10px;float: left; }
.graph_area .graph_action .export { background:url("../images/ico/ico_export.png") no-repeat; }
.graph_area .graph_action .graph { background:url("../images/ico/ico_graph.png") no-repeat; }
.graph_area .graph_action .list { background:url("../images/ico/ico_table.png") no-repeat; }
.graph_area .list.area { display:none; }

/* MODAL */

.modal_close { background: url('../images/my_admin/prettyPhoto/default/sprite.png') 1px 0; width: 28px; height: 30px; display: block; cursor: pointer; text-indent: -99999px; margin: 0 10px; }

#sales_invoice .show_info .field.status { display: block;float: none;margin: 0 auto;width: 600px;position: relative; }
#sales_invoice .show_info .field.status .state { float: left;width: 120px;position: relative; }
#sales_invoice .show_info .field.status .state img { display: block;margin: 0 auto 15px; }

#sales_invoice .show_info .field.status .state strong,
#sales_invoice .show_info .field.status .state span { display: block;text-align: center;width: 100%;line-height: normal; }
#sales_invoice .show_info .field.status .state span { margin-bottom:10px; }

#sales_invoice .show_info .field.status .line { border: 2px solid;height: auto;margin: 0 auto;width: 460px;clear: both;border: 2px solid black;left: 57px;position: absolute;top: 45px;width: 460px; }

#sales_invoice .show_info .field.status { display: block;float: none;margin: 0 auto;width: 600px;position: relative; }
#sales_invoice .show_info .field.status .state { float: left;width: 120px;position: relative; }
#sales_invoice .show_info .field.status .state img { display: block;margin: 0 auto 15px; }

#sales_invoice .show_info .field.status .state strong,
#sales_invoice .show_info .field.status .state span { display: block;text-align: center;width: 100%;line-height: normal; }
#sales_invoice .show_info .field.status .state span { margin-bottom:10px; }

#sales_invoice .show_info .field.status .line { border: 2px solid;height: auto;margin: 0 auto;width: 460px;clear: both;border: 2px solid black;left: 57px;position: absolute;top: 45px;width: 460px; }



#investment .show_info .field.status { display: block;float: none;margin: 0 auto;width: 600px;position: relative; }
#investment .show_info .field.status .state { float: left;width: 120px;position: relative; }
#investment .show_info .field.status .state img { display: block;margin: 0 auto 15px; }

#investment .show_info .field.status .state strong,
#investment .show_info .field.status .state span { display: block;text-align: center;width: 100%;line-height: normal; }
#investment .show_info .field.status .state span { margin-bottom:10px; }

#investment .show_info .field.status .line { border: 2px solid;height: auto;margin: 0 auto;width: 460px;clear: both;border: 2px solid black;left: 57px;position: absolute;top: 45px;width: 460px; }

#investment .show_info .field.status { display: block;float: none;margin: 0 auto;width: 600px;position: relative; }
#investment .show_info .field.status .state { float: left;width: 120px;position: relative; }
#investment .show_info .field.status .state img { display: block;margin: 0 auto 15px; }

#investment .show_info .field.status .state strong,
#investment .show_info .field.status .state span { display: block;text-align: center;width: 100%;line-height: normal; }
#investment .show_info .field.status .state span { margin-bottom:10px; }

#investment .show_info .field.status .line { border: 2px solid;height: auto;margin: 0 auto;width: 460px;clear: both;border: 2px solid black;left: 57px;position: absolute;top: 45px;width: 460px; }

.date-picker-label{
  width: initial !important;
}

#status_trade_marketing {}
/*#status_trade_marketing .show_info .fields { padding: 0 20px; }*/
#status_trade_marketing .show_info .fields.layout_box { padding: 20px; }
#status_trade_marketing .show_info .field.status { display: block;float: none;margin: 0 auto;width: 600px;position: relative; }
#status_trade_marketing .show_info .field.status .state { float: left;width: 120px;position: relative; }
#status_trade_marketing .show_info .field.status .state img { display: block;margin: 0 auto 15px; }
#status_trade_marketing .show_info .field.status .state strong,
#status_trade_marketing .show_info .field.status .state span { display: block;text-align: center;width: 100%;line-height: normal; }
#status_trade_marketing .show_info .field.status .state span { margin-bottom:10px; }
#status_trade_marketing .show_info .field.status .line { border: 2px solid;height: auto;margin: 0 auto;width: 460px;clear: both;border: 2px solid black;left: 57px;position: absolute;top: 45px;width: 460px; }
#status_trade_marketing .show_info .field.status { display: block;float: none;margin: 0 auto;width: 600px;position: relative; }
#status_trade_marketing .show_info .field.status .state { float: left;width: 120px;position: relative; }
#status_trade_marketing .show_info .field.status .state img { display: block;margin: 0 auto 15px; }
#status_trade_marketing .show_info .field.status .state strong,
#status_trade_marketing .show_info .field.status .state span { display: block;text-align: center;width: 100%;line-height: normal; }
#status_trade_marketing .show_info .field.status .state span { margin-bottom:10px; }
#status_trade_marketing .show_info .field.status .line { border: 2px solid;height: auto;margin: 0 auto;width: 460px;clear: both;border: 2px solid black;left: 57px;position: absolute;top: 45px;width: 460px; }

.btn_back, .btn_next{
  cursor:pointer;
}
