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

@media (min-width: 240px) and (max-width: 1279px)
{
    #page
    {
        width: 98%;	
        margin: 0px auto;	
        position: relative;
    }
    
    .box-960
    {
        width: 98%;
        margin: auto;
        position: relative;
    }
}

@media (min-width: 1280px) 
{
    #page
    {
        width: 98%;	
        margin: 0px auto;	
        position: relative;

    } 
    
    .box-960
    {
        width: 98%;
        margin: auto;
        position: relative;
    }    
}
    
    /* RESET 
    ---------------------------------- */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
    small, strong, var, b, i, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      vertical-align: baseline; }

    ins {
      background-color: #ffff99;
      color: black;
      text-decoration: none; }

    mark {
      background-color: #ffff99;
      color: black;
      font-style: italic;
      font-weight: bold; }

    del {
      text-decoration: line-through; }

    abbr[title], dfn[title] {
      border-bottom: 1px dotted;
      cursor: help; }

    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #cccccc;
      margin: 1em 0;
      padding: 0; }

    input, select {
      vertical-align: middle;
    }

    /* COLORI
    ---------------------------------- */

    /*
    - Grigio scuro #333333 (testo)
    - Grigio chiaro #DDDDDD
    - Verde acido #B9C01D
    - Azzurro #2394C4 (link)
    - Azzurro scuro #186687 (link)
    */


    /* BASE
    ----------------------------------*/
    body {
        color: #6d8196;
        font-family: Open Sans,sans-serif;
        font-size: 13px;
        line-height: 1.5em;
        background-color: #0d2641;
        overflow-y: auto;
    }


    /* TIPOGRAFIA
    ---------------------------------- */

    h1, h2, h3, h4, h5, h6
    {
        margin: 0px;
        line-height: 1.5em; 
    }

    h1 
    {
        font-size: 30px;
    }

    h2 
    {
        font-size: 24px;
    }

    h3 
    {
        font-size: 18px;
    }

    h4 
    {
        font-size: 15px;
    }

    h5, h6 
    {
        font-size: 13px;
    }

    h6 
    {
        color: #676767;
        text-transform: uppercase;
    }

    p 
    {
        margin: 0 0 9px;
            line-height: 1.5em;    
    }

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

    blockquote
    {
        border-left: 5px solid #DDDDDD;
        margin: 0 0 18px;
        padding: 0 0 0 15px;
    }

    .blockquote-right
    {
        border-left: 0 none;
        border-right: 5px solid #EEEEEE;
        float: right;
        padding-left: 0;
        padding-right: 15px;
    }

    ul, ol {
        margin: 0px 0px 10px 30px;
        padding: 0;
    }

    ul.unstyled, ol.unstyled {
        list-style: none outside none;
        margin-left: 0px;
    }

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: normal;
        font-size: 14px;
    }

    h1 small
    {
        font-size: 18px;
    }

    p.lead
    {
        font-size: 20px;
        font-weight: 200;
        line-height: 27px;
        margin-bottom: 18px;
    }

    #wrapper.column-2-container #page
    {
        border-radius: 3px;
        background-color: #fff;
    }

    .ag-left
    {
        text-align: left;
    }

    .ag-right
    {
        text-align: right;
    }

    .ag-center
    {
        text-align: center;
    }

    .indented-element, .sortable-contents .indented-element
    {
            padding-left: 25px;
    }

    .disabled-element
    {
            color: #999999;
    }

    .li-active
    {
            font-weight: bold;
    }

    /* LINKS 
    ---------------------------------- */

    a
    {
        color: #12aaeb;
    }

    a:hover
    {
        color: #12aaeb;
        text-decoration: none;
    }


    /* STRUTTURA
    ---------------------------------- */

    .not-logged-container
    {
      position: fixed; 
      top: -50%; 
      left: -50%; 
      width: 200%; 
      height: 200%;
    }
    
    .not-logged-container img {
      position: absolute; 
      top: 0; 
      left: 0; 
      right: 0; 
      bottom: 0; 
      margin: auto; 
      min-width: 50%;
      min-height: 50%;
    }
    
    #wrapper-not-logged 
    {
        text-align: center;
    }
    
    #dialog-box-container
    {
        width: auto;
        display: inline-block;
        margin-top: 5%;
        position: relative;
    }
    
    #dialog-box
    {
        background-color: #fff;
        padding: 25px;
        border-radius: 3px;
        text-align: left;
    }
    
    .dialog-box-logo-container
    {
        width: 130px;
        height: 50px;
        background: transparent url(../images/layout/logo-header.png) no-repeat center center;
        background-size: contain;
        margin: 0 auto 20px auto;
    }
    
    .content-registrationbox 
    {
        width: 372px;
    }
    
    #dialog-box-container #page-header h1
    {
        color: #81878f;
        font-weight: 600;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        margin: 0;
    }
    
    #dialog-box-container #page-header
    {
        margin: 0 0 20px 0;
        border-bottom: none;
        padding: 0;
    }

    #content
    {
        padding: 0;
        text-align: justify;
        width: 680px;
        margin: auto;
    }

    #sidebar
    {
            width: 250px;
            float: right;
    }

    #header
    {
        margin: 0px;
    }

    #image-header
    {
            width: 100%;
            height: auto;
    }

    #page-header
    {
        margin-bottom: 20px;
    }

    #page-header h1
    {
        font-size: 28px;
        font-weight: 500;
        color: #44494e;
    }
    
    #breadcrumb
    {
            margin: 0 0 20px 0;
            text-align: left;
    }

    .clearfix
    {
            clear: both;
    }

    .closed-element
    {
            display: none;
    }

    .collapsing-trigger, .collapsing-trigger-loader
    {
            background-color: transparent;
            background-repeat: no-repeat;
            background-position:  0px 50%;
            padding-left: 20px;
    }

    .closed-trigger
    {
            background-image: url(../images/icons/chevron-down.png);
    }

    .open-trigger
    {
            background-image: url(../images/icons/chevron-right.png);
    }

    #buttons_top, #language-switcher, #image-header
    {
            margin-bottom: 20px;
    }

     #language-switcher
    {
            text-align: right;
            width: auto;
            margin: 0px;
    }

    #language-switcher img
    {
        width: 25px
    }
    
    #wrapper-not-logged #language-switcher 
    {
        margin-top: 40px;
        text-align: center;
    }

    #language-switcher a
    {
            margin-left: 10px;
    }

    .loading-indication
    {
      background: url(../images/icons/ajax-loader.gif) no-repeat top center;
    }

    #backend-goto
    {
        position: absolute;
        top: 0px;
        right: 100px;
        background-color: #ffffff;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        padding: 10px 20px;
        z-index: 9999;
    }
    
    #backend-goto a
    {
        text-decoration: none;
        font-weight: 600;
        color: #50608f;
        font-size: 13px;
    }
    
    .admin-action
    {
        padding: 0 0 0 20px;
        background: url(../images/icons/admin-icon.png) no-repeat left center;
    }
    
    .edit-credentials-action
    {
        padding: 0 0 0 20px;
        background: url(../images/icons/edit-icon.png) no-repeat left center;
    }
    
    .help-action 
    {
        padding: 0 0 0 10px;
        background: url(../images/icons/ico-help.png) no-repeat left center;
        background-size: 9%;
    }
    
    .logout-action
    {
        padding: 0 0 0 20px;
        background: url(../images/icons/logout-icon.png) no-repeat left center;
    }

    /* FORM
    ---------------------------------- */

    form
    {
        border-radius: 3px;
        border: 1px solid #ced3d6;
        padding: 20px;
    }

    #wrapper-not-logged form
    {
        padding: 0;
        border: none;
    }
    
    label, input, select, textarea
    {
        font-size: 13px;
    }

    input, select, textarea
    {
        border: 1px solid #CCCCCC;
        padding: 7px;
        width: 97%;
        background-color: #fff;
    }

    input
    {
        border: none;
        border-radius: 3px;
        background-color: #d9f2f3;
    }
    
    input[type="text"]
    {
        background-color: #d9f2f3;
    }
    
    option
    {
        padding: 0px 5px;
    }

    input:focus, textarea:focus, select:focus
    {

    }

    select, .input-file
    {
        line-height: 13px;
    }

    .input-file
    {
        box-shadow: none;
        width: auto;
    }

    input[type=radio], input[type=checkbox]
    {
        vertical-align: top;
        width: auto;
    }

    label
    {
        display: inline-block;
        padding-bottom: 3px;
        font-weight: 600;
        width: 130px;
        font-size: 14px;
    }

    .lb-inline
    {
        display: inline;
        margin-right: 5px;
    }

    .lb-checkbox, .lb-radio
    {
        font-weight: normal;
    }


    .short-field
    {
        width: 25%;
    }

    .medium-field
    {
        width: 50%;
    }

    .long-field
    {
        width: 75%;
    }

    .verylong-field
    {
            width: 93%;
    }

    .inline-field
    {
        margin-right: 5px;
    }

    .form-field-help
    {
            font-size: 0.9em;
            display: block;
            color: #636262;
    }

    .btn
    {
        border-radius: 30px;
        cursor: pointer;
        padding: 10px 25px;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none;
        display: inline-block;
        width: auto;
        background-color: #172c6b;
        color: #fff;
    }
    
    .btn:hover
    {
        color: #fff;
    }

    p.row-actions a.btn
    {
            margin-right: 5px;
    }

    .btn-big
    {
        font-size: 15px;
        padding: 8px;
    }

    .btn-small
    {
        font-size: 0.9em;
    }

    .form-field
    {
        padding-bottom: 13px;
    }
    .form-submit
    {
        padding-top: 13px;
        display: inline-block;
        margin: 0;
        width: 100%;
    }
    
    .edit-credentials-box input[type="text"], .edit-credentials-box input[type="password"]
    {
        width: 40%;
    }

    .mid-field label
    {
            width: 40%;
            float: left;
            margin-right: 3.5%;
    }

    .mid-field input
    {
            width: 55%;
            float: left;
    }

    .btn-alternate
    {
        
    }

    .btn-secondary
    {
       
    }

    .btn-delete
    {
        background-color: #CE453E;
        color: #FFFFFF;	
    }

    .btn:active, .btn:hover
    {
       
    }

    .btn:disabled, .btn-disabled, .btn-disabled:hover
    {
        background-color: #2394C4;
        opacity: 0.5;
        cursor: default;
    }

    .btn-alternate:active, .btn-alternate:hover
    {
       
    }

    .btn-secondary:active, .btn-secondary:hover
    {
        
    }

    input.error-field, select.error-field, textarea.error-field
    {
        border-color: #D01616;
    }

    .field-privacybox
    {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        height: 200px;
        margin: 20px 0;
        overflow-y: scroll;
        padding: 20px;
    }


    .field-captcha-image
    {
        margin-bottom: 10px;
        display: inline-block;
    }

    /* MESSAGGI
    ---------------------------------- */
    .message 
    {
        margin: 10px auto 30px;
        padding: 10px;
    }

    .message-error 
    {
        background-color: #CE453E;
        color: #FFFFFF;
    }

    .message-ok 
    {
        background-color: #A9D673;
    }

    .message-alert
    {
        background-color: #F2D268;
    }

    .form-field-error
    {
        color: #CE453E;
        display: block;
        font-size: 12px;
    }

    /* TABELLE
    ---------------------------------- */


    table
    {
        background-color: transparent;
        border-spacing: 0;
        max-width: 100%;
        font-size: 1em;
        width: 100%;
    }

    th, td
    {
        border-top: 1px solid #ddd;
        line-height: 18px;
        padding: 10px 8px;
        text-align: left;
        vertical-align: top;
    }

    th
    {
        font-weight: bold;
        background-color: #B9C01D;
    }

    th .btn
    {
        font-weight: normal;
    }

    thead th {
        vertical-align: middle;
    }

    .table
    {
        margin: 20px 0px;
    }

    .table-bordered-outside
    {
        border: 1px solid #ddd;
    }

    .table-bordered
    {
        border-bottom: 1px solid #ddd;
    }

    .table-bordered th, .table-bordered td
    {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .tr-odd
    {
        background-color: #e7e7e7;
    }

    td.td-action, td.td-identifier
    {
        width: 22px;
        text-align: center;
        vertical-align: middle;
    }


    .table-hover tr:hover, .table-admin tr:hover
    {
        background-color: #DFE0CC;
    }

    .table-admin a
    {
        color: #333333;
        text-decoration: none;
    }

    .table-vertical th
    {
        background-color: #e7e7e7;
        text-align: right;
        vertical-align: middle;
        width: 170px;
    }

    th .icon-sort
    {
            margin-right: 5px;
    }

    /* COMPONENTI
    ---------------------------------- */

    /* menu */

    .menu 
    {
            margin: 0px;
            padding: 0px 20px;
    }

    .menu li
    {
            list-style-type: none;
            float: left;
            padding: 0px 10px;
            margin: 0px !important;
    }

    #menu_primary_container
    {
            background-color: #e5e5e5;
    }

    #menu_primary
    {
        margin: 0 0 20px 0;
    }

    #menu_primary a, #menu_primary .menu-item-active span
    {	
            display: inline-block;
            text-decoration: none;
            background-repeat: no-repeat;
            background-position: 15px 8px;
            padding: 10px;
    }

    #menu_primary a
    {
            color: #333333;
    }

    #menu_primary a:hover, #menu_primary .menu-item-active span
    {

            color: #b9c01d;
    }

    #menu_column
    {
            padding: 0px;
    }

    /* blocchi generici */

    .block, #menu_column .menu-item
    {
            margin-bottom: 20px;
            background-color: #E5E5E5;
    }

    .block-title, .block h2, #menu_column h2
    {
            background-color: #B9C01D;
            padding: 10px 15px;
            font-size: 16px;
            margin-bottom: 5px;
            position: relative;
    }

    .block-title a, .block h2 a, #menu_column h2
    {
            color: #333333;
            text-decoration: none;
    }

    .block-int
    {
            padding: 0;
    }

    .block-simple
    {
            background: none;
    }

    .block-scroll
    {
        height: 70px;
        overflow: auto;
        background: #d9f2f3;
        border-radius: 2px;
        padding: 10px;
        font-size: 13px;
        color: #747474;
    }

    .categories-menu, .categories-menu ul
    {
            list-style-type: none;
    }

    .categories-menu
    {
            margin: 0px;
    }

    .categories-menu ul
    {
            margin-bottom: 0px;
    }

    .categories-menu a, .categories-menu .li-active
    {
            padding: 3px 7px;
            display: inline-block;
    }

    .categories-menu li
    {
            background-color: #DDDDDD;
    }

    /* contenuti */

    .content-info
    {
            color: #636262;	
            margin-bottom: 30px;
    }

    .content-social-share 
    {
            margin: 20px 0px;
            padding: 0px;
    }

    .content-social-share  li
    {
            list-style-type: none;
            display: inline-block;
    }

    .content-file, .content-gmap, .content-video, .content-photo, .content-form
    {
            margin-top: 20px;
    }

    .content-gallery-title
    {
        padding: 20px 0 10px 0;
        font-weight: bold;
        font-size: 22px;
    }

    .content-photo-image
    {
        width: 100%;
    }
    
    .content-gallery figcaption,.content-photo figcaption
    {
        display:none;
    }

    .content-file
    {
        background-color: #E5E5E5;
        padding: 10px;
        margin: 20px 0;
    }

    .content-list
    {
        margin: 20px 0px;
    }

    .content-list li
    {
        list-style-type: none;
        margin: 0px 0px 10px 0px;
    }

    .node-gmap
    {
            width: 100%;
            height: 400px;
    }

    /* logo header */

    .logo-header
    {
            width: 130px;
            height: 60px;
            background: transparent url(../images/layout/logo-header.png) no-repeat left top;
            display: inline-block;
            background-size: contain;
            margin: 20px auto;
    }

    /* Header search box */

    .header-search-box
    {
            display: inline-block;
            width: 215px;
            float: right;
            margin: 20px 0;
            background: transparent url(../images/layout/bg-cerca-header.png) no-repeat left top;
    }

    .header-search-box form
    {
            padding: 0px;
            margin: 0px;
    }

    .header-search-box #content-search-key
    {
            border: none;
            box-shadow: none;
            padding: 5px;
            margin: 0px;
            background: transparent;
            width: 175px;
            float: left;
    }

    .btn-header-search
    {
            width: 27px;
            height: 27px;
            cursor: pointer;
            box-shadow: none;
            float: right;
            background: transparent;
    }

    /* social */

    .social
    {
            margin: 20px 0 10px 0;
            padding: 0px;
            list-style-type: none;
            display: inline-block;
    }

    .social li
    {
            display: inline-block;
    }

    /* Newsletter */

    #box-newsletter
    {
            display: block;
            padding: 10px;
            background: #f0f0f0;
    }

    .newsletter-title
    {
            font-size: 14px;
            color: #3a3a3a;
            font-weight: bold;
            display: block;
            padding: 0 0 10px 0;
    }

    .newsletter-description
    {
            font-size: 12px;
            line-height: 14px;
            padding: 0 0 10px 0;
            display: block;
    }

    .newsletter-field
    {
            width: 67%;
    }

    #box-newsletter form
    {
            padding: 0px;
            margin: 0px;
    }

    /* Footer */

    #footer
    {
        padding: 20px 0;
    }

    #footer-left
    {
        float: left;
        margin: 0;
        color: #fff;
        padding: 0;
    }

    #footer-right
    {
            float: right;
            text-align: right;
            margin: 0;
    }
    
    #footer-right a
    {
        color: #fff;
        text-decoration: none;
    }

    .footer-credentials
    {
        background: #45474e;
        color: #ffffff;
        font-size: 13px;
        padding: 10px 0;
    }

    .footer-credentials p
    {
            margin: 0px;
    }

    .logo-footer
    {
            width: 98px;
            height: 40px;
            display: inline-block;
            background: transparent url(../images/layout/logo-footer.png) no-repeat left top;
            padding:0;
            background-size: contain;
            float: left;
            margin: 0 0 20px 0;
    }

    .footer-adress-box
    {
            font-size: 12px;
            margin: 15px 0 0 0;
    }

    .footer-left
    {
            float: left;
    }

    .footer-right
    {
            float: right;
    }

    /* Menu footer */

    #footer #menu_primary
    {
            margin: 0px;
            padding: 0px;
            width: auto;
            display: inline-block;
    }

    #footer #menu_primary_container .box-960
    {
            width: auto;

    }

    #footer #menu_primary_container
    {
            width: 700px;
            background: transparent;
            text-align: right;
    }

    #footer #menu_primary li
    {
            padding: 0 5px;
            font-size: 12px;
    }

    #footer #menu_primary a, #menu_primary .menu-item-active span
    {
            padding: 5px;
    }

    /* paginazione */

    .pagination
    {
        text-align: center;
        margin-top: 10px;
    }

    .pagination ul
    {
        margin: 0px;
    }

    .pagination li
    {
        display: inline-block;
        list-style-type: none;
        padding-right: 5px;
            margin: 6px 0;
    }

    .pagination a
    {
        padding: 4px 8px;
        text-decoration: none;
        border: 1px solid #ddd;
    }

    li.pagination-active
    {
        padding: 4px 10px; 
        font-weight: bold;   
    }
    
    .pagination.list-pagination
    {
        padding: 0 0 10px 0;;
    }
    
    .pagination-pager
    {
            width: 20%;
            text-align: right;
            float: right;
    }

    .pagination-links 
    {
            width: 70%;
            text-align: center;
            float: left;
    }

    /* help */

    .ui-tooltip 
    {
        padding: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1em;
        color: #333333;
        font-family: Helvetica,Arial,Verdana,sans-serif;
        border-radius: 0px;
    }

    body .ui-tooltip {
            border-width: 1px;
    }

    .spacer
    {
            text-align: center;
            border-top: 1px solid #b2b4b3;
    }

    .spacer-text
    {
            display: inline-block;
            position: relative;
            top: -15px;
            padding: 5px 10px;
            background-color: #fff;
            font-size: 11px;
    }

    /* commenti */

    #content_comments_list
    {
            margin-top: 40px;
    }
    
    .content-img-list
    {
        float: left;
        width: 321px;
        border: 1px solid #d0d0d0;
        padding: 1px;
        background-color: #ffffff;
        margin: 0 20px 20px 0;
    }
    
     .content-img-list:nth-child(2n+2)
     {
         margin: 0 0 20px 0;
     }    
    
    .filenode-thumb
    {
        display: table-cell;
    }
       
    .filenode-title
    {
        display: table-cell;
        padding: 0 0 0 10px;
        vertical-align: middle;
    }   
    
    .content-gallery-images
    {
        float: left;
        margin: 0 7px 7px 0;
    }
    
    .content-gallery-images img
    {
        width: 85px;
        height: 85px;
        border: 1px solid #d0d0d0;
        padding: 1px;
        background-color: #ffffff;
    }    
    
    figure:nth-child(7n+7) a
    {
        margin: 0 0 7px 0;
    }
    
        
#managament-edit-link
{
    text-align: right;
    margin: 10px 0px;
}


.ui-autocomplete
{
    max-height: 240px;
    overflow-y: scroll;
}

.custom-combobox-input.ui-autocomplete-input
{
    background: #d9f2f3;
    border: none;
    width: 210px!important;
    border-radius: 2px!important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl 
{
    border-radius: 10px!important;
}

.ui-tooltip.ui-corner-all,.ui-tooltip.ui-corner-bottom,.ui-tooltip.ui-corner-left,.ui-tooltip.ui-corner-bl 
{
    border-radius: 5px!important;
}

.ui-dialog.ui-corner-all,.ui-dialog.ui-corner-bottom,.ui-dialog.ui-corner-left,.ui-dialog.ui-corner-bl,.ui-dialog-titlebar
{
    border-radius: 5px!important;
}

.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar
{
    background: #bde1ff;
}

#dialog-extend-fixed-container .ui-dialog-extended.waveform-player.left
{
    width: 300px !important;
    text-align:center;
    float: none;
}

.ui-dialog-extended.waveform-player.ui-widget.ui-widget-content .ui-dialog-titlebar
{
    background: #d1eaff;
    padding: 2px;
    font-size: 12px;
}

.ui-dialog-extended.waveform-player .ui-dialog-title
{
    overflow-x: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    display: inline-block;
    width: 80%;
}

.tagit.ui-corner-all,.tagit-autocomplete
{
    border-radius: 5px!important;
}

.tagit input[type="text"]
{
    height: 20px !important;
}

#dialog-box label[for="user-privacy"]
{
    width: 100%;  
    font-size: 13px;
    margin: 0;
}

#dialog-box label[for="user-privacy"] input[type="checkbox"]
{
    float: left;
    margin: 3px 10px 0 0;
}

#dialog-box label
{
    width: 123px;
    display: inline-block;
    margin: 0 20px 0 0;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
}

#dialog-box input[type="text"]
{

}

#dialog-box .form-field
{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0 0 12px 0;
}

#dialog-box .medium-field, #dialog-box input[type="text"], #dialog-box input[type="password"]
{
    width: 210px;
}

#dialog-box input[name="company_name"]
{
  
}

input[name="remember_me"]
{
    float: left;
    margin: 3px 10px 0 0;
}

#content-registration-submit, .form-submit .btn
{
    float: right;
}

#archive-form-search .btn
{
    float: none;
}

#archive-form-search .form-submit
{
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.content-loginbox 
{
    width: 372px;
}

.stay-connected-checkbox
{
    float: left;
}

.login-form-divider 
{
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    border-top: 1px solid #e4e4e4;
}

.btn-link, .btn-link:hover
{
    color: #294391;
    font-weight: 600;
    font-size: 14px;
}

.btn-song
{
    padding: 0px 10px 0 0;
    text-align: left;
    color: #415971;
    text-decoration: none;
    font-weight: 600;
    line-height: 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.btn-add-player,.btn-add-player-multiple
{
    background: url(../images/icons/play-button-icon.png) no-repeat right center;
}

.btn-add-project
{
    background: url(../images/icons/add-circular-outlined-icon-normal.png) no-repeat right center;
}

.btn-download-track
{
     background: url(../images/icons/icon-download.png) no-repeat right center;
}

.btn-delete-project-track
{
    background: url(../images/icons/icon-delete.png) no-repeat right center;
}

.btn-track-check
{
    background: url(../images/icons/icon-check.png) no-repeat right center !important;
    cursor: not-allowed !important;
}

.btn-add-player-multiple
{
    display: none;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.breadcrumb-separator
{
    display: inline-block;
    width: 11px;
    height: 10px;
    background: transparent url(../images/layout/breadcrumb-separator.png) no-repeat center center;
    background-size: contain;
}

.breadcrumb-house-icon
{
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    background: transparent url(../images/layout/breadcrumb-home-icon.png) no-repeat center center;
}

#breadcrumb a
{
    font-weight: 600;
    text-decoration: none;
    color: #294391;
}

#dialog-box .message
{
    width: 352px;
}

#dialog-box .form-field-error
{
    margin: 0 0 0 146px;
}

#dialog-box .user-privacy .form-field-error
{
    margin: 0;
}

#wrapper.column-3-container .columns-container, .singolar-album-content-container
{
    display: table;
    width: 100%;
    table-layout: fixed;
}

.column
{
    display: table-cell;
    vertical-align: top;
}

.column-15
{
    width: 15%;
    max-width: 15%;
    min-width: 15%;
}

.column-75
{
    width: 75%;
    max-width: 75%;
    min-width: 75%;
}

.column-85
{
    width: 85%;
    max-width: 85%;
    min-width: 85%;
}

#archive-column-projects
{
    background-color: #415971;
    color: #fff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 187px;
}

#archive-column-filters
{
    background-color: #b9d8cb;
    color: #555;
    width: 232px;
}

#archive-column-content
{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #fcfcfc;
    min-height: 650px;
    height: 650px;
    width: 100%;
}

#page-wrapper 
{
    padding: 0px 10px;
}

#page-wrapper .form-field-error 
{
    margin: 0px 153px;
}

.user-secondary-menu
{
    display: inline-block;
}

#header #user-box
{
    display: inline-block;
    background-color: transparent;
    margin-bottom: 0px;
}

#header #user-box.block h2
{
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    margin-bottom: 0; 
    display: none;
}

#header #user-box ul
{
    list-style-type: none;
    margin: 0 0 20px 0;
    display: inline-block;
    padding: 0;
}

#header #user-box ul li
{
    float: left;
    margin: 0 40px 0 0;
    padding: 0;
}

#header #user-box ul li:last-child
{
    margin: 0;
}

#header #user-box ul li a
{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

#header #user-box ul li a:hover
{
    color: #fff;
}

#header .logo-container
{
    vertical-align: middle;
    text-align: center;
    background: transparent;
    width: 187px;
}

#header .user-menu-container
{
    background: transparent;
    vertical-align: bottom;
    width: 100%;
}

.archive-column-projects-box 
{
    border-top-left-radius: 3px;
}

#archive-column-content h2
{
    font-size: 28px;
    line-height: 28px;
    margin: 0 0 20px 0;
    font-weight: 500;
    color: #597a96;
    padding: 0;
}

#archive-column-content #page-title h2
{
    margin: 15px 0 20px 0;
    
}

.disks-container 
{
    padding: 20px 20px 0 20px;
}

.disks-box-ul 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.disks-box-ul li
{
    float: left;
    width: 15%;
    margin: 0 2% 2% 0;
}

.disks-box-ul li a
{
    color: #0d2641;
    font-size: 14px;
    text-decoration: none;
}

.disk-single-box-album 
{
    padding: 5px 0 0 0;
    text-align: center;
    color: #0d2641;
    font-weight: 600;
    line-height: 13px;
    font-size: 13px;
    height: 45px;
    word-break: break-word;
}

.disks-box-ul li img
{
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.disks-box-ul li:nth-child(6n+6) {
    margin: 0 0 2% 0;
}

#archive-column-projects #page-header h1
{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 15px;
    background-color: #374a5d;
    border-top-left-radius: 3px;
    text-shadow: 0px 1px 0px #000;
}

#archive-column-filters #page-header h1
{
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 15px;
    background-color: #99bbad;
    text-shadow: 0px 1px 0px #5a6d82;
}

.archive-projects-ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;   
    background-image: linear-gradient(to bottom,#415971,#37526d);
    max-height: 600px;
    overflow-y: auto;
}

.archive-projects-ul li
{
    padding: 0;   
    line-height: 16px;
    border-bottom: 1px solid #374b60;
    box-shadow: 0px 1px 0px #486077;
}

.archive-projects-ul li a
{
    color: #c0d7ee;
    font-weight: 500;
    text-decoration: none;
    font-size: 13px;
    display: block;
    padding: 10px 15px;
}

.archive-projects-ul li a:hover, .archive-projects-ul li a:active
{
    background-color: #4f6882;
    color: #fff;
}

.pieces-box-ul, .songs-box-ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #e1eaf2;
}

.pieces-box-ul li, .songs-box-ul li
{
    margin: 0;
    padding: 7px;
    background-color: #fff;
    border-bottom: 1px solid #e1eaf2;    
}


.play-song-number 
{
    color: #6d8196;
    font-weight: normal;
}

.songs-single-box-title 
{
    color: #0d2641;
    font-weight: 600;
    width: 72%;
    display: inline-block;
}

.song-buttons
{
    display: inline-block;
    margin: 0px 0px 0px 20px;
}

.pieces-box-ul li.odd, .songs-box-ul li.odd
{
    background-color: #f1f7fc;
}

.current-play
{
    background-color: #fff89c !important;
}

.pieces-single-box-title 
{
    font-size: 14px;
    color: #0d2641;
}

.track-tags-label
{
    display: table-cell;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 8px;
}

.pieces-single-box-container .pieces-single-box-title
{
    margin: 0 80px 0 90px;
}

.pieces-single-box-container .pieces-single-box-title a
{
    padding: 0!important;
}

.pieces-single-box-album 
{
    color: #6d8196;
    font-weight: 500;
    margin: 0;
    padding: 0 0 0 90px;
    font-size: 12px;
}

.pieces-single-box-album ul li
{
    padding: 0;
}

.pieces-box-ul li a
{
    padding: 0 0 0 55px;
    text-align: left;
    color: #415971;
    text-decoration: none;
    font-weight: 600;
    line-height: 15px;
    cursor: pointer;
}

.pieces-box-ul a.track-title
{
    color: #0d2641;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
    position: relative;
    display: inline-block;
}

#wrapper
{
    
}

.archive-projects-add-project-btn
{
    background: #12aaeb url(../images/icons/add-circular-outlined-icon.png) no-repeat 15px center;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 15px 10px 38px; 
}

.archive-projects-add-project-btn:hover
{
    background-color: #0b7cad;
    color: #fff;
}

.column #page-header
{
    margin-bottom: 10px;
}

.filters-container
{
    padding: 10px 15px;
}

#archive-column-filters label
{
    color: #495969;
    text-transform: uppercase;
}

.singolar-album-image-container
{
    display: table-cell;
    vertical-align: top;
    width: 200px;
}

.singolar-album-info-container
{
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.singolar-album-image-container img
{
    max-width: 200px;
    height: auto;
}

#album-container .songs-single-box-container
{
    display: tanble;
    width: 100%;
    table-layout: fixed;
}

#album-container .song-buttons
{
    width: 85px!important;
    min-width: 85px;
    display: table-cell;
    padding: 0 0 0 20px;
    float: none;
}

.singolar-album-info-box p
{
    margin: 0 0 2px 0;
}

.singolar-album-info-container .song-list-box
{
    margin-top: 0px;
}

#page-title-wrapper {
    padding-left: 30px;
   
}

#album-container .songs-single-box-title
{
    width: 100%;
    display: table-cell;
}

.singolar-album-title 
{
    margin: 0 0 20px 20px;
    font-size: 20px;
    font-weight: 600;
    color: #0d2641;
}

.singolar-album-info-box 
{
    margin: 0 0 5px 20px;
    font-size: 13px;
}

.singolar-album-info-box span
{
    font-weight: 600;
    color: #415971;
}

.song-list-box 
{
    margin: 20px 0 0 20px;
}

.song-list-box h3
{
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    width: 100%;
}

.columns-container 
{
    display: table;
    width: 100%;
}

.page-2col-padding-box
{
    padding: 20px;
}


#block-tags .twitter-typeahead
{
    display: inline;
}

#block-info-container, 
#block-dates-container, 
#block-seo-container, 
#block-tags-container, 
#block-author-container, 
#block-comments-container,
#block-tree-menu-container,
#block-social_share-container,
#block-menus-container
{
	margin: 0px !important;
}

#block-info, 
#block-dates,
#block-seo, 
#block-tags, 
#block-author, 
#block-comments,
#block-tree-menu
{
	border-bottom: 7px solid #e4e4e4;
}

.hide
{
    display: none !important;
}

/* Filtri */

#archive-form-search
{
    padding: 0px;
    border: 0px;
    border-radius: 0px;
}

.archive-output-loading
{
    font-size: 15px;
    padding: 10px;
}

.pieces-single-box-container .track-info
{
    display: inline-block;
    width: 100%;
}

.pieces-single-box-container .track-info ul 
{
    margin: 0px 55px;
    padding: 0px;
    list-style-type: none;
    display: table-cell;
}

.pieces-single-box-container .track-info ul li
{
    background-color: inherit;
    /* margin: 5px 0px 5px 0px; */
    /* padding: 0px; */
    border-bottom: none;
}

.pieces-single-box-execturs-editors 
{
    margin: 0 0 0 90px;
    font-size: 12px;
}

.pieces-single-box-container li a
{
    padding: 0px;
    text-align: inherit;
    color: inherit;
    font-weight: inherit;
}

.pieces-box-ul .pieces-single-box-container .song-buttons 
{
    position: absolute;
    right: 5px;
    top: 5px;
}

.pieces-single-box-container .song-buttons a
{
    padding: 0 5px 0 0!important;
}

.pieces-single-box-tags.tags-padded 
{
    padding: 15px 0px;
}

.pieces-single-box-tags li 
{
    font-style: italic;
    display: inline-block;
}

.pieces-single-box-tags li a 
{
    padding: 2px 7px;
    border: 1px solid #b6c3d0;
    background: #fff;
    border-radius: 13px;
    margin: 0px 5px 0px 0px;
    color: inherit;
    text-decoration: none;
    font-size: 12px;
}

.pieces-single-box-tags 
{
    position: relative;
    padding: 5px 0px;
    margin: 0 0 0 90px;
    font-size: 12px;
}

.songs-box-ul .pieces-single-box-container .song-buttons
{
    position: initial;
}

.pieces-single-box-tags .tags-list
{
    margin: 0!important;
}

/* Traccia */

.disks-container .tags-list li
{
    font-style: italic;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 7px 0px;
    background-color: inherit;
    border-bottom: 0px;
}

.track-albums-container 
{
    margin: 20px 0px;
}

#track-container .track-info
{
    width: 100%;
}

#track-container .songs-box-ul .track-info
{
    text-align: center;
}

#track-container .pieces-single-box-container .song-buttons
{
    float: none;
}

.pieces-single-box-container
{
    background: url(../images/layout/track-icon.png) no-repeat 5px top;
    background-size: 33px;
    position: relative;
}

.pieces-single-box-album ul
{
    margin: 0!important;
}

/* Wavesurf Player */

/* 

--------------------------------------------------
--------------------------------------------------
--------------------------------------------------

.waveform-player
{
    left: 38% !important;
}

.player-col-left 
{
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    text-align: center;
    padding: 25px 0px;
}

.player-col-center 
{
    display: table-cell;
    width: 70%;
}

.player-col-right 
{
    display: table-cell;
    width: 15%;
    vertical-align: middle;
}

.player-buttons-container
{
    padding: 0px;
}

#player-volume
{
    display: inline-flex;
}

#player-volume i
{
    margin-left: 5px;
}

.player-time 
{
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
}

.player-buttons-container i 
{
    font-size: 20px;
    background-color: #68afec;
    color: white;
    vertical-align: middle;
    border-radius: 13px;
    cursor:pointer;
}

.player-buttons-container input[type="range"]
{
    padding: 0px;
    background: none;
}

.player-buttons-container button
{
    border-radius: 0px;
    padding: 0px;
    background-color: inherit;
    border: none;
}

#player-wrapper.playlist-disable #player-playlist
{
    display: none !important;
}

#player-playlist li
{
    display: block;
    text-decoration: none;
    padding: 0px 0px 10px 0px;
    width: 100%;
}

#player-playlist li.active 
{
    background-color: #bde1ff;
}

#player-playlist a
{
    text-decoration: none;
}

#player-playlist a.btn-player-remove 
{
    float: right;
    margin-right: 15px;
    cursor:pointer;
}

#player-playlist .material-icons 
{
    top: 7px;
    position: relative;
    color: #68afec;
}

#player-playlist 
{
    overflow-y: auto;
    height: 250px;
    margin-top: 30px;
}

.player-container 
{
    padding: 10px 0px;
}

#player
{
    overflow-y: hidden;
}

#player.min
{
    height: 310px !important;
}

#player-waveform-toggle,#player-clear
{
    display: none;
}


#player-waveform
{
    height: 70px;
}

#player-waveform.hide
{
    display: block !important;
    visibility: hidden;
}

.player-col-right.hide,.player-col-left.hide
{
    display: table-cell;
    visibility: hidden;
}

wave
{
    background-color: #f1f7fc;
}

#player-wrapper #player-waveform-progress 
{
    width: 95%;
    position: absolute;
    margin: 0px auto;
    background-color: #f1f7fc;
    z-index: 9999;
    top: 45%;
}

#player-wrapper #player-waveform-progress.audio-loaded
{
    width: 70%;
}

#player-wrapper.playlist-enable #player-waveform-progress 
{
    top: 10%;
}


#player-waveform-progress #player-waveform-progress-percentage
{
    position: absolute;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    line-height: 15px;
    top: 0px;
    left: 35%;
}

#player-waveform-progress-line
{
    background-color:#d1eaff;
    height: 15px;
}

-------------------------------------------------------------------- 
-------------------------------------------------------------------- 
-------------------------------------------------------------------- 

*/

#player-waveform-progress-line
{
    width: 100%;
    height: 80px;
    background: url(../images/icons/loading.gif) center no-repeat;
    background-size: 40px;
}

/*.waveform-player
{
    left: 38% !important;
}*/

.player-buttons-container
{
    /* text-align: center; */
    padding: 0px;
    float: right;
    margin: 20px 0px;
}

.player-buttons-container button
{
    border-radius: 9px;
    padding: 2px 12px;
    background-color: #68afec;
    border: 2px solid #DEDEDE;
}

#player-playlist li
{
    display: block;
    text-decoration: none;
    padding: 0px 0px 10px 0px;
    width: 100%;
}

#player-playlist li.active 
{
    background-color: #bde1ff;
}

#player-playlist a
{
    text-decoration: none;
}

#player-playlist a.btn-player-remove 
{
    float: right;
    margin-right: 15px;
    cursor:pointer;
}

#player-playlist .material-icons 
{
    top: 7px;
    position: relative;
    color: #68afec;
}

#player-playlist 
{
    overflow-y: auto;
    height: 250px;
}

.player-container 
{
    padding: 10px 0px;
}

#player
{
    overflow-y: hidden;
}

#player.min
{
    height: 310px !important;
}

#player-waveform-toggle,#player-clear
{
    display: none;
}

.col-sm-10
{
    display: block;
    width: 90%;
    float: left;
}

.justwave_wrapper
{
    border: 0px !important;
    background: none !important;
    overflow: inherit !important;
}

.justwave_wrapper button.justwave_playpause
{
    display: block !important;
    position: absolute !important;
    left: 101% !important;
    top: 30% !important;
    opacity: 1 !important;
}

.justwave_curfocus
{
    display: none !important;
}

.justwave_playpause
{
    width: 30px !important;
    height: 30px !important;
}

/* Form archivi */

.archive-form 
{
    border: 0px;
}

.archive-form label
{
    display: inline-block;
    width: 150px;
    vertical-align: top;
}

.archive-form textarea
{
    display: inline-block;
    width: 50%;
    background-color:#d9f2f3;
    border: 0px;
}

.archive-form select 
{
    width: 70%;
}

.archive-form .form-field-error
{
    margin-left:155px;
}

/* Progetti */

#project-container .song-list-box
{
    margin: 0px;
}

#project-container .songs-single-box-title
{
    width: 75%;
}

#project-container.disks-container 
{
    padding: 0px 20px;
}

.title-buttons 
{
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
}

.project-description-box
{
    background-color: white;
    font-size: 13px;
    margin: 15px 0;
    padding: 20px;
}

.btn-project-list.selected 
{
    background-color: #4f6882;
    color: #fff;
}

/* JToast override */

.jtoast-toast.success 
{
    background: none repeat scroll 0 0 #d1eaff;
}

.jtoast-toast.success .jtoast-message
{
    color: #222225;
}

.jtoast-toast
{
    right: 5%;
}

/* Btn massivi */

.btn-massive-buttons 
{
    text-align: right;
    background-color: white;
    padding: 14px 0;
}

.btn-massive-buttons .btn-add-player 
{
    margin-right: 148px;
    padding: 10px 20px;
}

.btn-massive 
{
    margin: 0px !important;
    margin-left: 30px !important;
    margin-right: 10px !important;
    padding-right: 20px !important;
}

.btn-massive.btn-song.btn-delete-project-track, .btn-massive.btn-song.btn-download-track
{
    margin: 0 10px 0 0;
}

.btn-massive.btn-song.btn-add-project
{
    width: 160px;
    background: url(../images/icons/add-circular-outlined-icon-normal.png) no-repeat right center;
}

.btn-massive.btn-download-track
{
    white-space: nowrap;
    width: auto;
    background: url(../images/icons/icon-download.png) no-repeat right center
}


/* Error */
.btn-error-page
{
    float: left;
    margin-right: 10px;
}

.no-background-image
{
    background-image: none !important;
}

#page-wrapper 
{
    padding: 0px 10px;
    overflow-y: scroll;
    height: 735px;
}

.btn-search-toggle 
{
    margin-top: 11px;
    background-color: #12aaeb;
}

.audio-duration-box
{
    display: inline-block;
    margin: 0 10px;
}

.composers-title-box
{
    color: #f35050;
    font-style: italic;
}

.pieces-single-box-cover 
{
    width: 80px;
    height: 80px;
    float: left;
}

.pieces-single-box-cover img
{
    width: auto;
    max-width: 100%;
    height: auto;
}

.track-title-box
{
    font-weight: 700;
}

.footer-email
{
    color: #fff;
    text-decoration: none;
    background: transparent url(../images/icons/email-icon.png) no-repeat left center;
    padding: 0 0 0 25px;
}

#footer #language-switcher
{
    float: right;
    margin: 2px 20px 0 0;
}

.singolar-album-content-container .song-buttons
{
    float: right;
}

.btn-massive-buttons .btn-delete-project-track
{
        white-space: nowrap;
    width: auto;
}

#filters-tag-box #filters-tags-ul
{
	overflow-x: hidden!important;
}