/*
    Document   : giobbyBaseStyle
    Created on : 30-mar-2012, 10.25.54
    Author     : Ezio Di Nisio<ezio.dinisio@gmail.com>
    Description:
        Purpose of the stylesheet follows.
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,300,700,300italic);

html{
    height: 100%; /*serve per far prendere a <form> l'heigth al 100%*/
}


body{
    margin:0px;
    padding: 0px;
    height: 100%; /*serve per far prendere a <form> l'heigth al 100%*/
}

form{
    margin:0px;
    padding: 0px;
}

#htmlForm1{
    height: 100%; /*serve al 100% per i metodi js che sono collegari all'onclick sulla form''*/
}

span ,textarea,input, body{
    color: #000000;
    font-size: 13px;
}

textarea {
    resize: none;
}

input,textarea {
    outline: none;
}

.giobbyFont,body, span ,textarea,input,select{
    font-family: 'Open Sans', sans-serif;
}


img{
    border:0px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:#d1d3d4;
    font-style: italic;
    font-weight: lighter;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#d1d3d4;
    font-style: italic;
    font-weight: lighter;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#d1d3d4;
    font-style: italic;
    font-weight: lighter;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#d1d3d4;
    font-style: italic;
    font-weight: lighter;
}

.cmdLnkClear:link, .cmdLnkClear:visited {
    text-decoration: none;
    cursor: pointer;
}

.cmdLnkClear:link:hover, .cmdLnkClear:visited:hover  {
    text-decoration : none;
    cursor: pointer;
}

.inputTxtBorder{
    border:1px solid #d9d9d9;
}

.stdGiobbyLnkRestoreSmall{
    display: block;
    width:18px;
    height:18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url('../javax.faces.resource/restore_lightgray.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.stdGiobbyLnkRestoreSmall:hover{
    background-image: url('../javax.faces.resource/restore_orange.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.display-none{
    display:none!important;
}

.stdGiobbyLnkDeleteSmall{
    outline: none;
    display: block;
    width:18px;
    height:18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url('../javax.faces.resource/deleteEmptyRound_lightgray.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.stdGiobbyLnkDeleteSmall:hover{
    background-image: url('../javax.faces.resource/deleteEmptyRound_red.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.stdGiobbyLnkDelete2Small{
    display: block;
    width:14px;
    height:14px;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url('../javax.faces.resource/close_gray.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.stdGiobbyLnkDelete2Small:hover{
    background-image: url('../javax.faces.resource/close_red.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.stdGiobbyLnkAddSmall{
    display: block;
    width:18px;
    height:18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url('../javax.faces.resource/add_gray.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.stdGiobbyLnkAddSmall:hover{
    background-image: url('../javax.faces.resource/add_blue.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}


.stdGiobbyLnkEditSmall{
    display: block;
    width:18px;
    height:18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url('../javax.faces.resource/modifyRound_lightgray.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.stdGiobbyLnkEditSmall:hover{
    background-image: url('../javax.faces.resource/modifyRound_yellow.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.stdGiobbyLnkSaveSmall{
    display: block;
    width:18px;
    height:18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url('../javax.faces.resource/saveRound_lightgray.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.stdGiobbyLnkSaveSmall:hover{
    background-image: url('../javax.faces.resource/saveRound_green.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}

.stdGiobbyLnk,.standardLink{
    color:#848484!important;
    text-decoration: none!important;
    cursor: pointer;
}
.stdGiobbyLnk:hover,.standardLink:hover{
    color:#646464!important;
    text-decoration: none!important;
    cursor: pointer;
}

.stdGiobbyLnkWhite{
    color:#fff!important;
    text-decoration: none!important;
    cursor: pointer;
}
.stdGiobbyLnkWhite:hover{
    color:#EFEFEF!important;
    text-decoration: none!important;
    cursor: pointer;
}

.stdGiobbyLnkOrange{
    color:#ff9200!important;
    text-decoration: none!important;
    cursor: pointer;
}
.stdGiobbyLnkOrange:hover{
    color:rgb(248, 154, 19)!important;
    text-decoration: none!important;
    cursor: pointer;
}

.stdGiobbyLnkBlack{
    color:#494948!important;
    text-decoration: none!important;
    cursor: pointer;
}
.stdGiobbyLnkBlack:hover{
    color:#000!important;
    text-decoration: none!important;
    cursor: pointer;
}

.stdGiobbyLnkRed{
    color:#CA3C38!important;
    text-decoration: none!important;
    cursor: pointer;
}
.stdGiobbyLnkRed:hover{
    color:#FF0700!important;
    text-decoration: none!important;
    cursor: pointer;
}

/*gray to white*/
.stdGiobbyLnkGtW{
    color:#848484!important;
    text-decoration: none!important;
    cursor: pointer;
}
.stdGiobbyLnkGtW:hover{
    color:#fff!important;
    text-decoration: none!important;
    cursor: pointer;
}

.labelColorOnMouseOver{
    font-weight: normal!important;
    color:inherit!important;
}

.stdGiobbyLnkBlue{
    color:#3A7CCB!important;
    text-decoration: none!important;
    cursor: pointer;
}
.stdGiobbyLnkBlue:hover{
    color:#2C5D99!important;
    text-decoration: none!important;
    cursor: pointer;
}

.customerColor{
    color: #39F;
}
.vendorColor{
    color: #E27100;
}

.smallLineHeight{
    line-height:  1;
}

.gSizeInp{
    height: auto;
    display: inline-table;
    table-layout: fixed;
    padding-top: 1px;
    padding-bottom: 1px;
}

.labelHighlightsR{
    color:#d61f2a!important;
}

.labelHighlightsG,.grayField,.gmdLabel3,.gcsLabel2,.gmdLabel1,.gmdDropDown,.grayTitle{
    color:#848484!important;
}

.labelHighlightsB,.blackField,.blackTitle{
    color:#323232;
}

.labelHighlightsLightG{
    color:#bdbdbd;
}

.labelHighlightsW{
    color: #fff;
}

.blackBg{
    background-color:#323232;
}

.giobbyLabelSmall{
    font-size: 12px;
}

.giobbyLabelMedium{
    font-size: 13px;
}

.giobbyLabelMediumX{
    font-size: 16px;
}

.giobbyLabelBig{
    font-size: 17px;
}

.giobbyLabelBigX{
    font-size: 18px;
}

.giobbyLabelBigXX{
    font-size: 20px;
}

.pagetitleLabelBaseStyle{
    color:#000000;
    font-weight: bold;
    font-size:31px;
    white-space:nowrap;
    display: block;
}
.buttonPopUp{
    background-color: #323232;
    padding: 2px;
}

/*Stili usati nei javascript per hide/show popup e spin*/
.standardMenuPopup{
    /*width:200px;*/
    padding-top:4px;
    padding-bottom: 7px;
    padding-left: 4px;
    padding-right: 4px;
    z-index:26000;
    background:#FFFFFF;
    border:1px solid #848484;
}
.standardMenuPopupHidden {
    display:none!important;
    visibility:hidden!important;
}
.standardMenuPopupShow {
    display:inline-table!important;
    visibility:visible!important;
}
.standardMenuPopupHidden2 {
    display:none!important;
    visibility:hidden!important;
}
.standardMenuPopupShow2 {
    display:block!important;
    visibility:visible!important;
}
.standardPopupHidden {
    display:none!important;
    visibility:hidden!important;
}
.standardPopupShow {
    display:inline-table!important;
    visibility:visible!important;
}
.giobbyStaticLoaderHidden {
    display:none!important;
    visibility:hidden!important;
}
.giobbyStaticLoaderShow {
    display:block!important;
    visibility:visible!important;
}
/*fine*/

.dynamicResizeImage{
    max-width: 60%;
    height:auto;
}


div.ui-datepicker {
    font-size: 96%!important;
} /* override dello stile del popup data jquery ui*/


.standardCol88Perc{
    max-width: 0;
    width: 88%;
}
.standardCol90Perc{
    max-width: 0;
    width: 90%;
}
.standardCol100Perc{
    max-width: 0;
    width: 100%;
}
.standardColLeft100Perc{
    width: 100%;
    text-align: left;
}
.standardColRight100Perc{
    width: 100%;
    text-align: right;
}
.standardColRight100PercMiddle{
    text-align: right;
    width: 100%;
    vertical-align: middle;
}
.standardColLeftTop{
    text-align: left;
    vertical-align: top;
}
.standardColLeft100PercTop{
    text-align: left;
    width: 100%;
    vertical-align: top;
}
.standardColLeft100PercMiddle{
    text-align: left;
    width: 100%;
    vertical-align: middle;
}
.standardColLeftAlign{
    text-align: left;
}
.standardColLeft100PercBottom{
    text-align: left;
    width: 100%;
    vertical-align: bottom;
}

.breakWord{
    word-break :break-word;
}







/*@mik: stili per avanzamento con i pallini */
.progress_circles {
    padding: 0;
    margin: 0;
    text-align: right;
}

.progress_circles li{
    list-style: none;
    display: inline-block;
    background: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;

}

.progress_circles li.dark{

    background: #6b6b6b;

}


/* CHECKBOX-SIMIL RADIOBUTTON ROUNDED TWO */
.roundedTwo {
    width: 28px;
    height: 28px;
    background: #484848;

    background: -webkit-linear-gradient(top, #484848 0%, #484848 40%, #484848 100%);
    background: -moz-linear-gradient(top, #484848 0%, #484848 40%, #484848 100%);
    background: -o-linear-gradient(top, #484848 0%, #484848 40%, #484848 100%);
    background: -ms-linear-gradient(top, #484848 0%, #484848 40%, #484848 100%);
    background: linear-gradient(top, #484848 0%, #484848 40%, #484848 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#484848',GradientType=0 );


    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

.roundedTwo label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    left: 4px;
    top: 4px;

    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

    background: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
    background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
    background: linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
}

.roundedTwo label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 5px;
    left: 4px;
    border: 3px solid #484848;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.roundedTwo label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.roundedTwo input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}


/* GIOBBY TAG */

.clearH{
    margin: 0px;
    font-weight: normal;
    font-size: inherit;
}

/* GIOBBY COMMON STYLES */
.gcW0px{
    width:0px;
}
.gcW1px{
    width:1px;
}
.gcW30px{
    width:30px;
}
.gcW40px{
    width:40px;
}
.gcW50px{
    width:50px;
}
.gcW55px{
    width:55px;
}
.gcW60px{
    width:60px;
}
.gcW70px{
    width:70px;
}
.gcW80px{
    width:80px;
}
.gcW100px{
    width:100px;
}
.gcW110px{
    width:110px;
}
.gcW125px{
    width:125px;
}
.gcW140px{
    width:140px;
}
.gcW150px{
    width:150px;
}
.gcW160px{
    width:160px;
}
.gcW161px{
    width:161px;
}
.gcW170px{
    width:170px;
}
.gcW200px{
    width:200px;
}
.gcW210px{
    width:210px;
}
.gcW250px{
    width:250px;
}
.gcW285px{
    width:285px;
}
.gcW300px{
    width:300px;
}
.gcW320px{
    width:320px;
}
.gcW400px{
    width:400px;
}
.gcW450px{
    width:450px;
}
.gcW600px{
    width:600px;
}
.gcW1pc{
    width:1%;
}
.gcW10pc{
    width:10%;
}
.gcW15pc{
    width:15%;
}
.gcW20pc{
    width:20%;
}
.gcW25pc{
    width:25%;
}
.gcW30pc{
    width:30%;
}
.gcW33pc{
    width:33%;
}
.gcW35pc{
    width:35%;
}
.gcW40pc{
    width:40%;
}

.gcW50pc{
    width:50%!important;
}
.gcW70pc{
    width:70%;
}
.gcW80pc{
    width:80%;
}
.gcW100pc{
    width:100%;
}
.gcH25px{
    height:25px;
}
.gcH35px{
    height:35px;
}
.gcH40px{
    height:40px;
}
.gcH50px{
    height:50px;
}
.gcH70px{
    height:70px;
}
.gcH100pc{
    height:100%;
}
.gcHauto{
    height:auto!important;
}
.gcTalign{
    vertical-align:top;
}
.gcMalign{
    vertical-align:middle;
}
.gcBalign{
    vertical-align:bottom;
}
.gcRalign{
    text-align:right;
}
.gcLalign{
    text-align:left;
}
.gcCalign{
    text-align:center;
}
.gcPad0px{
    padding:0px!important;
}
.gcTpad30px{
    padding-top:30px;
}
.gcRpad10px{
    padding-right:10px;
}
.gcRpad20px{
    padding-right:20px;
}
.gcRpad30px{
    padding-right:30px;
}
.gcBpad5px{
    padding-bottom:5px;
}
.gcBpad10px{
    padding-bottom:10px;
}
.gcBpad15px{
    padding-bottom:15px;
}
.gcBpad20px{
    padding-bottom:20px;
}
.gcLpad5px{
    padding-left:5px;
}
.gcLpad10px{
    padding-left:10px;
}
.gcLpad20px{
    padding-left:20px!important;
}
.gcLpad25px{
    padding-left:25px;
}
.gcLpad50px{
    padding-left:50px;
}
.gcTmar10px{
    margin-top:10px;
}
.gcTmar20px{
    margin-top:20px;
}
.gcTmar40px{
    margin-top:40px;
}
.gcBmar50px{
    margin-bottom:50px;
}
.gcLmar20px{
    margin-left:20px;
}
.gcCwhite{
    color:white!important;
}
.gcOvisible{
    overflow:visible!important;
}
.gcF20px{
    font-size:20px;
}
.gcF18px{
    font-size:18px;
}
.gcBold{
    font-weight:bold;
}
.gcLcase{
    text-transform:lowercase;
}
.gcUcase{
    text-transform:uppercase;
}

/*stili hashtag*/
.inpSearchArea_itemTag_a{
    cursor: pointer;
    float: left;

    margin: 3px 0 0 7px;
    padding:0 2px;
    padding-left: 4px;
    padding-right: 4px;
    /*    padding-top: 1px;
           padding-bottom: 1px;*/
    background-color: #474747;
    color:#7F7F7F !important;
    border: 1px solid #474747;
    -moz-border-radius: 2px;
    display: block;
    outline: none;
    border-radius: 2px;
    text-decoration: none!important
}
.searchHashTag_a{
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    margin-left:5px!important;
    border:0px solid #474747!important;
}
/*end*/


.brightness{
    filter: brightness(2);
    -ms-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feComponentTransfer><feFuncR type=\'linear\' slope=\'2\'/><feFuncG type=\'linear\' slope=\'2\'/><feFuncB type=\'linear\' slope=\'2\'/></feComponentTransfer></filter></svg>#brightness");
    -ms-filter: brightness();
}

.lightbrightness{
    filter: brightness(1.2);
    -ms-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feComponentTransfer><feFuncR type=\'linear\' slope=\'1.5\'/><feFuncG type=\'linear\' slope=\'1.5\'/><feFuncB type=\'linear\' slope=\'1.5\'/></feComponentTransfer></filter></svg>#brightness");
    -ms-filter: brightness();
}


.classGMessage p{
    margin :0px !important;
    padding :0px !important;
}

.popupChoiseColorFont{
    position:absolute;
    z-index:700000;
    margin-top:20px;
    padding:2px;
    border:1px solid #4d4d4d!important;
    background-color:#ffffff!important;
}

.choiseColorDivRoot{
    position:relative;
    margin-left:3px;
}


.nick_lnk_b2b{
    color:#4E3C8F;
    text-decoration: none;
}
.nick_lnk_b2b :hover{
    color:#827F8C;
    text-decoration: underline;
}

.calloutTouchInternal{
    width: 100%;
    padding-top:0px;
    padding-left:0px;
    padding-bottom:7px;
    padding-right:0px;
    background-color:#ffffff;
}


/* STILI COMPONENTI */

.inputRadioSelect{
    color:#fff;
    padding: 10px;
}

.inputRadioSelect input[type=radio] {
    display: none;
}

.inputRadioSelect input[type=radio]:checked + label {
    background-position: 0 -19px;
    font-weight: bold;
}

.inputRadioSelect input[type=radio] + label {
    padding-left: 31px;
    display: inline-block;
    line-height:19px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.inputRadioSelect label{
    background-image: url('../javax.faces.resource/radioEmpty.png.xhtml?ln=images/giobby.baselayout/component');
    background-size: 20px auto;
    margin-right: 20px;
}

.inputRadioSelectGray{
    color:#4d4d4d;
}

.inputRadioSelectGray label{
    background-image: url('../javax.faces.resource/radioEmpty_gray.png.xhtml?ln=images/giobby.baselayout/component')!important;
    background-size: 20px auto;
    margin-right: 20px;
}

.inputRadioSelectBlue{
    color:#38A4FC;
}

.inputRadioSelectBlue label{
    background-image: url('../javax.faces.resource/radioEmpty_blue.png.xhtml?ln=images/giobby.baselayout/component')!important;
    background-size: 20px auto;
    margin-right: 20px;
}

.inputRadioSelectBlack{
    color:#000000;
}

.inputRadioSelectBlack label{
    background-image: url('../javax.faces.resource/radioEmpty_blackBig.png.xhtml?ln=images/giobby.baselayout/component')!important;
    background-size: 21px auto;
    margin-right: 21px;
}
.inputRadioSelectBlack input[type=radio]:checked+label{
    background-position: 0 -20px;
    font-weight: bold;
}
.inputRadioSelectBlack input[type=radio]+label{
    line-height:20px;
}
.inputRadioSelectBlackBig{
    color:#000000;
}

.inputRadioSelectBlackBig label{
    background-image: url('../javax.faces.resource/radioEmpty_blackBig.png.xhtml?ln=images/giobby.baselayout/component')!important;
    background-size: 24px auto;
    margin-right: 24px;
}

.inputRadioSelectBlackBig input[type=radio]:checked+label{
    background-position: 0 -23px;
}
.inputRadioSelectBlackBig input[type=radio]+label{
    line-height: 23px;
}


.inputRadioSelectBlackSmall{
    color:#000000;
}

.inputRadioSelectBlackSmall label{
    background-image: url('../javax.faces.resource/radioEmpty_blackBig.png.xhtml?ln=images/giobby.baselayout/component')!important;
    background-size: 13px auto;
    margin-right: 10px;
}

.inputRadioSelectBlackSmall input[type=radio]:checked+label{
    background-position: 0 -12px;
}
.inputRadioSelectBlackSmall input[type=radio]+label{
    line-height: 13px;
    padding-left: 17px;
}


#googleMapTooltip {
    min-width: 150px;
    height: 150px;
}
#googleMapTooltip img{
    max-width: 100%;
    max-height: 80px;
    padding:0;
    display: block;
}
#googleMapCnyName{
    display:block;
    margin-bottom: 3px;
    font-weight: bold;
    margin-top:3px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#googleMapCnyAddress{
    display:block;
    margin-bottom: 3px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#googleMapCnyStrView{
    display:block;
    margin-top: 5px;
    color:blue
}



.arrowTipsLeft {
    display: inline-block;
    position: relative;
    background: grey;
    padding: 15px;
}
.arrowTipsLeft:after {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid grey;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
}

.textEllipsis{
    display:block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}


/*START style class spinner su tutte le pagine*/
.spinner {
    width: 70px;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;

    /*border-radius: 100%;*/
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/*END style class spinner su tutte le pagine*/



/*START style class componente languageSelection*/
.lngSelImgTranslated{
    width: 16px;
    height: 16px;
    display: block;
}


.lngSelBtnDelete{
    display: block;
    width:16px;
    height:16px;
    background-image: url('../javax.faces.resource/deleteEmptyRound_gray.png.xhtml?ln=images/giobby.baselayout/flatIconset');
    background-size:16px 16px;
    background-position: center center;
    margin-left:10px;
}
.lngSelBtnDelete:hover{
    background-image: url('../javax.faces.resource/deleteEmptyRound_red.png.xhtml?ln=images/giobby.baselayout/flatIconset');
}


/*END   style class componente languageSelection*/

.inputRadioSelectBlackHorizontal input[type=radio] {
    display: none;
}

.inputRadioSelectBlackHorizontal input[type=radio]:checked + label {
    background-image: url('../javax.faces.resource/radioOnBlack.png.xhtml?ln=images/giobby.baselayout/component')!important;
    font-weight: bold;
}

.inputRadioSelectBlackHorizontal input[type=radio] + label {
    padding-left: 31px;
    display: inline-block;
    line-height:19px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.inputRadioSelectBlackHorizontal label{
    background-image: url('../javax.faces.resource/radioOffBlack.png.xhtml?ln=images/giobby.baselayout/component');
    background-size: 18px auto;
    margin-right: 20px;
}

/* Personalizzazione della scrollbar verticale */
::-webkit-scrollbar {
    height: 8px;
    width: 6px;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background-color: #323232;
}

::-webkit-scrollbar-track:horizontal {
    background-color: #f1f1f1;
}


.centralContentContainer ::-webkit-scrollbar-track {
    background-color: #f1f1f1!important;
}

.centralContentContainer ::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}

.centralContentContainer ::-webkit-scrollbar-thumb:hover{
    background: #848484;
}

#notifyBar::-webkit-scrollbar-track {
    background-color: #515151!important;
}

::-webkit-scrollbar-thumb {
    background: #848484;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover{
    background: #bdbdbd;
}

::-webkit-scrollbar-thumb:horizontal {
    background: #bdbdbd;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:horizontal:hover{
    background: #848484;
}

.gbAutocompletePnl{
    border: none!important;
}

.gbAutocompletePnl{
    margin-bottom: 0.15em!important;
    border-bottom: 1px solid #bdbdbd!important;
    padding-top: 0!important;
}

.gbAutocompletePnl:hover{
    border-bottom-color: black!important;
}

.gbAutocomplete .ffb-input{
    border: 0px!important;
    font-size: 1.4rem!important;
}

.gbAutocomplete .ffb-input.watermark{
    font-size: 1.4rem!important;
}

.gbAutocomplete .ffb-arrow{
    background-position: 0!important;
    background: #FFFFFF url('../javax.faces.resource/arrowCombo.png.xhtml?ln=images/giobby.baselayout/component') no-repeat scroll right center !important;
    height: 18px!important;
}

.gbAutocomplete .ffb{
    width: 100%!important;
}