@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
@import url("../Content/font-awesome.min.css");


/*.arrow:before
{
    content:"›";
}*/

.font-off,
.aspNetDisabled {
    color: #838383 !important;
}

.font-on {
    color:#4b8df8 !important;
}

.font-pending {
    color: #505050 !important;
}

.font-yellow {
    color: #838383 !important;
}

.font-green {
    color: #006600 !important;
}

.font-red {
    color: #cc0000 !important;
}

.font-table {
    font-size:20px;
    text-align:center;
}


.clearer {
    height: 0px;
    clear: both;
}

/*STILE MASTER PAGE*/
* {
    outline: none;
}

img {
    border: 0 none;
}

a {
    text-decoration: none;
}

textarea {
    resize: none;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Lato', sans-serif; /*font-family: 'Open Sans Condensed', sans-serif;    font-family: 'Oswald', sans-serif;*/
    font-size: 12px;
    color: #999999;
}

form, html, body {
    height: 100%;
}

.styled-pag > select,
.styled > select {
    font-family: 'Lato', sans-serif;
    border: 1px solid #c2c2c2;
    padding: 3px 31px 3px 3px;
    min-width: 80px;
    font-size: 12px;
    height: 29px;
    color: #999999;
    -webkit-appearance: none;
    background-image: url(../images/cms/dropdown.png);
    background-position: top right;
    background-repeat: no-repeat;
    z-index: 100000000 !important;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: clip; /*In Firefox*/
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*PULSANTE SHITCH (ON-OFF)*/

.onoffswitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #999999;
    border-radius: 5px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 10px;
        background-color: #46b95c;
        color: #FFFFFF;
        text-align: left;
    }

    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 10px;
        background-color: #D92D16;
        color: #FFFFFF;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 34px;
    margin: -2px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    border: 1px solid #999999;
    border-radius: 5px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
/*------------------------*/

/*PULSANTE - NUOVO*/
a.action-button {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    background: #4b8df8;
    border: 1px solid #4b8df8;
    padding: 8px 20px 8px 10px;
    text-decoration: none;
    font-weight: bold;
}

    a.action-button:hover {
        border: 1px solid #357ae8;
        background: #357ae8;
        text-decoration: none;
    }

a.action-button-base {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #333333;
    border: 1px solid #999999;
    font-size: 14px;
    background: #ffffff;
    padding: 8px 20px 8px 10px;
    text-decoration: none;
    font-weight: bold;
}

    a.action-button-base:hover {
        color: #333;
        background: #f1f1f1;
        text-decoration: none;
    }

a.action-button-on {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #333333;
    border: 1px solid #999999;
    font-size: 14px;
    background: #ffffff;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-weight: bold;
    min-width: 60px;
}

    a.action-button-on:hover {
        color: #ffffff;
        background: #C2C2C2;
        text-decoration: none;
    }

/*----------------*/

/*CALENDARI*/
.btn-calendario {
    background-color: #FFFFFF; /* Green */
    border: none;
    color: white;
    padding: 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

    .btn-calendario > .calendario {
        color: #4387fd;
        font-size: 26px;
        padding: 5px;
        cursor: pointer;
    }
/*---------*/

option {
    font-family: 'Lato', sans-serif;
    color: #000000;
}

/*PAGINA LOGIN*/
.login_form input[type="text"], .login_form input[type="password"] {
    border: 0px none;
    display: block;
    height: 36px;
    background: transparent;
    font-size: 13px;
    width: 240px;
}

/*Per le dropdown o le listview*/
.no-image {
    background-image: none;
}

.login_form input[type="text"]:focus, .login_form input[type="password"]:focus {
}

.login_form {
    position: absolute;
    left: 50%;
    top: 200px;
    margin: 0px 0px 0px -163px;
    background-image: url("images/cms/login/box_center.png");
    background-position: 0 top;
    background-repeat: no-repeat;
    width: 326px;
    height: 336px;
}

.userLogin {
    margin-left: 15px;
    margin-top: 130px;
    background: #f2f2f2 url(../images/cms/login_textboxes.png) repeat-x left top;
    margin-left: 20px;
    margin-top: 130px;
    padding: 0;
    width: 286px;
    -moz-box-shadow: 0px 0px 1px #f2f2f2;
    -webkit-box-shadow: 0px 0px 1px #f2f2f2;
    box-shadow: 0px 0px 1px #f2f2f2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.passwordLogin {
    margin-left: 15px;
    margin-top: 20px;
    background: #f2f2f2 url(../images/cms/login_textboxes.png) repeat-x left top;
    margin-left: 20px;
    margin-top: 20px;
    padding: 0;
    width: 286px;
    -moz-box-shadow: 0px 0px 1px #f2f2f2;
    -webkit-box-shadow: 0px 0px 1px #f2f2f2;
    box-shadow: 0px 0px 1px #f2f2f2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}



.close_share_button {
    position: absolute;
    top: 18px;
    right: 10px;
    width: 18px;
    height: 18px;
    display: block;
    background: url('../images/share/close_btn.png') bottom center;
}

    .close_share_button:hover {
        background: url('../images/share/close_btn.png') top center;
    }

.btn_login_form {
    background: url(../images/cms/login/btn_login.png) repeat-x left top;
    color: #ffffff;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    width: 284px;
    height: 39px;
    display: block;
}

    .btn_login_form:hover {
        background: url(../images/cms/login/btn_login.png) repeat-x left bottom;
    }

/*MASTER PAGE*/

#master_wpwrap {
    position: relative;
    min-width: 320px;
    width: 100%;
    overflow: auto;
}

#wpwrap {
    float: none;
    margin-bottom: 22px;
    height: 100%;
    min-height: 100%;
}

#side-menu-container {
    height: 100%;
    width: 242px;
    overflow: hidden;
}

#sideMenu {
    width: 260px;
    text-transform: uppercase;
    background: #383838;
    position: relative;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0px;
}

/*HEADER*/
#header {
    min-width: 320px;
    height: 52px;
    width: 100%;
}

    #header.web {
        background-color: #46b95c;
    }

    #header.marketing {
        background-color: #f78d4e;
    }

    #header.crm {
        background-color: #54b1e7;
    }

    #header.irvin {
        background-color: #d6e21e;
    }

    #header.help {
        background-color: #de45e2;
    }

.irvin_logo {
    background: url(../images/cms/header_topleft.png) no-repeat left top;
    height: 60px;
    width: 200px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #8A8B8B;
    display: block;
    float: left;
}

    .irvin_logo:hover {
        background-position: left bottom;
    }

.head_buttons {
    position: absolute;
    left: 112px;
    top: 61px;
    height: 28px;
    width: 90px;
}

    .head_buttons > .stats_btn, .head_buttons > .website_btn, .head_buttons > .mail_btn {
        height: 28px;
        width: 28px;
        display: block;
        float: left;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #FFFFFF;
    }

    .head_buttons > .stats_btn {
        background: url(../images/cms/stats.png) no-repeat center center;
    }

    .head_buttons > .website_btn {
        background: url(../images/cms/website.png) no-repeat center center;
    }

    .head_buttons > .mail_btn {
        background: url(../images/cms/mail.png) no-repeat center center;
    }

#openCloseButton {
    height: 28px;
    width: 110px;
    cursor: pointer;
    display: block;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #FFFFFF;
    background: url(../images/cms/menu_openclose.png) no-repeat 12px top;
    color: #666666;
    line-height: 28px;
    text-align: center;
}

    #openCloseButton.handleClose {
        background-position: 12px top;
    }

    #openCloseButton.handleOpen {
        background-position: 12px bottom;
    }

.head_elem {
    display: block;
    height: 30px;
    float: left;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.head_elem_lavori {
    display: block;
    height: 30px;
    width: 110px;
    float: left;
    text-align: center;
}

.head_elem .top {
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
}

.top:hover {
    color: #d6e21e;
}

.top label {
    font-weight: normal;
    cursor: pointer;
}

.head_elem .bottom {
    height: 30px;
    margin: 1px 0px;
    border-left: 1px solid #5f5f5f;
    border-right: 1px solid #5f5f5f;
    color: #fff;
    line-height: 28px;
    text-align: center;
}

.head_elem iframe {
    border-left: 2px solid #5f5f5f;
    border-right: 2px solid #5f5f5f;
}

.logUser {
    position: absolute;
    right: 0px;
    top: 61px;
    height: 28px;
    color: #666666;
    line-height: 28px;
}

    .logUser > .user_btn {
        height: 28px;
        display: block;
        color: #666666;
        line-height: 28px;
        padding: 0px 10px 0px 30px;
        background: url(../images/cms/user.png) no-repeat 8px center;
        float: left;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #FFFFFF;
    }

    .logUser > .admin_btn {
        height: 28px;
        width: 28px;
        display: block;
        float: right;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #FFFFFF;
    }

    .logUser > .admin_btn {
        background: url(../images/cms/settings.png) no-repeat center center;
    }

    .logUser > .stats_btn {
        background: url(../images/cms/stats.png) no-repeat center center;
    }

    .logUser > .website_btn {
        background: url(../images/cms/website.png) no-repeat center center;
    }

    .logUser > .mail_btn {
        background: url(../images/cms/mail.png) no-repeat center center;
    }

.backgroundColorTheme {
    background: transparent;
}

.colorTheme {
    color: #d6e21e;
}

.content_top_button {
    width: 100%;
    height: 50px;
    text-align: left;
    border-bottom: 2px solid #383838;
}

.content_notifiche_master {
    width: 100%;
    height: 30px;
    max-height: 30px;
    display: block;
    background-color: #383838;
    overflow: hidden;
}

.content_btn_header {
    width: 50px;
    height: 50px;
}

.logout {
    padding: 10px;
    height: 49px;
    width: 49px;
    display: block;
    text-align: center;
    float: right;
    color: #ffffff;
    font-size: 30px;
}

    .logout:hover {
        color: #383838;
    }

.menuLeft {
    height: 49px;
    width: 49px;
    display: block;
    float: right;
    cursor: pointer;
    background-color: transparent !important;
    color: #ffffff;
    border-style: none;
    font-size: 30px;
}

    .menuLeft:hover {
        color: #383838;
    }

/*SUB HEADER*/

#section_color {
    height: 4px;
    width: 100%;
    background-color: #ffffff;
}

    #section_color.web {
        background-color: #46b95c;
    }

    #section_color.marketing {
        background-color: #f78d4e;
    }

    #section_color.crm {
        background-color: #54b1e7;
    }

    #section_color.irvin {
        background-color: #d6e21e;
    }

    #section_color.help {
        background-color: #de45e2;
    }


span.web {
    color: #46b95c;
}

span.marketing {
    color: #f78d4e;
}

span.crm {
    color: #54b1e7;
}

span.irvin {
    color: #d6e21e;
}

span.help {
    color: #de45e2;
}

/*FOOTER*/
#footer {
    height: 21px;
    position: fixed;
    bottom: 0px;
    background: #d9d9d9;
    width: 100%;
    border-top: 1px solid #8A8B8B;
    line-height: 21px;
    color: #666666;
    z-index: 1;
}

    #footer > span {
        margin-left: 8px;
    }

    #footer > div {
        float: right;
        padding-right: 8px;
    }

    #footer a {
        color: #666666;
    }

/*BLOCCO CENTRALE*/
#contentHolder {
    margin-left: 0px;
    margin-bottom: 22px;
    color: #999999;
    height: 100%;
    min-height: 100%;
}

.contBox {
    min-width: 320px;
    padding: 10px 20px 22px 20px;
}

/*SIDE MENU*/

#acc {
}

.menu_head {
    text-transform: uppercase;
    height: 34px;
    padding-left: 20px;
    color: #ffffff;
    line-height: 29px;
    font-weight: normal;
    font-size: 14px;
    background: #212121;
}

    .menu_head.web {
        border-bottom: 4px solid #46B95C;
    }

    .menu_head.marketing {
        border-bottom: 4px solid #F78D4E;
    }

    .menu_head.crm {
        border-bottom: 4px solid #54B1E7;
    }

    .menu_head.irvin {
        border-bottom: 4px solid #d6e21e;
    }

.box_head {
    display: block;
    margin-top: 9px;
    width: 18px;
    height: 19px;
    float: left;
    background: transparent;
}

    .box_head.web {
        background: transparent url(../images/cms/boxLeftWeb.png) no-repeat left top;
    }

    .box_head.marketing {
        background: transparent url(../images/cms/boxLeftMarketing.png) no-repeat left top;
    }

    .box_head.crm {
        background: transparent url(../images/cms/boxLeftManager.png) no-repeat left top;
    }

    .box_head.irvin {
        background: transparent url(../images/cms/boxLeftIrvin.png) no-repeat left top;
    }

.menu_head.help {
}

.headAcc {
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    margin: 0px;
    height: 40px;
    font-weight: normal;
    line-height: 37px;
    background-color: #383838;
    display: block;
    position: relative;
    padding-left: 25px;
    color: #bfbfbf;
}

    .headAcc samp {
        display: block;
        position: absolute;
        top: 13px;
        right: 10px;
        width: 9px;
        height: 6px;
        background: url(../images/cms/versione5/down-arrow.png) no-repeat center top;
    }

    .headAcc:hover, .headAccSel {
        position: relative;
        color: #fff;
        background-color: #404040;
    }

.headAccDis, .headAccDis:hover {
    color: #bfbfbf;
    background-color: #383838;
    cursor: default;
}

.accordion_shadow {
    width: 100%;
    height: 2px;
    display: block;
    background: #383838 url(../images/cms/versione5/accordion_shadow.png) repeat-x;
    margin: 0;
    padding: 0;
}

.accordion_child_shadow {
    width: 100%;
    height: 2px;
    display: block;
    background: #dbdbdb url(../images/cms/versione5/accordion_child_shadow.png) repeat-x;
    margin: 0;
    padding: 0;
    display: none;
}

.innerAcc a {
    font-size: 14px;
    margin: 0px;
    height: 40px;
    color: #58595b;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #DDDDDD;
    font-weight: normal;
    line-height: 37px;
    padding-left: 25px;
    display: block;
    background: #dbdbdb;
    text-transform: none;
    cursor: pointer;
}

    .innerAcc a:hover {
        background: #fff;
    }

    .innerAcc a.innerAccSel {
        background: #fff;
        position: relative;
    }

.innerAcc div a {
    padding-left: 40px;
    width: 162px;
}

.innerAcc a samp {
    display: none;
}

.innerAcc a.innerAccSel samp {
    display: block;
    position: absolute;
    top: 16px;
    right: 10px;
    height: 8px;
    width: 7px;
    background: url(../images/cms/versione5/left-arrow.png) no-repeat center center;
}

.content_user_info {
    width: 100%;
    height: 280px;
    display: block;
    background: #383838;
}

.content_user_image {
    min-height: 138px;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}

.content_user_photo {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.content_user_photo_header {
    margin:5px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.content_user_btn_list {
    width: 144px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
}

.content_user_name {
    width: 144px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: left;
    color: #fff;
    text-transform: none;
}

    .content_user_name a {
        color: #fff;
        text-decoration: none;
    }

        .content_user_name a:hover {
            color: #D6E21E;
            text-decoration: none;
        }

content_user_name:hover {
    color: #D6E21E;
}

.content_user_btn {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #818181;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .content_user_btn:hover {
        border: 1px solid #fff;
    }

.mr5 {
    margin-right: 5px;
}

/* Bottoni User Info */

.btn_web_site {
    height: 30px;
    width: 30px;
    display: block;
    float: right;
    background: url(../images/cms/versione5/btn_sito_web.png) no-repeat left top;
}

.btn_message {
    height: 30px;
    width: 30px;
    display: block;
    float: right;
    background: url(../images/cms/versione5/btn_message.png) no-repeat left top;
}

.btn_settings {
    height: 30px;
    width: 30px;
    display: block;
    float: right;
    background: url(../images/cms/versione5/btn_settings.png) no-repeat left top;
}

.btn_stats {
    height: 30px;
    width: 30px;
    display: block;
    float: right;
    background: url(../images/cms/versione5/btn_statistiche.png) no-repeat left top;
}

    .btn_stats:hover, .btn_web_site:hover, .btn_message:hover, .btn_settings:hover {
        background-position: left bottom;
    }

/* Fine Bottoni User Info*/

/*social network*/
.social_network {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FFFFFF url(../images/cms/bigImg_sfondo.png) repeat-x left top;
    height: 118px;
    width: 118px;
    border: 1px solid #d9d9d9;
    text-align: center;
    margin: 10px;
}

    .social_network samp {
        position: absolute;
        top: 10px;
        left: 24px;
        height: 70px;
        width: 70px;
        z-index: 0;
        background-position: left top;
        background-repeat: no-repeat;
    }

    .social_network span {
        position: absolute;
        bottom: 10px;
        left: 3px;
        width: 112px;
        z-index: 1;
        color: #838383;
        text-transform: uppercase;
    }

    .social_network:hover samp {
        background-position: left center;
    }

.unactive samp, .unactive:hover samp {
    background-position: left bottom;
}

/*IMMAGINI SEZIONI*/
.main_head {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    height: 16px;
    padding: 0px 0px 8px 0;
    line-height: 45px;
    margin-bottom: 17px;
    position: relative;
    text-align: center;
}

.description {
    margin: 0 auto;
    background: #fff;
}

    .description.web {
        width: 150px;
    }

    .description.marketing {
        width: 150px;
    }

    .description.crm {
        width: 100px;
    }

    .description.irvin {
        width: 60px;
    }

.main_head.web {
    border-bottom: 3px solid #46b95c;
    color: #46b95c;
    /* background: url(../images/cms/boxLeftWeb.png) no-repeat left top; */
}

.main_head.marketing {
    border-bottom: 3px solid #f78d4e;
    color: #f78d4e;
    /*  background: url(../images/cms/boxLeftMarketing.png) no-repeat left top;*/
}

.main_head.crm {
    border-bottom: 3px solid #54b1e7;
    color: #54b1e7;
    /* background: url(../images/cms/boxLeftManager.png) no-repeat left top;*/
}

.main_head.irvin {
    border-bottom: 3px solid #d6e21e;
    color: #d6e21e;
}

.bigImg, .bigImgSect {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FFFFFF;
    height: 118px;
    width: 118px;
    border: 1px solid #d9d9d9;
    text-align: center;
}

.bigImg {
    margin: 8px;
}

    .bigImg samp, .bigImgSect samp {
        position: absolute;
        top: 3px;
        left: 24px;
        height: 70px;
        width: 70px;
        z-index: 0;
        background-position: left top;
        background-repeat: no-repeat;
    }

    .bigImg span, .bigImgSect span {
        position: absolute;
        bottom: 10px;
        left: 3px;
        width: 112px;
        z-index: 1;
        color: #838383;
        text-transform: uppercase;
    }

    .bigImg.crm:hover {
        background: #54b1e7;
        border: 1px solid #54b1e7;
    }

    .bigImg.marketing:hover {
        background: #f78d4e;
        border: 1px solid #f78d4e;
    }

    .bigImg.web:hover {
        background: #18a26a;
        border: 1px solid #18a26a;
    }

    .bigImg.irvin:hover {
        background: #d6e21e;
        border: 1px solid #d6e21e;
    }

    .bigImg:hover samp {
        background-position: left bottom;
    }

    .bigImg:hover samp {
        background-position: left bottom;
    }

    .bigImg:hover span {
        color: #FFFFFF;
    }

/*HEAD PAGINE*/
.sectionBar {
    /*min-height: 75px;*/
    min-height: 32px;
    position: relative;
    padding: 0px 20px;
    color: #77787b;
}

.section_bar_master {
    height: 30px;
    position: relative;
    min-width: 320px;
    color: #fff;
    background-color: #383838;
    padding-left: 20px;
}

    .section_bar_master a {
        color: #fff;
    }

.sectionNameImg {
    display: block;
    width: 100%;
    background: #f5f5f5;
    font-size: 30px;
    position: relative;
    max-height: 95px;
    overflow: hidden;
}

    .sectionNameImg #imageBig {
        display: block;
        width: 75px;
        height: 75px;
        float: left;
        margin-top: 8px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid;
        margin-left: 20px;
    }

    .sectionNameImg #nameSection {
        display: block;
        width: auto;
        height: 70px;
        float: left;
        padding-top: 21px;
        margin-top: 8px;
        margin-left: 8px;
    }


.generalSect {
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

    .generalSect.web {
        color: #46b95c;
    }

    .generalSect.marketing {
        color: #f78d4e;
    }

    .generalSect.crm {
        color: #54b1e7;
    }

    .generalSect.irvin {
        color: #666666;
    }

    .generalSect.help {
        color: #de45e2;
    }

.mainSect {
    line-height: 40px;
}

.arrow {
    line-height: 24px;
    padding: 0px 3px;
    color: #fff;
}

.subSect {
    color: #000000;
}

/*Mobile*/
#mobileView {
    background: url(../images/cms/iphone.jpg) no-repeat left top;
    height: 652px;
    width: 371px;
    padding: 143px 0px 0px 34px;
    margin: 0px 50px 0px 30px;
}

/*Reorder List*/
.dragHandle {
    width: 30px;
    height: 60px;
    cursor: default;
    background: url(../images/cms/dragger.png) no-repeat center center;
}

    .dragHandle:hover {
        background-color: #ccecff;
    }

.callbackStyle {
    background-color: #ccecff;
}

.reorderList ul {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
}

.reorderList li {
    list-style: none;
    border-top: 1px solid #d6d6d6;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    display: block;
}

    .reorderList li table {
        border-spacing: 0px;
        border-collapse: collapse;
    }

        .reorderList li table td {
            border-left: 1px solid #d6d6d6;
            border-right: 1px solid #d6d6d6;
        }

        .reorderList li table tr:hover {
            background-color: #ccecff;
        }

.dragVisualContainer li {
    list-style: none;
    color: #FFF;
    padding: 0px;
    margin: 0px;
}

.reorderCue {
    background: #ccecff;
    width: 100%;
    height: 60px;
}

.itemArea {
    color: #999999;
    font-size: 12px;
}

    .itemArea a {
        display: inline-block;
        color: #999999;
        line-height: 30px;
        width: 100%;
    }

    .itemArea .reordEdit {
        background: url(../images/cms/edit.png) no-repeat right center;
        line-height: 60px;
    }

    .itemArea .reordEditHeight {
        width: 30px;
        height: 30px;
        background: url(../images/cms/edit.png) no-repeat center center;
        line-height: 60px;
    }

    .itemArea .reordDelete {
        width: 30px;
        height: 30px;
        background: url(../images/cms/delete.png) no-repeat center center;
    }

    .itemArea .reordUpdate {
        width: 30px;
        height: 30px;
        background: url(../images/cms/accept.png) no-repeat center center;
    }

    .itemArea .reordCancel {
        width: 30px;
        height: 30px;
        background: url(../images/cms/cancel.png) no-repeat center center;
    }

/*Grid view*/
.gridPager {
    width: 100%;
}

.rowStyle {
    border: 1px solid #d6d6d6;
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #fff;
}

    .rowStyle .head th, .rowStyle .head td {
        color: #666666;
        height: 24px;
        background: #f2f2f2;
        font-size: 12px;
        font-weight: normal;
        padding: 5px;
    }

    .rowStyle .headBig th {
        color: #000;
        height: 24px;
        background: #f2f2f2;
        font-size: 14px;
        font-weight: normal;
        padding: 5px;
    }

    .rowStyle .head a {
        color: inherit;
    }

        .rowStyle .head a:hover {
        }

    .rowStyle .rows td {
        border-top: 1px solid #d6d6d6;
        border-left: 1px solid #d6d6d6;
        border-right: 1px solid #d6d6d6;
        padding: 5px;
        color: #505050;
    }

    .rowStyle .rows:hover {
        background-color: #f7fac3;
    }

    .rowStyle .rows > td > a, .rowStyle .rows > td > span {
        line-height: 20px;
        display: inline-block;
        color: #505050;
        height: 20px;
        width: 100%;
        overflow: hidden;
    }

    .rowStyle .rows > td > a {
        color: #838383;
    }

    .rowStyle .rows .social {
        padding: 0px;
    }

    .rowStyle .rows .lnkLink {
        width: 20px;
        background: url(../images/cms/link.png) no-repeat center top;
    }

    .rowStyle .rows .lnkClona {
        width: 20px;
        background: url(../images/cms/newsletter-clona.png) no-repeat center top;
    }

    .rowStyle .rows .lnkLinkUnact {
        width: 20px;
        background: url(../images/cms/link.png) no-repeat center bottom;
    }

    .rowStyle .rows .lnkPhotoOn {
        width: 20px;
        background: url(../images/cms/pic.png) no-repeat center top;
    }

    .rowStyle .rows .lnkPhotoOff {
        width: 20px;
        background: url(../images/cms/pic.png) no-repeat center bottom;
    }

    .rowStyle .rows .lnkSelect {
        width: 20px;
        background: url(../images/cms/edit.png) no-repeat center center;
    }

td .fa_buttons {
    width: 20px;
    color: #838383 !important;
    font-size: 20px;
    text-align: center;
}

    td .fa_buttons.lnkOff {
        color: #f5f5f5 !important;
    }

/*.rowStyle .rows .lnkElimina
{
    width: 20px;
    background: url(../images/cms/delete.png) no-repeat center center;
}

.rowStyle .rows .lnkEliminaOff
{
    width: 20px;
    background: url(../images/cms/deleteOff.png) no-repeat center center;
}*/

.rowStyle .rows .lnkAdd {
    width: 20px;
    background: url(../images/cms/addnew.png) no-repeat center center;
}


.rowStyle .rows .btnAutorizzatoOn {
    width: 20px;
    background: url(../images/cms/btn_client_on.png) no-repeat center top;
}

.rowStyle .rows .btnAutorizzatoOff {
    width: 20px;
    background: url(../images/cms/btn_client_off.png) no-repeat center bottom;
}


.rowStyle .rows .btnAttivoOn {
    width: 20px;
    background: url(../images/cms/btn_web_on.png) no-repeat center top;
}

.rowStyle .rows .btnAttivoOff {
    width: 20px;
    background: url(../images/cms/btn_web_off.png) no-repeat center bottom;
}


.rowStyle .rows .btnAcquisitoOn {
    width: 20px;
    background: url(../images/cms/btn_client_acquisito.png) no-repeat center top;
}

.rowStyle .rows .btnAcquisitoOff {
    width: 20px;
    background: url(../images/cms/btn_client_acquisito.png) no-repeat center bottom;
}

/*td .lnkEliminaOff
{
    width: 20px;
    background: url(../images/cms/deleteOff.png) no-repeat center center;
    line-height: 20px;
    display: inline-block;
    color: #505050;
    height: 20px;
    width: 100%;
    overflow: hidden;
}

.td .lnkElimina
{
    width: 20px;
    background: url(../images/cms/delete.png) no-repeat center center;
    line-height: 20px;
    display: inline-block;
    color: #505050;
    height: 20px;
    width: 100%;
    overflow: hidden;
}*/

.rowStyle .rows .lnkMoveUp {
    width: 20px;
    background: url(../images/cms/moveUp.png) no-repeat center top;
    display: inline-block;
    height: 20px;
}

.rowStyle .rows .lnkMoveDown {
    width: 20px;
    background: url(../images/cms/moveDown.png) no-repeat center top;
    display: inline-block;
    height: 20px;
}

.rowStyle .rows .lnkMoveUpOff {
    width: 20px;
    background: url(../images/cms/moveUp.png) no-repeat center bottom;
    display: inline-block;
    height: 20px;
}

.rowStyle .rows .lnkMoveDownOff {
    width: 20px;
    background: url(../images/cms/moveDown.png) no-repeat center bottom;
    display: inline-block;
    height: 20px;
}

.rowStyle .rows .lnkUpdate {
    width: 20px;
    background: url(../images/cms/save.png) no-repeat center center;
}

.rowStyle .rows .lnkDownload {
    width: 20px;
    background: url(../images/cms/download.png) no-repeat center center;
}

.rowStyle .rows .lnkDownloadOff {
    width: 20px;
    background: url(../images/cms/downloadOff.png) no-repeat center center;
}

.rowStyle .rows .lnkUpload {
    width: 20px;
    background: url(../images/cms/upload.png) no-repeat center center;
}

.rowStyle .rows .lnkUploadOff {
    width: 20px;
    background: url(../images/cms/uploadOff.png) no-repeat center center;
}

.rowStyle .rows .lnkCancel {
    width: 20px;
    background: url(../images/cms/cancel.png) no-repeat center center;
}

.rowStyle .rows .lnkAccept {
    width: 20px;
    background: url(../images/cms/accept.png) no-repeat center center;
}

.rowStyle .rows .lnkSwap {
    width: 20px;
    background: url(../images/cms/swap.png) no-repeat center center;
}

.rowStyle .rows .lnkVideo {
    width: 20px;
    background: url(../images/cms/video.png) no-repeat center center;
}

.rowStyle .rows .lnkVideoOn {
    width: 20px;
    background: url(../images/cms/video_on.png) no-repeat center center;
}

.rowStyle .rows .lnkVideoOff {
    width: 20px;
    background: url(../images/cms/video_off.png) no-repeat center center;
    pointer-events: none;
}

.rowStyle .rows .lnkMail {
    width: 20px;
    background: url(../images/cms/mail.png) no-repeat center center;
}

.rowStyle .rows .lnkReadOnly {
    width: 20px;
    background: url(../images/cms/info.png) no-repeat center center;
}

.rowStyle .rows .font-icon {
    font-size: 20px;
    text-align: center;
    color: #838383;
}

    .rowStyle .rows .font-icon.active {
        font-size: 20px;
        text-align: center;
        color: #4b8df8;
    }


.rowStyle .rows .lnkFile {
    width: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.rowStyle .rows .lnkPdf {
    width: 20px;
    background: url(../images/cms/pdf_2.png) no-repeat center center;
}

.rowStyle .rows .lnkPrint {
    width: 20px;
    background: url(../images/cms/print.png) no-repeat center center;
}

.rowStyle .rows .lnkReset {
    width: 20px;
    background: url(../images/cms/estar.png) no-repeat center center;
}

.rowStyle .rows .lnkAvatarOn {
    width: 20px;
    background: url(../images/cms/video.png) no-repeat center center;
}

.rowStyle .rows .lnkAvatarOff {
    width: 20px;
    background: url(../images/cms/video.png) no-repeat center center;
}

.rowStyle .rows .lnkStartAct {
    width: 20px;
    background: url(../images/cms/activity.png) no-repeat center center;
}

.rowStyle .rows .lnkComplete {
    width: 20px;
    background: url(../images/cms/completoOn.png) no-repeat center center;
}

.rowStyle .rows .lnkCompleteOff {
    width: 20px;
    background: url(../images/cms/completoOff.png) no-repeat center center;
}


.uploadPdfRow {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/pdf_small.png) no-repeat center center;
}


.statusOnline {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/online.png) no-repeat center center;
}

.statusOffline {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/offline.png) no-repeat center center;
}

.statusIsLabel {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/label-tabella-on.png) no-repeat center center;
}

.statusIsNotLabel {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/label-tabella-off.png) no-repeat center center;
}


.statusDocRifPrev {
    width: 20px;
    background: url(../images/cms/doc_prev.png) no-repeat center top;
}

.statusDocRifPrevOff {
    width: 20px;
    background: url(../images/cms/doc_prev.png) no-repeat center bottom;
}

.statusDocRifSucc {
    width: 20px;
    background: url(../images/cms/doc_next.png) no-repeat center top;
}

.statusDocRifSuccOff {
    width: 20px;
    background: url(../images/cms/doc_next_off.png) no-repeat center bottom;
}

.statusMailSended {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/messaggi/messages_inviati_big.png) no-repeat center center;
}

.statusNotSended {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/messaggi/messages_non_letti.png) no-repeat center center;
}

.infoDocRif {
    width: 20px;
    background: url(../images/cms/info_doc_rif.png) no-repeat center top;
}

.infoDocRifOff {
    width: 20px;
    background: url(../images/cms/info_doc_rif.png) no-repeat center bottom;
}

.typeAbbonamentoMini {
    width: 20px;
    background: url(../images/cms/manager_abonamenti.png) no-repeat center top;
}

.typeLavoriMini {
    width: 20px;
    background: url(../images/cms/manager_lavori.png) no-repeat center top;
}

.typeOfferteMini {
    width: 20px;
    background: url(../images/cms/manager_offerte.png) no-repeat center top;
}

.docDettPrev {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/doc_previous.png) no-repeat center center;
}

.docDettSucc {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/doc_next.png) no-repeat center center;
}


.docAbbPrev {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/abb_previous.png) no-repeat center center;
}

.docAbbSucc {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/abb_next.png) no-repeat center center;
}




.mailRead {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/messaggi/messages_letti.png) no-repeat center center;
}

.mailUnread {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/messaggi/messages_non_letti.png) no-repeat center center;
}

.statusTabletOnline {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/tabletOnline.png) no-repeat center center;
}

.statusTabletOffline {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/tabletOffline.png) no-repeat center center;
}

.statusBlocked {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/locked.png) no-repeat center center;
}

.statusBlockedOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/locked_off.png) no-repeat center center;
}

.vetrinaOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/stella_piena.png) no-repeat center center;
}

.vetrinaOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/stella_vuota.png) no-repeat center center;
}

.completatoOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/completoOn.png) no-repeat center center;
}

    .completatoOn:hover {
        background: url(../images/cms/completoOff.png) no-repeat center center;
    }

.completatoOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/completoOff.png) no-repeat center center;
}

    .completatoOff:hover {
        background: url(../images/cms/completoOn.png) no-repeat center center;
    }


.rowStyle .rows .lnkAbbChiudi {
    width: 20px;
    background: url(../images/cms/abb_stopped.png) no-repeat center top;
    display: inline-block;
    height: 20px;
}

.rowStyle .rows .lnkAbbChiudiOff {
    width: 20px;
    background: url(../images/cms/abb_stopped.png) no-repeat center bottom;
    display: inline-block;
    height: 20px;
}

.promoOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/promo_on.png) no-repeat center center;
}

.promoOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/promo_off.png) no-repeat center center;
}

.newOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/new_on.png) no-repeat center center;
}

.newOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/new_off.png) no-repeat center center;
}

.scontoOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/sconto_on.png) no-repeat center center;
}

.scontoOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/sconto_off.png) no-repeat center center;
}

.facebookOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/facebook_on.png) no-repeat center center;
}

.facebookOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/facebook_off.png) no-repeat center center;
}

.twitterOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/twitter_on.png) no-repeat center center;
}

.twitterOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/twitter_off.png) no-repeat center center;
}


.shareOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/btn_share.png) no-repeat top center;
}

.shareOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/btn_share.png) no-repeat bottom center;
}

.messageIrvin {
    height: 20px;
    width: 20px;
    display: block;
    background: url(../images/cms/messaggi/messages_irvin.png) no-repeat center center;
}

.messageIrvinWeb {
    height: 20px;
    width: 20px;
    display: block;
    background: url(../images/cms/messaggi/messages_irvin_web.png) no-repeat center center;
}







.messageAnagrafica {
    height: 20px;
    width: 20px;
    display: block;
    background: url(../images/cms/messaggi/messages_utenti.png) no-repeat center center;
}

/*STILE PAGINAZIONE*/
.rowStyle .pager {
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}

    .rowStyle .pager td {
        height: 20px;
        padding: 5px;
    }

    .rowStyle .pager:hover {
        background-color: #f7fac3;
    }

    .rowStyle .pager table td {
        border: 0px none;
        padding: 0px;
    }

    .rowStyle .pager span, .rowStyle .pager a {
        height: 18px;
        min-width: 16px;
        display: block;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        line-height: 18px;
        padding: 0px 1px;
    }

    .rowStyle .pager span {
        background-color: #d6e21e;
        color: #535353;
        border: 1px solid #d6e21e;
    }

    .rowStyle .pager a {
        background-color: #FFFFFF;
        color: #535353;
        border: 1px solid #d6d6d6;
    }

        .rowStyle .pager a:hover {
            border: 1px solid #d6d6d6;
            background-color: #f7fac3;
        }

/*Tabelle scheda prodotto*/
.prodValues > tbody > tr > td {
    background-color: #f3f3f1;
    border-bottom: 3px solid #ffffff;
    padding: 3px 5px;
}

.prodValues .labels {
    color: #383838;
}

/*FIELDSET*/
/*Linea superiore con etichetta*/
.liner {
    border-left: none;
    border-bottom: none;
    border-right: none;
    padding: 0px 20px 0px 20px;
    border-top: 1px solid #a4a4a1;
    margin: 0px;
}

    .liner legend {
        margin: 0px;
    }

.skype_panel {
    border: 1px solid #c2c2c2;
    width: 300px;
    padding: 0px;
}

    .skype_panel legend {
        width: 180px;
        margin: 0px 0px 0px 50px;
        text-align: center;
        display: block;
        position: relative;
        color: #006cc9;
    }

    .skype_panel div {
        background: url(../images/cms/skype_btn.png) no-repeat center center;
        height: 60px;
        width: 259px;
        margin: 10px auto;
        padding: 16px 0px 0px 25px;
    }

.tel_panel {
    border: 1px solid #c2c2c2;
    width: 300px;
    padding: 0px;
}

    .tel_panel legend {
        width: 240px;
        margin: 0px 0px 0px 20px;
        text-align: center;
    }

    .tel_panel div {
        background: url(../images/cms/tel_btn.png) no-repeat center center;
        height: 50px;
        width: 254px;
        margin: 10px auto;
        font-size: 20px;
        font-family: 'Lato', sans-serif;
        color: #488dc6;
        padding: 26px 0px 0px 30px;
    }

/*Pannello Intero*/
.panels {
    border: 1px solid #c2c2c2;
    padding: 10px;
    overflow: hidden;
}

    .panels legend, .liner legend, .tel_panel legend {
        color: #383838;
        padding: 0px 5px;
    }

/*VARIE CMS*/
.imagesOn {
    border: 1px solid #c2c2c2;
    max-height: 120px;
}

.imagesOff {
    border: 1px solid #c2c2c2;
    cursor: default;
}

.textBoxes {
    border: 1px solid #c2c2c2;
    height: 25px;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #505050;
}

    .textBoxes:focus, textBoxes2:focus {
        border: 1px solid #006cc9;
        /* -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);*/
    }

.textBoxes2 {
    border: 1px solid #c2c2c2;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #505050;
}

.searchButton {
    border-top: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    height: 27px;
    width: 27px;
    background: #383838 url("../images/cms/cerca.png") no-repeat center center;
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
}

    .searchButton:hover {
        background-color: #D6E21E;
    }

.waterMark {
    color: #999999;
    border: 1px solid #c2c2c2;
    height: 25px;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

span.customStyleSelectBox {
    border: 1px solid #c2c2c2;
    height: 27px;
    line-height: 27px;
    display: block;
    color: #505050;
    background: #FFFFFF url(../images/cms/dropdown.png) no-repeat right top;
    overflow: hidden;
    padding: 0px 29px 0px 1px;
}

/* Classi per la gestione della validazione */
span.ErrorControl {
    border: solid 1px Red;
    height: 27px;
    line-height: 27px;
    display: block;
    color: #505050;
    background: #FBE3E4 url(../images/cms/dropdown.png) no-repeat right top;
    overflow: hidden;
    padding: 0px 29px 0px 1px;
}

span.SuccessControl {
    border: 1px solid #c2c2c2;
    height: 27px;
    line-height: 27px;
    display: block;
    color: #505050;
    background: #FFFFFF url(../images/cms/dropdown.png) no-repeat right top;
    overflow: hidden;
    padding: 0px 29px 0px 1px;
}
/*-------------------------------------------*/



/*AutoComplete flyout */
.autocomplete_completionListElement {
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    max-height: 200px;
    text-align: left;
    list-style-type: none;
    font-family: 'Lato', sans-serif;
    padding: 0px;
    z-index: 10;
}

.autocomplete_highlightedListItem {
    background-color: #3399ff;
    color: #ffffff;
    padding: 1px;
}

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}

.cmsButtons, .cmsButtons_dis {
    display: inline-block;
    background: url(../images/cms/buttons_bg.png) repeat-x left top;
    border: 1px solid #acacac;
    height: 26px;
    text-align: center;
    color: #616161;
    line-height: 26px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 13px;
}

.cmsButtons_dis {
    color: #9BA0A2;
    cursor: default;
}

.cmsButtons:hover {
    background-position: left bottom;
}

.cmsButtons_On {
    background: url(../images/cms/buttonsOnOff_bg.png) repeat-x left top;
    color: #ffffff;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    width: 70px;
}

.cmsButtons_Off {
    background: url(../images/cms/buttonsOnOff_bg.png) repeat-x left bottom;
    color: #ffffff;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    width: 70px;
}

.cmsButtons_On:hover {
    background-position: left bottom;
}

.cmsButtons_Off:hover {
    background-position: left top;
}

.cmsButtons_blu_On {
    background: url(../images/cms/buttonsOnOff_blu_bg.png) repeat-x left top;
    color: #ffffff;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    width: 70px;
}

.cmsButtons_blu_Off {
    background: url(../images/cms/buttonsOnOff_blu_bg.png) repeat-x left bottom;
    color: #ffffff;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    width: 70px;
}

.cmsButtons_blu_On:hover {
    background-position: left bottom;
}

.cmsButtons_blu_Off:hover {
    background-position: left top;
}

.cmsButtons img, .cmsButtons_dis img {
    float: left;
    border: 0px none;
    margin: 4px;
}

/*FILTRO ALFABETICO*/
.alphaList {
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

    .alphaList td {
        border-top: 1px solid #d6d6d6;
        border-left: 1px solid #d6d6d6;
        border-right: 1px solid #d6d6d6;
        color: #383838;
        height: 20px;
        font-size: 12px;
        padding: 5px;
        width: 3%;
    }

        .alphaList td:hover {
            background-color: #f7fac3;
        }

    .alphaList a {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        text-align: center;
        width: 100%;
    }

.unSel {
    color: #bfa7b4;
}

.Sel {
    color: #383838;
    font-weight: bold;
}

/*PIC LOADER*/
.icons {
    padding: 3px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c2c2c2;
    float: left;
    margin-right: 10px;
}

/*TABS*/
.Tabs .ajax__tab_header {
    color: #616161;
    font-size: 13px;
    background-color: White;
    cursor: pointer;
    margin-top: 10px;
}

    .Tabs .ajax__tab_header a {
        color: #616161;
    }

.Tabs .ajax__tab_outer {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    margin: 0px 5px;
}

.Tabs .ajax__tab_inner {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px;
    background: url(../images/cms/buttons_bg.png) repeat-x left top;
}

.Tabs .ajax__tab_hover .ajax__tab_outer {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}

.Tabs .ajax__tab_hover .ajax__tab_inner {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: url(../images/cms/buttons_bg.png) repeat-x left bottom;
}

.Tabs .ajax__tab_active .ajax__tab_outer {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}

.Tabs .ajax__tab_active .ajax__tab_inner {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: url(../images/cms/buttons_bg.png) repeat-x left bottom;
}

.Tabs .ajax__tab_panel {
    border: 1px solid #c2c2c2;
    padding: 10px;
    margin-bottom: 10px;
}

.head_tab {
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    padding: 10px 10px 0px 10px;
}

/*AJAX*/
.warnings div, .warnings td {
    border: solid 1px #a4a4a1;
    background-color: #FFFFFF;
    text-align: center;
    z-index: 8;
}

.warnings .ajax__validatorcallout_popup_table {
    display: none;
    border: 0px none;
    background-color: transparent;
    padding: 0px;
}

.warnings .ajax__validatorcallout_popup_table_row {
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}

.warnings .ajax__validatorcallout_callout_cell {
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: 0px none;
    background-color: transparent;
    padding: 0px;
}

.warnings .ajax__validatorcallout_callout_table {
    height: 100%;
    border: 0px none;
    background-color: transparent;
    padding: 0px;
}

.warnings .ajax__validatorcallout_callout_table_row {
    background-color: transparent;
    padding: 0px;
}

.warnings .ajax__validatorcallout_callout_arrow_cell {
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: 0px none;
    background-color: transparent;
}

.warnings .ajax__validatorcallout_callout_arrow_cell_leftpos {
    padding: 8px 0px 0px 0px;
}

.warnings .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
    font-size: 1px;
    position: relative;
    left: 1px;
    border-bottom: 0px none;
    border-right: 0px none;
    border-left: 0px none;
    width: 15px;
    background-color: transparent;
    padding: 0px;
}

    .warnings .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
        height: 1px;
        overflow: hidden;
        border-top: 0px none;
        border-bottom: 0px none;
        border-right: 0px none;
        padding: 0px;
        margin-left: auto;
    }

.warnings .ajax__validatorcallout_error_message_cell {
    font-size: 13px;
    padding: 5px;
    border-right: 0px none;
    border-left: 0px none;
    width: 100%;
    vertical-align: middle;
    color: #b12d2d;
}

.warnings .ajax__validatorcallout_icon_cell {
    width: 30px;
    padding: 5px;
    border-right: 0px none;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.warnings .ajax__validatorcallout_close_button_cell {
    vertical-align: top;
    padding: 1px;
    text-align: right;
    border-left: 0px none;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .warnings .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
        border: 0px none;
        text-align: center;
        width: 6px;
        padding: 1px;
        cursor: pointer;
    }

/*Alert Box*/
.alertBox {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    text-align: center;
    font-size: 13px;
    z-index: 100;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
}

    .alertBox > .alertHead {
        width: 100%;
        height: 42px;
    }

        .alertBox > .alertHead > .alertLogo {
            width: 75px;
            height: 42px;
            float: left;
            background: url(../images/cms/logo_box.png) no-repeat center center;
        }

        .alertBox > .alertHead > .imgError {
            width: 42px;
            height: 42px;
            float: right;
            background: #D6E21E url(../images/cms/versione5/alert.png) no-repeat center center;
        }

        .alertBox > .alertHead > .imgNotice {
            width: 42px;
            height: 42px;
            float: right;
            background: #D6E21E url(../images/cms/versione5/alert.png) no-repeat center center;
        }

    .alertBox > .alertContent {
        padding: 15px;
        background: #383838;
        color: #fff;
    }



/* Alert Box No Javascript */

.alertBoxNJ {
    position: absolute;
    opacity: 1;
    filter: alpha(opacity=0);
    text-align: center;
    font-size: 13px;
    z-index: 100;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
    display: block;
}

    .alertBoxNJ > .alertHead {
        width: 100%;
        height: 42px;
    }

        .alertBoxNJ > .alertHead > .alertLogo {
            width: 75px;
            height: 42px;
            float: left;
            background: url(../images/cms/logo_box.png) no-repeat center center;
        }

        .alertBoxNJ > .alertHead > .imgError {
            width: 42px;
            height: 42px;
            float: right;
            background: #D6E21E url(../images/cms/versione5/alert.png) no-repeat center center;
        }

        .alertBoxNJ > .alertHead > .imgNotice {
            width: 42px;
            height: 42px;
            float: right;
            background: #D6E21E url(../images/cms/versione5/alert.png) no-repeat center center;
        }

    .alertBoxNJ > .alertContent {
        padding: 15px;
        background: #383838;
        color: #fff;
    }


/* Fine Alert Box No Javascript */



.btnCenter {
    margin: auto;
    width: 80px;
}

.btnLeft {
    margin-right: 50px;
    width: 80px;
}

.btnRight {
    margin-left: 50px;
    width: 80px;
}

#dvBack {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    background-image: url(../images/cms/tr.png);
    width: 100%;
    height: 100%;
    z-index: 99;
}

#dvPleaseWait {
    position: absolute;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 100;
    line-height: 32px;
    padding: 20px;
    color: #666666;
    background-color: #ffffff;
    border: 2px solid #cccccc;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
}

#dvPleaseWaitNewsletter {
    background-color: white;
    z-index: 100;
    height: 50px;
    margin-top: -100px;
    width: 200px;
    margin-left: -150px;
    position: fixed;
    filter: alpha(opacity=0);
    font-size: 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 300;
    line-height: 32px;
    padding: 20px;
    color: #666666;
    background-color: #ffffff;
    border: 2px solid #cccccc;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.75);
    top: 50%;
    left: 50%;
}

    #dvPleaseWaitNewsletter img {
        float: left;
        margin-right: 20px;
    }

#dvPleaseWait.web {
    border-color: #46b95c;
}

#dvPleaseWait.marketing {
    border-color: #f78d4e;
}

#dvPleaseWaitNewsletter.marketing {
    border-color: #f78d4e;
}

#dvPleaseWait.crm {
    border-color: #54b1e7;
}

#dvPleaseWait.irvin {
    border-color: #d6e21e;
}

#dvPleaseWait.help {
    border-color: #de45e2;
}

#dvPleaseWait img {
    float: left;
    margin-right: 20px;
}

#skypedetectionswf {
    display: none;
}

.rowStyle_aree {
    border: 1px solid #d6d6d6;
    border-spacing: 0px;
    border-collapse: collapse;
}

    .rowStyle_aree > tbody > tr > th {
        color: #666666;
        background: #f2f2f2;
        font-size: 12px;
        font-weight: normal;
        padding: 5px;
    }

    .rowStyle_aree > tbody > tr > td {
        border: 1px solid #d6d6d6;
    }

        .rowStyle_aree > tbody > tr > td > .area {
            color: #ffffff;
            padding: 5px;
        }

            .rowStyle_aree > tbody > tr > td > .area span {
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase;
            }

            .rowStyle_aree > tbody > tr > td > .area.web {
                background-color: #46b95c;
            }

            .rowStyle_aree > tbody > tr > td > .area.marketing {
                background-color: #f78d4e;
            }

            .rowStyle_aree > tbody > tr > td > .area.crm {
                background-color: #54b1e7;
            }

            .rowStyle_aree > tbody > tr > td > .area.irvin {
                background-color: #d6e21e;
            }

            .rowStyle_aree > tbody > tr > td > .area.developement {
                background-color: #157E92;
            }

.rowStyle_aree {
    border-spacing: 0px;
    border-collapse: collapse;
}

    .rowStyle_aree > tbody > tr > td {
        border-top: 1px solid #d6d6d6;
    }

        .rowStyle_aree > tbody > tr > td > .section {
            color: #000000;
            padding: 5px 5px 5px 30px;
            background: #DEDFE0;
        }

            .rowStyle_aree > tbody > tr > td > .section span {
                font-size: 12px;
                font-weight: bold;
                text-transform: uppercase;
            }

.rowStyle_aree {
    border-spacing: 0px;
    border-collapse: collapse;
}

    .rowStyle_aree > tbody > tr > td {
        border-top: 1px solid #d6d6d6;
    }

        .rowStyle_aree > tbody > tr > td > .page, .rowStyle_aree > tbody > tr > td > .page2 {
            color: #58595b;
            padding: 5px 5px 5px 60px;
            background: #fafcec;
        }

.rowStyle_notify {
    border: 1px solid #d6d6d6;
    border-spacing: 0px;
    border-collapse: collapse;
}

    .rowStyle_notify > tbody > tr > th {
        color: #666666;
        background: #f2f2f2;
        font-size: 12px;
        font-weight: normal;
        padding: 5px;
    }

    .rowStyle_notify > tbody > tr > td {
        border-top: 1px solid #d6d6d6;
    }

        .rowStyle_notify > tbody > tr > td > div {
            color: #000000;
            padding: 5px;
        }

            .rowStyle_notify > tbody > tr > td > div span {
                font-size: 12px;
                font-weight: bold;
                text-transform: uppercase;
            }

.sub_pages > span {
    margin-right: 10px;
}

.user_enabled {
    height: 20px;
    width: 20px;
    display: block;
    background: url(../images/cms/online.png) no-repeat center center;
}

.user_disabled {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/offline.png) no-repeat center center;
}

.rowStyle_pages2 {
    border-spacing: 0px;
    border-collapse: collapse;
}

    .rowStyle_pages2 > tbody > tr > td {
        border-top: 1px solid #d6d6d6;
        border-left: 1px solid #d6d6d6;
        padding: 5px;
    }

    .rowStyle_pages2 .head th {
        color: #666666;
        height: 24px;
        background: #f2f2f2;
        font-size: 12px;
        font-weight: normal;
        padding: 5px;
    }

    .rowStyle_pages2 .head a {
        color: inherit;
    }

        .rowStyle_pages2 .head a:hover {
            color: #006cc9;
        }

    .rowStyle_pages2 .lnkMoveUp {
        height: 20px;
        width: 20px;
        display: inline-block;
        background: url(../images/cms/moveUp.png) no-repeat center top;
    }

    .rowStyle_pages2 .lnkMoveDown {
        height: 20px;
        width: 20px;
        display: inline-block;
        background: url(../images/cms/moveDown.png) no-repeat center top;
    }

    .rowStyle_pages2 .lnkMoveUpOff {
        height: 20px;
        width: 20px;
        display: inline-block;
        background: url(../images/cms/moveUp.png) no-repeat center bottom;
    }

    .rowStyle_pages2 .lnkMoveDownOff {
        height: 20px;
        width: 20px;
        display: inline-block;
        background: url(../images/cms/moveDown.png) no-repeat center bottom;
    }


.rowStyle .rows .lnkDocClona {
    width: 20px;
    background: url(../images/cms/clona_doc.png) no-repeat center top;
    display: inline-block;
    height: 20px;
}


.rowStyle .rows .lnkAbbClona {
    width: 20px;
    background: url(../images/cms/abb_clona.png) no-repeat center top;
    display: inline-block;
    height: 20px;
}

.rowStyle .rows .lnkAbbClonaOff {
    width: 20px;
    background: url(../images/cms/abb_clona.png) no-repeat center bottom;
    display: inline-block;
    height: 20px;
}

.rowStyle .rows .lnkAbbStatus {
    width: 20px;
    background: url(../images/cms/abb_status.png) no-repeat center top;
    display: inline-block;
    height: 20px;
}

.rowStyle .rows .lnkAbbStatusOff {
    width: 20px;
    background: url(../images/cms/abb_status.png) no-repeat center bottom;
    display: inline-block;
    height: 20px;
}


/* RATING */
.rating {
}

    .rating .ratingStar {
        font-size: 0px;
        width: 16px;
        height: 16px;
        margin: 0px;
        padding: 0px;
        cursor: pointer;
        display: block;
    }

        .rating .ratingStar.filledRatingStar {
            background: url(../images/cms/fstar.png) no-repeat left top;
        }

        .rating .ratingStar.emptyRatingStar {
            background: url(../images/cms/estar.png) no-repeat left top;
        }

        .rating .ratingStar.savedRatingStar {
            background: url(../images/cms/fstar.png) no-repeat left top;
        }

.textbox_align_right {
    text-align: right;
    padding-right: 3px;
}

.textbox_align_center {
    text-align: center;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
}

.ctrl_categorie_row_container {
    width: 230px;
    border: 1px solid #c2c2c2;
    height: 35px;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #999999;
    margin-top: 3px;
    margin-right: 3px;
    overflow: hidden;
}

    .ctrl_categorie_row_container a {
        color: #999999;
        display: block;
        width: 100%;
    }

    .ctrl_categorie_row_container td.textContent {
        overflow: hidden;
        padding-left: 3px;
        padding-top: 3px;
        width: 172px;
    }

    .ctrl_categorie_row_container img {
        height: 25px;
        width: 25px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 2px;
    }


.ctrl_tags_row_container {
    border: 1px solid #c2c2c2;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #616161;
    margin-top: 3px;
    margin-right: 3px;
    overflow: hidden;
}

    .ctrl_tags_row_container a {
        color: #616161;
        display: block;
        width: 100%;
    }

    .ctrl_tags_row_container td.textContent {
        overflow: hidden;
        padding-left: 3px;
        padding-top: 3px;
    }

.stellinaOn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/cms/stelle_on-off.png) no-repeat center top;
}

.stellinaOff {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/cms/stelle_on-off.png) no-repeat center bottom;
}

.m5 {
    margin-top: 5px;
}


.mr5 {
    margin-right: 5px;
}

.addDettSitemap {
    text-transform: none;
    float: right;
    width: 120px;
    text-align: center;
}

.padding0 {
    padding: 0 0 0 0 !important;
}

.bold {
    font-weight: bold;
}


.cellEditable {
    padding: 0px 2px 0px 0px !important;
    border-bottom-width: 0px;
    height: 29px;
}


.cellEditableTexbox {
    width: 100% !important;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 29px;
    border-width: 1px;
}

.w75 {
    width: 75px;
}

.lnkFatturatoOn {
    width: 20px;
    background: url(../images/cms/versione5/btn_fatturato.png) no-repeat center top;
}

.lnkFatturatoOff {
    width: 20px;
    background: url(../images/cms/versione5/btn_fatturato.png) no-repeat center bottom;
}

.lnkEvasoOn {
    width: 20px;
    background: url(../images/cms/versione5/btn_evaso.png) no-repeat center top;
}

.lnkEvasoOff {
    width: 20px;
    background: url(../images/cms/versione5/btn_evaso.png) no-repeat center bottom;
}

.lnkCarrelloOn {
    width: 20px;
    background: url(../images/cms/btn_carrello.png) no-repeat center top;
}

.lnkCarrelloOff {
    width: 20px;
    background: url(../images/cms/btn_carrello.png) no-repeat center bottom;
}


.txt_align_center {
    text-align: center;
}

.bigImageSectionBarContainer {
    width: 70px;
    height: 70px;
    margin-left: 20px;
    background-position-x: center;
    background-position-y: top;
    margin: 0 auto;
}

    .bigImageSectionBarContainer.web {
        /* border-color: #46b95c; */
    }

    .bigImageSectionBarContainer.marketing {
        /* border-color: #f78d4e;*/
    }

.bigImageSectionBarContainerr.crm {
    /* border-color: #54b1e7;*/
}

.bigImageSectionBarContainer.irvin {
    /* border-color: #d6e21e;*/
}

.bigImageSectionBarContainer.help {
    /* border-color: #de45e2;*/
}

.inManutenzione {
    background: url(../images/cms/login/manutenzione_24.png) repeat-x left bottom;
    color: #ffffff;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    width: 104px;
    height: 24px;
    display: block;
    margin: 0 auto;
}

.block {
    display: block;
}

.mw20 {
    min-width: 20px;
}

.mw100 {
    min-width: 100px;
}

.skypeOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/btn_skype.png) no-repeat top center;
}

.skypeOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/btn_skype.png) no-repeat bottom center;
    cursor: default;
}


.issuuOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/issuu.png) no-repeat top center;
}

.issuuOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/issuu.png) no-repeat bottom center;
}

    .issuuOff:hover {
        background: url(../images/cms/issuu.png) no-repeat top center;
    }


.slideshareOn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/slideshare.png) no-repeat top center;
}

.slideshareOff {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/cms/slideshare.png) no-repeat bottom center;
}

    .slideshareOff:hover {
        background: url(../images/cms/slideshare.png) no-repeat top center;
    }


.imgLanguage {
    display: block;
    width: 25px;
    height: 15px;
}


.container_share {
    width: 299px;
    height: 355px;
    display: block;
    background: url(../images/share/bg_share.png) no-repeat bottom center;
    display: none;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    font-size: 13px;
    z-index: 100;
}

.container_share_file {
    width: 299px;
    height: 349px;
    padding: 51px 0px 0px 0px;
    display: block;
    background: #383838 url(../images/share/bg_share.png) no-repeat top center;
    display: none;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    font-size: 13px;
    z-index: 100;
}


.pt83 {
    padding-top: 83px;
}

.pt20 {
    padding-top: 25px;
}


.div_linkedin {
    position: relative;
    width: 252px;
    height: 41px;
    display: block;
    margin: 25px auto;
    background: url(../images/share/btn_linkedin_off.png) left center;
}

    .div_linkedin:hover {
        background: url(../images/share/btn_linkedin_on.png);
    }

.div_container_linkedin_share {
    position: absolute;
    right: 10px;
    top: 9px;
}

.div_share_txt_link {
    width: 252px;
    height: 41px;
    display: block;
    margin: 0 auto;
}

.div_sharefile_txt_link {
    width: 252px;
    display: block;
    margin: 0 auto;
}


.bitly_stats {
    width: 40px;
    height: 20px;
    display: block;
    background: url(../images/cms/logo_bilty.png) top center;
}

    .bitly_stats:hover {
        background: url(../images/cms/logo_bilty.png) bottom center;
    }


.bigTitle {
    color: #58595b;
    text-align: left;
    font-size: 16px;
    vertical-align: central;
}

.w100PerCento {
    width: 100%;
}

.social-bar > .soc {
    display: inline-block;
    vertical-align: top;
    margin: 0px 2px;
}

    .social-bar > .soc > a.wa_btn {
        border-radius: 2px;
        text-decoration: none !important;
        padding: 5px !important;
        width: 110px;
        color: #fff !important;
    }

/*PROGRESS BAR*/
.ui-progressbar {
    height: 5px;
    text-align: left;
    overflow: hidden;
    border: 1px solid #999;
}

    .ui-progressbar .ui-progressbar-value {
        margin: 0px;
        height: 100%;
        background-color: #007FFF;
    }

.ui-slider {
    position: relative;
    text-align: left;
}


/* CHECKBOX */
.squaredThree {
    width: 20px;
    margin: 20px auto;
    position: relative;
}

    .squaredThree input[type=checkbox] {
        visibility: hidden;
    }

    .squaredThree label {
        cursor: pointer;
        position: absolute;
        width: 15px;
        height: 15px;
        top: 0;
        border-radius: 2px;
        border: 1px solid #666666;
        /*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);*/
        background: -webkit-linear-gradient(top, #f0f0f0 0%, #f5f5f5 100%);
        background: -moz-linear-gradient(top, #f0f0f0 0%, #f5f5f5 100%);
        background: -o-linear-gradient(top, #f0f0f0 0%, #f5f5f5 100%);
        background: -ms-linear-gradient(top, #f0f0f0 0%, #f5f5f5 100%);
        background: linear-gradient(top, #f0f0f0 0%, #f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    }

        .squaredThree label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 5px;
            height: 3px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 3px solid #666666;
            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);
        }

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

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


/* CHECKBOX STAR */
.star-predefinito {
    width: 0px;
    margin: 0px 10px;
    position: relative;
}

    .star-predefinito input[type=checkbox] {
        visibility: hidden;
    }

    .star-predefinito label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        left: -10px;
        background-image: url('../images/cms/stella_vuota.png');
    }

        .star-predefinito label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            background: transparent;
            top: 0px;
            left: 0px;
        }

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

    .star-predefinito input[type=checkbox]:checked + label:after {
        background-image: url('../images/cms/stella_piena.png');
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }