html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body {
    font-family: 'Trebuchet MS', Arial,Verdana,Sans-Serif;
    font-size: 10pt;
    color: #000;
    background: #fff url('header.png') repeat-x left top;
}

 input, select, textarea {
    font-family: Verdana,Sans-Serif;
    font-size: 10pt;
}

img {
    border-width: 0px;
}

.container {
    margin: 0px auto;
    position: relative;
    min-width: 960px;
/*
    margin: 0px auto;
    width: 1200px;
*/
    min-height: 100%;
}

body.iframe {
    background: #fff;
}

body.iframe .container {
    margin: 0px;
    min-width: 0;
}

.cols-in {
    margin: 0px 10px;
}

.clear {
    height: 0px;
    overflow: hidden;
    clear: both;
}

.right {
    float: right;
}

.left {
    float: left;
}


.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.width-auto {
    width: auto !important;
}

a {
    color: #3F4954;
}

.hidden {
    display: none !important;
}



/** Columns *******************************************************************/

.cols-1, .cols-2, .cols-3, .cols-4, .cols-5, .cols-6,
.cols-7, .cols-8, .cols-9, .cols-10, .cols-11, .cols-12 {
    float: left;
}

.cols-1 { width: 8.333%; }
.cols-2 { width: 16.667%; }
.cols-3 { width: 25%; }
.cols-4 { width: 33.333%; }
.cols-5 { width: 41.667%; }
.cols-6 { width: 50%; }
.cols-7 { width: 58.333%; }
.cols-8 { width: 66.667%; }
.cols-9 { width: 75%; }
.cols-10 { width: 83.333%; }
.cols-11 { width: 91.667%; }
.cols-12 { width: 100%; }



/** Splash ********************************************************************/

#splash {
    width: 370px;
    height: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -200px;
    padding: 60px 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 25px #ddd;
    -moz-box-shadow: 0px 2px 25px #ddd;
    box-shadow: 0px 2px 25px #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: center;
    text-shadow: 0px 2px 2px #888;
}




/** Login *********************************************************************/

#login {
    width: 350px;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -200px;
    padding: 25px 25px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 25px #ddd;
    -moz-box-shadow: 0px 2px 25px #ddd;
    box-shadow: 0px 2px 25px #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

#login #key-img {
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    height: 64px;
}

#login fieldset {
    height: 210px;
}

#login-header {
    margin: 50px 10px 10px 10px;
    padding: 0px 0px 0px 110px;
    position: relative;
    text-shadow: 0px 2px 1px #aaa;
}

#login-header img {
    /*width: 128px;*/
    height: 128px;
    position: absolute;
    left: 0px;
    top: 0px;
}



/** Header ********************************************************************/

#header {
    position: relative;
    z-index: 1000;
    height: 50px;
}

#header h1 {
    margin: 0px;
    padding: 5px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 150px;
    z-index: 1;
}

#header h1 a {
    float: left;
    outline: none;
}

#header h1 img {
    width: 48px;
    height: 48px;
    box-shadow: 0px 0px 5px #999;
}



/** Navbar ********************************************************************/

#navbar {
    position: relative;
    z-index: 2;
    display: inline;
    margin-left: 60px;
    float: left;
}

ul.menu, ul.menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.menu li.menu-element {
    float: left;
    position: relative;
    margin: 7px 5px;
}

ul.menu a.menu-element {
    display: block;
    padding-right: 6px;
    text-decoration: none;
    background: transparent url('navbar.png') no-repeat right -26px;
    color: #eee;
    text-shadow: 0px -1px 0px #222;
    outline: none;
    white-space: nowrap;
    line-height: 16px;
    font-size: 11pt;
    font-family: arial;
    cursor: pointer;
}

ul.menu a.menu-dropdown {
    padding-right: 22px;
    background-position: right -52px;
}

ul.menu li.menu-open a.menu-element {
    background-position: right -182px;
    color: #222;
    text-shadow: 0px 1px 0px #eee;
}

ul.menu li.menu-open a.menu-dropdown {
    padding-right: 22px;
    background-position: right -208px;
}

ul.menu li.menu-open a.menu-element span {
    background-position: left -156px;
}

ul.menu a.menu-element span {
    display: block;
    position: relative;
    padding: 3px 7px 7px 32px;
    background: transparent url('navbar.png') no-repeat left 0px;
}

ul.menu a.menu-element span img {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -9px;
    width: 16px;
    height: 16px;
}

ul.menu a.menu-element:hover        { background-position: right -104px; }
ul.menu a.menu-dropdown:hover       { background-position: right -130px; }
ul.menu a.menu-element:hover span   { background-position: left -78px; }



/** Submenu **/

ul.menu ul.menu-lev2 {
    display: none;
    position: absolute;
    left: 0px;
    top: 100%;
    margin-top: 3px;
    background: #eee url('navbar-menu.png') repeat-y left top;
    min-width: 150px;
    border: 1px solid #aaa;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
}

ul.menu ul.menu-lev2 li {
}

ul.menu ul.menu-lev2 li.separator {
    margin-top: 2px;
    padding-top: 2px;
    border-top: 1px solid #ccc;
}

ul.menu ul.menu-lev2 a {
    display: block;
    position: relative;
    border: 1px solid transparent;
    line-height: 16px;
    padding: 2px 7px 3px 26px;
    white-space: nowrap;
    text-decoration: none;
    color: #222;
    text-shadow: 0px 1px 0px #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: 0px;
}

ul.menu ul.menu-lev2 a:hover {
    border-color: #33a0ff;
    background-color: #cce7ff;
}

ul.menu ul.menu-lev2 a img {
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}

/** Footer *******************************************************/
#footer_copyright {
    display: inline-block;
    text-decoration: none;
    position: absolute;
    left: 15px;
    bottom: 7px;
    font-size: 8pt;
    color: #999;
}

/** Informazioni utente *******************************************************/

#user-info {
    float: right;
    -- text-align: right;
    color: #fff;
    margin-right: 15px;
    min-width: 400px;
}

#user-info a {
    text-decoration:  none;
}

#user-info strong {
    color: #bdf;
}

#user-popup:hover * {
    text-decoration: underline;
}

#user-esportatore {
    color: #000000;
    margin-right: 15px;
    min-width: 400px;
    font-size: 15px;
}

#user-esportatore a {
    text-decoration:  none;
}

#user-esportatore strong {
    color: #7942C0;
    font-size: 18px;
}

#user-esportatore div {
    margin-left: 5px;
}

#user-popup:hover * {
    text-decoration: underline;
}

#logout a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding-right: 20px;
    color: #ffa7a5;
}

#logout a:hover {
    text-decoration: underline;
}

#logout img {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    height: 16px;
    width: 16px;
}

#user-info div {
    float: right;
    margin-left: 2em;
}
#langs {
    position: relative;
}

#langs a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding-left: 20px;
    color: #fff;
    cursor: pointer;
}

#langs a:hover {
    text-decoration: underline;
}

#langs img {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -6px;
    height: 12px;
    width: 16px;
}

#langs ul {
    display: none;
    text-align: left;
    background-color: red;
    position: absolute;
    margin: 1px 0px 0px -5px;
    padding: 2px;
    list-style-type: none;
    top: 100%;
    left: 0px;
    
    background: #eee url('navbar-menu.png') repeat-y left top;
    border: 1px solid #aaa;
    -webkit-box-shadow: 0px 2px 3px #ccc;
    -moz-box-shadow: 0px 2px 3px #ccc;
    box-shadow: 0px 2px 3px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#langs ul a {
    display: block;
    position: relative;
    border: 1px solid transparent;
    line-height: 16px;
    padding: 1px 7px 1px 26px;
    white-space: nowrap;
    text-decoration: none;
    color: #222;
    text-shadow: 0px 1px 0px #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: 0px;
}

#langs ul a:hover {
    border-color: #33a0ff;
    background-color: #cce7ff;
    text-decoration: none;
}

#langs ul a img {
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -6px;
    width: 16px;
    height: 12px;
}

/** Admin panel ***************************************************************/

#admin-panel {
    float: right;
}


/** Messaggi ******************************************************************/

#msg-board {
    position: absolute;
    z-index: 4;
    right: 10px;
    top: 50px;
    z-index: 1000;
}

.iframe #msg-board {
    top: 10px;
}

#msg-board div {
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    padding: 5px 20px 5px 34px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.15);
    -moz-box-shadow: 0px 2px 3px rgba(0,0,0,.15);
    box-shadow: 0px 2px 3px rgba(0,0,0,.15);
}

#msg-board div h2 {
    padding: 0px;
    margin: 0px;
}

#msg-board div img {
    position: absolute;
    left: 5px;
    top: 5px;
}

#msg-board div img.msg-close {
    left: auto;
    right: 1px;
    top: 1px;
    cursor: pointer;
}

#msg-board .msg-error {
    text-shadow: 0px 1px 0px #FFF2F2;
    background-color: #FFD8D8;
    border-color: #BFA2A2;
    color: #3F3636;
}

#msg-board .msg-warning {
    text-shadow: 0px 1px 0px #FFFCF2;
    background-color: #FFF8D8;
    border-color: #BCB7A0;
    color: #3D3B34;
}

#msg-board .msg-success {
    text-shadow: 0px 1px 0px #F6FFF2;
    background-color: #E5FFD8;
    border-color: #A8BAA0;
    color: #353A32;
}

#msg-board .msg-info {
    text-shadow: 0px 1px 0px #F2FAFF;
    background-color: #D8F2FF;
    border-color: #9FAFB7;
    color: #303538;
}

.div-info {
    
    background-color: #FFF8D8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #3D3B34;
    text-align: center;
    margin: 1em 0;
    padding: .5em;
    border-color: #BCB7A0;
    border-style: solid;
    border-width: 1px;
    
}


/** Body **********************************************************************/

#body {
    padding: 15px 15px 30px;
}

h2.page-title {
    position: relative;
    padding: 4px 0px 4px 20px;
    margin: 0px;
    text-shadow: 0px 1px 1px #ddd;
    float: left;
    margin-left: 5px;
    margin-right: 10px;
    display: inline;
    font-size: 13pt;
    font-weight: normal;
    line-height: 16px;
}

h2.page-title img {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}



/** Actions *******************************************************************/

#actions {
    margin: 0px 0px -1px 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
    display: inline;
}

#actions li {
    float: left;
    display: inline;
    margin-right: 5px;
    margin-top: 1px;
    border-bottom: solid 1px #ccc;
}

#actions li.act {
    float: left;
    display: inline;
    margin-right: 5px;
    margin-top: 1px;
    background-color: #f4f4f4;
    border-color: #f4f4f4;
}

#actions a {
    position: relative;
    display: block;
    padding: 4px 10px 4px 27px;
    line-height: 16px;
    text-decoration: none;
    color: #000;
    text-shadow: 0px 1px 0px #fff;
    -webkit-border-topleft-radius: 4px;
    -webkit-border-topright-radius: 4px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #eee;
    font-size: 10pt;
    font-weight: bold;
    outline: 0px;
    cursor: pointer;
}

#actions li.act a {
    border-color: #ccc;
    background-color: #f4f4f4;
}

#actions a:hover {
    border-color: #33a0ff;
    background-color: #cce7ff;
    text-shadow: 0px 1px 0px #eee;
}

#actions a img {
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}



/** Page **********************************************************************/




/** Page **********************************************************************/

#page {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}




/** FullCalendar **************************************************************/

.fc-content {
    background-color: #fff;
}



/** Buttons *******************************************************************/

.btn {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    display: inline-block;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    outline: 0 none;
    height: 30px;
}

.btn::-moz-focus-inner {
    border: 0px;
    padding: 0px;
    outline: 0 none;
}

.btn:active, .btn:focus {
    outline: 0 none;
}

.btn span {
    display: block;
    position: relative;
    padding-right: 10px;
    background: transparent url('buttons.png') no-repeat right -30px;
    height: 30px;
}

.btn span span {
    display: block;
    position: relative;
    padding: 3px 5px 5px 15px;
    line-height: 22px;
    height: 22px;
    font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
    font-size: 10pt;
    text-shadow: 0px 1px 0px #fafbfc;
    color: #222;
    background-position: left 0px;
    white-space: nowrap;
}

.btn:hover span         {	background-position: right -90px;       }
.btn:hover span span    {	background-position: left -60px;        }

.btn:active span        {	background-position: right -150px;      }
.btn:active span span   {	background-position: left -120px;       }



.btn-icon span span {
    padding-left: 32px;
}

.btn-only-icon span span {
    padding-left: 0px;
    padding-right: 0px;
    width: 26px;
}

.btn-icon span span img, .btn-only-icon span span img {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    width: 16px;
    height: 16px;
    border-width: 0px;
}



.btn-blue span span {
    color: #012;
    text-shadow: 0px 1px 0px #e3f0fc;
}

.btn-blue span 				{	background-position: right -210px;	}
.btn-blue span span			{	background-position: left -180px;	}

.btn-blue:hover span 		{	background-position: right -270px;	}
.btn-blue:hover span span	{	background-position: left -240px;	}

.btn-blue:active span		{	background-position: right -330px;	}
.btn-blue:active span span 	{	background-position: left -300px;	}



.btn-red span span {
    color: #200;
    text-shadow: 0px 1px 0px #fce3e3;
}

.btn-red span 				{	background-position: right -390px;	}
.btn-red span span			{	background-position: left -360px;	}

.btn-red:hover span 		{	background-position: right -450px;	}
.btn-red:hover span span	{	background-position: left -420px;	}

.btn-red:active span		{	background-position: right -510px;	}
.btn-red:active span span 	{	background-position: left -480px;	}



.btn-green span span {
    color: #220;
    text-shadow: 0px 1px 0px #e3fce3;
}

.btn-green span                   {	background-position: right -570px;	}
.btn-green span span              {	background-position: left -540px;	}

.btn-green:hover span 		{	background-position: right -630px;	}
.btn-green:hover span span	{	background-position: left -600px;	}

.btn-green:active span		{	background-position: right -690px;	}
.btn-green:active span span 	{	background-position: left -660px;	}



/** Form **********************************************************************/

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

.form fieldset {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

.form legend {
    margin: 0px;
    padding: 0px;
    font-size: 12pt;
    font-weight: bold;
}

.form h3.separator {
    margin: 0px 0px 1em 0px;
    padding: 1em 0px 0px 0px;
    clear: left;
    font-size: 10pt;
    border-bottom: 1px solid #aaa;
}

.form .field {
    margin: 2px;
    position: relative;
    padding: 3px 11px 3px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    padding-left: 120px;
}

.form .compress, .form .no-label  {
    padding-left: 3px;
}
.form .no-label label.label {
    display: none;
}

.form .active {
    background-color: #bdf;
}

.form .error {
    background-color: #eaa;
}

.div-error {
    background-color: #eaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #500;
    text-align: center;
    margin: 1em 0;
    padding: .5em;
}

.form .error label.label, .form .error .message {
    color: #500;
}

.form .error  .text, .form .error select {
    border-color: #b88 #fdd #fdd #b88;
}

.form label.label {
    display: block;
    margin-left: 3px;
    text-shadow: 0px 1px 0px #fff;
    
    float: left;
    width: 115px;
    margin-left: -120px;
    margin-top: 3px;
    text-align: right;
}

.form .compress label.label {
    display: block;
    margin-left: 3px;
    text-shadow: 0px 1px 0px #fff;
    
    float: none;
    width: auto;
    margin: 0px;
    text-align: left;
}

.form .active label.label {
    text-shadow: 0px 1px 0px #def;
}

.form .error label.label {
    text-shadow: 0px 1px 0px #fcc;
}

.form .message {
    display: block;
    clear: left;
}


.form .text, .form select, .form textarea, .form .fake-input {
    width: 100%;
    border: none;
    padding: 3px;
    margin: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #ddd #ddd #bbb;
    background-color: #fff;
    outline: none;
    font-family: Verdana, 'sans serif';
}

.form input[type=file] {
    background: transparent;
    border: none;
}

.form option.sep-option {
    padding: 0px;
    font-size: 3px    
}

.form input.error {
    background-color: #fdd;
    border-color: #b88 #fff #fff #b88;
}

.form .fake-input {
    background-color: #fafafa;
    display: inline-block;
    width: auto;
    border-color: #ddd #eee #eee #ddd;
    padding: 3px 5px;
}

.form .big .text, .form .big select, .form .big .fake-input {
    font-size: 14pt;
}

.form .big label.label {
    margin-top: 5px;
}

.form select{
    padding: 2px;
}

.form div.submit {
    margin-top: 1em;
    padding-top: .5em;
    border-top: 1px solid #aaa;
    clear: left;
}

.form div.submit-no-border {
    padding-top: .5em;
    clear: left;
}

.form div.date .text, .form div.date .fake-input {
    width: 80px;
    text-align: center;
}

.form div.time select, .form div.time .fake-input {
    width: auto;
}

.form div.field-checkbox label {
    float: left;
    position: relative;
    margin-right: 12px;
    padding: 2px 2px 2px 22px;
}

.form div.field-checkbox label input {
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -6px;
}

.form label.block, .form a.field-action {
    float: left;
    margin-right: 10px;
}
.form label.field-select {
    float: left;
}

.form label.field-select-popup {
    margin-right: 28px;
}

.form a.field-action {
    padding: 4px;
    margin-right: 0px;
    margin-left: -24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.form a.field-action:hover {
    background-color: #bdf;
}

.form .active a.field-action:hover {
    background-color: #fff;
}

.form a.field-action img {
    display: block;
    width: 16px;
    height: 16px;
}

.form .info {
    display: block;
    font-size: .8em;
    color: #aaa;
    text-shadow: 0px 1px 0px #fff;
}

.form div.active .info {
    color: #456;
    text-shadow: 0px 1px 0px #cde;
}

.form div.error .info {
    color: #b77;
    text-shadow: none;
}

.form .date-icon {
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    margin-top: 3px;
}

.field-block-dispari, .field-block-pari {
    padding: 13px 7px;
    border-bottom: 1px solid #ddd;
}

.field-block-dispari, .dispari {
    background-color: #f9f9f9;
}

.field-block-pari, .pari {
    background-color: #f6f6f6;
}

.form option.empty {
    color: #aaa;
}

.form .uppercase input {
    text-transform: uppercase;
}

.tabella-permessi {
    width: 100%;
    border-collapse: collapse;
    margin: 0px 3px;
}

.tabella-permessi thead th {
    text-align: left;
}

.tabella-permessi label {
    cursor: pointer;
}

.tabella-permessi td.cell {
    padding: 0px;
    text-align: center;
}

.tabella-permessi td.cell label {
    display: block;
    padding: 2px;
}

.tabella-permessi tr.riga-pari {
    background-color: #eee;
}

.tabella-permessi tr.riga-dispari {
    background-color: #f8f8f8;
}

.tabella-permessi tr.riga-over {
    background-color: #bdf;
}

.tabella-permessi th, .tabella-permessi td {
    border-bottom: 1px solid #e4e4e4;
}

.tabella-permessi td.checked {
    background-color: #def;
}

.tabella-permessi .script-row span {
    cursor: pointer;
}

.tabella-permessi .action-col {
    width: 75px;
    text-align: center;
}

.tabella-permessi .action-col span {
    cursor: pointer;
}



.multipage div.multipage-info {
    float: left;
}

.multipage ul {
    float: right;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.multipage ul li {
    float: left;
    margin-right: 3px;
}

.multipage ul a, .multipage ul span {
    display: block;
    padding: 0px 3px;
    min-width: 1em;
    text-align: center;
    background-color: #fff;
    border: 1px solid #aaa;
    text-decoration: none;
    color: #000;
}

.multipage ul a:hover, .multipage ul span {
    background-color: #bdf;
}

.multipage ul span {
    cursor: default;
}

.multipage ul span.disabled {
    background-color: transparent;
    border-color: #e6e6e6;
    color: #aaa;
}

.lista-risultati-vuota {
    padding: 1.5em;
    font-style: italic;
    font-weight: bold;
    font-size: 1.25em;
    text-align: center;
}

.lista-risultati-totali {
    background-color: #ffa;
}

.lista-risultati {
    margin: 0px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}

.lista-risultati caption {
    text-align: left;
    color: #000;
    font-size: 12pt;
    font-weight: bold;
}


.lista-risultati th {
    text-align: left;
    padding: 4px 2px;
    background-color: #444;
    color: #eee;
}

.lista-risultati th a {
    color: #eee;
    text-decoration: none;
    display: inline-block;
    line-height: 16px;
}

.lista-risultati th a img {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 4px;
}

.lista-risultati th a:hover {
    text-decoration: underline;
}

.lista-risultati th.center {
    text-align: center;
}

.lista-risultati th.right {
    text-align: right;
}

.lista-risultati tbody.main-body td {
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #ddd;
}

.lista-risultati tbody td {
    padding: 4px 5px;
    border-bottom: 1px solid #ccc;
    cursor: default;
}

.lista-risultati tr.riga-pari {
    background-color: #eee;
}

.lista-risultati tr.riga-dispari {
    background-color: #f8f8f8;
}

.lista-risultati tr.riga-over {
    background-color: #bdf;
}

.lista-risultati tbody.main-body tr.riga-over td {
    border-top: 1px solid #def;
    border-bottom: 1px solid #ace;
    border-left: 1px solid #def;
    border-right: 1px solid #ace;
}


.riga-giacenza-zero, .riga-sotto-scorta {
    color: #c00;
}

.riga-non-movimentato {
    color: #f80;
}

.riga-ordinato {
    color: #08f;
}

.lista-risultati .id {
    width: 50px;
    text-align: center;
}

.lista-risultati .action {
    width: 24px;
    padding: 0px;
    text-align: center;
}

.lista-risultati td.empty {
    text-align: center;
    font-size: 12pt;
    background: #fff;
    color: #aaa;
}

.lista-risultati .modello {
    background-color: #fff4bb !important;
}

.lista-risultati .action a {
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    width: 16px;
    height: 16px;
    display: block;
    margin: auto;
}

.lista-risultati .action a:hover {
    background-color: #fff;
}

.lista-risultati .action img {
    display: block;
    width: 16px;
    height: 16px;
}

.lista-risultati .multipage-info {
    float: left;
    margin: 7px 0px 0px;
}

.lista-risultati ul {
    float: right;
    list-style-type: none;
    margin: 7px 0px 0px;
}

.lista-risultati ul li {
    float: left;
    margin-left: 3px;
}

.lista-risultati ul span, .lista-risultati ul a {
    display: block;
    min-width: 12px;
    padding: 2px 5px;
    border: 1px solid #bbb;
    -moz-border-radius: 3px;
    text-align: center;
    text-decoration: none;
}

.lista-risultati ul a {
    cursor: pointer;
    background-color: #fff;
    color: #444;
}

.lista-risultati ul span {
    cursor: default;
    border-color: #000;
    background-color: #444;
    color: #fff;
}

.lista-risultati ul a:hover {
    cursor: pointer;
    background-color: #bdf;
}

.lista-risultati ul span.disabled {
    cursor: default;
    background-color: #eee;
    border-color: #ddd;
    color: #ccc;
}

.lista-risultati tbody td.border-left {
    border-left: solid 1px #ddd;
}





.colore-operatore {
    display: inline-block;
    width: 15px;
    height: 15px;
}





#calendar-custom-controls {
    padding-bottom: 5px;
}

.calendar-cols {
    padding-bottom: 5px;
}

#calendar-view-title {
    font-size: 12pt;
    font-weight: bold;
    line-height: 28px;
}

#calendar-loader {
    display: inline-block;
    position: relative;
    background-color: #f80;
    padding: 4px 6px 4px 25px;
    line-height: 16px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#calendar-loader img {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}

#calendar-fields {
    border-top: solid 1px #ccc;
    margin-top: 3px;
    padding-top: 3px;
}


.assenza,
.fc-agenda .assenza .fc-event-time,
.assenza a {
    background-color: #888;
    border-color: #888;
    color: #fff;
}

.fc-content .fc-sat, .fc-content .fc-sun {
    background-color: #ffe8e8;
}



.lista-risorse {
    max-height: 400px;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #ddd #ddd #bbb;
}

.lista-risorse strong, .lista-risorse label {
    display: block;
    padding: 1px;
}

.lista-risorse strong {
    background-color: #bdf;
}

.lista-risorse .riga-pari {
    background-color: #eee;
}

.lista-risorse .riga-dispari {
    background-color: #f8f8f8;
}

.lista-risorse .riga-over {
    background-color: #def;
}

.lista-risorse .error {
    background-color: #eaa;
}

.actions-appuntamento .first {
    margin-left: 10px;
}



/** Tabs lingua ***************************************************************/

.lang-container {
    padding-left: 23px;
    clear: left;
}

.lang-tabs {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
    margin-left: -23px;
    position: relative;
    z-index: 10;
}

.lang-tabs li {
    margin-bottom: 3px;
}

.lang-tabs a {
    display: block;
    width: 16px;
    height: 12px;
    padding: 5px 3px;
    background-color: #f2f2f2;
    border-width: 1px;
    border-style: solid;
    border-color: #e4e4e4 #ccc #e4e4e4 #e4e4e4;
    -webkit-border-topleft-radius: 4px;
    -webkit-border-bottomleft-radius: 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    outline: none;
}

.lang-tabs a.act {
    background-color: #e6e6e6;
    border-color: #ccc #e6e6e6 #ccc #ccc;
}

.lang-tabs a img {
    display: block;
    width: 16px;
    height: 12px;
}

.lang-frame {
    background-color: #e6e6e6;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    position: relative;
    z-index: 1;
}



/** Tree **********************************************************************/

ul.tree, ul.tree ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.tree li {
    clear: left;
    position: relative;
}

ul.tree ul li {
    padding-left: 22px;
    background: transparent url('tree.png') repeat-y -66px 0px;
}

ul.tree ul li.last {
    background-repeat: no-repeat;
    background-position: -66px -10px;
}

ul.tree span.node {
    height: 20px;
    padding: 1px 0px;
    float: left;
}

ul.tree ul span.node {
    margin-left: -22px;
}

ul.tree span.node span {
    float: left;
    height: 16px;
    line-height: 16px;
    padding: 2px 5px 2px 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
}

ul.tree span.node:hover span {
    background-color: #e6e6e6;
}

ul.tree span.node span img {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

ul.tree a.node-trigger {
    float: left;
    width: 22px;
    height: 22px;
    background: transparent url('tree.png') no-repeat -44px 0px;
}

ul.tree a.node-open {
    background-position: -22px 0px;
    cursor: pointer;
}

ul.tree a.node-close {
    background-position: 0px 0px;
    cursor: pointer;
}

ul.tree a.tree-action {
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    padding: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.tree ul a.tree-action {
    display: none;
}

ul.tree span.node:hover a.tree-action {
    display: block;
}

ul.tree a.tree-action:hover {
    background-color: #bdf;
}

ul.tree a.tree-action img {
    display: block;
    width: 16px;
    height: 16px;
}

ul.tree ul li.drag, ul.tree li.drag > span a.node-trigger {
    background: transparent;
}

ul.tree ul li.drag .tree-action, ul.tree li.drag ul.empty {
    display: none !important;
}

ul.tree ul li.drag span.node span {
    background: #ccc;
}

ul.tree ul.empty {
    width: 100px;
    height: 4px;
    margin-top: -4px;
}

ul.tree li.placeholder {
    background: #bdf;
    height: 4px;
    margin: -2px 0;
    padding: 0;
    width: 150px;
}

#lista-file {
    margin: 0px 0px 0px 120px;
    padding: 0px;
    list-style-type: none;
}

#lista-file li {
    float: left;
    margin-right: 5px;
    background-color: #e6e6e6;
    padding: 2px 2px 2px 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#lista-file li:hover {
    float: left;
    background-color: #d4d4d4;
}

#lista-file a {
    text-decoration: none;
    float: left;
}

#lista-file a.label {
    line-height: 20px;
    height: 20px;
}

#lista-file a.action-delete {
    margin: 2px 2px 2px 4px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#lista-file a.action-delete:hover {
    background-color: #e6e6e6;
}

#lista-file img {
    display: block;
    width: 16px;
    height: 16px;
}

.form .field, .form .no-label  {
    padding-left: 3px;
}

.form label.label, .form label.label {
    display: block;
    margin-left: 3px;
    
    float: none;
    width: auto;
    margin: 0px;
    text-align: left;
}