/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/

/* Logo*/
.page-header.navbar .page-logo .logo-default {
  margin: 10px 0 0 0;
}

/* Loading Ajax*/
.x-mask-msg-text {
    background-image: url("/Template/metro/assets/global/img/loading-spinner-blue.gif") !important;
    background-position: center 1px !important;
    background-repeat: no-repeat !important;
    border: medium none !important;
}

.x-mask-msg {
    background-color: #eee;
    border: 1px solid #ddd;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 13px;
    left: 50%;
    margin-left: -50px;
    margin-top: -30px;
    min-width: 125px;
    padding: 7px;
    position: fixed;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    z-index: 20001;
}

/*
.x-mask
{
    z-index: 99999 !important;
}
    */

/*Corregge problema su Chrome per i campi con le note con altezza eccessiva, verificatosi dopo aggiornamento di Chrome*/
.x-form-item-body {
    height: auto !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    font-family: "Open Sans",sans-serif;
    padding: 3px 6px;
    position: absolute;
    right: 30px; /*Distanza Bullon dall'icona */
    top: 10px;
}

.page-header.navbar .page-logo .logo-default {
  margin: 0;
  position:absolute;
  top: 0;
  left: 0;
}

/*Side bar Search*/
.search-item {
    font          : normal 11px tahoma, arial, helvetica, sans-serif;
    padding       : 3px 10px 3px 10px;
    border        : 1px solid #fff;
    border-bottom : 1px solid #eeeeee;
    white-space   : normal;
    color         : #555;
}
        
.search-item h3 {
    display     : block;
    font        : inherit;
    font-weight : bold;
    color       : #222;
    margin      :0px;
}

.search-item h3 span {
    float       : right;
    font-weight : normal;
    margin      : 0 0 5px 5px;
    width       : 100px;
    display     : block;
    clear       : none;
} 
        
.search-item p { width: 650px; }
        
.search-item .ext-ie .x-form-text { position : static !important; }


/* PRODUTTORI */
.manufacturer-bosch { background:url(../img/Bos.gif) left no-repeat !important; }
.manufacturer-ate { background:url(../img/ate.gif) left no-repeat !important; }
.manufacturer-ferodo { background:url(../img/fer.gif) left no-repeat !important; }
.manufacturer-ngk { background:url(../img/ngk.gif) left no-repeat !important; }
.manufacturer-cob { background:url(../img/cob.gif) left no-repeat !important; }
.manufacturer-altestart { background:url(../img/alt.gif) left no-repeat !important; }
.manufacturer-breda { background:url(../img/bre.gif) left no-repeat !important; }
.manufacturer-castrol { background:url(../img/cas.gif) left no-repeat !important; }
.manufacturer-dayco { background:url(../img/day.gif) left no-repeat !important; }
.manufacturer-exide { background:url(../img/exi.gif) left no-repeat !important; }
.manufacturer-fram { background:url(../img/fra.gif) left no-repeat !important; }
.manufacturer-graft { background:url(../img/gra.gif) left no-repeat !important; }
.manufacturer-hella { background:url(../img/hel.gif) left no-repeat !important; }
.manufacturer-hertebuss { background:url(../img/her.gif) left no-repeat !important; }
.manufacturer-kyb { background:url(../img/kyb.gif) left no-repeat !important; }
.manufacturer-loc { background:url(../img/loc.gif) left no-repeat !important; }
.manufacturer-magnetimarelli { background:url(../img/mar.gif) left no-repeat !important; }
.manufacturer-mareg { background:url(../img/mag.gif) left no-repeat !important; }
.manufacturer-monroe { background:url(../img/mon.gif) left no-repeat !important; }
.manufacturer-osram { background:url(../img/osr.gif) left no-repeat !important; }
.manufacturer-ols { background:url(../img/ols.gif) left no-repeat !important; }
.manufacturer-philips { background:url(../img/phi.gif) left no-repeat !important; }
.manufacturer-pioneer { background:url(../img/pio.gif) left no-repeat !important; }
.manufacturer-brembo { background:url(../img/brm.gif) left no-repeat !important; }
.manufacturer-politecnica { background:url(../img/pol.gif) left no-repeat !important; }
.manufacturer-trw { background:url(../img/trw.gif) left no-repeat !important; }
.manufacturer-usag { background:url(../img/usa.gif) left no-repeat !important; }
.manufacturer-valeo { background:url(../img/val.gif) left no-repeat !important; }
.manufacturer-berga { background:url(../img/Beg.gif) left no-repeat !important; }
.manufacturer-eurostart { background:url(../img/eur.gif) left no-repeat !important; }
.manufacturer-fae { background:url(../img/fae.gif) left no-repeat !important; }
.manufacturer-fag { background:url(../img/fag.gif) left no-repeat !important; }
.manufacturer-ina { background:url(../img/ina.gif) left no-repeat !important; }
.manufacturer-luk { background:url(../img/luk.gif) left no-repeat !important; }
.manufacturer-sachs { background:url(../img/sac.gif) left no-repeat !important; }
.manufacturer-skf { background:url(../img/skf.gif) left no-repeat !important; }
.manufacturer-blu { background:url(../img/blu.gif) left no-repeat !important; }
.manufacturer-liq { background:url(../img/liq.gif) left no-repeat !important; }
.manufacturer-cha { background:url(../img/cha.gif) left no-repeat !important; }
.manufacturer-lif { background:url(../img/lif.gif) left no-repeat !important; }
.manufacturer-ctr { background:url(../img/ctr.gif) left no-repeat !important; }
.manufacturer-ruv { background:url(../img/ruv.gif) left no-repeat !important; }
.manufacturer-gaz { background:url(../img/gaz.gif) left no-repeat !important; }
.manufacturer-opi { background:url(../img/opi.gif) left no-repeat !important; }
.manufacturer-anr { background:url(../img/anr.gif) left no-repeat !important; }
.manufacturer-kri { background:url(../img/kri.gif) left no-repeat !important; }
.manufacturer-pay { background:url(../img/pay.gif) left no-repeat !important; }
.manufacturer-pew { background:url(../img/pew.gif) left no-repeat !important; }
.manufacturer-moo { background:url(../img/moo.gif) left no-repeat !important; }
.manufacturer-feb { background:url(../img/feb.gif) left no-repeat !important; }
.manufacturer-dep { background:url(../img/dep.gif) left no-repeat !important; }
.manufacturer-ass { background:url(../img/ass.gif) left no-repeat !important; }
.manufacturer-dis { background:url(../img/dis.gif) left no-repeat !important; }
.manufacturer-mae { background:url(../img/mae.gif) left no-repeat !important; }
.manufacturer-ash { background:url(../img/ash.gif) left no-repeat !important; }
.manufacturer-frm { background:url(../img/frm.gif) left no-repeat !important; }
.manufacturer-fal { background:url(../img/fal.gif) left no-repeat !important; }
.manufacturer-sid { background:url(../img/sid.gif) left no-repeat !important; }
.manufacturer-den { background:url(../img/den.gif) left no-repeat !important; }
.manufacturer-man { background:url(../img/man.gif) left no-repeat !important; }
.manufacturer-vat { background:url(../img/vat.gif) left no-repeat !important; }
.manufacturer-mel { background:url(../img/mel.gif) left no-repeat !important; }
.manufacturer-ung { background:url(../img/ung.gif) left no-repeat !important; }
.manufacturer-vem { background:url(../img/vem.gif) left no-repeat !important; }
.manufacturer-rax { background:url(../img/rax.gif) left no-repeat !important; }
.manufacturer-cot { background:url(../img/cot.gif) left no-repeat !important; }
.manufacturer-wix { background:url(../img/wix.gif) left no-repeat !important; }
.manufacturer-asm { background:url(../img/asm.gif) left no-repeat !important; }
.manufacturer-cac { background:url(../img/cac.gif) left no-repeat !important; }
.manufacturer-ben { background:url(../img/ben.gif) left no-repeat !important; }
.manufacturer-tex { background:url(../img/tex.gif) left no-repeat !important; }
.manufacturer-zer { background:url(../img/zer.gif) left no-repeat !important; }
.manufacturer-wyn { background:url(../img/wyn.gif) left no-repeat !important; }
.manufacturer-ntk { background:url(../img/ntk.gif) left no-repeat !important; }
.manufacturer-kwx { background:url(../img/kwx.gif) left no-repeat !important; }
.manufacturer-fac { background:url(../img/fac.gif) left no-repeat !important; }
.manufacturer-coe { background:url(../img/coe.gif) left no-repeat !important; }
.manufacturer-nor { background:url(../img/nor.gif) left no-repeat !important; }
.manufacturer-bga { background:url(../img/bga.gif) left no-repeat !important; }

/* DISPONIBILITA */
.available-red { background:url(../img/pawn_glass_red_16x16.png) center no-repeat !important; }
.available-green { background:url(../img/pawn_glass_green_16x16.png) center no-repeat !important; }
.available-orange { background:url(../img/pawn_glass_yellow_16x16.png) center no-repeat !important; }
.gift { background:url(../img/shopping.png) center no-repeat !important; }

.search-plate-icon {
    background: url(../img/sprite-flag.png) -15px 0 no-repeat;
    width: 15px;
    height: 15px;
}

/* Pulsanti Standard Small */
.x-btn-default-small {
    border-color: #d8d8d8 !Important;
    background-color: #f5f5f5 !Important;
}

.x-btn-icon-el-default-small
{
    color: #428bca !Important;
}

.x-btn-inner-default-small
{
    color: #666 !Important;
}

.x-btn-over.x-btn-default-small {
    background-color: #ebebeb !Important;
    border-color: #cfcfcf !Important;
}

.x-btn-over .x-btn-icon-el-default-small {
    color: #2a6496 !Important;
}

.x-progress-default .x-progress-bar-default
{
    background-color: #184ea5 !important;
}

.x-progress-default .x-progress-text
{
    color: white;
}

.x-progress-default .x-progress-text-back
{
    color: #666;
}

/* Dettaglio Articolo */
#schedaTechDetails .tit {
    font-size: 16px;
    padding-bottom: 10px;
}
#schedaTechDetails h4 {
    background-color: #DDDDDD;
    clear: both;
    font-size: 14px;
    margin-top: 5px;
    padding: 2px 5px 3px;
    font-weight: bold;
}
#schedaTechDetails p {
    border-top: 1px solid #DDDDDD;
    clear: both;
    font-size: 13px;
    line-height: 18px;
    padding: 2px 0;
    vertical-align: top;
    margin: 0;
}
#schedaTechDetails p strong {
    float: left;
    font-weight: normal;
    padding: 1px 5px;
    width: 250px;
}
#schedaTechDetails p span {
    border-left: 1px solid #DDDDDD;
    display: block;
    overflow: hidden;
    padding: 1px 0 1px 20px;
}
:first-child + html #schedaTechDetails p span {
    display: inline-block;
}

#schedaTech .exzoom {
    width: 400px;
    /*height: 400px;*/
}

.sidebar-search .x-form-trigger-wrap-default
{
    border-style: none !important;
}

.row-imagecommand 
{
    height: 24px !important;
    min-width: 24px !important;
    padding-left: 2px;
}

.x-window-header-title-default > .x-title-icon-wrap-default.x-title-icon-left
{
    width: 30px !important;
}

/*Dimensione Icone Font*/
.y-icon-font-lage {font-size: 32px !important; line-height: 32px !important; height: 32px !important; min-width: 32px !important;}
.y-icon-font-middle {font-size: 22px !important;  line-height: 22px !important; height: 25px !important; min-width: 25px !important;}

/*Icone*/
.y-icon-acrobat { background:url(../img/acrobat_24.png) left no-repeat !important; }
.y-icon-excel { background:url(../img/excel_24.png) left no-repeat !important; }
.y-icon-acrobat3d { background:url(../img/pdfIcon3D.png) left no-repeat !important; }
.y-icon-p { background:url(../img/p.png) left no-repeat !important; background-size: 25px 25px !important;}
.y-icon-supplier { background:url(../img/supplier.png) left no-repeat !important; background-size: 25px 25px !important;}
.y-icon-user-fabio { background:url(../img/Fabio.jpg) left no-repeat !important; }

.cell-imagecommand-cell .x-grid-cell-inner
{
    padding: 3px !important;
}

.cell-imagecommand-value
{
    padding: 5px 6px 3px !important;
}

.x-grid-cell-inner
{
    padding: 7px 10px 4px !important;
}


/*Lista Costruttori*/

.risultati-lista {
  width: 100%;
}
.risultati-lista ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.risultati-lista li {
  width: 22.7%;
  display: inline-block;
  text-transform: uppercase;
  line-height: 39px;
  color: #333;
  font-size: 8px;
  text-align: center;
  border: solid 1px #ccc;
  height: 41px;
  margin: 5px;
  background: #f8f8f8;
  padding-left: 0px !important;
}
.risultati-lista li:hover {
  background: #2d7bce;
  cursor: pointer;
  color: #fff;
}

.risultati-lista .selected {
  background: #E9EC81;
  color: #000;
}

.risultati-lista ul li:last-child {
  margin-right: 0;
}
.risultati-lista img {
  border-right: solid 1px #ccc;
  width: 60px;
  float: left;
  background: #f8f8f8;
}

/* VEICOLO MODELLO SERIE */
.risultati-lista-picc {
  width: 100%;
}
.risultati-lista-picc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.risultati-lista-picc li {
  width: 18.7%;
  display: inline-block;
  line-height: 35px;
  color: #333;
  font-size: 15px;
  text-align: center;
  border: solid 1px #ccc;
  height: 37px;
  margin: 5px;
  background: #f8f8f8;
  padding-left:0px !important;
}
.risultati-lista-picc li:hover {
  background: #2d7bce;
  cursor: pointer;
  color: #fff;
}
.risultati-lista-picc .selected {
  background: #2d7bce;
  color: #fff;
}
.risultati-lista-picc ul li:last-child {
  margin-right: 0;
}
.risultati-lista-picc img {
  border-right: solid 1px #ccc;
  width: 60px;
  float: left;
}

.top-slider-fixed
{
    width: 400px;
    height: 100px;
    padding-left: 10px;
}

.c1 {background-image: url("/Template/metro/assets/admin/layout/img/groups/c1_32.png") !important;}
.c2 {background-image: url("/Template/metro/assets/admin/layout/img/groups/c2_32.png") !important;}
.c3 {background-image: url("/Template/metro/assets/admin/layout/img/groups/c3_32.png") !important;}
.c4 {background-image: url("/Template/metro/assets/admin/layout/img/groups/c4_32.png") !important;}
.c5 {background-image: url("/Template/metro/assets/admin/layout/img/groups/c5_32.png") !important;}
.c6 {background-image: url("/Template/metro/assets/admin/layout/img/groups/c6_32.png") !important;}
.c7 {background-image: url("/Template/metro/assets/admin/layout/img/groups/c7_32.png") !important;}
.c8 {background-image: url("/Template/metro/assets/admin/layout/img/groups/c8_32.png") !important;}
.c9 {background-image: url("/Template/metro/assets/admin/layout/img/groups/c9_32.png") !important;}

.m1 {background-image: url("/Template/metro/assets/admin/layout/img/groups/m1_32.png") !important;}
.m2 {background-image: url("/Template/metro/assets/admin/layout/img/groups/m2_32.png") !important;}
.m3 {background-image: url("/Template/metro/assets/admin/layout/img/groups/m3_32.png") !important;}
.m4 {background-image: url("/Template/metro/assets/admin/layout/img/groups/m4_32.png") !important;}
.m5 {background-image: url("/Template/metro/assets/admin/layout/img/groups/m5_32.png") !important;}
.m6 {background-image: url("/Template/metro/assets/admin/layout/img/groups/m6_32.png") !important;}
.m7 {background-image: url("/Template/metro/assets/admin/layout/img/groups/m7_32.png") !important;}

#chat-box p
{
    margin: 10px 0 !important;
}


/*Minima Risoluzione 700px*/
/*
.page-header {
    min-width: 700px !important;
}
.page-footer {
    min-width: 700px !important;
}
.page-header.navbar {
    min-width: 700px !important;
}
.page-content {
    min-width: 700px !important;
}
*/

.truncate {  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-user .truncate
{
    max-width: 200px;
    line-height: 15px;
}


.prepayedline-row .x-grid-cell, .prepayedline-row .x-grid-rowwrap-div {
	background-color: #ffb848 !important;
    color: #fff !important;
}

.urgent-order-row .x-grid-cell, .prepayedline-row .x-grid-rowwrap-div {
    background-color: #FAFAD2 !important;
    color: #000000 !important;
}


/* pricing */
.pricing {
    position: relative;
    margin-bottom: 15px;
    border: 3px solid #eee;
}

.pricing-active {
    border: 3px solid #184ea5;
    margin-top: -10px;
    box-shadow: 7px 7px rgba(24, 78, 165, 0.2);
}

.pricing:hover {
    border: 3px solid #184ea5;
}

    .pricing:hover h4 {
        color: #184ea5;
    }

.pricing-head {
    text-align: center;
}

    .pricing-head h3,
    .pricing-head h4 {
        margin: 0;
        line-height: normal;
    }

        .pricing-head h3 span,
        .pricing-head h4 span {
            display: block;
            margin-top: 5px;
            font-size: 14px;
            font-style: italic;
        }

    .pricing-head h3 {
        font-weight: 300;
        color: #fafafa;
        padding: 12px 0;
        font-size: 27px;
        background: #184ea5;
        border-bottom: none;
    }

    .pricing-head h4 {
        color: #bac39f;
        padding: 5px 0;
        font-size: 54px;
        font-weight: 300;
        background: #fbfef2;
        border-bottom: solid 1px #f5f9e7;
    }

.pricing-head-active h4 {
    color: #184ea5;
}

.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
}

.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative;
}

/* Pricing Content */
.pricing-content li {
    color: #888;
    font-size: 12px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7;
}

    .pricing-content li i {
        top: 2px;
        color: #184ea5;
        font-size: 16px;
        margin-right: 5px;
        position: relative;
    }

/* Pricing Footer */
.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0 20px 19px;
}

    .pricing-footer .btn {
        color: #fff;
    }

        .pricing-footer .btn:hover {
            color: #fafafa;
        }

/* Priceing Active */
.price-active,
.pricing:hover {
    z-index: 9;
}

    .price-active h4 {
        color: #36d7ac;
    }

.no-space-pricing .pricing:hover {
    transition: box-shadow 0.2s ease-in-out;
}

    .no-space-pricing .price-active .pricing-head h4,
    .no-space-pricing .pricing:hover .pricing-head h4 {
        color: #36d7ac;
        padding: 15px 0;
        font-size: 80px;
        transition: color 0.5s ease-in-out;
    }