.marginforbuttons {
    margin-right: 225px !important;
}
/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- 959 ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 959px) {
    .search input {
        font-size: 16px;
    }
    .form.plain .content select {
        font-size: 16px;
    }
    input[type="text"], input[type="password"], select, textarea, .chosen-container-single .chosen-single span {
        font-size: 16px !important;
    }

    /* agenda */
    article .agenda .results {
        max-height: 100%;
        margin-right: 0px;
    }
    article .results .item .participants {
        margin-bottom: 20px;
    }
    article .results .item .content time div h2 {
        font-size: 14px;
    }
    /* contatti */
    article .build .results {
        max-height: 100%;
        margin-right: 0px;
    }

    /* login */
    header .tools .main-commands {
        top: 9px;
    }
    header .tools {
        min-height: 68px;
    }

    /* qa */
    article .qas .results {
        max-height: 100%;
        margin-right: 0px;
    }
    article .results .item .info {
        min-height: 45px;
        padding-top: 8px;
    }
    article .results .item .info .counters {
        font-size: 13px;
    }
    article .tasks .task label, article .tasks .task h2 {
        font-size: 15px;
    }
    article .tasks .task .task-modes li .label {
        font-size: 16px;
    }
    article .tasks .task .task-modes li .label .more {
        top: -7px;
    }

    /* settings */
    .form .content ul.list.switch li {
        width: 100%;
    }
    .form .content ul.list.switch li label {
        width: 100%;
        font-size: 16px;
    }
    .form .content ul.list.switch li label:before{
        font-size: 15px;
    }
    .form .content p {
        font-size: 16px;
    }
    .form .content h4 {
        font-size: 18px;
    }
    table.settings td {
        font-size: 16px;
    }
    .form .content input[type=checkbox] + label, .form .content input[type=radio] + label {
        font-size: 16px;
    }
    .form .content li label, .form .content li span {
        font-size: 16px;
    }

    /* group */
    article.group .form input[type=text], article .group .content input[type=text], article .group .content textarea{
        width: 100% !important;
        max-width: 300px !important;
    }
    article.group .form input[type=text], article .group .content input[type=text], article .group .content textarea, article .group .content select {
        max-width: 100% !important;
    }
    .form.plain .content li:first-child h3 {
        font-size: 20px;
    }
    .form.plain .content li label {
        font-size: 16px;
    }
    article .tiles .tile h2 {
        font-size: 18px;
    }
    article .tiles .tile .tags span {
        font-size: 14px;
    }
    aside .box.group .role.owner {
        font-size: 16px;
    }
    aside .box.group h2 {
        font-size: 20px;
    }
    article .secondary .menu-controller i {
        font-size: 18px;
    }
    article .secondary > div a {
        font-size: 18px;
    }
    article .secondary a[data-counter]:after {
        font-size: 16px;
        padding: 0 6px;
    }
    article .secondary a.action {
        font-size: 16px;
    }
    article.group .form input[type=text], article .group .content input[type=text], article .group .content textarea, article .group .content select {
        font-size: 16px;
    }
    article .tabber .search {
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
        margin: 10px 0 5px;
    }
    article .results .item .actions {
        min-height: 57px;
        font-size: 16px;
        padding-top: 18px;
    }
    article.group .secondary .menu-controller {
        display:none !important;
    }

    /* footer */
    footer .lang form select {
        width: 100%;
    }

    /* profilo */
    article .profile .content .commands {
        max-width: 100% !important;
    }
    article .profile .content .commands .btn {
        width: 45% !important;
    }
    article .profile .extra li {
        font-size: 16px;
    }
    article .tabber a, .form nav.tabber li a {
        font-size: 16px;
    }
    article .section dt, article .section dd, article .profile-groups th, article .profile-groups td, article .section.addresses li {
        font-size: 15px;
    }

    /* home */
    #main-tutorial {
        display: none;
    }

    /* general */
    .btn {
        font-size: 18px !important;
        margin: 5px;
        padding: 10px;
    }
    .btn.large {
        padding: 10px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }
    article hgroup .commands .btn {
        padding: 10px;
    }
    article .documents .tabber a, article .qas .tabber a, .tabber li {
        width: 31%;
        border:none;
        border-bottom: 1px solid #ccc;
        padding: 10px;
    }
    article .groups .tabber a {
        padding: 10px;
    }
    .form nav.tabber li a {
        padding: 10px;
    }
    .tabber li a{
        width: 100%;
    }
    .tabber li + li:before, article .tabber a + a:before {
        display:none !important;
    }
    .pagination li {
        font-size: 16px;
        padding: 5px;
    }
    .pagination li span, .pagination li a{
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin:5px 1px;
    }
    .submenu a[data-counter]:after {
        font-size: 16px;
        padding: 0px 6px;
    }

    /* home */
    aside .box.hrc-events .item h3 {
        font-size: 14px;
        white-space: normal;
    }
    aside .box.hrc-events .item .info .btn {
        top: -35px;
        padding: 10px;
    }
    article .results .item .action.going {
        padding-left: 8px;
        min-height: 60px;
    }
    article .results .item .referrer {
        font-size: 14px;
    }
    article .results .item .action p {
        min-height: 50px;
        font-size: 15px;
    }
    article .results .item .group p, article .results .item .qa p {
        font-size: 15px;
        margin-top: 5px;
    }
    article .results .item .qa p time.time_style {
        font-size: 13px !important;
    }
    article .results .item .info time {
        font-size: 13px;
    }
    article .results .item .action p + time, article .results .item .action time {
        font-size: 12px;
        padding: 8px;
    }
    aside .box h1 {
        font-size: 15px;
    }
    aside .box.hrc-events .item h1, article .results.qas .item h1{
        font-size: 17px;
        margin-right: 130px;
    }
    aside .box.hrc-events .item h2, article .results.qas .item h2, article .results.qas .item h3  {
        font-size: 14px;
    }
    aside .box.hrc-events .item .info {
        font-size: 13px;
    }
    aside .box.help p {
        font-size: 13px;
    }

    /* menu */
    header nav ul li li a, header nav a.add-task, header nav li a {
        font-size: 18px;
    }
    header nav .menu-controller {
        font-size: 20px;
    }
    header nav .menu-controller i{
        font-size: 21px;
    }

    /* notifications */
    header .tools .panel > h1, header .tools .panel .groups > h1 {
        font-size: 14px;
    }
    .panel .noresult {
        font-size: 14px;
    }
    .noresult {
        font-size: 16px;
    }

    /* tabs */
    .submenu li {
        width: 32%;
        margin-bottom: 5px;
    }
    .submenu li a {
        font-size: 16px;
        padding: 10px;
    }

    /* contacts */
    article .results .item .content .commands {
        width: 120px;
    }
    article .results .item h1 {
        font-size: 17px;
    }
    article .results .item h2 {
        font-size: 15px;
    }
    article .results .item h3 {
        font-size: 16px;
    }
    article .results .item .content {
        min-height: 104px;
    }
    article .filters a {
        padding: 10px;
        font-size: 16px;
        border: 1px solid #ccc;
    }
    article .filters label {
        padding: 10px;
        margin: 0px;
        font-size: 14px;
        border: 1px solid #ccc;
    }
    article .filters ul {
        max-height: 100%;
    }
    article .filters ul li:last-child{
        margin-bottom: 0px;
    }
    article .current-filters h1 {
        font-size: 15px;
    }
    article .current-filters .views span {
        font-size: 16px;
    }
    article .current-filters .views a {
        font-size: 18px;
        padding: 0 10px;
        margin-top: -4px;
    }
    article .current-filters #current-filters .filter {
        width: 48%;
        padding: 10px;
        font-size: 15px;
    }
    article .current-filters #current-filters {
        margin-top: 10px;
    }
    article .current-filters #current-filters .filter label {
        float: right;
    }
    article .results #grid li .back h1 {
        font-size: 20px;
    }
    article .results #grid li .back h2 {
        font-size: 14px;
    }
    article .results #grid li .back h3 {
        font-size: 16px;
    }
    article .filters a[data-counter]:after {
        font-size: 15px;
        padding: 0 6px;
    }
    .avviso {
        margin-top: 20px;
    }


}

/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- 768 ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .digest_aree_title, .digest_white_container, .separimage {
        margin-left: 0px;
    }
    .digest_nav_button.orange_bg {
        margin: 0 !important;
    }
}


/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- 640 ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 640px) {
    /* generale */
    .content {
        padding: 0 10px;
    }
    article .tasks .task {
        padding: 15px 10px;
    }
    /* gruppi */
    article .tiles {
        text-align: center;
    }
    article .tiles .tile {
        width: 97%;
    }
    article .tiles .tile .groupFigure {
        width: 96%;
    }
    article .groups .tabber a, article .qas .tabber a {
        width: 100%;
        border: none;
        border-top: 1px solid #ccc;
        font-size: 16px;
        padding: 10px;
    }
    article .groups .tabber, article .qas .tabber  {
        padding-top: 25px;
    }
    article .groups .tabber a:before, article .qas .tabber a:before {
        display: none;
    }
    article .groups .tabber .views, article .qas .tabber .views {
        top: 5px;
        right: 0;
    }
    article .groups .tabber .views a, article .qas .tabber .views a {
        width: auto !important;
        border: none;
    }

    /* documents */
    article .documents .tabber a {
        width: 100%;
        border: none;
        border-top: 1px solid #ccc;
    }
    article .documents .tabber {
        padding-top: 10px;
    }
    article .documents .tabber a:before {
        display: none;
    }
    article .documents .tabber .views {
        top: 5px;
        right: 0;
    }
    article .documents .tabber .views a {
        width: auto !important;
        border: none;
    }
    article .documents .results #documents {
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
        margin: 0 0 1em;
    }
    article .documents .results #video .video {
        width: 100%;
    }
    article .documents #add-document .content select, article .documents #add-document .content label, article .documents #add-document .content input[type=text], article .documents #add-document .content .inline-options {
        width: 100% !important;
        text-align: left;
    }

    /* group */
    article.group .form input[type=text], article.group .form select, article.group .form textarea, article .group .content input[type=text], article .group .content textarea, article .group .content select{
        width: 100% !Important;
        max-width: 100% !Important;
    }
    article .tabber .search {
        position: relative;
    }
    .form.plain .content ul.half select {
        margin: 0px;
        margin-top: 5px;
    }

}

/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- 600 ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 600px) {
    /* login */
    section.form select {
        width: 100% !important;
    }

    /* tabs
    .submenu li {
        width: 32%;
        margin-bottom: 5px;
    }
    .submenu li a {
        font-size: 16px;
    }
    */

    /* overlay video */
    .overlay .container .close {
        left: 0px;
        top: -40px;
    }
    .overlay .container .close:before {
        font-size: 16px;
    }
    .overlay.youtube .container .close {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
    }

    /* qa */
    article .tasks .qa time {
        position: relative;
    }
    article .tasks .qa .commands {
        text-align: left;
        margin-top: 10px;
    }

    /* messaggi */
    article .messages .conversation {
        max-height: 100%;
    }

    /* settings */
    .form .content li label {
        width: 100%;
        margin-bottom: 8px;
    }
    .form .content li span.value {
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #CCC;
        width: 100%;
        line-height: 20px;
    }
    .digest-desc {
        overflow-y: auto;
    }
}

/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- 530 ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 530px) {
    article .tasks .task input[type=text], article .tasks .task textarea, article .tasks .task select, article .tasks .task label, article .tasks .task .task-wizard label, article .tasks .task .task-wizard input[type=text], article .tasks .task .task-wizard textarea, article .tasks .task .option select, article .tasks .task .option label {
        width: 100%;
    }

    /* home */
    aside .box.hrc-events .item .info .btn {
        position: relative;
        display: block;
        text-align: center;
        margin: 0px;
        margin-top: 13px;
        top: auto;
    }
    article .results .item .action .btn {
        width: 100%;
        display: block;
    }

    /* contacts */
    .invite .invite-modes a {
        width: 96%;
        display: block;
        margin: 10px;
    }
    aside .box.hrc-events .item h1, article .results.qas .item h1{
        margin-right: 10px;
    }
    .qasdigest .tools, .qas .tools {
        position: initial !important;
    }
    .blocco_partecipanti_singolo {
        margin: 18px !important;
    }
    #banner_principale_2 {
        display: none;
    }
    .digest_body .pure-u-1-2{
        width: 100%
    }
    .digest_subscribe_button  {
        margin: 40px 0;
        display: block;
        width: 100%;
    }
    #side-tabs {
        display: none !important;
    }
    .loading-overlay {
        font-size: 20px;
        margin-left: -95px !important;
    }
    .upload-btn-trigger {
        width: 100%;
    }
    #conference-call input, #conference-call select  {
        width: 100% !important;
    }
    .container_ajax_response {
        overflow: auto;
    }
    .marginforbuttons {
        margin-right: 0px !important;
    }
}

/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- 480 ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 480px) {

    #video-placeholder {
        width: 100%;
        height: auto;
    }

    /* tabs */
    .submenu li {
        width: 49%;
        margin-bottom: 5px;
    }
    .tabber li {
        width: 100%;
        border:none;
        border-bottom: 1px solid #ccc;
    }
    .tabber li a{
        width: 100%;
    }
    .tabber li + li:before {
        display:none !important;
    }

    /* qa */
    article .tasks .qa time {
        position: relative;
    }
    article .tasks .qa .commands {
        text-align: left;
        margin-top: 10px;
    }
    article .tasks .task .inline-options {
        width: 100%;
    }
    article .tasks .task #document-file-field #fileupload {
        width: 100%;
    }
    article .tasks .qa-mode .add-comment img {
        width: 20%;
        margin-bottom: 10px;
    }
    article .tasks .qa-mode .add-comment textarea {
        width: 100%;
    }
    article .tasks #forward .content li label {
        width: 100%;
        text-align: left;
    }
    article .tasks #forward .content li input[type=text] {
        width: 100%;
    }
    article .qas .results .item .info time {
        margin-right: 0px;
    }
    article .tasks .qa-mode .replies .item .text {
        width: 100%;
    }
    article .tasks .task .option {
        padding: 8px;
    }

    /* tutorial */
    section.tutorial .step {
        padding: 40px 30px;
    }

    /* messages */
    article .messages .conversation .message time {
        top: 5px;
    }

    /* group */
    article .tabber .search {
        width: 100%;
        padding-left: 5px;
    }
    article #linkedin .choose .btn {
        width: 100%;
        margin-bottom: 10px;
        text-align:center;
        padding: 15px;
    }
    article #invite-csvimport .commands .btn {
        width: 100%;
        margin-bottom: 10px;
        text-align:center;
        padding: 15px;
    }
    article.group .results .item .content .commands {
        position: relative;
        width: 100%;
        right: auto;
        top: auto;
        padding-top: 20px;
        text-align: center;
    }
    article.group .results .item h1, article.group .results .item h2, article.group .results .item h3 {
        margin-right: 0px;
    }
    article .group hgroup.group h1 span {
        display: block;
        width: 50%;
    }
    article .results .item .actions .commands {
        position: relative;
        margin-top: 10px;
        top:auto;
        right: auto;
    }
    article .results .item .actions .commands .btn{
        width: 100%;
        text-align: center;
        padding: 10px;
    }

    /* messages */
    article .messages .conversations .item time {
        position: relative;
        display: block;
        top: auto;
        right: auto;
        font-style: italic;
    }

    /* contacts */
    article .results .item .content .commands {
        position: relative;
        width: 100%;
        margin: 10px 0;
        right: auto;
    }
    article .results .item .content .commands .btn{
        text-align: center;
    }
    article .results .item h1, article .results .item h2,article .results .item h3 {
        margin-right: 10px;
    }
    article .current-filters h1 {
        visibility: hidden;
    }
    article .current-filters #current-filters .filter {
        width: 100%;
    }
    .digest_subscribe_button  {
        font-size: 16px !important;
        padding: 6px;
    }
    .digest_deadline_container {
        width: 75%;
    }
    .iconradio {
        width: 100% !Important;
    }
    .views span {
        display: none;
    }
    .btn.act3  {
        background-color: #0BC;
        padding: 20px 20px;
        border-radius: 50px;
        font-size:16px;
        width:80%;
        white-space:normal;
    }
    .prices-modal-content {
        width: 56%;
        margin:0;
    }

}


/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- 400 ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 400px) {
    /* profile */
    article .profile img {
        max-width: 100%;
        margin-bottom: 10px;
    }

    /* group */
    article .results .item.opened .content .commands {
        left: auto;
        bottom: auto;
        top: auto;
    }
    article .results .item.opened img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin-bottom: 20px !Important;
    }
    article .results .item.opened h1, article .results .item.opened h2, article .results .item.opened h3 {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }

    /* qas */
    article .results.qas .item.opened img {
        max-width: 100%;
        margin-bottom: 10px;
    }
    article .qas .results .item .info time {
        font-size: 12px;
    }
    article .results #grid li .back h1 {
        font-size: 15px;
    }
    article .results #grid li .back h3, article .results #grid li .back h2 {
        font-size: 12px;
    }

    .digest_deadline_container {
        width: 73%;
    }
    .prices-modal-content {
        width: 51%;
        margin:0;
    }
}

/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- 360 ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 360px) {
    /* header top */

    a.btn.act3:hover {
        background-color: #f93;
    }

    header .tools a.logo {
        width: 70px;
    }
    header .tools a.logo:after {
        top: 0px;
        left: 72px;
    }
    #global-search {
        margin-top: 13px;
    }
    header .tools .panel {
        width: 320px;
    }
    #profile {
        min-width: 320px;
    }

    /* tabs */
    .submenu li {
        width: 100%;
        margin-bottom: 5px;
    }

    /* agenda */
    #agenda .fc .fc-header .fc-button {
        font-size: 10px;
    }
    #agenda .fc .fc-header h2 {
        font-size: 12px;
    }
    #agenda .fc .fc-header td {
        padding: 0 5px;
    }
    #agenda .fc .fc-header .fc-header-center {
        padding: 5px 0 0 0;
    }
    #agenda .fc .fc-header .fc-header-space {
        display: none;
    }
    #agenda .fc .fc-header .fc-button-today {
        display: none;
    }
    article .agenda .map .commands, article .map .commands {
        padding: 10px;
        margin-top: 10px;
        text-align: left;
    }
    article .agenda .map .commands a, article .map .commands a {
        margin: 5px 0;
    }

    /* gruppi */
    article .tiles .tile {
        width: 95%;
    }
    article .tiles .tile .groupFigure {
        width: 94%;
    }

    /* footer */
    footer .lang i {
        font-size: 20px;
    }
    footer .lang form select {
        margin-left: -5px;
    }

    /* profilo */
    article .profile .content .commands {
        max-width: 100% !important;
    }
    article .profile .content .commands .btn {
        width: 100% !important;
    }

    /* qa */
    article .qas .results .item .info .modes {
        display: none !important;
    }

    #profile .commands .btn {
        text-transform: none;
    }
    .digest_subscribe_button  {
        font-size: 14px !important;
    }
    .digest_deadline_container {
        width: 69%;
    }
    section.top .patch img {
        position: relative;
        top: 33px;
        padding-left: 10px;
    }
    section.top .search button {
        width: 43px;
        height: 43px;
        border: 0;
        margin-left: -70px;
        margin-top: 10px;
        background: url(MyHRGoal_files/img/icon-home-search.png) center no-repeat transparent;
        text-indent: -9999px;
        transition: all .3s;
        vertical-align: middle;
    }
    .prices-modal-content {
        width: 48%;
        margin:0;
    }
}


/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- General ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* fix bottone upload in q&a */
/*article .tasks .task .upload input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}*/
article .results.qas .item h1, article .results.qas .item h2, article .results.qas .item h3 {
    display: block !important;
}
article .results.qas .item.opened h1, article .results.qas .item.opened h2, article .results.qas .item.opened h3 {
    margin-bottom: 2px !important;
}

.btn.act3 i {
    font-size: 20px;
    width: 16px;
    margin-right: 10px;
    top: -3px;
}

.el_modes_num {
    font-size: 13px !important;
    color: #003344 !important;
}
.el_modes_num:hover, .el_modes_num:active {
    color: #003344 !important;
}
.el_modes_num strong {
    margin-right: 4px !important;
}